@charset "UTF-8";
  @font-face {
font-family: "Noto Sans JP";
src: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/fonts/NotoSansJP-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Noto Sans JP";
src: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/fonts/NotoSansJP-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto";
src: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/fonts/Roboto-Regular.woff) format("woff");
font-weight: 400;
font-style: normal;
font-display: swap;
}
@font-face {
font-family: "Roboto Condensed";
src: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/fonts/RobotoCondensed-Bold.woff) format("woff");
font-weight: 700;
font-style: normal;
font-display: swap;
}
body {
font-family: "Noto Sans JP", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", YuGothic, "游ゴシック", Meiryo, "メイリオ", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Droid Sans",
sans-serif;
font-size: 16px;
font-weight: normal;
color: #000;
}
.f_roboto {
font-family: "Roboto", "Noto Sans JP", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.f_roboto_c {
font-family: "Roboto Condensed", "Noto Sans JP", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.clear:after {
content: "";
display: block;
clear: both;
}
a {
text-decoration: none;
}
a:hover {
opacity: 0.8;
}
.txt_center {
text-align: center;
}
.txt_right {
text-align: right;
}
.sp_only,
.sp_head {
display: none !important;
}
.not_link {
cursor: default;
}
.not_link:hover {
opacity: 1;
text-decoration: none;
}
#gallery-1 img {
border: none !important;
} .box {
height: 100vh;
position: relative;
} input,
button,
textarea,
select,
submit {
border: none;
outline: none;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
} .section_box {
opacity: 0;
transition: opacity 0.5s ease 0.75s;
}
.section_box.is-show {
opacity: 1;
}
.fade {
opacity: 0;
transition: all 1000ms;
}
.fade.fadein {
opacity: 1;
}
.scroll_fade {
opacity: 0;
transform: translate(0, 50px);
transition: all 0.5s;
}
.scroll_fade.scrollin {
opacity: 1;
transform: translate(0, 0);
}
.scroll_fadeBox,
.scroll_fadeBox2,
.scroll_fadeBox3 {
opacity: 0.1;
transform: translate(0, 50px);
transition: all 1.5s;
} .scroll_fadeBox2 {
-moz-transition-delay: 600ms;
-webkit-transition-delay: 600ms;
-o-transition-delay: 600ms;
-ms-transition-delay: 600ms;
transition-delay: 600ms;
}
.scroll_fadeBox3 {
-moz-transition-delay: 1000ms;
-webkit-transition-delay: 1000ms;
-o-transition-delay: 1000ms;
-ms-transition-delay: 1000ms;
transition-delay: 1000ms;
} .loading {
width: 100%;
height: 100%;
background: #eee;
position: fixed;
top: 0;
left: 0;
z-index: 20000;
}
:root {
--sk-size: 40px;
--sk-color: #000;
} .sk-center {
margin: auto;
}
.sk-chase {
width: var(--sk-size);
height: var(--sk-size);
position: relative;
animation: sk-chase 2.5s infinite linear both;
position: absolute;
top: 50%;
left: 50%;
margin-top: -20px;
margin-left: -20px;
}
.sk-chase-dot {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
animation: sk-chase-dot 2s infinite ease-in-out both;
}
.sk-chase-dot:before {
content: "";
display: block;
width: 25%;
height: 25%;
background-color: var(--sk-color);
border-radius: 100%;
animation: sk-chase-dot-before 2s infinite ease-in-out both;
}
.sk-chase-dot:nth-child(1) {
animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2) {
animation-delay: -1s;
}
.sk-chase-dot:nth-child(3) {
animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4) {
animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5) {
animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6) {
animation-delay: -0.6s;
}
.sk-chase-dot:nth-child(1):before {
animation-delay: -1.1s;
}
.sk-chase-dot:nth-child(2):before {
animation-delay: -1s;
}
.sk-chase-dot:nth-child(3):before {
animation-delay: -0.9s;
}
.sk-chase-dot:nth-child(4):before {
animation-delay: -0.8s;
}
.sk-chase-dot:nth-child(5):before {
animation-delay: -0.7s;
}
.sk-chase-dot:nth-child(6):before {
animation-delay: -0.6s;
}
@keyframes sk-chase {
100% {
transform: rotate(360deg);
}
}
@keyframes sk-chase-dot {
80%,
100% {
transform: rotate(360deg);
}
}
@keyframes sk-chase-dot-before {
50% {
transform: scale(0.4);
}
100%,
0% {
transform: scale(1);
}
}
.emphasis {
font-weight: bold;
color: #f93;
} #header {
background: rgba(255, 255, 255, 0.85);
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100;
}
.header_inner {
display: flex;
align-items: center;
max-width: 1600px;
width: 100%;
margin: 0 auto;
}
.logo {
margin-bottom: 0;
padding: 15px 0 15px 20px;
}
.h_cnt {
padding: 20px 20px 20px 0;
width: 75%;
display: flex;
justify-content: flex-end;
}
.h_navi {
width: 47%;
margin-right: 1%;
display: flex;
align-items: center;
}
.h_navi ul {
margin-bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: flex-end;
width: 100%;
}
.h_navi ul li:not(:last-child) {
margin-right: 3.4%;
}
.h_navi ul li a {
color: #000;
font-size: 14px;
font-weight: bold;
}
.h_contact_box {
max-width: 190px;
width: 100%;
margin-top: -20px; }
.h_contact_box a,
.h_contact_box > span {
display: block;
font-size: 15px;
font-weight: bold;
background: #009933;
border: 1px solid #009933;
color: #fff;
padding: 20px 5px;
text-align: center;
position: relative;
}
.change_language {
width: 5%;
margin-left: 10px;
}
.change_language span,
.change_language a {
color: #000;
font-size: 13px;
font-weight: bold;
position: relative;
}
.change_language span {
border-right: 1px solid #000;
padding-right: 10%;
margin-right: 3%;
}
.h_recruit_btn {
max-width: 130px;
width: 100%;
margin-top: -20px;
}
.h_recruit_btn a {
display: block;
font-size: 15px;
font-weight: bold;
background: #ff3333;
border: 1px solid #ff3333;
color: #fff;
padding: 20px 5px;
text-align: center;
position: relative;
transition: all 0.3s;
}
.menu {
position: relative;
}
.menu > li.menu__multi,
.menu_multi_btn {
position: relative;
}
ul.menu__second-level {
visibility: hidden;
opacity: 0;
z-index: 1;
}
ul.menu__third-level,
ul.menu__four-level {
visibility: hidden;
opacity: 0;
}
li.menu__multi ul.menu__second-level,
.menu_multi_btn > .menu__second-level {
position: absolute;
top: 40px;
width: 270px;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: 1px solid #fff;
}
.menu_multi_btn > .menu__second-level {
top: 65px;
left: 50%;
margin-left: -135px;
}
li.menu__multi:hover ul.menu__second-level,
.menu_multi_btn:hover > .menu__second-level {
top: 25px;
visibility: visible;
opacity: 1;
background: #33ac5c;
}
.menu_multi_btn:hover > .menu__second-level {
top: 60px;
padding-top: 24px;
border: none;
background: transparent;
}
.menu_multi_btn > .menu__second-level::before {
content: "";
position: absolute;
top: -15px;
left: 50%;
margin-left: -20px;
box-sizing: border-box;
width: 20px;
height: 14px;
border: 20px solid transparent;
border-bottom: 24px solid #ff9933;
}
.h_navi ul li .menu__second-level a,
.menu_multi_btn .menu__second-level a {
color: #fff;
padding: 15px;
display: block;
width: 100%;
text-align: left;
background: #33ac5c;
position: relative;
}
.menu_multi_btn .menu__second-level a {
border: none;
min-height: 71px;
display: flex;
align-items: center;
}
.icon_arrow::after {
content: "";
position: absolute;
top: 50%;
right: 15px;
width: 8px;
height: 8px;
margin-top: -5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.h_navi ul li .menu__third-level a {
background: #54b675;
}
.h_navi ul li .menu__third-level.long-navi a {
padding: 6px 15px;
}
.h_navi ul li .menu__four-level a {
background: #7dc897;
}
li.menu__multi ul.menu__second-level li,
.menu_multi_btn .menu__second-level li {
position: relative;
width: 100%;
margin-right: 0;
border-bottom: 1px solid #fff;
}
.menu_multi_btn .menu__second-level li {
border: 1px solid #fff;
}
.menu_multi_btn .menu__second-level li:first-child {
border-top: none;
}
li.menu__multi ul.menu__second-level li:last-child {
border-bottom: none;
}
li.menu__multi ul.menu__second-level li:hover,
.menu_multi_btn .menu__second-level li:hover {
background: #111;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level {
position: absolute;
top: -1px;
left: 100%;
width: 95%;
background: #54b675;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: 1px solid #fff;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level.long-navi {
width: 320px;
}
li.menu__multi ul.menu__second-level li:hover ul.menu__third-level {
visibility: visible;
opacity: 1;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li {
position: relative;
}
li.menu__multi ul.menu__second-level li ul.menu__third-level li:hover {
background: #2a1f1f;
}
li.menu__multi ul.menu__third-level li ul.menu__four-level {
position: absolute;
top: -1px;
left: 100%;
width: 100%;
background: #5fbb7f;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
border: 1px solid #fff;
}
li.menu__multi ul.menu__third-level li:hover ul.menu__four-level {
visibility: visible;
opacity: 1;
}
li.menu__multi ul.menu__third-level li ul.menu__four-level li {
position: relative;
}
li.menu__multi ul.menu__third-level li ul.menu__four-level li:hover {
background: #2a1f1f;
}
.h_navi ul li .menu__second-level a.link_masters {
background: #05008d;
position: relative;
}
.h_navi ul li .menu__second-level a.link_masters::after {
content: "";
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_blank.svg) 0 0 no-repeat;
background-size: 16px;
height: 16px;
width: 16px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
} .menu:before,
.menu:after {
content: " ";
display: table;
}
.menu:after {
clear: both;
}
.menu {
*zoom: 1;
} .top_main {
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/slide/img_main.jpg) center -40px no-repeat;
background-size: cover;
position: relative;
height: 91vh !important;
margin-top: 84px;
}
.top_main_inner {
max-width: 710px;
width: 100%;
margin: 0 auto;
text-align: center;
position: absolute;
left: 50%;
top: 0;
margin-left: -370px;
z-index: 1;
height: 100%;
}
.main_catch {
position: absolute;
top: 25vh;
width: 100%;
left: 0;
}
.main_catch img {
width: 40vw;
}
.main_catch_savtxt {
margin-bottom: 0;
font-size: 1.6vw;
color: #fff;
font-weight: bold;
text-align: right;
position: absolute;
right: 0;
bottom: 15vh;
}
.top_main_text {
position: absolute;
width: 100%;
top: 37%;
left: 0;
transform: translate(0, -75%);
}
.top_main_text h2 {
font-size: 60px;
font-weight: bold;
color: #000;
line-height: 1.3;
margin-bottom: 45px;
}
.kakko_text {
margin-left: -37px;
}
.top_main_text h2 > span:not(.kakko_text) {
font-size: 88px;
color: #009933;
margin-right: -55px;
}
.top_main_text > p {
font-weight: bold;
color: #000;
font-size: 26px;
line-height: 1.8;
margin-bottom: 0;
}
.cnt_scroll {
position: absolute;
bottom: 30px;
left: 50%;
margin-left: -33px;
animation-name: updown;
animation-timing-function: ease-in-out;
animation-iteration-count: infinite;
animation-direction: alternate;
animation-duration: 1s;
}
@keyframes updown {
0% {
transform: translate(0, 0px);
}
100% {
transform: translate(0, -15px);
}
}
.cnt_scroll a {
margin-bottom: 0;
color: #093;
font-size: 12px;
letter-spacing: 1px;
padding-bottom: 25px;
display: block;
}
.cnt_scroll a::after {
content: "";
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_arrow_green.png) 0 0 no-repeat;
background-size: 8px 13px;
height: 13px;
width: 8px;
transform: rotate(90deg);
position: absolute;
left: 50%;
bottom: 0;
margin-left: -3px;
} .top_story .page_inner {
position: absolute;
left: 50%;
top: 15%;
transform: translate(-50%, 0);
width: 100%;
z-index: 1;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
max-width: 1600px;
}
.top_story .page_inner figure {
margin-bottom: 0;
width: 51%;
}
.story_text {
width: 39.5%;
margin-right: 2.5%;
margin-left: 7%;
}
.top_story .page_inner figure img {
width: 100%;
}
.story_text h2 {
font-size: 54px;
color: #009933;
line-height: 1;
margin-bottom: 20px;
}
.ttl_sav_txt {
font-size: 30px;
font-weight: bold;
margin-bottom: 45px;
}
.story_text .ttl_sav_txt {
font-size: 28px;
margin-bottom: 25px;
}
.story_text_cnt {
font-weight: normal;
font-size: 15px;
}
.story_text_cnt p {
margin-bottom: 20px;
}
.story_text_cnt .catch_text {
font-weight: bold;
font-size: 20px;
}
.story_text_cnt .catch_last_text {
font-weight: bold;
font-size: 23px;
color: #093;
}
.story_text_cnt .catch_last_text span {
display: block;
margin-left: -10px;
}
.story_text .ttl_sav_txt {
font-size: 28px;
}
.more_btn.link_green {
max-width: 320px;
width: 100%;
margin-top: 43px;
}
.more_btn.link_green a {
border: 1px solid #009933;
display: block;
font-size: 21px;
font-weight: bold;
color: #fff;
background: #009933;
text-align: center;
padding: 19px;
letter-spacing: 1px;
position: relative;
}
.more_btn.link_green a::after {
content: "";
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_arrow_white.png) 0 0 no-repeat;
background-size: 8px 13px;
height: 13px;
width: 8px;
position: absolute;
top: 50%;
right: 19px;
margin-top: -6px;
} .box_even {
background: #fafafa;
}
.top_service .page_inner {
position: absolute;
left: 50%;
top: 12%;
transform: translate(-50%, 0);
width: 100%;
z-index: 1;
max-width: 1600px;
}
.ttl_h2 {
font-size: 54px;
font-weight: bold;
color: #009933;
text-align: center;
margin-bottom: 50px;
}
.top_service_lists {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.top_service_box {
width: 33.3%;
}
.top_service_box a {
display: block;
padding: 26% 0;
overflow: hidden;
height: 100%;
}
.top_service_box a:hover {
text-decoration: none;
opacity: 1;
}
.top_service_text {
color: #fff;
text-align: center;
text-shadow: 2px 1px 4px #000;
}
.service_number {
font-weight: bold;
font-size: 64px;
margin-bottom: 15px;
line-height: 1;
}
.service_name {
margin: 0;
font-size: 30px;
}
.top_service_box:nth-child(1) a {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service1-2_off.jpg) 0 0 no-repeat;
background-size: cover;
}
.top_service_box:nth-child(2) a {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service2-2_off.jpg) 0 0 no-repeat;
background-size: cover;
} .top_service_box:nth-child(3) a {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service4-2_off.jpg) 0 0 no-repeat;
background-size: cover;
}
.top_service_box:nth-child(4) a {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service6-2_off.jpg) 0 0 no-repeat;
background-size: cover;
}
.top_service_box:nth-child(5) a {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service5-2_off.jpg) 0 0 no-repeat;
background-size: cover;
}
.top_service_box:nth-child(1) a:hover {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service1-2_on.jpg) 0 0 no-repeat;
background-size: cover;
}
.top_service_box:nth-child(2) a:hover {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service2-2_on.jpg) 0 0 no-repeat;
background-size: cover;
} .top_service_box:nth-child(3) a:hover {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service4-2_on.jpg) 0 0 no-repeat;
background-size: cover;
}
.top_service_box:nth-child(4) a:hover {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service6-2_on.jpg) 0 0 no-repeat;
background-size: cover;
}
.top_service_box:nth-child(5) a:hover {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/top/img_service5-2_on.jpg) 0 0 no-repeat;
background-size: cover;
} .top_product .page_inner {
position: absolute;
left: 50%;
top: 21%;
transform: translate(-50%, 0);
width: 100%;
z-index: 1;
max-width: 1600px;
}
.top_product_box .product_caption {
margin-bottom: 15px;
}
.top_product_box a:hover .product_caption {
color: #093;
font-weight: bold;
}
.top_product_box {
margin: 0 20px;
}
.top_product_box a {
color: #000;
display: block;
}
.top_product_box figure {
margin: 0;
overflow: hidden;
}
.top_product_box figure img {
transition: 1s all;
}
.top_product_lists {
position: relative;
}
.prev-arrow2,
.next-arrow2 {
position: absolute;
top: 50%;
margin-top: -27px;
cursor: pointer;
z-index: 10;
}
.prev-arrow2 {
left: 20px;
}
.next-arrow2 {
right: 20px;
}
.product_caption {
margin-bottom: 0;
text-align: center;
font-size: 16px;
margin-top: 10px;
}
.top_product_box a:hover {
text-decoration: none;
}
.top_product_box a:hover img {
transform: scale(1.2, 1.2);
transition: 1s all;
} .top_news .page_inner {
position: absolute;
top: 12%;
left: 0;
width: 100%;
}
.news_tabs {
border-bottom: 1px solid #969696;
}
.news_tabs_inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.tab {
font-size: 16px;
font-weight: bold;
color: #9d9d9d;
width: 6.3%;
text-align: center;
padding: 0 5px 10px;
cursor: pointer;
}
.tab.active,
.tab:hover {
color: #009933;
border-bottom: 3px solid #009933;
}
.news_box {
border-bottom: 1px solid #969696;
padding: 30px 0;
}
.news_box_inner {
max-width: 950px;
width: 100%;
margin: 0 auto;
display: flex;
align-items: center;
flex-wrap: wrap;
position: relative;
}
.news_box_inner time {
color: #009933;
font-size: 13px;
font-weight: bold;
display: block;
line-height: 1;
margin-right: 3.8%;
}
.news_box_inner time span {
font-size: 48px;
display: block;
}
.cate_info {
margin-bottom: 0;
font-weight: bold;
font-size: 16px;
width: 12.8%;
margin-right: 2.8%;
}
.cate_info a {
display: block;
padding: 5px;
text-align: center;
border-radius: 5px;
}
.cate_info a:hover {
color: #fff;
text-decoration: none;
}
.news_cate a {
color: #009933;
border: 1px solid #009933;
}
.news_cate a:hover {
background: #009933;
}
.gijutsu_cate a {
color: #1067bf;
border: 1px solid #1067bf;
}
.gijutsu_cate a:hover {
background: #1067bf;
}
.blog_cate a {
color: #8cbf10;
border: 1px solid #8cbf10;
}
.blog_cate a:hover {
background: #8cbf10;
}
.info-recruit_cate a {
color: #63bf10;
border: 1px solid #63bf10;
}
.info-recruit_cate a:hover {
background: #63bf10;
}
.news_box_inner > a {
width: 74%;
color: #000;
font-size: 21px;
font-weight: normal;
padding-right: 15px;
}
.news_box_inner::after {
content: "";
position: absolute;
top: 50%;
right: 0;
margin-top: -6px;
width: 12px;
height: 12px;
border-top: 2px solid #000;
border-right: 2px solid #000;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.top_news .more_btn {
margin: 60px auto 0;
}
.tab_cnt {
display: none;
}
.tab_open {
display: block;
}  .top_access .page_inner { width: 100%;
z-index: 1;
padding-top: 7vw;
}
.access_cnt {
margin-bottom: 70px;
}
.access_cnt h2 {
text-align: center;
margin-bottom: 50px;
}
.bnr_block {
background: #009933;
padding: 60px 0;
}
.bnr_list {
margin: 0 auto;
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 950px;
width: 100%;
}
.bnr_list li {
width: 29.5%;
margin-right: 3.3%;
}
.bnr_list li:last-child {
margin-right: 0;
}
.access_maps {
display: flex;
flex-wrap: wrap;
}
.access_box {
width: 50%;
}
.g_map a {
height: 0;
overflow: hidden;
padding-bottom: 60%;
position: relative;
display: block;
}
.g_map iframe {
position: absolute;
left: 0;
top: 0;
height: 100%;
width: 100%;
}
.g_map a::before {
content: "";
width: 100%;
height: 100%;
position: absolute;
top: 0;
left: 0;
z-index: 99;
}
.access_txt {
font-size: 14px;
text-align: center;
margin: 25px 0 19px;
}
.tel_btn {
max-width: 320px;
width: 100%;
margin: 0 auto;
}
.tel_btn a {
text-align: center;
color: #009933;
font-size: 24px;
font-weight: bold;
border: 1px solid #009933;
display: block;
padding: 15px;
position: relative;
}
.tel_btn a::before {
content: "";
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_tel.png) 0 0 no-repeat;
background-size: 18px;
height: 18px;
width: 18px;
position: absolute;
top: 50%;
left: 20px;
margin-top: -9px;
}
.tel_btn a::after {
content: "";
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_arrow_green.png) 0 0 no-repeat;
background-size: 8px 12px;
height: 12px;
width: 8px;
position: absolute;
top: 50%;
right: 20px;
margin-top: -4px;
}
.tel_btn a:hover {
color: #fff;
background: #009933;
text-decoration: none;
}
.tel_btn a:hover::before {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_tel_on.png) 0 0 no-repeat;
}
.tel_btn a:hover::after {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_arrow_white.png) 0 0 no-repeat;
} #footer {
max-width: 1600px;
width: 100%;
margin: 0 auto;
padding: 0 0 40px;
}
.f_navi {
display: flex;
flex-wrap: wrap;
justify-content: center;
max-width: 1200px;
width: 100%;
margin: 0 auto 40px;
}
.f_navi li:not(:last-child) {
margin-right: 1.5%;
}
.f_navi li a {
color: #000;
font-weight: normal;
font-size: 13px;
}
.copy_text {
display: block;
text-align: center;
font-size: 10px;
color: rgba(0, 0, 0, 0.5);
}
.f_sitemap_navi {
width: 100%;
margin: 0 auto 30px;
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.site_list_box {
display: flex;
justify-content: center;
}
.site_list_box > li {
margin-right: 6%;
}
.site_list_box > li > ul {
border-left: 1px solid #009933;
padding: 5px 0 5px 15px;
}
.first_txt > a,
.first_txt > span {
font-weight: bold;
}
.site_list_box a,
.site_list_box span {
color: #009933;
font-size: 15px;
}
.site_list_box > li > ul > li {
margin-bottom: 5px;
}
.site_list_box > li > ul > li:not(.first_txt) {
margin-left: 10px;
}
.f_navi_third {
margin-left: 17px;
margin-top: 5px;
}
.f_navi_third > li {
margin-bottom: 5px;
}
.site_list_box > li > ul > li:last-child {
margin-bottom: 0;
}
.site_list_box > li:nth-child(1) {
width: 12%;
}
.site_list_box {
width: 63%;
margin-right: 3%;
}
.pull_company {
width: 10%;
}
.site_list_box > li:last-child {
margin-right: 0;
}
.pull_company img {
display: block;
}
.pull_company_box {
padding: 10px;
margin-bottom: 10px;
}
.pull_company_box:last-child {
margin-bottom: 0;
} .page_access .access_maps {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.page_access .access_box:nth-child(1) {
width: 40%;
margin-right: 2%;
}
.page_access .access_box:nth-child(2) {
width: 58%;
}
.page_access .access_txt {
font-weight: bold;
}
.page_access {
height: auto;
background: #f7f7f7;
padding: 70px 0 0;
}  .page_main_head {
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/bg_page_main.jpg) center 0 no-repeat;
background-size: 100% auto;
padding: 9% 0 5%;
margin-bottom: 90px;
}
.page_main_inner {
max-width: 1200px;
width: 100%;
margin: 0 auto;
position: relative;
}
.page_main_head .page_ttl {
margin-bottom: 20px;
color: #fff;
font-size: 33px;
font-weight: bold;
}
.page_main_head .page_ttl span {
display: block;
font-size: 55px;
line-height: 1.2;
letter-spacing: 1px;
}
.main_en_ttl {
display: block;
font-size: 55px;
line-height: 1.2;
letter-spacing: 1px;
color: #fff;
font-weight: bold;
}
.breadcrumbs,
.breadcrumbs a {
font-weight: normal;
color: #fff;
font-size: 14px;
}
.breadcrumbs br {
display: none;
}
.breadcrumbs > span {
margin: 0 10px;
}
.breadcrumbs > span:first-child {
margin-left: 0;
}
.page_container .page_inner {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.check_list,
.processing_desc_text ul {
margin-bottom: 0;
}
.product_catch_text ul {
margin-bottom: 20px;
}
.check_list li,
.product_catch_text ul li,
.processing_desc_text ul li {
position: relative;
padding-left: 20px;
margin-bottom: 10px;
}
.check_list li:last-child,
.product_catch_text ul li:last-child,
.processing_desc_text ul li:last-child {
margin-bottom: 0;
}
.check_list li::before,
.product_catch_text ul li::before,
.processing_desc_text ul li::before {
content: "";
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_check.png) 0 0 no-repeat;
background-size: 16px 12px;
height: 12px;
width: 16px;
position: absolute;
top: 6px;
left: 0;
}
.check_list li.not_list_icon::before {
display: none;
}
.catch_text {
font-size: 18px;
margin-bottom: 50px;
}
.img_border {
border: 1px solid #888;
}
.dot_list li {
list-style-type: disc;
margin-left: 30px;
margin-bottom: 5px;
}
.dot_list li:last-child {
margin-bottom: 0;
}
.sup {
vertical-align: super;
}
.product_wrapper.bg_gray p {
margin-bottom: 0;
padding-bottom: 1rem;
}
.page_contact_link {
margin: 100px auto 0;
max-width: 800px;
width: 100%;
}
.page_contact_link a {
text-align: center;
background: #009933;
color: #fff;
font-size: 26px;
font-weight: bold;
border: 1px solid #009933;
display: block;
padding: 25px 15px;
position: relative;
}
.page_contact_link a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin-top: -6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .page_ttl_h2 {
margin-bottom: 40px;
text-align: center;
}
.page_ttl_h2 h2,
.page_ttl_h2 h3 {
font-size: 32px;
color: #000;
border-bottom: 2px solid #093;
display: inline-block;
text-align: center;
padding: 0 50px 20px;
}
.page_ttl_h3 {
margin-bottom: 20px;
}
.page_ttl_h3 h3 {
position: relative;
overflow: hidden;
margin-bottom: -8px;
padding: 12px 14px;
color: #ffffff;
background: #4db650;
font-size: 22px;
}
.ttl_h3_cont {
position: relative;
z-index: 1;
}
.page_ttl_h3 h3::before,
.page_ttl_h3 h3::after {
position: absolute;
top: 0;
left: 0;
width: 110%;
height: 100%;
content: "";
}
.page_ttl_h3 h3::before {
-webkit-transform: rotate(1.5deg);
transform: rotate(1.5deg);
-webkit-transform-origin: bottom right;
transform-origin: bottom right;
background: #009634;
}
.page_ttl_h3 h3::after {
-webkit-transform: rotate(-2.5deg);
transform: rotate(-2.5deg);
-webkit-transform-origin: bottom left;
transform-origin: bottom left;
background: #2f7900;
} .bnr_masters {
position: absolute;
right: 100px;
top: 57%;
transform: translateY(-50%);
width: 380px;
height: 150px;
}
.bnr_masters > a {
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
gap: 0;
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/bnr/bg_bnr_masters.jpg) center no-repeat;
background-size: cover;
height: 100%;
font-size: 24px;
font-weight: 400;
color: #fff;
letter-spacing: 0.1em;
}
.bnr_masters > a::before {
content: "";
background-color: #35437d;
mix-blend-mode: multiply;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
transition: background-color 0.4s;
}
.bnr_masters > a:after {
content: "";
border: 1px solid #fff;
height: calc(100% - 20px);
width: calc(100% - 20px);
position: absolute;
top: 10px;
left: 10px;
}
.bnr_masters > a:hover {
text-decoration: none;
opacity: 1;
}
.bnr_masters > a:hover::before {
background-color: #dbdbdb;
}
.bnr_masters_name {
position: relative;
z-index: 1;
}
.bnr_masters_logo {
position: relative;
z-index: 1;
width: 200px;
padding-right: 20px;
}
.bnr_masters_logo::after {
content: "";
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_blank.svg) 0 0 no-repeat;
background-size: 12px;
height: 12px;
width: 12px;
position: absolute;
right: 0;
bottom: 9px;
}
.processing_desc_text .bnr_masters {
bottom: 60px;
transform: none;
width: 50%;
height: 150px;
top: auto;
right: 0;
}
.processing_desc_text .bnr_masters a {
font-size: 20px;
gap: 2px;
}
.processing_desc_text .bnr_masters_logo {
width: 190px;
}
.processing_desc_text .bnr_masters_logo::after {
background-size: 12px;
height: 12px;
width: 12px;
bottom: 6px;
} .product_wrapper {
margin-bottom: 70px;
}
.product_head .page_inner {
max-width: 1600px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.product_head figure,
.product_slide_block {
margin-bottom: 0;
margin-right: 2.6%;
width: 45%;
}
.product_slide_block img {
height: auto;
aspect-ratio: attr(width) / attr(height);
}
.product_head_text {
width: 43%;
}
.product_head_text h1,
.product_head_text > h2 {
font-size: 28px;
font-weight: bold;
margin-bottom: 10px;
}
.product_head_text h1 > span,
.product_head_text > h2 > span,
.page_ttl_h1 {
display: block;
line-height: 1.2;
font-size: 50px;
color: #093;
margin-bottom: 5px;
font-weight: bold;
}
.page_en_ttl {
display: block;
line-height: 1.2;
font-size: 50px;
color: #093;
font-weight: bold;
margin-bottom: 0;
}
.page_en_ttl.permendur-eg {
font-size: 2.8vw;
}
.product_head_text > p {
margin-bottom: 20px;
}
.btn_contact {
display: inline-block;
margin-top: 30px;
}
.btn_contact a {
display: block;
background: #009933;
border: 1px solid #009933;
color: #fff;
text-align: center;
font-size: 20px;
padding: 15px 50px;
font-weight: bold;
position: relative;
}
.btn_contact a::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px;
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.product_intro .page_inner {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.product_head {
margin-bottom: 90px;
}
.product_intro_head {
display: flex;
align-items: center;
margin-bottom: 20px;
}
.intro_sav_ttl,
.product_wrapper.bg_gray p.intro_sav_ttl {
margin-bottom: 0;
position: relative;
font-size: 18px;
font-weight: 500;
color: #1ba449;
padding-left: 80px;
padding-bottom: 0;
}
.product_intro_head h2 {
margin-bottom: 0;
font-weight: 500;
font-size: 30px;
}
.intro_sav_ttl::before {
content: "";
width: 50px;
height: 1px;
background: #000;
display: block;
position: absolute;
left: 15px;
top: 50%;
}
.product_intro_head::before {
content: counter(section, decimal-leading-zero);
font-weight: bold;
font-size: 60px;
color: #808080;
margin-right: 1%;
margin-top: -9px;
font-family: "Roboto Condensed", "Noto Sans JP", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
line-height: 1;
}
.product_intro > section {
counter-increment: section;
}
.product_catch_text {
margin-bottom: 20px;
font-size: 15px;
}
.product_catch_text > p:last-child {
margin-bottom: 0;
}
.product_img_group {
margin-bottom: 20px;
}
.img_x2 {
display: flex;
flex-wrap: wrap;
text-align: center;
}
.img_x2 > figure {
width: 49%;
margin-right: 2%;
}
.img_x2 > figure:last-child {
margin-right: 0;
}
.product_intro_text {
font-size: 15px;
}
.product_intro_text > p:last-child {
margin-bottom: 0;
}
.product_intro_head + .product_img_group {
margin-top: 30px;
}
.product_wrapper.bg_gray {
background: #f9f9f9;
margin: 0;
padding: 40px 0;
}
.product_wrapper.bg_gray:first-child {
padding-top: 70px;
}
.product_wrapper.bg_gray:last-child {
padding-bottom: 70px;
}
.bg_gray .product_img_group {
margin-bottom: 0;
padding-bottom: 20px;
}
.product_info_text {
text-align: left;
}
.product_img_group.img_x2 .product_info_box {
width: 48%;
margin-right: 3%;
}
.product_img_group.img_x2 .product_info_box:only-child {
width: 100%;
text-align: left;
}
.product_img_group.img_x2 .product_info_box:last-child {
margin-right: 0;
}
.product_info_text strong {
font-size: 18px;
}
.product_info_text p:last-child {
font-size: 15px;
}
.product_img_group figure {
margin-bottom: 0;
}
.product_cacth_note {
background: #fff;
margin: 40px auto 0;
padding: 45px;
font-size: 21px;
text-align: center;
max-width: 850px;
width: 100%;
}
.product_cacth_note_text {
display: inline-block;
text-align: left;
color: #009933;
font-weight: 500;
}
.product_cacth_note_text span {
background: linear-gradient(transparent 50%, #ffffc2 0%);
background-color: transparent !important;
padding: 0 3px;
}
.movie_content {
margin-top: 40px;
display: flex;
justify-content: center;
}
.movie_content {
margin-top: 60px;
}
.movie_box.plus {
margin-bottom: 100px;
}
.movie_box.plus p {
margin-top: 57%;
}
.movie_only_block {
margin-top: 80px;
display: block;
text-align: center;
}
.movie_only_box {
width: 47%;
margin: 0 auto;
}
.movie_only_block p {
width: 45%;
margin: 0 auto;
text-align: left;
}
.movie_box {
width: 47%;
position: relative;
height: 0;
padding-bottom: 26%;
}
.movie_box iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.movie_box:not(:last-child) {
margin-right: 3%;
}
.movie_single_content .movie_box {
width: 100%;
max-width: 700px;
padding-bottom: 33%;
}
.img_f_right {
float: right;
margin: 0 0 10px 10px;
max-width: 400px;
}
.product_intro_text ul li {
position: relative;
padding-left: 25px;
margin-bottom: 10px;
}
.product_intro_text ul li::before {
content: "";
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_check.png) 0 0 no-repeat;
background-size: 18px 14px;
height: 14px;
width: 18px;
position: absolute;
top: 2px;
left: 0;
}
.product_related {
margin-top: 100px;
margin-bottom: 70px;
}
.product_related_lists {
max-width: 1200px;
width: 100%;
margin: 0 auto;
display: flex;
flex-wrap: wrap;
}
.product_related_box {
width: 30.5%;
margin-right: 4%;
margin-bottom: 55px;
}
.product_related_box:nth-child(3n) {
margin-right: 0;
}
.product_related_box:last-child {
margin-right: 0;
}
.product_related_box figure {
margin-bottom: 10px;
}
.product_related_box figure figcaption {
text-align: center;
font-size: 18px;
font-weight: bold;
margin-top: 5px;
}
.product_related_text dl {
display: flex;
flex-wrap: wrap;
margin-bottom: 10px;
border-bottom: 1px solid #ddd;
padding-bottom: 10px;
}
.product_related_text dl:last-child {
margin-bottom: 0;
}
.product_related_text dl dt {
width: 22%;
}
.product_related_text dl dd {
margin-bottom: 0;
width: 78%;
}
.material_text {
font-size: 14px;
margin-bottom: 10px;
}
.product_related_text p:not(.material_text) {
font-size: 15px;
margin-bottom: 0;
}
.product_more_btn {
max-width: 240px;
width: 100%;
margin: 35px auto 0;
}
.product_more_btn a {
display: block;
background: #093;
border: 1px solid #093;
color: #fff;
font-weight: bold;
text-align: center;
padding: 15px 20px;
font-size: 18px;
position: relative;
}
.product_more_btn a::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px;
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.product_flex {
display: flex;
flex-wrap: wrap;
padding-bottom: 40px;
}
.product_flex_img {
width: 48%;
text-align: center;
}
.product_flex_text {
width: 50%;
}
.product_intro > section:nth-child(odd) .product_flex_img {
order: 2;
margin-left: 2%;
}
.product_intro > section:nth-child(odd) .product_flex_text {
order: 1;
}
.product_intro > section:nth-child(even) .product_flex_img {
margin-right: 2%;
}
.img_caption {
display: block;
text-align: center;
font-size: 15px;
margin-top: 5px;
} .history_text {
margin-bottom: 50px;
}
.timeline {
list-style: none;
}
.timeline > li {
margin-bottom: 60px;
}
.timeline > li {
overflow: hidden;
margin: 0;
position: relative;
}
.timeline_date {
width: 20%;
float: left;
margin-top: 25px;
margin-bottom: 0;
}
.timeline_content {
width: 80%;
float: left;
border-left: 3px #e5e5d1 solid;
padding: 10px 0 15px 30px;
}
.timeline_content:before {
content: "";
width: 12px;
height: 12px;
background: #6fc173;
position: absolute;
left: 19.6%;
top: 30px;
border-radius: 100%;
}
.timeline_content h3 {
margin: 10px 0 5px;
font-size: 17px;
}
.timeline_content h3:last-child {
margin-bottom: 0;
}
.timeline_content > p {
margin-bottom: 0;
}
.page_container > section {
margin-bottom: 70px;
}
.page_container > section:last-child {
margin-bottom: 100px;
}
.page_container > section:nth-child(even) {
background: #f0f0f0;
padding: 70px 0;
}
.page_container > section:nth-child(2n):last-child {
margin-bottom: 0;
padding-bottom: 100px;
}
.company_head .page_inner {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.company_head .page_inner figure {
margin-bottom: 0;
margin-right: 3%;
width: 13%;
}
.page_container > section.company_head {
position: relative;
margin-bottom: 0;
margin-top: -90px;
}
.page_container > section.company_head::after {
content: "";
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/company/bg_company.jpg) 0 0 no-repeat;
background-size: cover;
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
opacity: 0.3;
}
.company_head_text {
position: relative;
z-index: 10;
width: 100%;
max-width: 1280px;
margin: 0 auto;
text-align: center;
padding: 70px 50px;
font-family: 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
.company_head_text h2 {
font-size: 32px;
font-weight: bold;
margin-bottom: 30px;
text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}
.company_head_text h2 > span {
display: block;
line-height: 1.2;
font-size: 35px;
color: #093;
margin-bottom: -5px;
}
.company_head_text p {
font-size: 25px;
margin-bottom: 33px;
font-weight: bold;
text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}
.company_head_text_block {
display: flex;
flex-wrap: wrap;
}
.company_head_text_box {
width: 83%;
margin-right: 4%;
text-align: left;
line-height: 1.8;
}
.company_head_text_block figure {
width: 13%;
margin: 0;
}
.company_head_text_block figure figcaption {
display: block;
font-weight: bold;
margin-top: 5px;
text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
}
.sinple_tb table {
width: 100%;
background: #fff;
}
.sinple_tb table th,
.sinple_tb table td {
border: 1px solid #888;
padding: 20px;
}
.sinple_tb table th {
width: 15%;
background: #093;
color: #fff;
font-size: 16px;
}
.company_tb table {
background: transparent;
}
.company_tb table th {
background: transparent;
color: #000;
border-left: none;
border-right: none;
width: 17%;
}
.company_tb table td {
border-left: none;
border-right: none;
}
.company_tb table tr:nth-child(1) th,
.company_tb table tr:nth-child(1) td {
border-top: none;
}
.company_tb table tr:last-child th,
.company_tb table tr:last-child td {
border-bottom: none;
}
.img_iso {
max-width: 200px;
width: 100%;
}
.img_iso_text {
margin-top: 5px;
}
.img_iso_text span {
font-weight: bold;
}
.img_iso_text > p {
margin-bottom: 6px;
}
.img_iso_text > p:last-child {
margin-bottom: 0;
}
.sinple_tb .more_btn.link_green {
max-width: none;
display: inline-block;
width: auto;
margin-top: 25px;
}
.sinple_tb .more_btn.link_green a {
font-size: 16px;
padding: 15px 45px;
}
.company_group {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
}
.company_group_box {
width: 30%;
margin-right: 3%;
}
.company_group_box a {
display: block;
color: #000;
text-align: center;
}
.company_group_box figure {
margin-bottom: 0;
}
.company_access_box {
margin-bottom: 50px;
display: flex;
flex-wrap: wrap;
}
.company_access_box:last-child {
margin-bottom: 0;
}
.company_access_box .g_map {
width: 50%;
margin-right: 3%;
padding-bottom: 35%;
height: 0;
overflow: hidden;
position: relative;
}
.company_access_text {
width: 47%;
}
.company_access_text h3 {
color: #fff;
padding: 10px;
font-size: 18px;
margin-bottom: 15px;
background-size: auto auto;
background-color: rgba(26, 163, 71, 1);
background-image: repeating-linear-gradient(45deg, transparent, transparent 10px, rgba(0, 153, 51, 1) 10px, rgba(0, 153, 51, 1) 18px);
}
.company_access_box .check_list {
background: #fff;
padding: 25px;
}
.company_access_info > p {
margin-bottom: 20px;
}
.company_calendar {
display: flex;
flex-wrap: wrap;
}
.calendar_link {
width: 48%;
margin-right: 4%;
}
.calendar_link:last-child {
margin-right: 0;
}
.calendar_link a {
display: block;
background: #009933;
color: #fff;
font-size: 20px;
text-align: center;
padding: 20px;
font-weight: bold;
border: 1px solid #009933;
position: relative;
}
.calendar_link a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin-top: -5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.page_yasukihagane .yasukihagane_head_text,
.page_simple .page_simple_head_text {
width: 100%;
}
.page_ttl_h4 {
margin-bottom: 25px;
}
.page_ttl_h4 .ttl {
font-size: 22px;
border-left: 10px solid #093;
padding: 5px 25px;
}
.flex {
display: flex;
flex-wrap: wrap;
}
.yasukihagane_cnt_box .flex .yasukihagane_cnt_text {
width: 56%;
margin-right: 4%;
}
.yasukihagane_cnt_box .flex figure {
margin: 0;
width: 40%;
}
.yasukihagane_cnt_box .flex.small_w .yasukihagane_cnt_text {
width: 66%;
margin-right: 4%;
}
.yasukihagane_cnt_box .flex.small_w figure {
margin: 0;
width: 30%;
}
.yasukihagane_cnt_box {
margin-bottom: 60px;
} .environment_policy_text {
text-align: center;
font-size: 18px;
}
.environment_policy_text p {
margin-bottom: 20px;
}
.environment_policy_text ol {
text-align: left;
display: inline-block;
margin-bottom: 20px;
}
.sign_name {
text-align: right;
}
.environment_list > li {
margin-bottom: 20px;
list-style-type: none;
position: relative;
display: block;
line-height: 1.3em;
padding: 0em 0.3em 0.3em 1.7em;
}
.environment_list {
counter-reset: cp_clist;
padding: 0.5em;
}
.environment_list > li::before {
position: absolute;
top: 0.1em;
left: 0em;
counter-increment: cp_clist;
content: counter(cp_clist);
padding: 0 0.2em 0 0.2em;
background: #4caf50;
color: #fff;
font-weight: bold;
height: 1.3em;
width: 1.3em;
text-align: center;
border-radius: 50% 1%;
}
.environment_text_box {
margin-bottom: 40px;
}
.environment_text p {
font-size: 15px;
}
.environment_text p:last-child {
margin-bottom: 0;
}
.sav_num_list {
margin: 20px 0 0 20px;
}
.sav_num_list > li {
margin-bottom: 15px;
}
.sav_num_list > li::before {
display: none;
}
.sav_num_list > li:last-child {
margin-bottom: 0;
}
.environment_sav_text {
margin-top: 10px;
line-height: 1.5;
} .technology_desc {
display: flex;
flex-wrap: wrap;
}
.technology_desc figure {
margin-bottom: 0;
margin-right: 3%;
width: 47%;
}
.technology_desc figure.order2 {
margin-right: 0;
margin-left: 3%;
}
.technology_desc_text {
width: 50%;
}
.technology_desc_text dt {
border-bottom: solid 4px #a0d6b2;
position: relative;
padding: 0 0 5px;
font-size: 22px;
color: #093;
margin-bottom: 10px;
}
.technology_desc_text dt::after {
content: "";
position: absolute;
display: block;
border-bottom: solid 4px #009933;
bottom: -4px;
width: 15%;
}
.technology_desc_text dl:not(:last-child) {
margin-bottom: 30px;
}
.order1 {
order: 1;
}
.order2 {
order: 2;
}
.img_lists {
display: flex;
flex-wrap: wrap;
margin-top: 40px;
}
.img_lists.list_x2 .img_list_box {
width: 48.5%;
margin-right: 3%;
text-align: center;
}
.img_lists.list_x2 .img_list_box:nth-child(2n) {
margin-right: 0;
}
.list_x3 .img_list_box {
margin-bottom: 0;
margin-right: 2%;
width: 32%;
}
.list_x3 .img_list_box:nth-child(3n) {
margin-right: 0;
}
.page_container .movie_content {
margin-top: 70px;
}
.movie_ttl {
margin-bottom: 0;
text-align: center;
font-size: 18px;
font-weight: bold;
} .yasukihagane_head {
display: flex;
flex-wrap: wrap;
}
.yasukihagane_head figure {
margin-bottom: 0;
margin-right: 2%;
width: 20%;
}
.yasukihagane_head_text {
width: 78%;
}
.yasukihagane_head_text > h2,
.page_simple_head_text > h2 {
font-size: 24px;
font-weight: bold;
margin-bottom: 15px;
}
.yasukihagane_head_text > h2 span,
.page_simple_head_text > h2 span {
display: block;
line-height: 1.2;
font-size: 50px;
color: #093;
margin-bottom: 0;
}
.yasukihagane_note.flex_box {
display: flex;
flex-wrap: wrap;
}
.yasukihagane_note.flex_box figure {
margin-bottom: 0;
margin-left: 2%;
order: 2;
width: 17%;
}
.yasukihagane_note.flex_box .yasukihagane_note_text {
width: 81%;
}
.page_container > section:nth-child(even) .yasukihagane_note {
margin-bottom: 30px;
padding: 40px;
margin: 2em 0;
background: repeating-linear-gradient(-45deg, #e7ffe5, #e7ffe5 5px, #ffffff 5px, #ffffff 10px);
background: repeating-linear-gradient(-45deg, #e7ffe5, #e7ffe5 5px, #ffffff 5px, #ffffff 10px);
color: #000;
}
.page_container > section:nth-child(odd) .yasukihagane_note {
padding: 30px;
margin: 15px 15px 45px;
background: #c3e6bc;
box-shadow: 0 0 0 15px #c3e6bc;
border: 2px dashed #ffffff;
color: #000000;
}
.link_site_lists {
display: flex;
flex-wrap: wrap;
}
.link_site_lists.list_x2 li {
width: 48%;
margin-right: 4%;
margin-bottom: 35px;
}
.link_site_lists.list_x2 li:nth-child(2n) {
margin-right: 0;
}
.link_site_lists li a {
display: block;
text-align: center;
border: 1px solid #093;
background: #093;
color: #fff;
font-size: 18px;
padding: 20px;
position: relative;
}
.link_site_lists li a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
margin-top: -5px;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .product_head .prodact_logo {
width: 100%;
margin: 14px 0;
}
.product_head .prodact_logo img {
max-width: 300px;
width: 100%;
}
.product_head .prodact_logo figcaption {
font-size: 15px;
}
.windpower_mechanism_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 50px;
margin-top: 40px;
}
.windpower_mechanism_list figure {
width: 35%;
margin: 0 5% 0 0;
text-align: center;
}
.windpower_mechanism_list figure:last-child {
margin-right: 0;
}
.windpower_mechanism_list figure figcaption {
display: block;
margin-top: 10px;
font-size: 14px;
}
.windpower_receptor {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: flex-end;
}
.windpower_receptor figure {
margin-bottom: 0;
margin-right: 4%;
width: 60%;
}
.windpower_receptor_text {
margin-bottom: 35px;
width: 25%;
}
.windpower_receptor_text dt {
background: #093;
color: #fff;
padding: 10px 20px;
font-size: 18px;
border: 1px solid #093;
}
.windpower_receptor_text dd {
padding: 10px 20px;
border: 2px solid #093;
}
.windpower_receptor figure figcaption {
text-align: center;
margin-top: 10px;
}
.windpower_report_img {
margin: 30px 0 50px;
text-align: center;
}
.point_box {
position: relative;
padding: 25px 30px;
border: solid 3px #009933;
border-radius: 8px;
color: #000000;
max-width: 1000px;
width: 100%;
margin: 50px auto 0;
}
.pont_box_ttl {
position: absolute;
display: inline-block;
top: -13px;
left: 10px;
padding: 0 10px;
line-height: 1;
font-size: 20px;
background: #f9f9f9;
color: #009933;
font-weight: bold;
}
.product_wrapper.bg_gray .point_box p {
margin: 0;
padding: 0;
}
.check_list li.list_sup_tag::before {
top: 11px;
}
.patent_content ul {
margin-bottom: 15px;
} .behn_desc {
display: flex;
flex-wrap: wrap;
margin-bottom: 50px;
}
.behn_desc figure {
order: 2;
width: 43%;
margin-left: 3%;
margin-bottom: 0;
}
.behn_desc_text {
width: 54%;
}
.behn_work {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.behn_work figure {
margin-bottom: 0;
margin-right: 3%;
width: 31.3%;
}
.behn_work figure:last-child {
margin-right: 0;
}
.behn_work figure figcaption {
text-align: center;
margin-top: 5px;
font-size: 15px;
}
.behn_size {
display: flex;
flex-wrap: wrap;
margin: 50px 0;
justify-content: center;
align-items: flex-start;
}
.behn_size_date {
margin-bottom: 0;
width: 30%;
margin-right: 3%;
}
.behn_size_date dt {
background: #093;
color: #fff;
padding: 15px 20px 17px;
}
.behn_size_date dd {
background: #fff;
padding: 20px;
margin-bottom: 0;
border: 2px solid #093;
}
.behn_size figure {
margin-bottom: 0;
width: 30%;
}
.behn_photos {
display: flex;
flex-wrap: wrap;
justify-content: center;
margin-bottom: 50px;
}
.behn_photos figure {
margin-bottom: 0;
width: 31%;
text-align: center;
margin-right: 3%;
}
.behn_photos figure:last-child {
margin-right: 0;
}
.behn_photos figure figcaption {
font-size: 14px;
margin-top: 5px;
} .product_head_text > p.product_support_ttl {
margin-bottom: 10px;
font-weight: bold;
color: #093;
font-size: 18px;
}
.product_support_flex {
display: flex;
flex-wrap: wrap;
}
.product_support_flex figure {
width: 48%;
margin-bottom: 0;
order: 2;
margin-left: 3%;
text-align: center;
}
.product_support_flex_text {
width: 49%;
} .qa *,
.qa *:after,
.qa *:before {
font-family: "FontAwesome", sans-serif;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.faq_lists {
margin: 30px 0 0;
}
.qa {
border-bottom: 1px dotted #0097a7;
margin-bottom: 40px;
}
.qa dt {
position: relative;
margin: 0 0 1.5em 0;
padding-left: 35px;
}
.qa dd {
position: relative;
padding: 0 0 30px 35px;
}
.qa dd p:last-child {
margin-bottom: 0;
}
.qa dt::before,
.qa dd::before {
font-size: 18px;
margin: 0 0.5em 0 0;
color: #ffffff;
border-radius: 50%;
position: absolute;
width: 25px;
height: 25px;
line-height: 1.2em;
font-weight: normal;
left: 0;
top: 0;
}
.qa dt::before {
padding: 3px 7px;
content: "\f128";
background: #005399;
}
.qa dd::before {
padding: 4px 9px;
content: "\f12a";
background: #009933;
}
.qa dt::after,
.qa dd::after {
position: absolute;
top: 0.5em;
display: inline-block;
width: 0;
height: 0;
content: "";
border-width: 5px 0 5px 5px;
border-style: solid;
}
.qa dt::after {
left: 1.5em;
border-color: transparent transparent transparent #005399;
}
.qa dd::after {
left: 1.5em;
border-color: transparent transparent transparent #009933;
} .recruit_content > figure {
text-align: center;
margin-bottom: 50px;
}
.recruit_photos {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.recruit_photos > figure {
margin-bottom: 0;
margin-right: 3%;
width: 26.3%;
}
.recruit_photos > figure:last-child {
margin-right: 0;
}
.recruit_link {
margin: 60px auto 0;
max-width: 550px;
width: 100%;
}
.recruit_link a {
text-align: center;
background: #009933;
color: #fff;
font-size: 24px;
font-weight: bold;
border: 1px solid #009933;
display: block;
padding: 20px 15px;
position: relative;
}
.recruit_link a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin-top: -6px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.recruit_lists {
background: #fff;
padding: 40px;
border-top: 3px solid #093;
border-bottom: 3px solid #093;
}
.recruit_lists .news_box:first-child {
padding-top: 0;
}
.recruit_lists .news_box:last-child {
padding-bottom: 0;
border-bottom: none;
}
.recruit_lists .news_box_inner time {
margin-right: 2%;
text-align: center;
}
.recruit_lists .news_box_inner time span {
font-size: 40px;
}
.recruit_lists .news_box_inner > a {
font-size: 18px;
padding-right: 0;
width: 91%;
} .category_list {
margin-bottom: 100px;
}
.category_list .news_box_inner {
max-width: 1000px;
}
.category_list .news_box_inner time {
margin-right: 2%;
text-align: center;
}
.category_list .news_box_inner > a {
padding-right: 0;
width: 91%;
} .clearfix {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.clearfix li {
width: 60px;
height: 60px;
line-height: 60px;
text-align: center;
font-size: 24px;
margin: 0 1%;
}
.cms-pagination {
margin: 60px 0 0;
}
.clearfix li.pagination-no-num {
margin: 0;
}
.clearfix li.pagination-no-num span {
background: transparent;
position: relative;
}
.clearfix li.pagination-no-num a {
background: #eeebe1;
color: transparent !important;
height: 100%;
position: relative;
}
.pagination-no-num.prev a::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 11px;
height: 11px;
border-top: 2px solid #444;
border-right: 2px solid #444;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
display: block;
}
.pagination-no-num.next a::before {
content: "";
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
width: 11px;
height: 11px;
border-top: 2px solid #444;
border-right: 2px solid #444;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
display: block;
}
.clearfix li span {
display: block;
background: #009933;
color: #fff;
border-radius: 50%;
height: 100%;
}
.clearfix li a {
background: #eeebe1;
display: block;
border-radius: 50%;
color: #444;
}
.clearfix li a:hover {
background: #009933;
color: #fff;
text-decoration: none;
}
.pagination-no-num.prev a:hover::before,
.pagination-no-num.next a:hover::before {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.not_info_text {
text-align: center;
font-size: 22px;
} .single_page {
max-width: 1200px;
width: 100%;
margin: 0 auto 100px;
display: flex;
flex-wrap: wrap;
}
.main_area {
margin-right: 4%;
width: 71%;
}
.single_head {
margin-bottom: 15px;
}
.single_head time {
font-weight: bold;
color: #009933;
font-size: 18px;
}
.single_ttl_h1 {
font-size: 30px;
line-height: 1.3;
margin-bottom: 10px;
}
.single_ttl_h1:first-letter {
color: #009933;
font-size: 1.5em;
}
.single_main_img img {
width: 100%;
}
.single_main_img {
margin-bottom: 20px;
}
.single_text_area {
line-height: 1.8;
margin-bottom: 60px;
}
.single_text_area > p {
margin-bottom: 30px;
}
.sub_area {
width: 25%;
}
.sub_area_content {
display: block;
border-radius: 6px;
background: #fff;
border: 1px solid #ddd;
}
.sub_ttl {
margin-bottom: 0;
display: block;
padding: 10px;
background: #009933;
border-radius: 5px 5px 0 0;
font-size: 1.2em;
color: #fff;
}
.sub_box a {
display: block;
position: relative;
padding: 15px;
border-bottom: 1px solid #ddd;
transition: 0.3s;
color: #009933;
}
.sub_box a::after {
content: "";
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
width: 10px;
height: 10px;
border-top: 1px solid #009933;
border-right: 1px solid #009933;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sub_box a:hover {
background: #009933;
color: #fff;
text-decoration: none;
}
.sub_box a:hover::after {
border-top: 1px solid #fff;
border-right: 1px solid #fff;
}
.pager {
border-top: 1px solid #009933;
padding: 10px 20px 0;
margin-bottom: 80px;
text-align: center;
}
.pager:after {
content: "";
display: block;
clear: both;
}
.pager a {
color: #888;
transition: 0.5s;
}
.pager a:hover {
color: #009933;
text-decoration: none;
}
.pager a[rel="prev"] {
float: left;
}
.pagerGoList {
display: inline-block;
margin: 0;
}
.pager a[rel="next"] {
float: right;
}
.single_text_area h2 {
background: #009933;
border-radius: 3px;
border: #009933 1px solid;
color: #fff;
font-size: 24px;
font-weight: 600;
margin: 50px 0 30px;
padding: 0.2em 0.8em;
text-align: left;
line-height: 1.5;
}
.single_text_area h3 {
background: #f2f2f2;
border-radius: 3px;
border: #009933 1px solid;
border-left: #009933 7px solid;
color: #009933;
font-size: 22px;
font-weight: 600;
margin: 50px 0 30px;
padding: 0.35em 1em;
line-height: 1.5;
}
.single_text_area h4 {
border-bottom: #009933 4px double;
color: #009933;
font-size: 20px;
font-weight: 600;
margin: 20px 0 30px;
padding: 0.35em 1em;
line-height: 1.5;
}
.single_text_area h5 {
border-bottom: #009933 3px double;
color: #009933;
font-size: 18px;
font-weight: 600;
padding: 0 0 0.5em 0;
position: relative;
margin: 50px 0;
line-height: 1.5;
}
.single_text_area h5::before {
content: "";
display: inline-block;
position: relative;
top: -0.075em;
margin-right: 0.5em;
border: transparent 4px solid;
border-left: #009933 4px solid;
}
.single_text_area ul li {
list-style: disc;
margin-left: 25px;
}
.single_text_area ol li {
margin-left: 25px;
}
.single_text_area .wp-caption {
width: auto !important;
} #wpcf7-f6-p282-o1 {
margin-bottom: 80px;
}
.wpcf7 dl {
display: block;
width: 100%;
padding: 20px 10px;
border-bottom: 1px solid #cccccc;
}
.wpcf7 dl.last_dl {
border-bottom: none;
}
.wpcf7 dt span.alert {
display: inline-block;
width: 40px;
margin-right: 3px;
padding: 3px 0;
margin-left: 10px;
text-align: center;
color: #fff;
font-size: 14px;
background: #ff4545;
}
.alert2 {
margin-left: 0 !important;
}
.wpcf7 dt,
.wpcf7 dd {
display: inline-block;
padding: 5px 0;
vertical-align: middle;
}
.wpcf7 dt {
width: 29%;
padding-right: 20px;
}
.wpcf7 dd {
width: 70%;
}
.wpcf7 .captcha dt {
width: 70%;
}
.wpcf7 .captcha dd {
margin-left: 10%;
}
.wpcf7 #input_captcha {
width: 30%;
}
.wpcf7 .captcha img {
display: inline-block;
}
span.wpcf7-list-item {
margin: 0 0 15px;
max-width: 248px;
width: 100%;
}
.radio_box span.wpcf7-list-item {
max-width: none;
width: auto;
}
.apply_radio_box span.wpcf7-list-item {
max-width: 100%;
}
.apply_radio_box li {
margin-bottom: 15px;
}
.explanation {
margin-left: 36px;
font-size: 14px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
border-radius: 5px;
width: 60%;
padding: 0 5px;
border: 1px solid #a8a8a8;
line-height: 1.1;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"] {
height: 40px;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="number"],
.wpcf7 select,
.wpcf7 textarea {
font-size: 16px;
}
.wpcf7 textarea {
width: 100%;
}
.wpcf7 input[type="tel"],
.wpcf7 .name-333 input[type="text"] {
width: 30%;
}
.contact_dl select {
height: 40px;
width: 60%;
border: 1px solid #a8a8a8;
border-radius: 5px;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 15px;
padding: 5px;
}
.drainage-type {
position: relative;
}
.contact_dl .drainage-type::before {
position: absolute;
top: 50%;
margin-top: -3px;
right: 15px;
width: 0;
height: 0;
padding: 0;
content: "";
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666666;
pointer-events: none;
}
input[type="number"] {
height: 40px;
padding: 0 10px;
border: 1px solid #a8a8a8;
border-radius: 6px;
width: 10%;
}
.wpcf7 textarea {
line-height: 1.6;
}
input::-webkit-input-placeholder {
font-size: 14px;
color: #ccc;
}
input:-moz-placeholder {
font-size: 14px;
color: #ccc;
}
.wpcf7 input[type="submit"] {
display: inline-block;
padding: 12px 105px;
cursor: pointer;
color: #fff;
background: #009933;
border: 1px solid #009933;
border-radius: 5px;
font-size: 16px;
font-weight: bold;
line-height: 1.6;
-webkit-appearance: none;
}
.wpcf7 input[type="submit"]:hover,
.wpcf7 input[type="submit"]:focus {
transition: 0.8s;
background: #f7931e;
color: #fff;
}
.wpcf7 .wpcf7-not-valid {
border: 1px solid #f03434 !important;
}
.wpcf7-not-valid-tip {
margin-top: 10px;
}
div.wpcf7-validation-errors {
text-align: center;
color: #f03434;
border: none !important;
}
div.wpcf7-mail-sent-ok {
font-size: 18px;
font-weight: bold;
margin-bottom: 20px;
text-align: center;
color: #a92b43;
border: none !important;
}
.wpcf7 input[type="submit"]:focus {
transition: 0.5s;
background: #f7931e;
}
.wpcf7 p {
margin-top: 20px;
}
.wpcf7 .form_caution {
text-align: left;
line-height: 1.6;
margin-bottom: 15px;
}
.wpcf7 input:focus,
.wpcf7 textarea:focus {
cursor: pointer;
transition: all 0.3s;
border: solid 1px #ff6633;
background: #fff;
}
.wpcf7 .textarea-dl {
border-bottom: none;
}
input#zip {
margin-bottom: 0;
width: 20%;
}
.address_alert {
margin-top: 10px;
font-size: 14px;
}
input[type="radio"] {
display: none;
}
.wpcf7-radio label {
display: inline-block;
position: relative;
cursor: pointer;
margin-left: 20px;
padding: 10px 20px;
border-radius: 2px;
font-size: 14px;
text-align: center;
line-height: 1;
}
.wpcf7-radio label:before {
content: "";
background: #fff;
border: 1px solid #bbb;
position: absolute;
top: 50%;
left: -10px;
width: 20px;
height: 20px;
margin-top: -10px;
border-radius: 50%;
}
.wpcf7-radio label input[type="radio"]:checked + span:after,
.wpcf7-radio label input[type="radio"]:checked + .wpcf7c-conf-hidden + span:after {
content: "";
position: absolute;
top: 50%;
left: -5px;
width: 10px;
height: 10px;
margin-top: -5px;
border-radius: 50%;
background: #009933;
}
.wpcf7-radio .wpcf7-list-item:first-child {
margin-left: 0;
}
.wpcf7c-conf {
background: none !important;
}
.submit {
text-align: center;
}
.backFromBtn {
padding: 10px 50px;
font-size: 15px;
margin-right: 30px;
border-radius: 5px;
}
.address_box li {
margin-bottom: 15px;
}
.contact_dl .address_box li select {
width: 25%;
}
.address_box li:last-child {
margin-bottom: 0;
}
.wpcf7 .contact-tel input[type="text"] {
width: 35%;
}
input[type="checkbox"] {
display: none;
}
.check_box label input[type="checkbox"] + span {
position: relative;
padding-left: 20px;
}
.check_box label input[type="checkbox"]:checked + span {
color: #1e4aba;
}
span.wpcf7-list-item-label::before,
span.wpcf7-list-item-label::after {
content: " ";
}
.check_box label input[type="checkbox"] + span::before {
content: "";
background: #fff;
display: block;
position: absolute;
top: 3px;
left: 0;
width: 15px;
height: 15px;
border: 1px solid #999;
border-radius: 4px;
}
.check_box label input[type="checkbox"]:checked + span::after {
content: "";
display: block;
position: absolute;
top: 0;
left: 5px;
width: 7px;
height: 14px;
transform: rotate(40deg);
border-bottom: 3px solid #1e4aba;
border-right: 3px solid #1e4aba;
}
.privacy_check {
margin: 40px 0;
text-align: center;
}
.privacy_check span.wpcf7-list-item {
display: block;
max-width: none;
text-align: center;
}
input#building {
margin-left: 45px;
}
.main-tmp_box .seminar_ttl {
height: 85px;
}
.wpcf7 dl.zip-dl {
border: none;
margin-bottom: 0;
padding-bottom: 0;
}
.wpcf7 dl.address-dl {
padding-top: 0;
}
.wpcf7 dl.zip-dl ul {
margin-bottom: 0;
}
.wpcf7 dl.address-dl ul {
margin-bottom: 0;
}
.contact_dl dd p {
margin-top: 5px;
}
.wpcf7 .contact_sav {
margin-top: 5px;
}
.wpcf7 input[type="text"].form_y {
width: 100px;
}
.form_y {
margin-right: 5px;
}
.form_d {
margin-left: 10px;
margin-right: 5px;
}
.wpcf7 input[type="text"].form_d {
width: 50px;
}
.form_n {
margin-left: 10px;
margin-right: 5px;
}
.wpcf7 input[type="text"].form_n {
width: 50px;
}
.wpcf7 input[type="text"].form_nenrei {
width: 50px;
margin-right: 5px;
}
.wpcf7 input[type="text"].form_sintyou {
width: 100px;
margin-right: 5px;
}
.wpcf7 input[type="text"].form_bast {
width: 100px;
}
.wpcf7 input[type="text"].form_waist {
width: 100px;
}
.wpcf7 input[type="text"].form_hip {
width: 100px;
}
.threesize_dl span {
margin-right: 15px;
}
.wpcf7 input[type="text"].form_shoes {
width: 100px;
margin-right: 5px;
}
.contact_sav {
font-weight: normal;
}
.wpcf7 input[type="text"].form_price {
width: 200px;
margin-right: 5px;
}
.ui-datepicker .ui-datepicker-title select {
background: transparent;
}
.wpcf7 input[type="text"].datepicker {
width: 200px;
} .content_head {
text-align: center;
margin-bottom: 30px;
}
.content_head h2 {
font-size: 30px;
color: #093;
}
.thanks_text {
text-align: center;
font-size: 18px;
}
.back_more_link {
max-width: 500px;
width: 100%;
margin: 50px auto;
}
.back_more_link a {
display: block;
background: #093;
color: #fff;
padding: 20px;
font-size: 20px;
position: relative;
border: 1px solid #093;
}
.back_more_link a::before {
content: "";
position: absolute;
top: 50%;
left: 15px;
margin-top: -5px;
width: 10px;
height: 10px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
} .policy_block {
background: #cfd;
padding: 40px;
margin: 30px 0;
}
.policy_block > ol {
margin-left: 20px;
margin-bottom: 0;
}
.policy_block > ol li:not(:last-child) {
margin-bottom: 10px;
} .sitemap_lists {
display: flex;
flex-wrap: wrap;
max-width: 800px;
width: 100%;
margin: 0 auto 100px;
}
.sitemap_lists > ul:last-child {
margin-right: 0;
}
.sitemap_lists > ul {
width: 48%;
margin-right: 3%;
margin-bottom: 0;
}
.sitemap_parent {
margin-bottom: 25px;
}
.sitemap_parent > a,
.sitemap_parent > span {
display: block;
border-left: 5px solid #093;
padding: 2px 5px;
font-weight: bold;
}
.sitemap_parent > a {
color: #093;
}
.sitemap_lists > ul > li:last-child {
margin-bottom: 0;
}
.sitemap_child {
margin-top: 10px;
margin-left: 20px;
}
.sitemap_child > li:not(:last-child) {
margin-bottom: 10px;
}
.sitemap_child > li a {
display: block;
position: relative;
color: #093;
padding-left: 15px;
}
.sitemap_child > li a::before {
content: "";
position: absolute;
top: 9px;
left: 0;
width: 8px;
height: 8px;
border-top: 1px solid #093;
border-right: 1px solid #093;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.sitemap_child_sav > li:not(:last-child) {
margin-bottom: 10px;
}
.sitemap_child_sav {
margin-top: 10px;
margin-left: 30px;
} .processing_desc {
display: flex;
flex-wrap: wrap;
}
.processing_desc img {
display: block;
margin-bottom: 20px;
}
.processing_desc img:last-child {
margin-bottom: 0;
}
.processing_desc figure {
margin-bottom: 0;
width: 35%;
margin-right: 3%;
}
.processing_desc_text {
width: 62%;
}
.processing_desc figure.order2 {
margin-right: 0;
margin-left: 3%;
}
.processing_size {
margin-top: 50px;
display: flex;
flex-wrap: wrap;
}
.processing_size figure {
width: 50%;
margin-right: 3%;
}
.processing_size_tb {
width: 47%;
}
.processing_size_tb table {
width: 100%;
}
.processing_size_tb table tr th,
.processing_size_tb table tr td {
border: 1px solid #888;
padding: 10px;
}
.processing_size_tb table tr th {
background: #f2f2f2;
color: #000;
text-align: center;
font-weight: normal;
}
.processing_size_tb table tr td {
background: #fff;
}
.product_wrapper.bg_gray .processing_desc_text .product_support_ttl {
color: #093;
font-weight: bold;
padding-bottom: 5px;
}
.page_product_container .page_inner {
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.precision-machining_ttl {
text-align: center;
margin-bottom: 30px;
}
.precision-machining_ttl h2 {
color: #093;
font-size: 32px;
}
.manufacturing_flow {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: space-between;
-ms-flex-pack: space-between;
justify-content: space-between;
margin-bottom: 70px;
}
.manufacturing_flow > li {
-ms-flex-preferred-size: 15%;
flex-basis: 14%;
}
.manufacturing_flow > li .icon {
font-family: "Montserrat", sans-serif;
font-size: 18px;
line-height: 50px;
width: 50px;
color: #fff;
background: #009933;
margin: 0 auto 20px;
display: block;
border-radius: 50%;
text-align: center;
position: relative;
letter-spacing: 2px;
}
.manufacturing_flow > li .icon::before {
content: "";
border: solid transparent;
border-width: 8px;
border-top-color: #009933;
position: absolute;
top: calc(100% - 2px);
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.manufacturing_flow > li .flow_ttl {
padding: 30px 20px;
margin: 0;
border: 3px solid #009933;
position: relative;
}
.manufacturing_flow > li:not(:last-child) .flow_ttl::before {
content: "";
width: 14px;
height: 14px;
margin-right: 10px;
display: inline-block;
border-top: 4px solid #009933;
border-right: 4px solid #009933;
position: absolute;
top: calc(50% - 7px);
left: 107%;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.manufacturing_flow > li .flow_ttl {
font-size: 20px;
font-weight: 600;
color: #009933;
-ms-flex-preferred-size: 20%;
flex-basis: 20%;
margin-bottom: 1vh;
text-align: center;
}
.precision-machining_intro > section,
.precision-machining_intro .product_wrapper:nth-child(2),
.precision-machining_intro .product_wrapper:nth-child(8),
.precision-machining_intro .product_wrapper:nth-child(3),
.precision-machining_intro .product_wrapper:nth-child(9),
.precision-machining_intro .product_wrapper:nth-child(4),
.precision-machining_intro .product_wrapper:nth-child(10) {
margin: 0;
padding: 30px 0;
}
.precision-machining_intro > section:first-child {
padding-top: 70px;
}
.precision-machining_intro > section:last-child {
padding-bottom: 70px;
padding-top: 70px;
}
.manufacturing_desc {
display: flex;
flex-wrap: wrap;
}
.manufacturing_desc figure {
width: 48%;
}
.precision-machining_intro > section:nth-child(odd) .manufacturing_desc figure {
order: 2;
margin-left: 3%;
}
.precision-machining_intro > section:nth-child(even) .manufacturing_desc figure {
margin-right: 3%;
}
.processing_desc_text {
width: 49%;
position: relative;
}
.precision-machining_intro {
margin-bottom: 70px;
}
.precision-machining_intro .page_contact_link {
margin-top: 10px;
max-width: 550px;
}
.precision-machining_intro .page_contact_link a {
font-size: 22px;
padding: 22px 15px;
}
.facility_box {
margin-bottom: 50px;
}
.facility_tb {
margin-bottom: 30px;
}
.facility_tb table {
width: 100%;
}
.facility_tb table tr th,
.facility_tb table tr td {
border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
padding: 10px;
text-align: center;
}
.facility_tb table tr th {
background: #f2f2f2;
}
.facility_box h3 {
background: #009933;
color: #fff;
padding: 15px 20px;
margin-bottom: 0;
border: 3px solid #093;
}
.toggle {
position: relative;
cursor: pointer;
}
.toggle::after {
content: "";
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon-toggle_on.png) 0 0 no-repeat;
background-size: 46px;
height: 46px;
width: 46px;
position: absolute;
right: 20px;
top: 50%;
margin-top: -24px;
}
.toggle.off::after {
content: "";
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon-toggle_off.png) 0 0 no-repeat;
background-size: 46px;
}
.toggle_content {
background: #fff;
border: 3px solid #093;
padding: 30px;
}
.facility_photo {
text-align: center;
}
.facility_photo > div:only-child:not(.gallery) {
max-width: 500px;
width: 100% !important;
margin: 0 auto;
}
.facility_photo > div .wp-caption-text {
margin-bottom: 0;
font-size: 14px;
text-align: center;
margin-top: 5px;
}
.facility_photo figure {
width: 31.3%;
margin-right: 3%;
}
.facility_photo figure:last-child {
margin-right: 0;
}
.facility_photo figure figcaption {
font-size: 14px;
text-align: center;
margin-top: 5px;
}
.facility_lists {
margin-bottom: 100px;
}
.page_product_container .product_related {
margin-bottom: 100px;
}
.bold {
font-weight: bold;
}
.page_scroll_contact {
position: fixed;
right: 0;
top: 90px;
display: none;
}
@-moz-document url-prefix() { .page_scroll_contact {
right: 25px;
}
}
.page_scroll_contact a {
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
display: block;
background: #ff9933;
border: 1px solid #ff9933;
color: #fff;
font-size: 17px;
font-weight: bold;
padding: 40px 10px 20px;
position: relative;
}
.page_scroll_contact a::before {
content: "";
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_contact.png) 0 0 no-repeat;
background-size: 20px 17px;
height: 17px;
width: 20px;
position: absolute;
left: 0;
right: 0;
top: 13px;
margin: 0 auto;
}
.page_scroll_contact a:hover {
background: #fff;
color: #ff9933;
text-decoration: none;
}
.page_scroll_contact a:hover::before {
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_contact_on.png) 0 0 no-repeat;
}
#page_top {
width: 50px;
height: 50px;
position: fixed;
right: 0;
bottom: 0;
display: none;
z-index: 99;
}
#page_top a {
background: #009933;
position: relative;
display: block;
width: 50px;
height: 50px;
text-decoration: none;
}
#page_top a::before {
font-family: "FontAwesome";
font-weight: 500;
content: "\f077";
font-size: 22px;
color: #fff;
position: absolute;
width: 22px;
height: 22px;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
line-height: 1;
} .gallery {
width: 100%;
margin-bottom: 20px !important;
overflow: hidden;
}
.gallery br {
display: none;
}
.gallery-caption br {
display: block;
}
.gallery-item {
float: left;
margin-bottom: 0 !important;
}
.gallery-icon {
text-align: center;
}
.gallery-icon img {
width: 100%;
height: auto;
margin-bottom: 10px !important;
}
.gallery-caption {
color: #222;
font-size: 15px;
margin: 0 0 10px;
text-align: center;
}
.gallery-columns-1 .gallery-item { width: 100% !important;
margin-right: 0 !important;
}
.gallery-columns-2 .gallery-item { width: 48% !important;
margin: 0 1% !important;
}
.gallery-columns-3 .gallery-item { width: 31.33333% !important;
margin: 0 1% !important;
}
.gallery-columns-4 .gallery-item { width: 23% !important;
margin: 0 1% !important;
}
.gallery-columns-5 .gallery-item { width: 18% !important;
margin: 0 1% !important;
}
.development-support_box5 {
margin-bottom: 85px;
}
.development-support_box_last {
margin-bottom: 100px;
}
.page_contact_box {
max-width: 600px;
width: 100%;
margin: 0 auto;
}
.page_contact_box a {
display: block;
background: #093;
border: 1px solid #093;
color: #fff;
font-size: 20px;
text-align: center;
padding: 25px;
font-weight: bold;
position: relative;
}
.page_contact {
margin: 100px 10px;
}
.page_contact_box a::after {
content: "";
position: absolute;
top: 50%;
right: 20px;
width: 10px;
height: 10px;
margin-top: -5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
} .h_contact_box a,
.h_contact_box span,
.more_btn.link_green a,
.calendar_link a,
.link_site_lists li a,
.btn_contact a,
.product_more_btn a,
.page_contact_link a,
.recruit_link a,
.page_contact_box a,
.dl_file_desc_btn,
.h_download_btn a,
.h_online_btn a,
.h_recruit_btn a,
.end-announce_link-btn a {
overflow: hidden;
}
.h_contact_box a::before,
.h_contact_box span::before,
.more_btn.link_green a::before,
.calendar_link a::before,
.link_site_lists li a::before,
.btn_contact a::before,
.product_more_btn a::before,
.page_contact_link a::before,
.recruit_link a::before,
.page_contact_box a::before,
.dl_file_desc_btn::before,
.h_download_btn a::before,
.h_online_btn a::before,
.h_recruit_btn a::before,
.end-announce_link-btn a::before {
position: absolute;
top: 0;
left: -75%;
z-index: 2;
display: block;
content: "";
width: 50%;
height: 100%;
background: -webkit-linear-gradient(left, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.3) 100%);
-webkit-transform: skewX(-25deg);
transform: skewX(-25deg);
}
.h_contact_box a:hover,
.h_contact_box span:hover,
.more_btn.link_green a:hover,
.calendar_link a:hover,
.link_site_lists li a:hover,
.btn_contact a:hover,
.product_more_btn a:hover,
.page_contact_link a:hover,
.recruit_link a:hover,
.page_contact_box a:hover,
.dl_file_desc_item a:hover,
.h_download_btn a:hover,
.h_online_btn a:hover,
.h_recruit_btn a:hover,
.end-announce_link-btn a:hover {
text-decoration: none;
opacity: 1;
}
.h_contact_box a:hover::before,
.h_contact_box span:hover::before,
.more_btn.link_green a:hover::before,
.calendar_link a:hover::before,
.link_site_lists li a:hover::before,
.btn_contact a:hover::before,
.product_more_btn a:hover::before,
.page_contact_link a:hover::before,
.recruit_link a:hover::before,
.page_contact_box a:hover::before,
.dl_file_desc_item a:hover .dl_file_desc_btn::before,
.h_download_btn a:hover::before,
.h_online_btn a:hover::before,
.h_recruit_btn a:hover::before,
.end-announce_link-btn a:hover::before {
-webkit-animation: shine 0.75s;
animation: shine 0.75s;
}
@-webkit-keyframes shine {
100% {
left: 125%;
}
}
@keyframes shine {
100% {
left: 125%;
}
}
.block1500,
.sp_block1000 {
display: none;
}
.news_list_tab .tab {
width: auto;
font-size: 18px;
padding: 0 25px 10px;
}
.page_news_list .tab_cnt {
max-height: 920px;
overflow-y: auto;
} .tb_tmp1 {
margin-bottom: 15px;
}
.tb_tmp1 table {
width: 100% !important;
height: auto !important;
}
.tb_tmp1 table tr,
.tb_tmp1 table th,
.tb_tmp1 table td {
height: auto !important;
}
.tb_tmp1 table th,
.tb_tmp1 table td {
border: 1px solid #9cbc5b;
padding: 15px;
text-align: center;
font-size: 17px;
}
.tb_tmp1 table .img_td td {
border-bottom: 3px solid #9cbc5b;
}
.tb_tmp1 table tr:nth-child(even) {
background: #ebf1de;
}
.tb_tmp1 table .sup {
font-size: 13px;
}
.tb_box {
width: 47%;
margin-right: 2%;
}
.tb_x2 figure {
width: 51%;
}
.tb_tmp2 table {
width: 100% !important;
height: auto !important;
}
.tb_tmp2 th,
.tb_tmp2 td {
padding: 5px;
border: 1px solid #fff;
font-size: 15px;
height: auto !important;
}
.tb_tmp2 th {
background: #4bacc6;
color: #fff;
text-align: center;
}
.tb_tmp2 tr {
height: auto !important;
}
.tb_tmp2 tr:nth-child(even) {
background: #d0e3ea;
}
.tb_tmp2 tr:nth-child(odd) {
background: #e9f1f5;
}
.sub {
vertical-align: sub;
font-size: 12px;
}
.tb_tmp3 {
margin-bottom: 15px;
}
.tb_tmp3 table {
width: 100% !important;
height: auto !important;
}
.tb_tmp3 tr,
.tb_tmp3 th,
.tb_tmp3 td {
height: auto !important;
}
.tb_tmp3 th,
.tb_tmp3 td {
padding: 15px 10px;
text-align: center;
}
.tb_tmp3 th {
background: #92d14f;
border-top: 3px solid #000;
border-bottom: 3px solid #000;
border-right: 2px solid #d9d9d9;
font-size: 18px;
}
.tb_tmp3 th:last-child {
border-right: none;
}
.tb_tmp3 tr:nth-child(even) {
background: #e7e7e7;
}
.tb_tmp3 td {
border-right: 2px solid #d9d9d9;
}
.tb_tmp3 td:last-child {
border-right: none;
}
.tb_tmp3 .tate_text {
-ms-writing-mode: tb-rl;
-o-writing-mode: vertical-rl;
-webkit-writing-mode: vertical-rl;
writing-mode: vertical-rl;
text-orientation: upright;
font-size: 22px;
font-weight: bold;
padding: 15px;
line-height: 1.2;
position: relative;
}
.tb_tmp3 .tate_text p {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
margin: 0 !important;
padding: 0 !important;
}
.tb_tmp3 .pikup_text {
color: #05ab57;
font-size: 25px;
}
.icon_circle {
font-size: 24px;
font-weight: bold;
color: #ff0402;
}
.icon_triangle,
.icon_bad,
.icon_normal {
font-size: 24px;
font-weight: bold;
} .motorcore_tb table {
width: 100%;
}
.motorcore_tb table tr {
border-bottom: 2px solid #e0e0e0;
}
.motorcore_tb table tr:first-child {
border-top: 2px solid #e0e0e0;
}
.motorcore_tb table th,
.motorcore_tb table td {
padding: 10px;
text-align: center;
font-weight: bold;
}
.motorcore_tb table th {
background: #f2f2f2;
}
.motorcore_tb .sup {
font-size: 0.8em;
}
.motorcore_tb table td a {
border-bottom: 1px solid #ff9c39;
} .motorcore_tb table td a:hover,
.motorcore_tb table td .text_blue a:hover {
text-decoration: none;
border-bottom: 1px solid transparent;
}
.text_yellow,
.text_yellow a {
color: #ff9c39;
}
.text_blue {
color: #0673c1;
}
.product_wrapper.bg_gray p.tb_note_text {
padding-bottom: 0;
text-align: right;
font-size: 14px;
margin-top: 10px;
}
.page_cnts_box > figure {
margin-bottom: 30px;
}
.flex_desc_block {
margin-top: 30px;
justify-content: center;
}
.flex_desc_block figure {
width: 35%;
margin-right: 2%;
margin-bottom: 0;
}
.flex_desc_block figure figcaption {
font-size: 15px;
text-align: center;
margin-top: 5px;
}
.flex_desc_box {
width: 35%;
} .flie_download_link {
margin-top: 20px;
text-align: center;
margin-bottom: 50px;
}
.flie_download_link p {
font-size: 18px;
}
.file_download_text p {
text-align: left;
font-size: 16px;
margin-bottom: 20px;
line-height: 1.8;
}
.download_link .more_btn.link_green {
margin: 30px auto 0;
max-width: 500px;
}
.download_link .more_btn.link_green a {
padding: 15px;
}
.file_download_wrap {
max-width: 1000px;
margin: 0 auto;
}
.file_dl_btn {
max-width: 402px;
width: 100%;
display: block;
}
.product_head_text .file_dl_btn {
margin-top: 20px;
}
.file_dl_btn a,
.more_btn.link_green.file_dl_btn a {
background: #004e99;
border: 1px solid #004e99;
}
.page_contact_box.dl_link_btn a {
background: #004e99;
border: 1px solid #004e99;
}
.flie_download_link p {
margin-bottom: 5px;
text-align: center;
}
.file_dl_btn.small_btn {
max-width: 300px;
margin: 0 auto;
}
.small_btn a {
display: block;
color: #fff;
text-align: center;
padding: 12px;
font-size: 16px;
}
.file_download_list ul {
display: flex;
flex-wrap: wrap;
}
.file_download_list ul li {
width: 31%;
margin-right: 3.5%;
margin-bottom: 30px;
display: block;
margin-top: 0;
}
.file_download_list ul li a {
display: block;
text-align: center;
padding: 18px;
font-size: 17px;
background: #004e99;
border: 1px solid #004e99;
}
.file_download_list ul li:nth-child(3n) {
margin-right: 0;
}
.dl_list_text p {
text-align: center;
font-size: 20px;
margin-bottom: 30px;
}
.page_scroll_contact {
z-index: 101;
width: 65px;
}
.scroll_download_btn {
top: 485px;
}
.page_scroll_contact a {
line-height: 1.3;
width: 100%;
display: flex;
justify-content: center;
align-items: center;
font-size: 13px;
padding: 40px 8px 10px;
}
.scroll_download_btn a {
background: #004e99;
border: 1px solid #004e99;
}
.scroll_download_btn a::before {
content: "";
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_download.png) 0 0 no-repeat;
background-size: 24px;
height: 24px;
width: 24px;
position: absolute;
left: 0;
right: 0;
top: 11px;
margin: 0 auto;
}
.scroll_download_btn a:hover {
color: #004e99;
}
.scroll_download_btn a:hover::before {
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_download_on.png) 0 0 no-repeat;
background-size: 24px;
}
.page_scroll_contact2 {
top: 295px;
}
.page_scroll_contact2 a {
background: #009933;
border: 1px solid #009933;
color: #fff;
}
.page_scroll_contact2 a::before {
content: "";
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_contact.png) 0 0 no-repeat;
background-size: 20px 17px;
height: 17px;
width: 20px;
position: absolute;
left: 0;
right: 0;
top: 13px;
margin: 0 auto;
}
.page_scroll_contact2 a:hover {
color: #009933;
}
.page_scroll_contact2 a:hover::before {
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_contact_on2.png) 0 0 no-repeat;
}
.dl_link_list_block {
max-width: 820px;
border: 5px solid #e9e9e9;
width: 100%;
margin: 0 auto;
padding: 20px;
}
.dl_link_list_block > ul {
display: flex;
flex-wrap: wrap;
margin-bottom: 30px;
}
.dl_link_list_block > ul li {
width: 48%;
margin-right: 3%;
margin-bottom: 10px;
font-size: 17px;
margin-left: 0;
display: flex;
align-items: center;
position: relative;
padding-left: 30px;
}
.dl_link_list_block > ul li::before {
content: "・";
font-size: 26px;
font-weight: bold;
position: absolute;
left: 0;
top: 50%;
margin-top: -20px;
}
.dl_link_list_block > ul li:nth-child(2n) {
margin-right: 0;
}
.dl_file_table table {
width: 100%;
}
.dl_file_table table tr th,
.dl_file_table table tr td {
border-top: 1px solid #c7c7c7;
border-bottom: 1px solid #c7c7c7;
padding: 13px;
text-align: center;
}
.dl_file_table table tr th {
background: #f2f2f2;
}
.dl_file_table table tr td {
text-align: left;
padding: 10px 30px;
}
.dl_ttl_small {
margin-bottom: 15px;
margin-top: 30px;
text-align: center;
}
.dl_ttl_small h2 {
border-bottom: 2px solid #093;
position: relative;
padding: 0 5px 5px;
font-size: 24px;
font-weight: normal;
text-align: center;
display: inline-block;
}
.top_download.page_contact {
margin-top: 0;
margin-bottom: 50px;
} .page_ttl_h3 h3 span {
position: relative;
z-index: 2;
}
.permendur_cnt_box {
margin: 0 0 40px;
}
.page_simple_head + .permendur_cnt_box {
margin-top: 20px;
}
.permendur_cnt_box .page_contact {
margin: 50px 10px 0;
}
#permendur {
padding: 70px 0;
background: #f6feed;
}
.color_content1,
.menu_multi_btn .menu__second-level a.color_content1 {
background: #ff9933;
}
.btn_contact a.color_content1,
.page_contact_box a.color_content1,
.page_contact_link a.color_content1 {
background: #ff9933;
border: 1px solid #ff9933;
}
.roll_single_img {
margin: 20px 0;
text-align: center;
} .dl_file_descs dt {
font-size: 24px;
background: #093;
color: #fff;
padding: 8px 10px;
margin-bottom: 0;
}
.dl_file_descs dd {
background: #eefff4;
padding: 30px 30px 25px;
}
.dl_file_descs .dl_ttl_small {
margin-top: 0;
}
.dl_file_desc_box:not(:last-child) {
margin-bottom: 40px;
}
.dl_file_desc_item {
background: #fff;
width: 49%;
margin-right: 2%;
display: flex;
flex-wrap: wrap;
align-items: center;
padding: 20px;
margin-bottom: 30px;
box-shadow: 0 0 10px #e9e9e9;
}
.dl_file_desc_list {
display: flex;
flex-wrap: wrap;
justify-content: center;
}
.dl_file_desc_item:nth-child(2n) {
margin-right: 0;
}
.dl_file_desc_item:only-of-type {
margin-right: 0;
}
.dl_file_desc_txt {
width: 65%;
margin-right: 2%;
}
.dl_file_desc_img {
margin: 0;
width: 33%;
}
.dl_file_desc_head h3 {
font-size: 18px;
margin-bottom: 5px;
transition: 0.5s all;
}
.file_download_text .dl_file_desc_head .sav_ttl {
font-size: 14px;
color: #777;
margin-bottom: 0;
line-height: 1.2;
}
.dl_file_desc_head {
position: relative;
margin-bottom: 10px;
padding-bottom: 20px;
}
.dl_file_desc_head::before {
position: absolute;
bottom: 0;
left: 0;
width: 20%;
height: 6px;
content: "";
background: #009933;
}
.file_download_text .dl_file_desc_txt p {
font-size: 15px;
margin: 0;
}
.dl_file_desc_item a {
display: flex;
flex-wrap: wrap;
align-items: center;
color: #000;
}
.dl_file_desc_head .sav_ttl {
margin-bottom: 0;
}
.dl_file_desc_btn {
display: block;
background: #004e99;
color: #fff;
text-align: center;
padding: 10px;
max-width: 300px;
width: 100%;
margin: 0 auto;
position: relative;
}
.dl_file_desc_btn::after {
content: "";
position: absolute;
right: 20px;
top: 50%;
margin-top: -5px;
width: 9px;
height: 9px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.dl_file_desc_item a:hover .dl_file_desc_head h3 {
color: #093;
transition: 0.5s all;
}
.h_online_btn,
.h_download_btn {
max-width: 165px;
width: 100%;
margin-top: -20px;
}
.h_online_btn a,
.h_download_btn a {
display: block;
font-size: 15px;
font-weight: bold;
background: #004e99;
border: 1px solid #004e99;
color: #fff;
padding: 20px 10px;
text-align: center;
position: relative;
}
.h_online_btn a {
background: #ff9933;
border: 1px solid #ff9933;
padding: 13px 5px;
line-height: 1.3;
}
.h_online_btn span {
display: block;
font-size: 13px;
margin-bottom: 1px;
}
.h_online_btn {
max-width: 180px;
} .development_flow_block {
padding-top: 50px;
}
.development_flow_item {
margin-bottom: 0;
position: relative;
padding-left: 120px;
padding-bottom: 45px;
}
.development_flow_item dt {
position: absolute;
left: 0;
top: 0;
height: 100px;
width: 100px;
background: #093;
color: #fff;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
font-size: 26px;
border-radius: 50%;
line-height: 1.1;
z-index: 2;
}
.development_flow_item:nth-child(1) dt {
background: #ff9934;
}
.development_flow_item:nth-child(2) dt {
background: #949900;
}
.development_flow_item:nth-child(3) dt {
background: #1e9900;
}
.development_flow_item:nth-child(4) dt {
background: #009951;
}
.development_flow_item:nth-child(5) dt {
background: #008499;
}
.development_flow_item:nth-child(6) dt {
background: #004e99;
}
.development_flow_item::after {
content: "";
background: #307d49;
width: 2px;
height: 100%;
position: absolute;
top: 0;
left: 50px;
}
.development_flow_item dd {
margin-bottom: 0;
}
.development_flow_ttl {
font-size: 26px;
margin-bottom: 10px;
min-height: 100px;
display: flex;
align-items: center;
color: #009a32;
}
.development_flow_item dd p {
margin-bottom: 0;
}
.development_flow_item:nth-child(6)::after {
display: none;
} .case_catch_txt {
margin-bottom: 50px;
text-align: center;
}
.case_catch_txt p {
margin-bottom: 0;
line-height: 2;
font-size: 18px;
}
.case_box:not(:last-child) {
margin-bottom: 80px;
}
.case_ttl {
font-size: 26px;
background: #093;
color: #fff;
font-weight: normal;
padding: 10px 20px;
margin-bottom: 30px;
}
.case_content {
padding: 0 20px;
}
.case_item {
display: flex;
flex-wrap: wrap;
border-bottom: 1px dashed #bbb;
margin-bottom: 50px;
padding-bottom: 50px;
}
.case_img {
order: 2;
width: 35%;
}
.case_desc {
order: 1;
width: 62%;
margin-right: 3%;
}
.case_single_item .case_desc {
width: 100%;
}
.case_item:last-child {
margin-bottom: 0;
padding-bottom: 0;
border-bottom: none;
}
.case_desc_ttl {
font-weight: bold;
font-size: 24px;
border-bottom: 1px solid #093;
padding: 10px 0;
margin-bottom: 20px;
display: flex;
align-items: center;
}
.case_desc_ttl .sav_ttl {
font-size: 14px;
color: #093;
margin-right: 20px;
display: block;
padding-top: 3px;
}
.case_desc dl {
margin-bottom: 30px;
}
.case_desc dl dt {
color: #093;
margin-bottom: 5px;
}
.case_desc dl dd {
margin-bottom: 0;
}
.case_desc dl.case_task {
background: #eee;
padding: 25px;
position: relative;
margin-bottom: 50px;
}
.case_task::after {
content: "";
position: absolute;
bottom: -50px;
right: 0;
left: 0;
margin: 0 auto;
box-sizing: border-box;
width: 20px;
height: 16px;
border: 16px solid transparent;
border-left: 20px solid #093;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
.case_desc dl.case_resolution {
background: #e0ffea;
padding: 25px;
margin-bottom: 0;
}
.case_desc dl dd p:last-child {
margin-bottom: 0;
}
.case_desc dl dd a {
position: relative;
border-bottom: 1px solid;
padding-left: 15px;
}
.case_desc dl dd a::before {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 6px;
height: 6px;
margin-top: -2px;
border-top: 1px solid #007bff;
border-right: 1px solid #007bff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
.case_desc dl dd a:hover {
text-decoration: none;
border-bottom: 1px solid transparent;
}
.case_types {
display: flex;
margin-bottom: 15px;
}
.case_types dl {
margin-bottom: 0;
display: flex;
}
.case_types dl > dt::after {
content: "：";
}
.case_types dl:nth-child(1) {
margin-right: 3%;
}
.case_types dl:last-child {
margin-right: 0;
} .facility_list {
display: flex;
flex-wrap: wrap;
}
.facility_list .facility_desc {
width: 48%;
margin-right: 4%;
}
.facility_list .facility_desc:last-child {
margin-right: 0;
}
.facility_list .facility_desc th,
.facility_list .facility_desc td {
padding: 10px;
}
.surfacegrinding_accuracy th,
.surfacegrinding_accuracy td {
padding: 10px;
}
.surfacegrinding_accuracy {
max-width: 580px;
margin-bottom: 40px;
}
.surfacegrinding_accuracy + figure {
border: 1px solid #ccc;
}
.surfacegrinding_flow {
display: flex;
flex-wrap: wrap;
}
.surfacegrinding_flow .flow_box {
width: 58%;
margin-right: 2%;
}
.surfacegrinding_flow .flow_box:last-child {
margin-right: 0;
width: 40%;
}
.surfacegrinding_flow .flow_box .flow_caption {
padding: 0;
text-align: center;
margin-top: 10px;
} .page-entrance {
display: flex;
align-items: flex-start;
}
.link-corporate {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/entrance/bg_corporate_link.jpg) 0 0 no-repeat;
background-size: cover;
}
.link-recruit {
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/entrance/bg_recruit_link.jpg) 0 0 no-repeat;
background-size: cover;
}
.page-entrance_box {
width: 50%;
height: 100vh;
position: relative;
}
.page-entrance_box a {
display: flex;
align-items: center;
height: 100%;
}
.page-entrance_box a::before {
content: "";
background: rgba(0, 0, 0, 0.7);
position: absolute;
inset: 0;
opacity: 0;
z-index: 0;
}
.link-corporate a {
justify-content: flex-end;
}
.page-entrance_box a img {
display: block;
position: relative;
z-index: 2;
}
.link-corporate a .entrance-img {
padding-right: 50px;
}
.link-recruit a .entrance-img {
padding-left: 50px;
}
@media (hover) {
.page-entrance_box a:hover::before {
opacity: 1;
}
.page-entrance_box a:hover img {
animation: shake 0.1s linear infinite;
}
@keyframes shake {
0% {
transform: translate(0);
}
40% {
transform: translate(-1px, -1px);
}
80% {
transform: translate(1px, 1px);
}
100% {
transform: translate(0);
}
}
}
.behn-datas {
margin-bottom: 60px;
}
.behn-datas > li {
margin-bottom: 40px;
}
.behn-datas > li:nth-child(1) {
max-width: 1000px;
margin: 0 auto 40px;
}
.behn-datas > li:nth-child(3) {
max-width: 930px;
margin: 0 auto;
} .sintering_main_head {
padding: 8% 0 3%;
}
.sintering_main_head_inner {
display: flex;
align-items: center;
gap: 40px 60px;
max-width: 1200px;
width: 100%;
margin: 0 auto;
}
.sintering_main_head .page_main_inner {
width: fit-content;
margin: 0;
}
.end-announce {
max-width: 700px;
width: 100%;
margin: 0;
background-color: #ebff33;
padding: 30px 20px;
}
.end-announce_ttl {
font-size: 23px;
font-weight: bold;
text-align: center;
color: #f33;
margin-bottom: 20px;
}
.end-announce_link-btn {
margin: 0 auto;
max-width: 320px;
}
.end-announce_link-btn a {
display: block;
background: #ff3333;
border: 1px solid #ff3333;
color: #fff;
text-align: center;
font-size: 18px;
padding: 15px 50px;
font-weight: bold;
position: relative;
} @media screen and (max-width: 1550px) { .story_text {
width: 46.8vw;
}
.story_text h2 {
font-size: 4vw;
margin-bottom: 1vw;
}
.ttl_sav_txt {
font-size: 1.8vw;
margin-bottom: 1.5vw;
}
.top_story .page_inner {
top: 13%;
}
.story_text .ttl_sav_txt {
font-size: 1.8vw;
margin-bottom: 1.5vw;
}
.story_text_cnt {
font-size: 1.1vw;
}
.story_text_cnt p {
margin-bottom: 1vw;
}
.story_text_cnt .catch_text {
font-size: 1.3vw;
}
.story_text_cnt .catch_last_text {
margin-bottom: 0;
font-size: 1.4vw;
}
.more_btn.link_green {
margin-top: 2vw;
}
.story_text .more_btn.link_green {
margin-top: 1vw;
}
.top_story .page_inner figure {
width: 42vw;
}
.ttl_h2 {
margin-bottom: 1vw;
}
.top_service_box a {
padding: 7vw 0;
}
.top_service_box:nth-child(3) a {
padding: 5.77vw 0;
}
.service_number {
font-size: 4.5vw;
}
.service_name {
font-size: 1.7vw;
}
.news_box {
padding: 1.5vw 0;
}
.news_box_inner time span {
font-size: 3vw;
}
.cate_info {
font-size: 1.1vw;
}
.news_box_inner > a {
font-size: 1.4vw;
}
.more_btn.link_green a {
padding: 15px 20px;
font-size: 18px;
}
.top_main {
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/slide/img_main.jpg) center 69% no-repeat;
background-size: cover;
}
.top_main_text {
top: 39%;
}
.top_main_text h2 {
font-size: 3.4vw;
margin-bottom: 20px;
}
.top_main_text h2 > span:not(.kakko_text) {
font-size: 5.3vw;
}
.top_main_text > p {
font-size: 1.5vw;
}
.cnt_scroll {
margin-left: -28px;
}
.block1500 {
display: block !important;
}
.none1500 {
display: none !important;
}
}
@media screen and (max-width: 1400px) { .h_cnt {
width: 74.5%;
}
.h_navi ul li:not(:last-child) {
margin-right: 4%;
}
.h_contact_box,
.h_online_btn,
.h_download_btn {
max-width: none;
width: 27%; }
.change_language {
width: 5%;
margin-left: 1%;
}
.logo {
width: 20%;
}
}
@media screen and (max-width: 1200px) {
.page_main_head {
margin-bottom: 4em;
padding: 110px 10px 64px;
background-size: auto 330px;
}
.page_container > section.company_head {
margin-top: -4em;
}
}
@media screen and (max-width: 1000px) { .h_cnt {
width: 70%;
}
.h_navi {
width: 43%;
}
.h_contact_box {
width: 40%; }
.change_language {
width: 9%;
}
.page_main_head {
background-size: cover;
} .top_main_inner,
.top_story .page_inner,
.top_service .page_inner,
.top_product .page_inner,
.top_news .page_inner,
.top_access .page_inner {
position: relative;
left: auto;
top: auto;
transform: none;
}
.box {
height: auto !important;
margin-bottom: 60px;
}
.box.top_access {
height: auto !important;
}
.section_box {
opacity: 1;
}
.main_catch {
top: 190px;
left: 30px;
width: auto;
}
.main_catch_savtxt {
font-size: 21px;
bottom: 150px;
}
.main_catch img {
width: 500px;
}
.top_main_text {
position: relative;
top: auto;
left: auto;
transform: none;
}
.top_main_inner {
margin-left: auto;
padding: 2% 0 26%;
}
.cnt_scroll {
bottom: 10px;
margin-left: -41px;
}
.kakko_text {
margin-left: -20px;
}
.top_main_text h2 > span:not(.kakko_text) {
margin-right: -30px;
font-size: 5.7vw;
}
.top_main_text > p {
font-size: 1.7vw;
}
.story_text h2 {
font-size: 42px;
margin-bottom: 15px;
}
.ttl_sav_txt {
font-size: 21px;
margin-bottom: 15px;
}
.story_text_cnt {
font-size: 15px;
}
.more_btn.link_green {
margin-top: 30px;
}
.story_text {
width: 48%;
margin-left: 5%;
}
.top_story .page_inner figure {
width: 44%;
}
.more_btn.link_green a {
font-size: 20px;
}
.box_even {
padding: 50px 0 60px;
margin-bottom: 0;
}
.ttl_h2 {
margin-bottom: 20px;
font-size: 42px;
}
.top_service_box a {
padding: 26% 10px;
display: block;
height: 100%;
}
.top_service_box:nth-child(3) a {
padding: 26% 10px;
}
.service_number {
font-size: 50px;
margin-bottom: 0;
}
.top_product {
margin-top: 50px;
}
.tab {
width: auto;
}
.news_box {
padding: 20px 15px;
}
.news_box_inner time {
margin-right: 2%;
text-align: center;
}
.news_box_inner time span {
font-size: 30px;
}
.more_btn.link_green a {
font-size: 18px;
}
.top_access {
margin-top: 60px;
margin-bottom: 0;
}
.news_box_inner > a {
font-size: 16px;
}
.site_list_box > li:nth-child(1) {
width: auto;
}
.site_list_box {
width: 79%;
}
.site_list_box > li {
margin-right: 5%;
}
.pull_company {
width: 12%;
}
.story_text .ttl_sav_txt {
font-size: 21px;
margin-bottom: 20px;
text-align: left;
}
.story_text .ttl_sav_txt br {
display: none;
}
.story_text_cnt .catch_text {
font-size: 18px;
margin-bottom: 10px;
}
.story_text_cnt .catch_last_text {
margin-bottom: 30px;
font-size: 20px;
margin-top: 20px;
}
.story_text_cnt .catch_last_text span {
display: inline;
margin-left: 0;
}
.company_head_text > p {
text-align: left;
}
.sp_block1000 {
display: block;
}
.pc_none1000 {
display: none !important;
}
.g_map {
height: 0;
overflow: hidden;
padding-bottom: 60%;
position: relative;
}
.g_map::before {
display: none;
} .bnr_masters {
width: 320px;
height: 180px;
right: 0;
}
.processing_desc_text .bnr_masters {
position: relative;
bottom: auto;
margin-top: 20px;
max-width: 380px;
width: 100%;
height: 150px;
}
}
@media screen and (max-width: 900px) {
.sp_head {
display: block !important;
}
.pc_head {
display: none !important;
} #header {
position: fixed;
}
.spHeaderInner {
width: 100%;
display: block;
}
.fixed {
background: rgba(245, 235, 225, 0.8);
position: fixed;
top: 0;
left: 0;
z-index: 1000;
}
.spHeaderInner .head_link_btn {
float: none;
position: absolute;
right: 60px;
top: 0;
}
.spHeaderInner .head_link_btn li {
background: #009933 url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_global.png) no-repeat center 8px;
background-size: auto 30px;
height: 66px;
width: 65px;
position: relative;
overflow: hidden;
top: 0;
font-size: 0.55em;
}
.spHeaderInner .head_link_btn li a {
padding: 46px 10px 0;
display: block;
color: #fff;
height: 100%;
line-height: 1.2;
text-align: center;
}
.spLogos {
height: 66px;
}
.spLogos img {
position: absolute;
top: 50%;
left: 10px;
margin-top: -15px;
width: 210px;
}
.spLogo {
margin: 0;
}
.SPNaviTrigger {
display: block;
position: absolute;
top: 0;
right: 0;
z-index: 1000;
width: 61px;
height: 66px;
background: #009933;
}
.SPNaviTrigger::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 26px;
height: 1px;
margin: 0 0 0 -11px;
background: #fff;
box-shadow: 0 -6px 0 0 #fff, 0 6px 0 0 #fff;
transition: 0.4s;
}
.SPNaviTrigger.active {
background: rgba(255, 255, 255, 0.5);
top: -10px;
}
.SPNaviTrigger.active::before {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 1px;
margin: 0 0 0 -8px;
background: #444;
box-shadow: none;
transform: rotate(45deg);
transition: 0.4s;
}
.SPNaviTrigger.active::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
width: 16px;
height: 1px;
margin: 0 0 0 -8px;
background: #444;
box-shadow: none;
transform: rotate(-45deg);
transition: 0.4s;
}
.SPNaviInner {
display: none;
}
.SPNaviInner.active {
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
height: 100%;
background: rgba(150, 208, 173, 0.9);
padding-top: 57px;
}
.SPNaviInner .spNavigation {
position: relative;
overflow: scroll;
height: 100%;
color: #fff;
font-size: 0.85em;
line-height: 50px;
}
.SPNaviInner .topNavi {
border-bottom: rgba(255, 255, 255, 0.4) 1px solid;
line-height: 60px;
font-size: 1em;
font-weight: 600;
background: #009933;
}
.SPNaviInner .notLinkNavi {
padding: 0 1em;
}
.SPNaviInner .topNavi a::before {
content: "";
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
width: 0.4em;
height: 0.4em;
margin-right: 0.5em;
border-top: #fff 1px solid;
border-right: #fff 1px solid;
transform: rotate(45deg);
}
.SPNaviInner .spNavigation li a {
display: block;
color: #fff;
position: relative;
padding: 0 1em;
border-bottom: rgba(255, 255, 255, 0.4) 1px dotted;
font-weight: normal;
font-size: 15px;
}
.SPNaviInner .spNavigation li a::before {
content: "";
position: absolute;
top: 50%;
right: 10px;
margin-top: -5px;
width: 0.5em;
height: 0.5em;
margin-right: 0.5em;
border-top: #fff 1px solid;
border-right: #fff 1px solid;
transform: rotate(45deg);
}
.SPNaviInner .spNavigation li a.link_masters {
background: #05008d;
}
.SPNaviInner .spNavigation li a.link_masters::before {
content: "";
background: url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_blank.svg) 0 0 no-repeat;
background-size: 16px;
height: 16px;
width: 16px;
position: absolute;
right: 15px;
top: 50%;
transform: translateY(-50%);
margin-top: 0;
margin-right: 0;
border: none;
}
.SPNaviInner .spNavigation li {
line-height: 45px;
}
.SPNaviInner .spNavigation .topNavi {
line-height: 60px;
}
.SPNaviInner .spNavigation span.topNavi {
display: block;
padding: 0 1em;
}
.sav_list > li > a {
background: #4db46f;
}
.sav_list > li.sav_navi > a {
padding-left: 2.5em;
background: #7ec098;
}
.head_online_btn {
float: none;
position: absolute;
right: 125px;
top: 0;
}
.head_online_btn li {
background: #ff9933 url(https://www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/common/icon_online.png) no-repeat center 8px;
background-size: auto 25px;
height: 66px;
width: 65px;
position: relative;
overflow: hidden;
top: 0;
font-size: 0.55em;
}
.head_online_btn li a {
padding: 35px 5px 0;
display: block;
color: #fff;
height: 100%;
line-height: 1.2;
text-align: center;
}
.head_online_btn ul {
margin-bottom: 0;
} .bnr_masters {
position: relative;
transform: none;
margin: 30px auto 0;
max-width: 500px;
width: 100%;
height: 180px;
right: auto;
} .sintering_main_head_inner {
flex-direction: column;
align-items: normal;
}
.end-announce {
margin: 0 auto;
}
}
@media screen and (max-width: 768px) {
.sp_only {
display: block !important;
}
.pc_only {
display: none !important;
} .top_main_inner {
height: auto;
padding: 7% 20px 20%;
margin-top: 66px;
}
.main_catch {
position: relative;
top: auto;
left: auto;
margin-bottom: 30px;
}
.main_catch_savtxt {
position: relative;
right: auto;
bottom: auto;
font-size: 17px;
}
.main_catch img {
width: 450px;
}
.cnt_scroll {
bottom: 10px;
transform: none;
margin-left: -33px;
}
.cnt_scroll a {
padding-bottom: 20px;
}
.service_name {
font-size: 21px;
}
.top_main {
margin-top: 0;
}
.top_main_inner {
padding: 2% 20px 24%;
} .product_related_text dl dt {
width: 100%;
}
.product_related_text dl dd {
width: 100%;
}
.box {
margin-bottom: 50px;
}
.box_even {
padding: 40px 0 50px;
margin-bottom: 0;
}
.story_text {
width: 100%;
margin: 0 10px;
}
.top_story .page_inner figure {
width: 100%;
margin: 0 auto 20px;
max-width: 500px;
}
.story_text h2 {
text-align: center;
}
.ttl_sav_txt {
text-align: center;
}
.more_btn.link_green {
margin: 20px auto 0;
}
.service_number {
font-size: 42px;
}
.top_product {
margin-top: 30px;
}
.news_box_inner > a {
width: 73%;
}
#footer {
padding-bottom: 30px;
}
.top_access {
margin-bottom: 0;
}
.page_container > section:not(:nth-child(even)) {
margin-left: 10px;
margin-right: 10px;
}
.page_container > section.company_head {
margin-left: 0;
margin-right: 0;
}
.page_main_head {
padding: 50px 20px;
background-size: auto;
background-position: center;
margin-top: 66px;
}
.page_main_head .page_ttl span,
.main_en_ttl {
font-size: 45px;
}
.product_intro_head h2 {
width: 89%;
}
.intro_sav_ttl {
width: 100%;
padding: 0;
margin-top: 15px;
}
.product_intro_head {
flex-wrap: wrap;
}
.product_intro_head::before {
width: 9.5%;
}
.intro_sav_ttl::before {
display: none;
}
.product_catch_text {
margin-bottom: 20px;
}
.product_wrapper {
margin-bottom: 50px;
}
.product_wrapper:nth-child(2),
.product_wrapper:nth-child(8) {
padding: 50px 0;
}
.product_wrapper:not(.bg_gray) {
margin-left: 10px;
margin-right: 10px;
}
.product_wrapper.bg_gray {
padding-left: 10px;
padding-right: 10px;
}
.product_wrapper.bg_gray p {
padding-bottom: 0px;
}
.product_intro_head + .product_img_group {
margin-top: 0;
}
.product_wrapper.bg_gray p.product_catch_text {
padding-bottom: 15px;
}
.product_wrapper:nth-child(4),
.product_wrapper:nth-child(10) {
padding: 50px 10px 40px; } .page_ttl_h2 h2,
.page_ttl_h2 h3 {
font-size: 30px;
padding: 0 50px 15px;
}
.company_head .page_inner figure {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.company_head_text h2 {
font-size: 28px;
text-align: center;
margin-bottom: 20px;
}
.company_head_text h2 > span {
font-size: 35px;
margin-bottom: 0;
}
.company_head_text p {
font-size: 22px;
margin-bottom: 20px;
}
.company_head_text_box {
width: 100%;
margin-right: 0;
}
.company_head_text {
padding: 50px 30px;
width: 100%;
}
.company_head_text figure {
margin: 0 auto;
max-width: 130px;
width: 100%;
}
.page_container > section {
margin-bottom: 50px;
}
.page_container > section:nth-child(even) {
padding: 50px 10px;
}
.sinple_tb table th {
width: 25%;
}
.page_container > section:last-child,
.category_list,
.sitemap_lists {
margin-bottom: 60px;
}
.main_area {
margin-right: 10px;
margin-left: 10px;
width: 100%;
}
.pager {
margin-bottom: 60px;
}
.sub_area {
width: 100%;
margin: 0 10px;
}
.single_ttl_h1 {
font-size: 28px;
}
.manufacturing_flow {
justify-content: center;
flex-wrap: wrap;
margin: 0 10px;
}
.manufacturing_flow > li {
-ms-flex-preferred-size: auto;
flex-basis: auto;
width: 46%;
margin-right: 4%;
margin-bottom: 10px;
}
.manufacturing_flow > li .icon {
margin-bottom: 15px;
}
.manufacturing_flow > li .flow_ttl {
padding: 20px;
}
.manufacturing_flow > li:not(:last-child) .flow_ttl::before {
left: auto;
right: -30px;
}
.precision-machining_intro > section,
.precision-machining_intro .product_wrapper:nth-child(2),
.precision-machining_intro .product_wrapper:nth-child(8),
.precision-machining_intro .product_wrapper:nth-child(3),
.precision-machining_intro .product_wrapper:nth-child(9),
.precision-machining_intro .product_wrapper:nth-child(4),
.precision-machining_intro .product_wrapper:nth-child(10) {
margin: 0 10px;
}
.facility_lists {
margin: 0 10px 60px;
}
.page_scroll_contact a {
font-size: 14px;
}
.page_scroll_contact a::before {
background-size: 17px 14px;
height: 14px;
width: 17px;
left: 3px;
top: 13px;
}
.product_head {
margin: 0 10px 90px;
}
.page_scroll_contact {
top: auto;
bottom: 0;
width: 100%;
left: 0;
background: #e5e5e5;
padding: 15px 10px;
}
.page_scroll_contact a {
padding: 10px 0;
writing-mode: unset;
border: none;
max-width: 500px;
width: 100%;
text-align: center;
font-size: 12px;
font-weight: normal;
margin: 0 auto;
position: relative;
}
.page_scroll_contact a::before {
right: auto;
position: relative;
top: auto;
left: auto;
display: inline-block;
margin-right: 10px;
vertical-align: middle;
margin-top: -4px;
}
#page_top {
width: 40px;
height: 40px;
bottom: 85px;
opacity: 0.8;
}
#page_top.front_page_top {
bottom: 0;
}
#page_top a {
width: 40px;
height: 40px;
}
.f_sitemap_navi {
display: block;
}
.site_list_box {
width: auto;
margin-right: 10px;
margin-left: 10px;
}
.pull_company {
width: 100%;
max-width: 150px;
margin: 40px auto 0;
}
.product_related {
margin-top: 70px;
}
.intro_sav_ttl,
.product_wrapper.bg_gray p.intro_sav_ttl {
padding-left: 0;
}
.behn_size_date {
width: 45%;
}
.behn_size figure {
width: 45%;
}
.tb_box {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.tb_x2 figure {
width: 100%;
}
.file_download_list ul li {
width: 48%;
margin-right: 3%;
}
.file_download_list ul li:nth-child(3n) {
margin-right: 3%;
}
.file_download_list ul li:nth-child(2n) {
margin-right: 0;
}
.page_scroll_contact a {
display: block;
}
.sp_footer_btn {
display: flex !important;
flex-wrap: wrap;
background: #e5e5e5;
position: fixed;
bottom: 0;
left: 0;
width: 100%;
padding: 10px 5px;
z-index: 10;
}
.sp_footer_btn > div {
width: 32%;
background: transparent;
margin-right: 2%;
position: relative;
right: auto;
bottom: auto;
padding: 0;
}
.sp_footer_btn > div:last-child {
margin-right: 0;
}
.sp_footer_btn a {
height: 100%;
display: flex;
align-items: center;
text-align: center;
justify-content: center;
}
.sp_footer_btn .page_scroll_contact a::before {
display: block;
position: absolute;
left: 15px;
background-size: 22px 18px;
height: 18px;
width: 22px;
margin-top: -9px;
top: 50%;
}
.sp_footer_btn .scroll_download_btn a::before {
background-size: 24px;
height: 24px;
width: 24px;
top: 50%;
margin-top: -11px;
}
.dl_link_list_block > ul li {
width: 100%;
margin-right: 0;
}
.dl_link_list_block > ul {
margin-bottom: 20px;
}
.dl_file_desc_item {
width: 100%;
margin-right: 0;
} .page-entrance_box {
width: 100%;
height: 50vh;
}
.page-entrance {
flex-direction: column;
}
.link-recruit {
background-position: 0 center;
}
}
@media screen and (min-width: 601px) {
.sp_only600 {
display: none !important;
}
.prev-arrow2,
.next-arrow2 {
opacity: 0;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
.product_slide:hover .prev-arrow2,
.product_slide:hover .next-arrow2 {
opacity: 1;
}
}
@media screen and (max-width: 600px) {
.pc_only600 {
display: none;
} .top_main_inner {
text-shadow: #fff 1px 1px 0px, #fff -1px 1px 0px, #fff 1px -1px 0px, #fff -1px -1px 0px;
padding: 3% 20px 36%;
}
.top_main {
background: url(//www.moriyacl.co.jp/wp-content/themes/moriyahamono/assets/img/slide/img_main_sp.jpg) center 0 no-repeat;
background-size: cover;
}
.top_main_text h2 {
font-size: 24px;
margin-bottom: 10px;
}
.top_main_text h2 > span:not(.kakko_text) {
font-size: 38px;
margin-right: -20px;
}
.kakko_text {
margin-left: -10px;
}
.top_main_text > p {
font-size: 16px;
max-width: 350px;
width: 100%;
margin: 0 auto;
}
.top_main_text > p br {
display: none;
}
.main_catch_savtxt {
text-align: left;
}
.top_service_lists {
justify-content: flex-start;
}
.top_service_box {
width: 50%;
}
.top_service_box:nth-child(1) a,
.top_service_box:nth-child(2) a,
.top_service_box:nth-child(3) a,
.top_service_box:nth-child(4) a,
.top_service_box:nth-child(5) a {
background-position: center;
}
.news_box_inner > a,
.category_list .news_box_inner > a {
display: block;
width: 100%;
margin-top: 5px;
padding-right: 15px;
}
.access_box {
width: 100%;
}
.access_box:not(:last-child) {
margin-bottom: 40px;
}
.f_navi,
.site_list_box {
display: none;
}
.access_cnt {
margin-bottom: 40px;
}
.cate_info {
width: auto;
font-size: 16px;
}
.top_access {
margin-top: 40px;
}
.access_cnt h2 {
margin-bottom: 40px;
}
.product_head figure,
.product_slide_block {
width: 100%;
margin: 0 auto 10px;
}
.product_head_text {
width: 100%;
}
.page_main_head {
margin-bottom: 40px;
padding: 20px;
}
.page_main_head .page_ttl {
font-size: 25px;
margin-bottom: 10px;
}
.page_main_head .page_ttl span {
font-size: 40px;
}
.btn_contact {
display: block;
}
.img_x2 > figure {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.img_x2 > figure:last-child {
margin-bottom: 0;
}
.product_cacth_note {
padding: 25px;
font-size: 19px;
}
.product_cacth_note_text br {
display: none;
}
.movie_box {
width: 100%;
}
.movie_box:only-child {
padding-bottom: 56%;
}
.img_f_right {
float: none;
}
.product_intro_head h2::before {
content: counter(section, decimal-leading-zero);
font-weight: bold;
font-size: 50px;
color: #808080;
margin-right: 1%;
margin-top: -10px;
font-family: "Roboto Condensed", "Noto Sans JP", 游ゴシック, YuGothic, メイリオ, Meiryo, sans-serif, Roboto, "Droid Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
line-height: 1;
display: inline-block;
vertical-align: middle;
}
.product_intro_head::before {
display: none;
}
.product_intro_head h2 {
width: 100%;
font-size: 26px;
}
.product_more_btn a {
font-size: 16px;
}
.company_group_box {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.company_group_box:last-child {
margin-bottom: 0;
}
.history_text {
margin-bottom: 15px;
}
.sinple_tb .more_btn.link_green {
display: block;
}
.sinple_tb .more_btn.link_green a {
font-size: 16px;
padding: 15px 20px;
width: 100%;
}
.more_btn.link_green a::after {
right: 10px;
}
.timeline_content h3 {
font-size: 16px;
}
.company_access_text {
width: 100%;
}
.company_access_box .g_map {
width: 100%;
padding-bottom: 60%;
margin-right: 0;
margin-bottom: 15px;
}
.page_access .access_box:nth-child(2) {
width: 100%;
}
.page_access .access_box:nth-child(1) {
width: 100%;
margin-right: 0;
margin-bottom: 5px;
}
.timeline_date {
width: 100%;
float: none;
border-bottom: 1px solid #888;
padding-bottom: 5px;
font-size: 18px;
font-weight: bold;
color: #009933;
padding: 0 5px;
}
.timeline_content {
border: none;
width: 100%;
float: none;
padding: 0 5px;
}
.timeline_content:before {
display: none;
}
.timeline_content h3 {
margin-top: 5px;
}
.environment_policy_text {
font-size: 16px;
}
.yasukihagane_head_text {
width: 100%;
}
.yasukihagane_head figure {
margin-right: 0;
width: 100%;
text-align: center;
margin-bottom: 20px;
}
.yasukihagane_head_text > h2 {
text-align: center;
margin-bottom: 25px;
font-size: 22px;
}
.yasukihagane_head_text > h2 span {
font-size: 45px;
}
.yasukihagane_note.flex_box figure {
margin-right: 0;
width: 100%;
order: 1;
margin-bottom: 20px;
text-align: center;
}
.yasukihagane_note.flex_box .yasukihagane_note_text {
width: 100%;
order: 2;
}
.page_container > section:nth-child(even) .yasukihagane_note {
padding: 25px;
}
.page_container > section:nth-child(odd) .yasukihagane_note {
padding: 20px;
margin-bottom: 35px;
}
.link_site_lists.list_x2 li {
width: 100%;
margin-right: 0;
margin-bottom: 25px;
}
.page_container > section:nth-child(2n):last-child {
padding-bottom: 50px;
}
.link_site_lists.list_x2 li:last-child {
margin-bottom: 0;
}
.link_site_lists {
margin-bottom: 0;
}
.technology_desc figure {
width: 100%;
order: 1;
margin-bottom: 20px;
}
.technology_desc figure.order2 {
margin-left: 0;
}
.technology_desc_text {
width: 100%;
order: 2;
}
.technology_desc_text dl:not(:last-child) {
margin-bottom: 20px;
}
.product_head_text h1 > span,
.product_head_text > h2 > span,
.page_en_ttl {
line-height: 1.1;
margin-bottom: 0;
font-size: 45px;
}
.page_en_ttl.permendur-eg {
font-size: 35px;
line-height: 1.2;
}
.product_head_text h1,
.product_head_text > h2 {
font-size: 26px;
margin-bottom: 25px;
}
.product_head_text h1 br {
display: none;
}
.product_wrapper {
margin-bottom: 40px;
}
.product_wrapper:nth-child(2):last-child,
.product_wrapper:nth-child(3):last-child,
.product_wrapper:nth-child(8):last-child,
.product_wrapper:nth-child(9):last-child {
padding-bottom: 50px;
}
.page_container > section.product_head {
margin-bottom: 60px;
}
.img_lists.list_x2 .img_list_box,
.list_x3 .img_list_box {
margin-right: 0;
width: 100%;
margin-bottom: 25px;
}
.img_lists.list_x2 .img_list_box:last-child,
.list_x3 .img_list_box:last-child {
margin-bottom: 0;
}
.img_lists {
margin-top: 25px;
}
.windpower_mechanism_list figure {
max-width: 400px;
width: 100%;
margin: 0 auto 30px;
}
.windpower_mechanism_list figure:last-child {
margin-bottom: 0;
margin-right: auto;
}
.windpower_receptor figure {
margin-bottom: 25px;
width: 100%;
margin-right: 0;
}
.windpower_receptor_text {
margin-bottom: 0;
width: 100%;
}
.behn_desc figure {
order: 1;
width: 100%;
margin-left: 0;
text-align: center;
margin-bottom: 25px;
}
.behn_desc_text {
width: 100%;
order: 1;
}
.behn_size {
margin: 30px 0;
}
.behn_size figure {
order: 1;
width: 100%;
margin-bottom: 25px;
text-align: center;
}
.behn_size_date {
order: 2;
width: 100%;
margin-right: 0;
}
.behn_photos figure {
width: 100%;
text-align: center;
margin-right: 0;
margin-bottom: 25px;
}
.behn_photos figure:last-child {
margin-bottom: 0;
}
.behn_photos {
margin-bottom: 30px;
}
.btn_contact a {
font-size: 17px;
padding: 15px 25px;
}
.btn_contact a::after {
right: 10px;
}
.product_support_flex figure {
width: 100%;
order: 1;
margin-left: 0;
margin-bottom: 20px;
text-align: center;
}
.product_support_flex_text {
width: 100%;
order: 2;
}
.qa dd {
padding-bottom: 20px;
}
.qa {
margin-bottom: 30px;
}
.qa dt {
margin-bottom: 1.3em;
}
.page_contact_link {
margin-top: 60px;
}
.page_contact_link a {
font-size: 20px;
padding: 20px 25px;
}
.page_contact_link a::after {
right: 15px;
}
.cms-pagination {
margin-top: 40px;
}
.recruit_content > figure {
margin-bottom: 25px;
}
.recruit_photos > figure {
margin-right: 0;
width: 100%;
text-align: center;
margin-bottom: 25px;
}
.recruit_photos > figure:last-child {
margin-bottom: 0;
}
.recruit_link {
margin-top: 45px;
}
.recruit_link a {
font-size: 20px;
padding: 15px 25px;
}
.recruit_link a::after {
right: 15px;
}
.recruit_lists {
padding: 30px;
} .radio_box span.wpcf7-list-item {
display: block;
margin: 0;
}
.wpcf7 .form_caution {
margin-top: 0;
margin-bottom: 20px;
}
input#zip {
display: inline;
width: 50%;
}
input#address,
input#building {
margin-left: 0;
}
.wpcf7 .contact-tel input[type="text"] {
width: 100%;
}
.wpcf7 dl {
padding: 20px 0;
margin-bottom: 0;
}
.wpcf7 dl:first-child {
padding-top: 0;
}
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
padding: 5px 0;
width: 100%;
}
.wpcf7 .center_button {
margin-top: 0;
}
.wpcf7 input[type="submit"] {
max-width: 400px;
width: 100%;
}
.wpcf7 dt,
.wpcf7 dd {
display: block;
width: 100%;
}
.address_box li {
margin-top: 0;
}
.address,
.zip {
display: block;
margin-top: 5px;
}
.zip {
display: inline;
}
input#address,
input#zip {
margin-left: 0;
}
.page_access .access_cnt h2 {
margin-bottom: 20px;
}
.back_more_link a {
font-size: 18px;
padding: 15px 25px;
}
.thanks_text {
font-size: 16px;
text-align: left;
}
.back_more_link {
margin-top: 40px;
text-align: center;
}
.content_head {
margin-bottom: 20px;
}
.content_head h2 {
font-size: 28px;
}
.sitemap_lists > ul {
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.sitemap_lists > ul:last-child {
margin-bottom: 0;
}
.policy_block {
padding: 25px;
margin: 25px 0;
}
.precision-machining_intro > section:nth-child(even) .manufacturing_desc figure {
margin-right: 0;
}
.manufacturing_desc figure {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.processing_desc_text {
width: 100%;
order: 2;
}
.precision-machining_intro > section:nth-child(odd) .manufacturing_desc figure {
order: 1;
margin-left: 0;
}
.toggle_content {
padding: 20px;
}
.facility_tb {
overflow-x: auto;
}
.facility_tb table {
width: 950px;
}
.facility_tb::-webkit-scrollbar {
height: 10px;
}
.facility_tb::-webkit-scrollbar-track {
margin: 0 2px;
background: #ccc;
border-radius: 5px;
}
.facility_tb::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}
.toggle::after {
background-size: 36px;
height: 36px;
width: 36px;
right: 15px;
top: 50%;
margin-top: -20px;
}
.product_flex_img {
width: 100%;
order: 1;
margin-bottom: 20px;
}
.product_intro > section:nth-child(odd) .product_flex_img {
order: 1;
margin-left: 0;
}
.product_flex_text {
width: 100%;
order: 2;
}
.product_intro > section:nth-child(odd) .product_flex_text {
order: 2;
}
.product_intro > section:nth-child(even) .product_flex_img {
margin-right: 0;
}
.gallery-columns-1 .gallery-item { width: 100% !important;
margin-right: 0 !important;
margin-bottom: 25px !important;
}
.gallery-columns-2 .gallery-item { width: 100% !important;
margin: 0 0 25px !important;
}
.gallery-columns-3 .gallery-item { width: 100% !important;
margin: 0 0 25px !important;
}
.gallery-columns-4 .gallery-item { width: 100% !important;
margin: 0 0 25px !important;
}
.gallery-columns-5 .gallery-item { width: 100% !important;
margin: 0 0 25px !important;
}
.prev-arrow2,
.next-arrow2 {
width: 10px;
margin-top: 0;
}
.prev-arrow2 {
left: 5px;
}
.next-arrow2 {
right: 5px;
}
.calendar_link {
width: 100%;
margin-right: 0;
margin-bottom: 25px;
}
.calendar_link:last-child {
margin-bottom: 0;
}
.bnr_block {
padding: 40px 10px;
}
.bnr_list li {
width: 100%;
text-align: center;
margin-right: 0;
margin-bottom: 25px;
}
.bnr_list li:last-child {
margin-bottom: 0;
}
.page_contact {
margin: 70px 10px;
}
.page_contact_box a {
padding: 20px 35px;
font-size: 18px;
}
.page_contact_box a::after {
right: 20px;
}
.product_img_group.img_x2 .product_info_box {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.page_container > section.company_head {
margin-top: -40px;
}
.company_head_text {
padding: 40px 15px;
}
.yasukihagane_cnt_box .flex .yasukihagane_cnt_text,
.yasukihagane_cnt_box .flex.small_w .yasukihagane_cnt_text {
width: 100%;
margin-right: 0;
}
.yasukihagane_cnt_box .flex figure {
width: 100%;
margin: 0 auto 20px;
max-width: 450px;
}
.yasukihagane_cnt_box .flex.small_w figure {
width: 100%;
margin-bottom: 20px;
text-align: center;
}
.yasukihagane_cnt_box {
margin-bottom: 40px;
}
.news_list_tab .tab {
border: 1px solid;
padding: 10px 10px;
margin-right: 5%;
width: 47%;
margin-bottom: 20px;
}
.news_list_tab .tab:nth-child(2n) {
margin-right: 0;
}
.news_list_tab .news_tabs_inner {
margin: 0 10px;
justify-content: normal;
}
.news_list_tab .tab.active {
background: #009933;
color: #fff;
}
.news_box_inner time {
font-size: 14px;
}
.news_box_inner time span {
font-size: 30px;
}
.tb_tmp1,
.tb_tmp2,
.tb_tmp3,
.motorcore_tb {
overflow-x: auto;
}
.tb_tmp1 table {
width: 850px !important;
}
.tb_tmp1 table th {
width: 150px;
}
.tb_tmp2 table {
width: 600px !important;
}
.tb_tmp3 table {
width: 970px !important;
}
.motorcore_tb table {
width: 650px;
}
.tb_tmp1::-webkit-scrollbar,
.tb_tmp2::-webkit-scrollbar,
.tb_tmp3::-webkit-scrollbar,
.motorcore_tb::-webkit-scrollbar {
height: 10px;
}
.tb_tmp1::-webkit-scrollbar-track,
.tb_tmp2::-webkit-scrollbar-track,
.tb_tmp3::-webkit-scrollbar-track,
.motorcore_tb::-webkit-scrollbar-track {
margin: 0 2px;
background: #ccc;
border-radius: 5px;
}
.tb_tmp1::-webkit-scrollbar-thumb,
.tb_tmp2::-webkit-scrollbar-thumb,
.tb_tmp3::-webkit-scrollbar-thumb,
.motorcore_tb::-webkit-scrollbar-thumb {
border-radius: 5px;
background: #666;
}
.tb_tmp3 .tate_text {
writing-mode: unset;
text-orientation: unset;
width: 100px;
}
.tb_tmp3 .tate_text p {
position: relative;
top: auto;
left: auto;
transform: none;
}
.flex_desc_block figure {
width: 100%;
max-width: 300px;
margin-right: auto;
margin-bottom: 15px;
margin-left: auto;
}
.flex_desc_box {
width: 100%;
} .file_download_text p,
.flie_download_link {
text-align: left;
}
.file_dl_btn {
max-width: none;
}
.file_download_list ul li {
margin-right: 0;
width: 100%;
}
.sp_footer_btn .page_scroll_contact a::before {
display: none;
}
.dl_file_table table tr th,
.dl_file_table table tr td {
width: 100%;
display: block;
text-align: center;
}
.top_product .page_contact_box {
width: auto;
margin: 0 10px;
}
.dl_file_descs dd {
padding: 20px 20px 0;
}
.development_flow_block {
padding: 30px 10px 0;
}
.development_flow_item dt {
height: 80px;
width: 80px;
font-size: 20px;
}
.development_flow_item {
padding-left: 95px;
padding-bottom: 30px;
}
.development_flow_ttl {
min-height: auto;
font-size: 24px;
}
.development_flow_item::after {
left: 40px;
} .case_catch_txt {
text-align: left;
}
.case_img {
order: 1;
width: 100%;
margin-bottom: 20px;
}
.case_desc {
order: 2;
margin-right: 0;
width: 100%;
}
.case_desc_ttl {
display: block;
padding-top: 0;
}
.case_types {
display: block;
}
.case_desc dl.case_task,
.case_desc dl.case_resolution {
padding: 20px;
}
.case_item {
margin-bottom: 40px;
padding-bottom: 40px;
}
.facility_list .facility_desc {
width: 100%;
margin-right: 0;
margin-bottom: 30px;
}
.facility_list .facility_desc:last-child {
margin-bottom: 0;
}
.surfacegrinding_flow .flow_box {
width: 100%;
margin-right: 0;
margin-bottom: 10px;
}
.surfacegrinding_flow .flow_box:last-child {
width: 100%;
} .bnr_masters {
height: 140px;
}
.bnr_masters > a {
font-size: 22px;
}
.processing_desc_text .bnr_masters {
margin-left: auto;
margin-right: auto;
height: 130px;
max-width: 400px;
} .page-entrance_box a .entrance-img {
padding: 30px;
}
.link-corporate .entrance-img img {
max-width: 300px;
width: 100%;
}
.link-recruit .entrance-img img {
max-width: 220px;
width: 100%;
} .end-announce {
margin-bottom: 30px;
padding: 30px;
}
.end-announce_ttl {
font-size: 22px;
text-align: left;
}
}
@media screen and (max-width: 550px) {
.product_related_box {
max-width: 370px;
width: 100%;
margin: 0 auto 40px;
text-align: center;
}
.product_related_box:nth-child(3n) {
margin-right: auto;
}
.product_related_box:last-child {
margin-bottom: 0;
margin-right: auto;
}
.behn_work figure {
width: 100%;
margin-right: 0;
margin-bottom: 25px;
text-align: center;
}
.behn_work figure:last-child {
margin-bottom: 0;
}
.page_ttl_h2 {
margin-bottom: 35px;
} .sinple_tb table th,
.sinple_tb table td {
display: block;
width: 100%;
padding: 15px;
}
.page_container > section:nth-child(even) {
padding: 40px 10px;
}
.page_container > section {
margin-bottom: 40px;
}
.facility_photo figure {
width: 49%;
margin-right: 2%;
margin-bottom: 25px;
}
.facility_photo figure:nth-child(2n) {
margin-right: 0;
}
.manufacturing_flow > li {
width: 100%;
margin-right: 0;
margin-bottom: 15px;
}
.manufacturing_flow > li:not(:last-child) .flow_ttl::before {
left: 0;
right: 0;
bottom: -43px;
margin: auto;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
background: #009933;
}
.manufacturing_flow > li:not(:last-child) .flow_ttl::after {
content: "";
width: 24px;
height: 10px;
margin-right: 10px;
display: inline-block;
background: #fff;
position: absolute;
top: calc(50% - 7px);
left: 0;
right: 0;
bottom: -27px;
margin: auto;
}
.manufacturing_flow > li .flow_ttl {
padding: 15px;
}
.company_tb table th,
.company_tb table td {
border-bottom: none;
}
.company_tb table td {
border-top: none;
}
.company_tb table th {
padding: 15px 15px 5px;
}
.company_tb table td {
padding: 5px 15px 15px;
}
.company_head_text h2 {
font-size: 22px;
}
.company_head_text h2 > span {
font-size: 30px;
}
.company_head_text > p {
font-size: 18px;
}
}
@media screen and (max-width: 425px) {
.top_service_box {
width: 100%;
}
.top_service_box a {
padding: 25% 10px;
}
.ttl_h2 {
font-size: 36px;
}
.page_ttl_h2 h2,
.page_ttl_h2 h3 {
font-size: 23px;
padding: 0 10px 15px;
}
.facility_photo figure {
width: 100%;
margin-right: 0;
}
}