:root { --color00--bk: #2a2a2a;/*メイン文字黒*/ --color01--blue: #1b75bb;/*メイン青*/ --color02--gray: #f1f1f1;/*メイン灰色*/ --color03--red: #dc4640;/*メイン赤色*/ --color04--blue: #104670;/*メイン青暗*/ --space-unit: 4px; --space-4: 4px; --space-8: 8px; --space-12: 12px; --space-16: 16px; --space-24: 24px; --space-32: 32px;/* ガター幅兼用 */ --space-48: 48px; --space-64: 64px; --space-72: 72px; --space-96: 96px; --space-128: 128px; --container: 1320px; /* 全体幅（ガター含む） */ --extend: 200px; --columns: 12; /* 総カラム数 */ --gutter-count: calc(var(--columns) - 1); /* 11本のガター */ /* 実際の1カラムの幅（全体からガター引いた実幅 ÷ カラム数） */ --col-1-width: calc((var(--container) - var(--space-32) * var(--gutter-count)) / var(--columns)); /* カラム幅：ガターを足す */ --col-2-width: calc(var(--col-1-width) * 2 + var(--space-32) * 1); --col-3-width: calc(var(--col-1-width) * 3 + var(--space-32) * 2); --col-4-width: calc(var(--col-1-width) * 4 + var(--space-32) * 3); --col-5-width: calc(var(--col-1-width) * 5 + var(--space-32) * 4); --col-6-width: calc(var(--col-1-width) * 6 + var(--space-32) * 5); --col-7-width: calc(var(--col-1-width) * 7 + var(--space-32) * 6); --col-8-width: calc(var(--col-1-width) * 8 + var(--space-32) * 7); --col-9-width: calc(var(--col-1-width) * 9 + var(--space-32) * 8); --col-10-width: calc(var(--col-1-width) * 10 + var(--space-32) * 9); --col-11-width: calc(var(--col-1-width) * 11 + var(--space-32) * 10); --col-12-width: calc(var(--col-1-width) * 12 + var(--space-32) * 11); /* = 1320px */ } /*stickyの為解除した　overflow-x: hidden;*/ html {/*overflow-x: hidden;*/height: 100%;font-size: 17px;-webkit-text-size-adjust: none;line-height: 1.6; } body { overflow-x: hidden;font-family: "Noto Sans JP", sans-serif;color: var(--color00--bk);font-weight: normal;background: var(--color02--gray);} img{width: 100%;height: auto;vertical-align: top;} p{font-size: 1.0rem;line-height: 1.8em;margin: 0;} h1 {font-size: 48px !important;line-height: 1.25;margin: 0 !important;} h2 {font-size: 36px !important;line-height: 1.3;margin: 0 !important;} h3 {font-size: 28px !important;line-height: 1.4;margin: 0 !important;} h4 {font-size: 20px !important;line-height: 1.5;margin: 0 !important;} a {text-decoration: none; color: inherit;border: none;transition: 0.1s;display: block;} a:hover{opacity: 0.85;transition: 0.2s;} ul,ol {list-style: none;padding: 0;margin: 0;} *,*::before,*::after { margin: 0;padding: 0;box-sizing: border-box;} body,h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd { margin: 0;} table,tr,td,th{ margin: 0;padding: 0;line-height: 1.0;border-collapse: collapse;text-align: center;} .col-1 {width: var(--col-1-width);} .col-2 {width: var(--col-2-width);} .col-3 {width: var(--col-3-width);} .col-4 {width: var(--col-4-width);} .col-5 {width: var(--col-5-width);} .col-6 {width: var(--col-6-width);} .col-7 {width: var(--col-7-width);} .col-8 {width: var(--col-8-width);} .col-9 {width: var(--col-9-width);} .col-10 {width: var(--col-10-width);} .col-11 {width: var(--col-11-width);} .col-12 {width: var(--col-12-width);} /*汎用パーツ*/ .h2_type{font-size: 400px;line-height: 1.5;font-weight: bold;} .h3_type{font-size: 400px;line-height: 1.5;font-weight: bold;} .color02{color: var(--color02);} .color04{color: var(--color04);} .align--left{text-align: left;} .fontB{font-weight: bold;} .customFont01 { font-family: "Oswald", sans-serif;font-optical-sizing: auto;font-weight: 100;font-style: normal;} .customFont02 { font-family: "Oswald", sans-serif;font-optical-sizing: auto;font-weight: 900;font-style: normal;} .font_large01{font-size: 22px !important;line-height: 1.6;font-weight: bold;} .font_large30{font-size: 30px !important;line-height: 1.6;font-weight: bold;} .font_large40{font-size: 40px !important;line-height: 1.6;font-weight: bold;} .font_large60{font-size: 60px !important;line-height: 1.6;font-weight: bold;} .font_small--13{font-size: 13px !important;line-height: 1.6;} .font_small--09rem{font-size: 0.9rem !important;line-height: 1.4;} .hText-vertical{writing-mode: vertical-rl; text-orientation: mixed;} .textBG-white--vertical{background: #fff;padding: var(--space-8) 0 var(--space-8) 0;} .textBG-white{background: #fff;padding: 0 var(--space-8) 4px var(--space-8);} .lineBreakP{margin-bottom: var(--space-24);} .marginH3--01{margin-bottom: var(--space-32)!important;} .bg--extend01 {background: #fff; max-width: calc(var(--container) + var(--extend));margin: 0 auto; padding: calc(var(--extend) / 2);border-radius: 24px;} .commonTable01{width: 100%;} .commonTable01 td{border: 1px solid var(--color00--bk);padding: var(--space-16);background: #fff;font-size: 0.9rem;line-height: 1.4;text-align: left;} .commonTable01 tr td:first-child {background: var(--color02--gray);text-align: center;font-weight: bold;} .displayNone{display: none !important;} .marginBottomNone{margin-bottom: 0px !important;} /*****共用部分******/ /*シングルページ*/ .single01 .header-wrapper{height: auto;} .single-post__01{margin: 0 auto;margin-top: var(--space-128);} .single-post__01 article h1{margin-bottom: var(--space-24) !important;} .single-post__01 article h2{margin-bottom: var(--space-32) !important;margin-top: var(--space-72) !important;} .single-post__01 .meta__wrap{display: flex;align-items: center;gap: var(--space-8);} .single-post__01 .post-cateWrap{background: #fff;border-radius: 4px;padding: 4px var(--space-8);font-size: 0.8rem;} .single-post__01 .post-content{margin-top: var(--space-64);} .single-post__01 p{margin-bottom: var(--space-16);} .single-post__01 img{margin-bottom: var(--space-48);margin-top: var(--space-16);} /*投稿一覧*/ .page__summary {margin: 0 auto;} .page__summary .page-title {text-align: center;margin: var(--space-128) 0 var(--space-128) 0 !important;} .page__summary .post-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: var(--space-48);} .page__summary .post-item {border: 1px solid #eee;border-radius: 10px;overflow: hidden;transition: box-shadow 0.3s ease;background-color: #fff;margin-bottom: var(--space-16);} .page__summary .post-item:hover {box-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);} .page__summary .thumb img {width: 100%;height: auto;display: block;} .page__summary .post-meta {padding: var(--space-16) var(--space-32) var(--space-32) var(--space-32);text-align: left;} .page__summary .date {display: block;font-size: 0.9rem;color: #888;margin-bottom: var(--space-12);} .page__summary .post-title {color: #333;line-height: 1.4;} .page__summary .pagination {margin-top: var(--space-48);text-align: center;} .page__summary .pagination .page-numbers {display: inline-block;margin: 0 5px;padding: var(--space-8) var(--space-12);background: #f0f0f0;border-radius: 5px;color: #333;text-decoration: none;transition: background 0.3s;} .page__summary .pagination .current, .page__summary .pagination .page-numbers:hover {background: #333;color: #fff;} /*パンくず*/ .header-breadBox{max-width: calc(var(--container) + var(--extend));margin: 0 auto;width: 100%;padding-top: var(--space-72);padding-bottom: var(--space-32);font-size: 1.2rem;} .breadcrumb {display: flex;align-items: center;gap: 10px;font-size: 15px;} .breadcrumb a {color: var(--color04--blue);text-decoration: none;} .breadcrumb .current-page {color: #333;font-weight: normal;} .breadcrumb-line {display: inline-block;width: 40px;height: 2px;background: #999;} .breadcrumb-line.line-a {background: #999;} .breadcrumb-line.line-b {background: #ccc;} /*トップへ*/ .toTop {position: fixed; bottom: 20px; right: 20px;width: 60px; height: 60px;background: rgba(255, 255, 255, 0.7);border: 3px solid var(--color01);border-radius: 50%;display: flex;align-items: center;justify-content: center;font-size: 20px; color: var(--color04--blue);cursor: pointer;z-index: 1000;opacity: 0; transition: opacity 0.3s; } .toTop i {transform: rotate(-90deg); color: var(--color04--blue); } .toTop.show {opacity: 1; } /*岐阜工場フローティング*/ .gifuFlow01 {position: fixed;bottom: 20px;right: 100px;z-index: 10;} .gifuFlow01 img{max-width: 220px;} .gifuFlow02{display: none;} /*固定ページ　アイキャッチ*/ .eyeCatch {height: 485px;display: flex;justify-content: center;align-items: center;position: relative;} .eyeCatch__img-wrapper{position: relative;height: 100%;width: 100%; height: 100%; overflow: hidden;} .eyeCatch img {position: absolute; top: 50%; left: 0; width: 100%; height: auto; transform: translateY(-50%);} .eyeCatch__text{position: absolute;top: -48px;right:10%;display: flex;flex-direction: column;gap: var(--space-8);z-index: 500;} .eyeCatch__text h2{background: #fff;} /*固定ページ　左見出し*/ .page01 .sectionBox_container{display: flex;justify-content: space-between;} .page01 .sectionBox_heading{display: flex;flex-direction: column;align-items: center;} .page01 .sectionBox_heading h2{border-bottom: 1px solid;padding-bottom: var(--space-48);margin-bottom: var(--space-48) !important;} .page01 .sectionBox_heading p{font-size: 0.8rem;} .page01 .sectionBox_heading img{margin-top:var(--space-48); } .page01 .sectionTop{margin-top: var(--space-128);} /*メニュー*/ .page .header-wrapper{display: flex;flex-direction: column; height: auto;} .header-inner {display: flex;justify-content: space-between;align-items: stretch;width: 100%;margin: 0 auto;} .site-logo{padding: var(--space-32) 0 var(--space-24) var(--space-96);display: flex;align-items: center;} .site-logo img {display: block;max-width: 350px;} .header-inner_right{display: flex;align-items: stretch;} .global-nav {display: flex;align-items: stretch;margin-right: var(--space-32);} .global-nav .global-menu {display: flex;} .global-nav .global-menu li{display: flex;align-items: stretch;} .global-nav .global-menu li a {text-decoration: none;font-weight: 500;transition: color 0.3s;display: flex;align-items: center;padding: var(--space-12) var(--space-24) var(--space-12) var(--space-24);} .global-nav .global-menu li a:hover {color: #0073aa;} .global-nav .sub-menu {display: none;position: absolute;top: 100%;left: 0;z-index: 100;} .global-nav .menu-item-has-children {position: relative;} .global-nav .menu-item-has-children:hover .sub-menu {display: block;} .global-nav .sub-menu li {white-space: nowrap;} .global-nav .sub-menu li a {display: block;background: #fff;width: 100%;} .global-nav .sub-menu li a:hover {background-color: #f0f0f0;} .header-inner_right-box{display: flex;align-items: stretch;} .header-inner_right-box .telbox{background: var(--color04--blue);display: block;display: flex; align-items: center;padding: 0 var(--space-32) 0 var(--space-32);color: #fff;font-weight: normal;} .header-inner_right-box .telbox i{margin-right: var(--space-8);} .header-inner_right-box .right{display: flex;align-items: stretch;} .menu-toggle {cursor: pointer;font-size: 30px;color: #fff;padding:0 var(--space-32) ;background: var(--color03--red);display: flex;align-items: center;} .menu-bar {position: fixed;top: 0;right: 0;height: 100vh;background: var(--color03--red);color: white;display: none;z-index: 1000;width: 25%;} .menuBar__block{display: flex;align-items: flex-start;height: 100%;padding-left: var(--space-64);padding-top: var(--space-96);} .menu-bar nav ul {display: flex;flex-direction: column;gap: var(--space-24);justify-content: center;align-items: flex-start;} .menu-bar nav ul li a {color: white;font-size: 17px;display: flex;gap: var(--space-32);align-items: center;} .menu-bar nav ul li a span{position: relative;font-weight: bold;font-size: 1.0rem;min-width: 120px;} .menu-bar nav ul li a span::after{ content: "";position: absolute;top: 50%;left:100% ;transform: translateY(-50%); width: var(--space-24);height: 1px;background: #fff;} .menu-bar .sub-menu{margin-top: var(--space-24);padding-left: var(--space-24);} .menu-toggle {position: relative;z-index: 1500;} .menu-toggle .fa-xmark{font-size: 42px;} /*フッター*/ footer .section07{margin-top: var(--space-128);} footer .section07_container{display: flex;justify-content: space-between;} footer .section07_titleArea{display: flex;justify-content: center;} footer .section07_right{display: flex;gap: var(--space-32);justify-content: space-between;} footer .section07_rightArea{} footer .section07_rightArea p{margin-bottom: var(--space-32);} footer .section07_rightItem01{max-width: 51px;} footer .section07_rightItem02 {border: 1px solid; padding: var(--space-24);} footer .section08{margin-top: var(--space-128);} footer .section08_container{margin: 0 auto;display: flex;justify-content: space-between;padding-bottom: var(--space-96); } footer .section08_titleArea{display: flex;justify-content: center;} footer .section08_itemArea{display: flex;flex-wrap: nowrap;gap: var(--space-32);} footer .section08_itemArea a{ width: calc((100% - var(--space-32)) / 3); word-break: break-word;} footer .section08_itemArea img{border-radius: 16px;margin-bottom: var(--space-16);} footer .section08_itemArea h4{margin-bottom: var(--space-8) !important;} footer .section08_itemArea p{line-height: 1.4;margin-bottom: var(--space-8);} footer .section08_2{text-align: center;} footer .section08_2 h3{margin-bottom: var(--space-64) !important;} footer .section08_2{padding-bottom: var(--space-128);} footer .section08_2 .slider24Box{max-width: 150px;margin-right: var(--space-32);} footer .section09_bg{background: var(--color04--blue);padding:var(--space-128) 0 var(--space-128) 0;} footer .section09_container{margin: 0 auto;display: flex;justify-content: space-between;gap: var(--space-32);} footer .section09_container a{ width: calc((100% - var(--space-64)) / 4); background: #fff; word-break: break-word; padding: var(--space-48) var(--space-32);} footer .section09_itemTop{display: flex;justify-content: space-between;margin-bottom: var(--space-32);position: relative;min-height: 160px;} footer .section09_itemTop img{position: absolute;left: 50%;top: 0;} footer .section09_itemImg01{max-width: 40px;} footer .section09_itemImg02{max-width: 65px;} footer .section09_itemImg03{max-width: 64px;} footer .section09_itemImg04{max-width: 152px;left: 30% !important;top: 40px !important;} footer .section10{background: #fff;padding-bottom:var(--space-96);padding-top:var(--space-64); } footer .section10_container{margin: 0 auto;position: relative;} footer .section10_symbol{position: absolute;left: 50%; transform: translateX(-50%);top: -120px;max-width: 100px;} footer .section10_center{text-align: center;position: relative;} footer .section10_centerLogo{max-width: 428px;} footer .section10_right{position: absolute;top: var(--space-12);right: 0;display: flex;justify-content: space-between;gap: var(--space-24);align-items: center;} footer .section10_sns{display: flex;justify-content: space-between;gap: var(--space-8);} footer .section10_sns img{max-width: var(--space-48);} footer .section10_links{display: flex;flex-direction: column;text-align: left;gap: var(--space-12);} footer .section10_links a{display: flex;align-items: center;gap: 4px;} footer .section10_copy{text-align: center;padding-top: var(--space-32);border-top: 1px solid var(--color00--bk);margin-top:var(--space-64); font-size: 0.9rem;} /*****フロントページ　#indexId　******/ .hero{position: relative;overflow: hidden;} .hero .hero__text{position: absolute;bottom: 15%;left: 20%;z-index: 5;} .hero__text-line1{display: flex;flex-direction: column;gap: var(--space-16);align-items: flex-start;line-height: 1.0;} .hero__img-wrapper{display: flex;flex-wrap: nowrap;} .slider23Box {width: 670px;height: 655px;margin-right: var(--space-64);} .slider23Box img{width: 670px;height: 655px;border-radius: 8px;} #indexId .section01 .container{margin: 0 auto;} #indexId .section01__head{height: 682px;display: flex;justify-content: center; align-items: center; padding: var(--space-12); margin-top: var(--space-24);margin-bottom: var(--space-32);} #indexId .section01__headInner{background: rgba(255, 255, 255, 0.8);display: flex;justify-content: space-between;margin: 0 auto;gap: var(--space-32);padding: var(--space-64) 0;} #indexId .section01__headInner .left{padding-left: var(--col-1-width);} #indexId .section01__headInner .left img{max-width: 200px;} #indexId .section01__headInner .right h2{letter-spacing: 0.18em;margin-bottom: var(--space-32) !important;} #indexId .section01__box {display: flex;flex-wrap: wrap;justify-content: flex-start; gap: var(--space-32);} #indexId .section01__item {background: #fff;border: solid 2px var(--color01--blue);box-shadow: 4px 4px 0 var(--color01--blue);display: flex;flex-direction: column;justify-content: space-between;} #indexId .section01__item--center {margin-left: auto;margin-right: auto;} #indexId .section01__inner{padding: var(--space-16) var(--space-24);display: flex;flex-direction: column;gap: var(--space-12);} #indexId .section01__title{display: flex;align-items: center;color: var(--color01--blue); padding-bottom: var(--space-16);border-bottom: dotted 2px var(--color01--blue);} #indexId .section01__title img{max-width: 15px;margin-right: var(--space-8);} #indexId .section01__bottom{padding: 0px var(--space-24) var(--space-16) var(--space-24);} #indexId .section01__percent{display: flex;justify-content: space-between;} #indexId .section01__balloon {position: relative;background: var(--color01--blue);padding: var(--space-12) var(--space-24);border-radius: 10px;width: 65%;color: #fff;line-height: 1.5;text-align: center;} #indexId .section01__balloon::after {content: "";position: absolute;top: 50%;right: -30px;transform: translateY(-50%);border-width: 18px;border-style: solid;border-color: transparent transparent transparent var(--color01--blue);} #indexId .section01__number{width: 30%;color: var(--color01--blue);text-align: center;line-height: 1.0;display: flex; flex-direction: column;align-items: center;justify-content: center;} #indexId .section01__numberText01{line-height: 1.0;margin: 0;} #indexId .section01__text03{font-weight: bold;color: var(--color01--blue);} /*セクション23共通*/ #indexId .section02common__more {display: flex;flex-direction: column; align-items: center;justify-content: center;width: 115px;height: 115px;border: 2px solid var(--color00--bk); border-radius: 50%;text-align: center;text-decoration: none;color: var(--color00--bk);gap: 0;} #indexId .section02common__more i {margin: 0;line-height: 1.0;} #indexId .section02common__more .customFont01 {font-size: 20px;margin: 0;line-height: 1.0;} #indexId .section02common_leftTextInner {display: flex;flex-direction: column;gap: var(--space-64);align-items: center;} #indexId .section02{margin-top: var(--space-128);} #indexId .section02 .bg--extend01{position: relative;} #indexId .section02 .section02__flowImg01{position: absolute;bottom: 6%;left: 0;max-width: 320px;z-index: 5;} #indexId .section02 .section02__flowImg02{position: absolute;bottom: -6%;right: 15%;max-width: 143px;z-index: 5;} #indexId .section02 .container{margin: 0 auto;display: flex;justify-content: space-between;} #indexId .section02_leftText{} #indexId .section02_rightImg{display: flex;flex-wrap: wrap;justify-content: space-between;gap: var(--space-32);} #indexId .section02_items{position: relative;} #indexId .section02_items img{border-radius: 20px;} #indexId .section02_items h3{position: absolute;top: var(--space-24);right: var(--space-32);} #indexId .section03{margin-top: var(--space-128);margin-bottom: var(--space-128);} #indexId .section03 .container{margin: 0 auto;display: flex;justify-content: space-between;} #indexId .section03_leftTextInner {display: flex;flex-direction: column;gap: var(--space-32);align-items: center;} #indexId .section03_rightImg{display: flex;flex-wrap: wrap;justify-content: flex-start;gap: var(--space-32);position: relative;} #indexId .section03_items{position: relative;} #indexId .section03_items img{border-radius: 20px;margin-bottom: var(--space-16) !important;} #indexId .section03_items h3{position: absolute;top: var(--space-24);right: var(--space-32);} #indexId .section03__flowImg01{position: absolute;bottom: 0 ;right: 0;max-width: 198px;} #indexId .section04{margin-bottom: var(--space-96);} #indexId .section04_header{margin: 0 auto;display: flex;justify-content: space-between;padding-top:var(--space-96); } #indexId .section04_header .right{padding-top: 90px;} #indexId .section04_middle{margin: 0 auto;text-align: center;} #indexId .section04_middle img{max-width: 1393px;} #indexId .section04_footer{margin: 0 auto;text-align: center;display: flex;justify-content: space-between;margin-top: var(--space-64);} #indexId .section04_footer .right{text-align: left;} #indexId .section04_footer .right p{margin-top: var(--space-24);} #indexId .section04_footer .left img{max-width: 500px;} #indexId .section05_whiteBack{ background: linear-gradient( to bottom, #fff 0%, #fff 89.9%, var(--color02--gray) 90%, var(--color02--gray) 100% ); } #indexId .section05_stripeBack{background-image: repeating-linear-gradient(-45deg, transparent, transparent 28px, rgba(255, 216, 214, 1) 28px, rgba(255, 216, 214, 1) 31px ); background-size: 100% 90%;background-repeat: no-repeat;} #indexId .section05_header{text-align: center;padding: var(--space-96) 0 0 0 ;} #indexId .section05_header img{max-width: 788px;margin-bottom: var(--space-32);} #indexId .section05_header h2{margin-bottom: var(--space-128) !important;} #indexId .section05_index{margin: 0 auto;padding-bottom:var(--space-32); } #indexId .section05_indexItemTop {display: flex;justify-content: space-between; gap: var(--space-32); } #indexId .section05_indexItemTop a {flex: 1;text-align: center;background: var(--color03--red);padding: 10px; color: #fff; border-radius: 8px;font-size: 15px;} #indexId .section05_indexItemBottom {display: flex;justify-content: space-between; gap: var(--space-32); margin-top: var(--space-32); align-items: center;} #indexId .section05_indexItemBottom a {flex: 1;text-align: center;color: #fff;background: var(--color03--red); padding: var(--space-24);border-radius: 8px;font-weight: bold;} #indexId .section05_post{margin: 0 auto;padding-bottom: var(--space-64);} #indexId .section05_postExtend{margin-left: calc((100vw - var(--col-10-width)) / 2 - 100px);background: #fff;border-radius:24px 0px 0px 24px;padding: var(--space-32) 0 var(--space-32) 0;} #indexId .section05_postInner{text-align: left;margin-left: 100px;} #indexId .section05 .scroll-container-wrapper {position: relative;overflow: hidden;} #indexId .section05 .scroll-container {display: flex;overflow-x: auto;scroll-behavior: smooth;gap: var(--space-16); /* スクロールバー非表示 */ scrollbar-width: none; /* Firefox */ -ms-overflow-style: none; /* IE 10+ */ } #indexId .section05 .scroll-container::-webkit-scrollbar {display: none; /* Chrome, Safari, Edge */} #indexId .section05 .scroll-item {flex: 0 0 320px;border: 2px solid var(--color02--gray);background: #fff;border-radius: 20px;border-radius:12px;overflow: hidden;} #indexId .section05 .scroll-item h3{font-size: 14px !important;display: flex;align-items: flex-start;gap: 1.0em;padding: var(--space-32) var(--space-24) var(--space-32) var(--space-24);} #indexId .section05 .scroll-item h3 i{padding-top: 4px;color: var(--color03--red);} #indexId .section05 .scroll-arrow {position: absolute;top: 50%;transform: translateY(-50%);z-index: 10;background: rgba(0,0,0,0.6);color: white;border: none;font-size: 24px;padding:var(--space-8);cursor: pointer;} #indexId .section05 .scroll-arrow.left {left: 0;} #indexId .section05 .scroll-arrow.right {right: 0;} #indexId .scroll-arrow.left {display: none;} #indexId .section05_movieWhite{ background: linear-gradient( to bottom, var(--color02--gray) 0%, var(--color02--gray) 9.9%, #fff 10%, #fff 100% ); padding-bottom: var(--space-96);} #indexId .section05_movie{display: flex;justify-content: space-between;margin: 0 auto;} #indexId .section06{padding-top: var(--space-128);} #indexId .section06_container{margin: 0 auto;display: flex;justify-content: space-between;} #indexId .section06_titleArea{display: flex;justify-content: center;} #indexId .section06_newsBox{} #indexId .section06_newsBoxTop{border-bottom: 1px solid var(--color00--bk);margin-bottom: var(--space-64);} #indexId .section06_newsBlock{display: flex;align-items: center;gap: var(--space-16);padding-bottom: var(--space-32);} #indexId .section06_newsBoxMid{display: flex;justify-content: space-between;margin-bottom: var(--space-64);align-items: flex-end;} #indexId .section06_newsBoxBottom{display: flex;justify-content: space-between;} #indexId .section06_newsBoxbannerLeft{display: flex;justify-content: space-between;gap: var(--space-16);} #indexId .section06_newsBoxbannerRight{display: flex;justify-content: space-between;gap: var(--space-16);} #indexId .section06_category{background: #fff;padding: 4px var(--space-24);border-radius: 8px;font-size: 0.8rem;} #indexId .post-list {display: flex;gap: var(--space-32); justify-content: space-between;} #indexId .section06_postWrap{padding:var(--space-24) var(--space-32); display: flex;flex-direction: column;gap: var(--space-8);} #indexId .post-item {flex: 1;min-width: 0;max-width: calc(33.333% - 13.33px); border: 1px solid var(--color02--gray);background: #fff;border-radius: 12px;overflow: hidden;} #indexId .post-date{font-size: 0.9rem;} #indexId .post-title{font-weight: bold;line-height: 1.3;} #indexId .post-categories{} #indexId .post-categories span{display: inline-block;background: var(--color00--bk);font-size: 0.7rem;color: #fff;padding: 4px var(--space-24);} #indexId .post-thumbnail img {width: 100%;height: auto;display: block;} #indexId .section06__more {display: flex;flex-direction: column; align-items: center;justify-content: center;width: 90px;height: 90px;border: 2px solid var(--color00--bk); border-radius: 50%;text-align: center;text-decoration: none;color: var(--color00--bk);gap: 0;} #indexId .section06__more i {margin: 0;line-height: 1.0;} #indexId .section06__more .customFont01 {margin: 0;line-height: 1.0;font-weight: normal;} /*****　02熱処理加工ページ　.page--02 ******/ .page--02 .section01_container{display: flex;justify-content: space-between;margin: 0 auto;} .page--02 .section01_heading img{max-width: 65px;} .page--02 .section01_itemImg{padding-right: var(--space-64);} .page--02 .section01_itemBox{display: flex;justify-content: space-between;margin-bottom: var(--space-128);} .page--02 .section01_itemBox03{margin-bottom: var(--space-32);} .page--02 .section01_itemBox04{margin-top: var(--space-128);} .page--02 .itemEn span{opacity: 0.3;} .page--02 .section01_itemTextBlock h3{margin: var(--space-16) 0 var(--space-64) 0 !important;} .page--02 .section01_itemTextBlock .subHeading{margin-bottom: var(--space-24);} .page--02 .section01_iconBox{display: flex;justify-content: flex-end;gap:var(--space-8);margin-top: var(--space-32);} .page--02 .section01_iconBox img{max-width: 98px;} .page--02 .section01_itemBoxTableWrap{display: flex;justify-content: flex-end;align-items: flex-end;} .page--02 .section01_itemBoxTable table{width: 100%;} .page--02 .section01_itemBoxTable td,.page--02 .section01_itemBoxTable th{border: 1px solid var(--color00--bk);padding: var(--space-16);font-size: 0.9rem;line-height: 1.4;} .page--02 .section01_itemBoxTable th{background: var(--color02--gray);} .page--02 .subHeading04{margin-top: var(--space-48);} .page--02 .section01_processBox{display: grid;grid-template-columns: repeat(3, 1fr);gap:var(--space-32);} .page--02 .section01_processItem--cover{position: relative;margin-bottom: var(--space-48);} .page--02 .section01_processItem--cover::after{width: var(--space-32);height: 10px;background: var(--color01--blue);position: absolute;top: 20%;left:100%;content: "";} .page--02 .section01_processItem--cover.section01_processItem--cover03::after{display: none;} .page--02 .section01_processItem--cover.section01_processItem--cover06::after{display: none;} .page--02 .section01_processItem--number{position: absolute;top: -55px;left: 50%;transform: translateX(-50%); width: 80px;height: 80px;border-radius: 50%;background: var(--color01--blue);text-align: center;color: #fff;display: flex;flex-direction: column;justify-content: center;font-weight: bold;line-height: 1.0;} .page--02 .section01_processItem--number span{line-height: 0.9;} .page--02 .section01_processItem{border: 3px solid var(--color01--blue);border-radius: 8px;overflow: hidden;} .page--02 .section01_processItem--wrap{padding:var(--space-32) var(--space-32) var(--space-16) var(--space-32); } .page--02 .section01_processItem--head{margin-bottom: var(--space-8);} /*****　03熱処理加工ページ　#page--03 ******/ .page--03 .section01_linkBox{display: flex;justify-content: flex-end;} .page--03 .section01_linkBox a{display: flex;flex-direction: column;align-items: center; justify-content: center;width: 90px;height: 90px;border: 2px solid var(--color00--bk);border-radius: 50%;text-align: center;text-decoration: none;color: var(--color00--bk);gap: 0;} .page--03 .section01_linkBox i{font-size: 28px;margin: 0;line-height: 1.0;} .page--03 .section01_linkBox p{font-size: 18px;margin: 0;line-height: 1.0;} .page--03 .section01_container{display: flex;justify-content: space-between;margin: 0 auto;} .page--03 .section01_heading img{max-width: 65px;} .page--03 .section01_itemImg{padding-right: var(--space-64);} .page--03 .section01_itemBox{display: flex;justify-content: space-between;margin-bottom: var(--space-128);} .page--03 .section01_itemBox03{margin-bottom: var(--space-32);} .page--03 .section01_itemBox04{margin-top: var(--space-128);} .page--03 .itemEn span{opacity: 0.3;} .page--03 .section01_itemTextBlock h3{margin: var(--space-16) 0 var(--space-64) 0 !important;} .page--03 .section01_itemTextBlock .subHeading{margin-bottom: var(--space-24);} /*****　03- 下層ページ共通 ******/ .page--03section01_tableMargin {margin-top: var(--space-32);} .page--03section01_container{margin: 0 auto;} .page--03section01_containerTop{margin-top: var(--space-128);} .page--03section01_headline{display: flex;justify-content: center;gap: var(--space-32);margin-bottom: var(--space-128);} .page--03section01_subHeadline{padding-top: 60px;position: relative;} .page--03section01_subHeadline::before { content: '';position: absolute;top: 0px;right: 28px;width: 2px; height: 45px;background-color: var(--color00--bk);} .page--03section01_container h3{text-align: center;margin-bottom: var(--space-32) !important;} .page--03section03_container{margin: 0 auto;display: flex;justify-content: space-between;} .page--03section03_titleArea{display: flex;justify-content: center;} .page--03section03_heading{padding-top: var(--space-64);border-top: 2px solid var(--color00--bk);} .page--03section03_mainBlock{display: flex ;justify-content: flex-start;gap: var(--space-32);padding-top: var(--space-128);} /*****　03-1 焼入れ・焼戻し　.page--03-1 ******/ .page--03-1 .section01_table {margin-top: var(--space-32);} .page--03-1 .section02_container{margin: 0 auto;display: flex;justify-content: space-between;} .page--03-1 .section02_imgBlock{position: relative;} .page--03-1 .section02_imgBlock h4{position: absolute;top:var(--space-32);right: var(--space-32);} .page--03-1 .section02_table {margin-top: var(--space-32);} .page--03-1 .section02_table td{min-width: 140px;} /*****　03-2 焼きならし・焼きなまし　.page--03-2 ******/ .page--03-2 .section03 .commonTable01{width: var(--col-8-width);} .page--03-2 .section03 .page--03section03_container{margin-top: var(--space-128);} .page--03-2 .section03 .page--03section03_mainBlock{padding-top: var(--space-64);} .page--03-2 .section03 .section03_table{margin-top: var(--space-64);} .page--03-2 .section03 .commonTable01 td{min-width: 150px;} /*****　03-3 焼入れ・焼戻し　.page--03-3 ******/ .page--03-3 .section03_mainBlock{justify-content: flex-start;padding-top: var(--space-64);} /*****　03-4 焼入れ・焼戻し　.page--03-4 ******/ .page--03-4 .section03_mainBlock{justify-content: flex-start;padding-top: var(--space-64);} /*****　03-5 焼入れ・焼戻し　.page--03-5 ******/ .page--03-5 .section03_mainBlock{justify-content: flex-start;padding-top: var(--space-64);} /*****　04品質保証　#page--04 ******/ .page--04 .section01_container{display: flex;justify-content: space-between;margin: 0 auto;} .page--04 .section01_heading img{max-width: 65px;} .page--04 .section01_itemImg{padding-right: var(--space-64);} .page--04 .section01_itemBox{display: flex;justify-content: space-between;margin-bottom: var(--space-128);} .page--04 .section01_itemBox03{margin-bottom: var(--space-32);} .page--04 .section01_itemBox04{margin-top: var(--space-128);} .page--04 .itemEn span{opacity: 0.3;} .page--04 .section01_itemTextBlock h3{margin: var(--space-16) 0 var(--space-64) 0 !important;} .page--04 .section01_itemTextBlock .subHeading{margin-bottom: var(--space-24);} .page--04 .section01_itemTextCap{text-align: right;font-size: 0.8rem;} /*****　05 企業情報　.page--05 ******/ .page--05 .sectionBox{margin-bottom: var(--space-128);} .page--05 .sectionBox_h3{margin-bottom: var(--space-32) !important;} .page--05_menuBoxWrap{max-width: calc(var(--col-10-width) + var(--extend));margin: 0 auto;} .page--05_menuBox{padding: var(--space-32) var(--space-128) var(--space-16) var(--space-64);background: var(--color04--blue);color: #fff;position: sticky;top: 0;z-index: 1000;display: inline-flex;left: -50px;margin-bottom:calc(var(--space-128) * -1);} .page--05_menuBox li{position: relative;font-size: 18px;margin-bottom: var(--space-24);} .page--05_menuBox li::before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: -30px;width: 20px;height: 1px;background-color: #fff; } .page--05 .sectionBox_bg--extend {background: #fff;max-width: calc(var(--col-10-width) + var(--extend));margin: 0 auto;padding: calc(var(--extend) / 2);border-radius:24px;} .page--05 .sectionBox_container{margin: 0 auto;display: flex;justify-content: space-between;} .page--05 .sectionBox_leftBox{display: flex;justify-content: flex-end;} .page--05 .sectionBox_mainContents{display: flex;flex-direction: column;gap: var(--space-64);} .page--05 .section01_img img{max-width: 334px;} .page--05 .section01_textWrap02{display: flex;justify-content: space-between;} .page--05 .section01_textWrap02img img{max-width: 278px;} .page--05 .section01_sign{text-align: right;} .page--05 .section01_sign img{max-width: 252px;} .page--05 .section02_contentsBox{display: flex;flex-direction: column;gap: var(--space-64);} .page--05 .section02_contentsBox ul{border-top: 2px solid var(--color00--bk);border-bottom: 2px solid var(--color00--bk);padding: var(--space-32) 0 var(--space-32) 0px;} .page--05 .section02_contentsBox li{font-weight: bold;line-height: 3.0;} .page--05 .section02_contentsBox .rinen{padding-left: var(--space-64);} .page--05 .section02_contentsBox .rinen li{list-style: disc;} .page--05 .section02_contentsBox .quality{padding-left: var(--space-32);} .page--05 .section02_contentsBox .quality li{list-style: decimal-leading-zero;line-height: 1.3;margin-bottom: var(--space-16);} .page--05 .section03_history__date{font-weight: bold;margin-right: var(--space-24);} .page--05 .section03_history li{display: flex;margin-bottom: var(--space-24);line-height: 1.4;align-items: flex-start;} .page--05 .section03_history__date{white-space: nowrap;} .page--05 .section04_contentsBox{display: flex;flex-direction: column;gap: var(--space-64);} .page--05 .section04_textWrapInner{display: flex;justify-content: space-between;} .page--05 .section04_textWrapInnerImg {text-align: right;} .page--05 .section04_textWrapInnerImg01 {text-align: right;} .page--05 .section04_textWrapInnerImg01 img{max-width: 252px;} .page--05 .section04_textWrapInnerImg02{text-align: right;} .page--05 .section04_textWrapInnerImg02 img{max-width: 252px;} .sectionBox_nintei{width: 100%;margin-top: var(--space-64);} .sectionBox_nintei td,.sectionBox_nintei th{border: 1px solid var(--color00--bk);padding: var(--space-16);background: #fff;font-size: 0.9rem;line-height: 1.4;text-align: center;} .sectionBox_nintei thead th{background: var(--color02--gray);text-align: center;font-weight: bold;} .sectionBox_nintei tfoot td{text-align: right;font-size: 0.8em;border: none;} /*****　07 問い合わせ　.page--07 ******/ .page--07 .page--07_common_container{margin: 0 auto;} .page--07 .page--07_common_container h2{margin-bottom: var(--space-64) !important;text-align: center;} .page--07 .section03_heading img{max-width: 85px;} .page--07 .section03_formContent{/*margin-top: var(--space-64);*/} #mw_wp_form_mw-wp-form-413 table{margin-top: var(--space-64);} #mw_wp_form_mw-wp-form-413 th{max-width: 120px !important;} #mw_wp_form_mw-wp-form-413 th,#mw_wp_form_mw-wp-form-413 td{padding: var(--space-32);} #mw_wp_form_mw-wp-form-413 input{padding:var(--space-16) var(--space-12);} .page--07 .contact_mailBlock p{font-weight: bold;font-size: 22px;} .page--07 input{width: 100%;} .page--07 textarea{width: 100%;} .page--07 .contact_mailBox{display: flex;flex-direction: column;gap: var(--space-64);} .page--07 .contact_mailBlock{border-bottom: 1px solid ;} .page--07 .contact_mailBlock input{line-height: 3.0;padding: var(--space-16) var(--space-32);font-size: 20px;border: none;} .page--07 .contact_mailMessage{border: none;} .page--07 .contact_mailMessage textarea{padding: var(--space-16) var(--space-32);font-size: 20px;} .page--07 .contact_mailSubmit{border: none;} .page--07 .contact_mailSubmit input{border-radius:24px;font-weight: normal;} .page--07 .contact_mailSubmit input:hover{cursor: pointer;background: var(--color04--blue);color: #fff;transition: background 0.3s ease, color 0.3s ease;} /*****　09 工場紹介　.page--09 ******/ .page--09 .section01_container{display: flex;justify-content: space-between;} .page--09 .section01_headingWrap{display: flex;} .page--09 .section01_heading img{max-width: 65px;} .page--09 .section01_textBox {margin-bottom: var(--space-64);} .page--09 .section01_itemBox{display: flex;justify-content: space-between;} .page--09 .section01_itemImg{position: relative;} .page--09 .section01_itemImg img{border-radius: 12px;} .page--09 .section01_itemImg h3{position: absolute;right: 20px;top: 20px;} .page--09 .section01_itemBoxBottom{margin-top: var(--space-64);} /*****　09 工場紹介　下層ページ共通　******/ .page--09section01_container{margin: 0 auto;display: flex;justify-content: space-between;} .page--09section01_titleArea{display: flex;justify-content: center;} .page--09section01_heading{padding-top: var(--space-64);border-top: 2px solid var(--color00--bk);} .page--09section01_mainBlock{display: flex ;justify-content: flex-start;gap: var(--space-32);padding-top: var(--space-64);} .page--09section01_mainBlock table{margin-bottom: var(--space-64);} .page--09section01_table td{padding-left: var(--space-48);} .page--09section01_table li{list-style: disc;line-height: 2.0;} .page--09section01_imgBlock{margin: 0 auto;display: flex;max-width: var(--col-12-width);justify-content: space-between;} .page--09section01_accessWrap{padding-top: var(--space-64);} .page--09section01_accessWrap h3{margin-bottom: var(--space-32) !important} .page--09section01__accessTime{display: flex;margin-bottom: var(--space-64);gap: var(--space-12);} .page--09section01__accessTime .left{padding-top: 4px;} .page--09section01__accessRoad{display: flex;flex-direction: column;} .page--09section01__accessRoad span{background: #fff;padding: 4px var(--space-8);border-radius: 8px;} .page--09section01__accessRoad p:not(:last-child)::after {content: "";display: block;height: 20px;width: 2px;background-color: var(--color00--bk); margin-left: var(--space-32);} .page--09section01_strength {padding-top: var(--space-64);} /*****　09-1 美原工場　.page--09-1 ******/ .page--09-1 .section01_imgBlock img{max-width: 280px;} /*****　09-2 河西工場　.page--09-2 ******/ .page--09-2 .section01_imgBlock{justify-content: center;gap: var(--space-32);} .page--09-2 .section01_imgBlock img{max-width: 317px;} /*****　09-3 岐阜工場　.page--09-3 ******/ .page--09-3 .section01_imgBlock{justify-content: center;gap: var(--space-32);} .page--09-3 .section01_imgBlock img{max-width: 317px;} .page--09-3 .section01_imgBlockTop{margin-bottom: var(--space-32);} /*****　11知識の泉　.page--11 ******/ .page--11 .section01_container{display: flex;justify-content: space-between;margin: 0 auto;} .page--11 .section01_mainContent{} .page--11 .section01_heading img{max-width: 65px;} .page--11 .section01_itemBox{display: flex;justify-content: space-between;margin-top: var(--space-64);} .page--11 .section01_boxHeading{display: flex;align-items: center;justify-content: center;text-align: center;} .page--11 .section01_boxIndex{padding:var(--space-128) var(--space-32) var(--space-128) var(--space-64);border-left: 1px solid;display: flex;justify-content: center;flex-direction: column;gap: var(--space-32);} .page--11 .section01_boxIndex a{display: flex;align-items: center;} .page--11 .section01_boxIndex i{font-size: var(--space-48);margin-right: var(--space-12);} .page--11 .section01_boxIndex span{border: 1px solid;padding: var(--space-12) var(--space-32);border-radius:8px;} /*****　12 プライバシー　.page--12 ******/ .page--12 .section01_wrap{margin: 0 auto;margin-top: var(--space-128);} .page--12 .section01_wrap h2{text-align: center;margin-bottom: var(--space-128) !important;} .page--12 .section01_contents{display: flex;flex-direction:column; gap:var(--space-64);} .page--12 .section01_textBlock h3{margin-bottom: var(--space-16) !important;} /*メディアクエリ チェックする代表的な幅の例 max-width: 1199px 1199px、1200px（直前直後） max-width: 991px 991px、992px（直前直後） max-width: 767px 767px、768px（直前直後）、480pxあたり（スマホ想定） 1320px以上 → 1319px → 1199px → 991px → 767px → 375px */ /* --- 1319px以下（ノートPC） */ @media (max-width: 1319px) { :root { --container: 960px; --extend: 160px; --space-4:calc(4px - (var(--space-unit) * 0)); --space-8:calc(8px - (var(--space-unit) * 0)); --space-12:calc(12px - (var(--space-unit) * 0)); --space-16:calc(16px - (var(--space-unit) * 0)); --space-24:calc(24px - (var(--space-unit) * 1)); --space-32:calc(32px - (var(--space-unit) * 1)); --space-48:calc(48px - (var(--space-unit) * 3)); --space-64:calc(64px - (var(--space-unit) * 3)); --space-72:calc(72px - (var(--space-unit) * 4)); --space-96:calc(96px - (var(--space-unit) * 4)); --space-128:calc(128px - (var(--space-unit) * 4)); } p{font-size: 1.0rem;line-height: 1.7em;margin: 0;} h1 {font-size: 48px !important;line-height: 1.25;margin: 0 !important;} h2 {font-size: 36px !important;line-height: 1.3;margin: 0 !important;} h3 {font-size: 22px !important;line-height: 1.4;margin: 0 !important;} h4 {font-size: 20px !important;line-height: 1.5;margin: 0 !important;} .font_large01{font-size: 20px !important;line-height: 1.5;font-weight: bold;} .font_large30{font-size: 24px !important;line-height: 1.5;font-weight: bold;} .font_large40{font-size: 30px !important;line-height: 1.5;font-weight: bold;} .font_large60{font-size: 50px !important;line-height: 1.5;font-weight: bold;} .font_small--13{font-size: 12px !important;line-height: 1.4;} .global-nav .global-menu li a{font-size: 13px;padding: var(--space-12) var(--space-12) var(--space-12) var(--space-12);} .site-logo{padding: var(--space-24) 0 var(--space-24) var(--space-12);display: flex;align-items: center;} .site-logo img {max-width: 250px;} #indexId .section06__more {display: flex;flex-direction: column; align-items: center;justify-content: center;width: 70px;height: 70px;border: 2px solid var(--color00--bk); border-radius: 50%;text-align: center;text-decoration: none;color: var(--color00--bk);gap: 0;} .page--02 .section01_iconBox img{max-width: 68px;} .page--09-1 .section01_imgBlock img{max-width: 200px;} footer .section09_itemImg04{max-width: 152px;left: 15% !important;top: 40px !important;} footer .section10_centerLogo{max-width: 348px;} .gifuFlow01 img{max-width: 180px;} } /* --- 991px以下（タブレット） */ @media (max-width: 991px) { :root { --container: 720px; --extend: 100px; --space-4:calc(4px - (var(--space-unit) * 0)); --space-8:calc(8px - (var(--space-unit) * 0)); --space-12:calc(12px - (var(--space-unit) * 0)); --space-16:calc(16px - (var(--space-unit) * 0)); --space-24:calc(24px - (var(--space-unit) * 2)); --space-32:calc(32px - (var(--space-unit) * 2)); --space-48:calc(48px - (var(--space-unit) * 3)); --space-64:calc(64px - (var(--space-unit) * 3)); --space-72:calc(72px - (var(--space-unit) * 4)); --space-96:calc(96px - (var(--space-unit) * 11)); --space-128:calc(128px - (var(--space-unit) * 9)); } html {font-size: 16px;line-height: 1.6; } p{font-size: 1.0rem;line-height: 1.7em;margin: 0;} h1 {font-size: 48px !important;line-height: 1.25;margin: 0 !important;} h2 {font-size: 26px !important;line-height: 1.3;margin: 0 !important;} h3 {font-size: 18px !important;line-height: 1.4;margin: 0 !important;} h4 {font-size: 18px !important;line-height: 1.5;margin: 0 !important;} .font_large01{font-size: 18px !important;line-height: 1.5;font-weight: bold;} .font_large30{font-size: 24px !important;line-height: 1.5;font-weight: bold;} .font_large40{font-size: 26px !important;line-height: 1.5;font-weight: bold;} .font_large60{font-size: 32px !important;line-height: 1.5;font-weight: bold;} .font_small--13{font-size: 12px !important;line-height: 1.4;} .breadcrumb {gap: 10px;font-size: 13px;} .menu-bar {top: 0;right: 0;height: 100vh;width: 30%;} .global-nav .global-menu li a{font-size: 13px;} .site-logo{padding: var(--space-32) 0 var(--space-24) var(--space-12);display: flex;align-items: center;} .site-logo img {max-width: 200px;} .hero .hero__text{position: absolute;bottom: 5%;left: 8%;z-index: 5;} .eyeCatch {height: 385px;} .slider23Box {width: 400px;height: 391px;margin-right: var(--space-64);} .slider23Box img{width: 400px;height: 391px;border-radius: 8px;} #indexId .section01 .container{width: 100%;} #indexId .section01__head{height: auto;padding:var(--space-128);} #indexId .section01__headInner{justify-content: center;width: var(--col-9-width);} #indexId .section01__box {display: flex;flex-wrap: wrap;justify-content: flex-start; gap: var(--space-32);width: var(--col-12-width);margin: 0 auto;} #indexId .section01__item{width: var(--col-4-width);} #indexId .section01__item--center{width: var(--col-4-width);} #indexId .section01__percent{display: flex;justify-content: space-between;flex-direction: column;} #indexId .section01__balloon {padding: var(--space-12) var(--space-12);border-radius: 10px;width: 100%;line-height: 1.5;} #indexId .section01__balloon::after {top: 98%;right: 50%;transform: translateX(50%);border-width: 15px;border-color: var(--color01--blue) transparent transparent transparent;} #indexId .section01__number{width: 100%;line-height: 1.0;display: flex; flex-direction: row;align-items: center;justify-content: center;margin-top: var(--space-12);} #indexId .section01__numberText01{line-height: 1.0;margin: 0;} #indexId .section01__text03{font-weight: bold;color: var(--color01--blue);} #indexId .section02 .container{} #indexId .section02common_leftTextInner{width: var(--col-3-width) ;} #indexId .section02_rightImg{width: var(--col-8-width);} #indexId .section02 .section02__flowImg01{position: absolute;bottom: 1%;left: 0;max-width: 200px;z-index: 5;} #indexId .section02 .section02__flowImg02{position: absolute;bottom: -16%;right: 15%;max-width: 120px;z-index: 5;} #indexId .section03_rightImg{flex-wrap: wrap;justify-content: flex-start;gap: var(--space-32);width: var(--col-8-width) ;} #indexId .section03_items{width: var(--col-4-width);} #indexId .section03__flowImg01{bottom: 0 ;right: 0;max-width: 128px;} #indexId .section04_header{margin: 0 auto;display: flex;justify-content: space-between;padding-top:var(--space-96); } #indexId .section04_middle{margin: 0 auto;text-align: center;} #indexId .section04_footer{width: var(--col-10-width);} #indexId .section05_header img{max-width: 450px;margin-bottom: var(--space-32);} #indexId .section06__more {width: 60px;height: 60px;} footer .section09_container{flex-wrap: wrap;} footer .section09_container a{width: calc((100% - var(--space-64)) / 2);} footer .section09_itemImg03{max-width: 64px;} footer .section09_itemImg04{max-width: 152px;left: 25% !important;top: 30px !important;} footer .section10_center{text-align: left;position: relative;} footer .section10_symbol{top: -90px;max-width: 70px;} .page--05_menuBox{padding: var(--space-32) var(--space-64) var(--space-16) var(--space-64);top: 0;left: -30px;} .page--05_menuBox li{font-size: 15px;margin-bottom: var(--space-24);} .page--02 .section01_itemImg,.page--03 .section01_itemImg,.page--04 .section01_itemImg{width: var(--col-4-width);padding-right: 0;} .page--02 .section01_itemTextBlock,.page--03 .section01_itemTextBlock,.page--04 .section01_itemTextBlock {width: var(--col-5-width);} .gifuFlow01 img{max-width: 150px;} } /* --- 767px以下（スマホ） */ @media (max-width: 767px) { :root { --extend: 8px; --container: calc(100% - (var(--extend) * 2)); --space-4:calc(4px - (var(--space-unit) * 0)); --space-8:calc(8px - (var(--space-unit) * 1)); --space-12:calc(12px - (var(--space-unit) * 1)); --space-16:calc(16px - (var(--space-unit) * 2)); --space-24:calc(24px - (var(--space-unit) * 6)); --space-32:calc(32px - (var(--space-unit) * 5)); --space-48:calc(48px - (var(--space-unit) * 9)); --space-64:calc(64px - (var(--space-unit) * 12)); --space-72:calc(72px - (var(--space-unit) * 14)); --space-96:calc(96px - (var(--space-unit) * 20)); --space-128:calc(128px - (var(--space-unit) * 26)); } html {font-size: 16px;line-height: 1.6; } p{font-size: 1.0rem;line-height: 1.7em;margin: 0;} h1 {font-size: 30px !important;line-height: 1.25;margin: 0 !important;} h2 {font-size: 20px !important;line-height: 1.3;margin: 0 !important;} h3 {font-size: 17px !important;line-height: 1.4;margin: 0 !important;} h4 {font-size: 16px !important;line-height: 1.5;margin: 0 !important;} .font_large01{font-size: 17px !important;line-height: 1.5;font-weight: bold;} .font_large30{font-size: 19px !important;line-height: 1.5;font-weight: bold;} .font_large40{font-size: 20px !important;line-height: 1.5;font-weight: bold;} .font_large60{font-size: 26px !important;line-height: 1.5;font-weight: bold;} .font_small--13{font-size: 12px !important;line-height: 1.4;} .bg--extend01 {border-radius: 8px;} .border_none{border: none !important;} .header-inner {display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;} .header-inner_right{display: flex;align-items: center;width: 100%;justify-content: center;} .header-inner_right-box {width: 100%;} .header-inner_right-box .telbox{display: block;display: flex;width: 90%; align-items: center;padding: var(--space-64);} .breadcrumb {gap: 10px;font-size: 10px;} .menu-bar {top: 0;right: 0;height: 100vh;width: 80%;} .menuBar__block{padding-left: 32px;padding-top: var(--space-128);} .menu-bar nav ul{gap: 20px;} .menu-bar nav ul li a{font-size: 14px;} .menu-bar nav ul li a span{font-size: 1.1em;min-width: auto;} .menu-bar .sub-menu{margin-top: 24px;padding-left:24px;} .menu-bar .sub-menu a{font-size: 16px;} .global-nav{display: none;} .global-nav .global-menu li a{font-size: 13px;} .site-logo{padding: var(--space-32) 0 var(--space-32) var(--space-12);display: flex;align-items: center;} .site-logo img {max-width: 260px;} .hero .hero__text{position: absolute;bottom: 10%;left: 8%;z-index: 5;} .eyeCatch {height: 230px;margin-top: var(--space-48);} .eyeCatch__img-wrapper{width: 100%; height: 230px;} .eyeCatch__img-wrapper img{ width: 100%;height: 100%;object-fit: cover;object-position: center; display: block;} .eyeCatch__text{position: absolute;top: -22px;right:10%;gap: var(--space-8);} .slider23Box {width: 400px;height: 391px;margin-right: var(--space-64);} .slider23Box img{width: 400px;height: 391px;border-radius: 8px;} .toTop {bottom: 60px; right: 20px;} .gifuFlow01{display: none;} .gifuFlow02{display: inherit;position: fixed;bottom: 0px;right: 0px;width: 100%;background:#40D6DB;color: #fff;z-index: 30;padding-bottom: 28px;font-size: 15px;font-weight: bold;padding-top: 8px;} .gifuFlow02 a{display: flex;justify-content: center;align-items: center;flex-direction: row;} .gifuFlowCl01{color:#184F52; } .gifuFlowCl02{background: #184F52;color:#fff;padding: 2px 4px;} .gifuFlow02 i{margin-left: 12px;} #indexId .section01 .container{width: 100%;} #indexId .section01__head{height: auto;padding:var(--space-128);} #indexId .section01__headInner{width: 100%;flex-direction: column;padding: var(--space-128);} #indexId .section01__headInner .left{width: 100%;} #indexId .section01__headInner .left img{max-width: 150px;} #indexId .section01__headInner .right{width: 100%;} #indexId .section01__box {display: flex;flex-wrap: wrap;justify-content: center; gap: var(--space-32);width: var(--col-11-width);margin: 0 auto;} #indexId .section01__inner{padding:var(--space-48);display: flex;flex-direction: column;gap: var(--space-12);} #indexId .section01__item{width: var(--col-12-width);} #indexId .section01__item--center{width: var(--col-12-width);} #indexId .section01__bottom{padding: 0px;} #indexId .section01__percent{display: flex;justify-content: space-between;flex-direction: column;} #indexId .section01__balloon {padding: var(--space-12) var(--space-12);border-radius: 10px;width: 100%;line-height: 1.5;} #indexId .section01__balloon::after {top: 98%;right: 50%;transform: translateX(50%);border-width: 15px;border-color: var(--color01--blue) transparent transparent transparent;} #indexId .section01__number{width: 100%;line-height: 1.0;display: flex; flex-direction: row;align-items: center;justify-content: center;margin-top: var(--space-64);} #indexId .section01__numberText01{line-height: 1.0;margin: 0;} #indexId .section01__text03{font-weight: bold;color: var(--color01--blue);} #indexId .section02 .container{margin: 0 auto;display: flex;justify-content: space-between;flex-direction: column;padding: var(--space-128) 0;} #indexId .section02_leftText{width: 100%;} #indexId .section02common_leftTextInner{width: var(--col-12-width) ;margin: 0 auto;} #indexId .section02common_leftTextInnerAwrap{width: 100%;display: flex;justify-content: flex-end;} #indexId .section02common__more {width: 70px;height: 70px;gap: 0;} #indexId .section02common__more i {margin: 0;line-height: 1.0;} #indexId .section02common__more .customFont01 {font-size: 16px;margin: 0;line-height: 1.0;} #indexId .section02_rightImg{width: var(--col-11-width) ;margin: 0 auto;flex-wrap: wrap;justify-content: center;margin-top: var(--space-48);} #indexId .section02_items{width: 100%;} #indexId .section02 .section02__flowImg01{display: none;} #indexId .section02 .section02__flowImg02{display: none;} #indexId .section03 .container{margin: 0 auto;display: flex;justify-content: space-between;flex-direction: column;padding: var(--space-128) 0;} #indexId .section03_leftText{width: 100%;} #indexId .section03_rightImg{width: var(--col-11-width) ;margin: 0 auto;flex-wrap: wrap;justify-content: center;margin-top: var(--space-48);gap: var(--space-128);} #indexId .section03_items{width: 100%;} #indexId .section03__flowImg01{display: none;} #indexId .section04_header{margin: 0 auto;display: flex;justify-content: center;padding-top:var(--space-96);flex-direction:column;text-align:center;align-items:center; } #indexId .section04_header .left{width: var(--col-10-width);} #indexId .section04_header .right{width: var(--col-10-width);padding-top: var(--space-48);} #indexId .section04_middle{margin: 0 auto;text-align: center;} #indexId .section04_footer{width: var(--col-10-width);flex-direction: column;align-items: center;gap: var(--space-128);} #indexId .section04_footer .left{width: var(--col-10-width);} #indexId .section04_footer .right{width: var(--col-12-width);padding-bottom: var(--space-128);} #indexId .section04_footer .right img{margin-bottom: var(--space-128);} #indexId .section05_header img{max-width: 300px;margin-bottom: var(--space-32);} #indexId .section05_indexItemTop{flex-direction: column;gap: var(--space-64);} #indexId .section05_indexItemBottom{flex-direction: column;gap: var(--space-64);} #indexId .section05_indexItemBottom a{width: 100%;padding: var(--space-64) 0;} #indexId .section05 .scroll-item h3{padding: var(--space-48);} #indexId .section05_movie{display: flex;justify-content: space-between;margin: 0 auto;flex-direction: column;align-items: center;} #indexId .section05_movie .left{width: 100%;} #indexId .section05_movie .right{display: none;} #indexId .section06_container{flex-direction: column;width: var(--col-12-width);align-items: center;gap: var(--space-128);} #indexId .section06_newsBlock{flex-direction: column;align-items: flex-start;} #indexId .section06_category{padding: var(--space-16) var(--space-96);} #indexId .section06_newsBoxMid{flex-direction: column;} #indexId .section06_newsBoxItems{width: 100%;} #indexId .post-list{flex-direction: column;width: 100%;} #indexId .post-item{max-width:100%;} #indexId .section06_postWrap{padding: var(--space-48);} #indexId .post-categories span{font-size: 0.8rem;padding:var(--space-8) var(--space-64);} #indexId .section06__more {width: 60px;height: 60px;margin-top: var(--space-64);} #indexId .section06_newsBoxBottom{flex-direction: column;width: var(--col-12-width);gap: var(--space-48);} #indexId .section06_newsBoxbannerLeft{width: 100%;} #indexId .section06_newsBoxbannerLeft a{width: 50%;} #indexId .section06_newsBoxbannerRight{width: 100%;} footer .section07_container{flex-direction: column;align-items: center;padding: var(--space-64) 0;margin: 0 auto;} footer .section07_right{width: 100%;margin-top: var(--space-64);} footer .section07_rightItem01{width: var(--col-2-width);text-align: right;} footer .section07_rightItem01 img{max-width: 30px;} footer .section07_rightArea{width: var(--col-10-width);} footer .section07_rightItem02{width: 100%;} footer .section08_container{flex-direction: column;align-items: center;padding: 0 0 var(--space-64) 0;margin: 0 auto;} footer .section08_itemArea{flex-direction: column;align-items: center;gap: var(--space-128);margin-top:var(--space-64);} footer .section08_itemArea a{width: 100%;} footer .section09_container{flex-wrap: wrap;flex-direction: column;width: var(--col-12-width);align-items: center;} footer .section09_container a{width: 100%;} footer .section09_itemImg01{max-width: 40px;display: none;} footer .section09_itemImg02{max-width: 64px;display: none;} footer .section09_itemImg03{max-width: 64px;display: none;} footer .section09_itemImg04{max-width: 152px;left: 25% !important;top: 30px !important;display: none;} footer .section09_itemTop{min-height: auto;} footer .section09_itemTop h4{writing-mode: horizontal-tb;text-align: center !important;margin: 0 auto !important;} footer .section09_bg{padding-bottom: 50px;} footer .section10_center{text-align: center;position: relative;margin-bottom: var(--space-64);} footer .section10_symbol{top: -45px;max-width: 50px;} footer .section10_right{position: static;flex-direction: column;align-items: center;gap: var(--space-96);} footer .section10_sns{width: 100%;justify-content: center;gap: var(--space-96);} footer .section10_sns img{max-width: 40px;} footer .section10_centerLogo{margin-bottom: var(--space-96);max-width: 60%;} footer .section10_links{flex-direction: row;gap: 32px} footer .section10_copy p{font-size: 10px !important;} footer .section10{padding-bottom: 68px;} .page--02 .section01_container,.page--03 .section01_container,.page--04 .section01_container,.page--11 .section01_container{flex-direction: column;align-items: center;width: var(--col-12-width);margin: 0 auto;padding-top: var(--space-128);padding-bottom: var(--space-32);} .page--02 .section01_headingWrap{width: var(--col-12-width);margin: 0 auto;} .page01 .sectionBox_heading{width: var(--col-12-width);margin: 0 auto;} .page01 .sectionBox_heading img{display: none;} .page--02 .section01_mainContent,.page--03 .section01_mainContent,.page--04 .section01_mainContent,.page--11 .section01_mainContent{width: var(--col-12-width);margin-top: var(--space-128);} .page--02 .section01_itemBox,.page--03 .section01_itemBox,.page--04 .section01_itemBox{width: 100%;flex-direction: column;max-width: 100%;border-bottom: 1px solid;padding-bottom: var(--space-64);} .page--02 .section01_itemBox03{border: none;} .page--02 .section01_itemBox05{border: none;} .page--02 .section01_itemImg,.page--03 .section01_itemImg,.page--04 .section01_itemImg{width: 70%;margin: 0 auto;} .page--02 .section01_itemTextBlock,.page--03 .section01_itemTextBlock,.page--04 .section01_itemTextBlock{width: 100%;margin-top: var(--space-64);} .page--02 .section01_itemBoxTableWrap{width: 100%;border-bottom: 1px solid;padding-bottom: var(--space-64);} .page--02 .section01_itemBoxTable{width: 100%;} .page--02 .section01_processBox{width: 100%;display: flex;flex-direction: column;gap: 32px;} .page--02 .section01_processItem--cover{width: 100%;} .page--02 .section01_processItem--cover::after{display: none;} .page--02 .section01_processItem--number{left: 90%;top: -45px;} .page--03section01_container{margin: 0 auto;width: var(--col-12-width);margin-bottom: 64px;} .page--03-1 .section02_container{margin: 0 auto;width: var(--col-12-width);flex-direction: column;} .page--03-1 .section02_blockWrap{margin: 0 auto;width: var(--col-12-width);margin-bottom: var(--space-128);} .page--03section03_container {flex-direction: column;align-items: center;padding-bottom: 24px;} .page--03section03_mainBlock{flex-direction: column;align-items: center;} .page--03-1 .page--03section03_img{width: var(--col-10-width);} .page--03-2 .page--03section03_img{width: var(--col-10-width);} .page--03-2 .section03 .section03_table{width: 100%;} .page--03-2 .section03 .commonTable01{width: 100%;} .page--03-3 .section03_mainBlock{} .page--03-3 .page--03section03_img,.page--03-4 .page--03section03_img,.page--03-5 .page--03section03_img{width: var(--col-10-width);} .page--03-3 .page--03section01_container,.page--03-4 .page--03section01_container,.page--03-5 .page--03section01_container{padding-top: 32px;} .page--03section01_subHeadline{padding-top: 40px;position: relative;} .page--03section01_subHeadline::before {top: 0px;right: 28px;width: 2px;height: 25px;} .page--03 .section01_linkBox a{display: flex;flex-direction: column;align-items: center; justify-content: center;width: 60px;height: 60px;border: 2px solid var(--color00--bk);border-radius: 50%;text-align: center;text-decoration: none;color: var(--color00--bk);gap: 0;} .page--03 .section01_linkBox i{font-size: 18px;} .page--03 .section01_linkBox p{font-size: 16px;} .page--05_menuBox{padding: var(--space-32) var(--space-64) var(--space-16) var(--space-64);left: 8px; top: 0;margin-bottom: -128px;} .page--05_menuBox li{font-size: 15px;margin-bottom: var(--space-24);margin-bottom: 8px;} .page--05_menuBox li::before {content: '';position: absolute;top: 50%;transform: translateY(-50%);left: -13px;width: 10px;height: 1px;background-color: #fff; } .page--05_menuBoxWrap{max-width:100%;width:100%;} .page--05 .sectionBox_bg--extend{max-width: calc(var(--col-12-width) + var(--extend));} .page--05 .sectionBox_container{width: var(--col-12-width);flex-direction: column;align-items: center;padding-top: var(--space-128);padding-bottom: var(--space-128);} .page--05 .sectionBox_leftBox{width: 100%;} .page--05 .sectionBox_mainContents{width: 100%;margin-top: var(--space-128);} .page--05 .section01_img{text-align: center;} .page--05 .section01_img img{width: 60%;} .page--05 .section01_textWrap02{flex-direction: column;} .page--05 .section01_textWrap02img{width: 100%;text-align: center;padding: 32px 0;} .page--05 .section01_textWrap02img img{width: 60%;} .page--05 .section01_textWrap02text{width: 100%;} .page--05 .section02_contentsBox .quality{padding-left: 32px;} .page--05 .section03_history li{gap: 16px;margin-bottom: 8px;} .page--05 .section04_textWrapInner{flex-direction: column;} .page--05 .section04_textWrapInner p{width: 100%;} .page--05 .section04_textWrapInnerImg01{width: 100%;text-align: center;} .page--05 .section04_contentsWrap{margin-bottom: 64px;} .page--05 .section04_textWrapInner{flex-direction: column;} .page--05 .section04_textWrapInner div{width: 100%;} .page--05 .section04_textWrapInnerImg02{margin-top: 16px;} .page--07 .page--07_common_container{width: var(--col-12-width);} .page--07 .section03_container{width: var(--col-12-width);margin: 0 auto;} .page--07 .section03_container{flex-direction: column;align-items: center;padding-top: var(--space-128);padding-bottom: var(--space-128);} .page--07 .page--07_common_container{margin-bottom: 32px;} .page--07 .section03_mainContent{width: 100%;margin-top: var(--space-128);} .page--07 .section03_textBox{width: 100%;} .page--07 .section03_formContent{width: 100%;} .page--07 .contact_mailBlock p{font-size: 16px;} .page--07 .contact_mailBlock input{font-size: 15px;} .page--07 .contact_mailMessage textarea{font-size: 15px;line-height: 1.4;} #mw_wp_form_mw-wp-form-413 th,#mw_wp_form_mw-wp-form-413 td{font-size: 0.8em;line-height: 1.3;} .page--09 .section01_container{flex-direction: column;align-items: center;padding-top: var(--space-128);margin: 0 auto;padding-bottom: var(--space-128);} .page--09 .section01_headingWrap{width: 100%;} .page--09 .section01_mainContent{width:100%;margin: 0 auto;margin-top: var(--space-128);} .page--09 .section01_textBox{width: 100%;} .page--09 .section01_itemBox{flex-direction: column;gap: var(--space-64);} .page--09 .section01_itemImg{width: 80%;margin: 0 auto;} .page--09section01_container{flex-direction: column;align-items: center;} .page--09section01_mainBlock{width:var(--col-12-width);margin-bottom: 32px;} .page--09section01_container .section01_table{width:100%;} .page--09section01_table{width: 100%;} .page--09section01_table ul{padding-left: 12px;} .page--09section01_table li{line-height: 1.2;margin-bottom: 8px;} .page--09section01_accessBlock{width:var(--col-12-width);} .page--09section01_strength{width:var(--col-12-width);} .page--09section01_strength p{width: 100%;} .page--09section01_imgBlock{flex-direction: column;align-items: center;gap: 8px;} .page--09-1 .section01_imgBlock img{max-width: 300px;} .page--11 .section01_itemBox{width: 100%;} .page--11 .section01_boxHeading{width: var(--col-5-width);} .page--11 .section01_boxIndex{width: var(--col-7-width);} .single-post__01{width: var(--col-12-width);} .page__summary{width: var(--col-11-width);} .page__summary .post-grid{display: flex;flex-direction: column;} .page__summary .post-item{width: 100%;} }