@charset "UTF-8";
/*
Name: structure.css
Description: サイト全体の構造定義
Author: TAKESHI YANO
Version: 1.9.2
*/

*, ::after, ::before{
	box-sizing: border-box;
	margin: 0;
	padding: 0;
	letter-spacing: 0.05em;
	position: relative;
	}

/* ボタン
==================================================*/
/*== ボタン共通設定 */
.btn{position: relative;overflow: hidden;text-decoration: none;display: flex;align-items: center;justify-content: center;background-color: #fff;border: 1px solid #000;width: 100%;height: 60px;text-align: center;outline: none;transition: ease .2s;}
.btn span{position: relative;color:#353535;-webkit-transition: color 1s ease;transition: color 1s ease;width: 100%;z-index: 5;}
.btn span::after{content: '';position: absolute;top: 50%;right: 15px;margin-top: -.5px;width: 30px;height: 1px;background-color: #000;}
.btn:hover{border: 1px solid #fff;}
.btn:hover span{color:#fff;}
.btn:hover span::after{background-color: #fff;}

/*== 背景が流れる（左から右） */
.bgleft:before{
content: '';
/*絶対配置で位置を指定*/
position: absolute;
top: 0;
left: 0;
/*色や形状*/
background:#000;/*背景色*/
width: 100%;
height: 100%;
/*アニメーション*/
transition: transform .3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
transform: scale(0, 1);
transform-origin: right top;
z-index: 1;
}

/*hoverした際の形状*/
.bgleft:hover:before{
transform-origin:left top;
transform:scale(1, 1);
}

/* ファーストビュースクロールダウン
==================================================*/
/*スクロールダウン全体の場所*/
.scrolldown1{
    /*描画位置※位置は適宜調整してください*/
    position:absolute;
    left:50%;
    bottom: 55px;
    /*全体の高さ*/
    height:50px;
    z-index: 10;
}

/*Scrollテキストの描写*/
.scrolldown1 span{
    /*描画位置*/
    position: absolute;
    left: -22px;
    top: -15px;
    /*テキストの形状*/
    color: #fff;
    font-size: 1rem;
    letter-spacing: 0.05em;
}

/* 線の描写 */
.scrolldown1::after{
	content: "";
    /*描画位置*/
	position: absolute;
	top: 0;
    /*線の形状*/
	width: 1px;
	height: 30px;
	background: #fff;
    /*線の動き1.4秒かけて動く。永遠にループ*/
	animation: pathmove 1.4s ease-in-out infinite;
	opacity:0;
}

/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	0%{
		height:0;
		top:0;
		opacity: 0;
	}
	30%{
		height:30px;
		opacity: 1;
	}
	100%{
		height:0;
		top:50px;
		opacity: 0;
	}
}

@media (min-width: 768px) {
.scrolldown1{bottom: 30px;height:60px;}
.scrolldown1 span{font-size: 1.5rem;top: -40px;left: -34px;}
.scrolldown1::after{height: 50px;}
/*高さ・位置・透過が変化して線が上から下に動く*/
@keyframes pathmove{
	30%{
		height:50px;
		opacity: 1;
	}
	100%{
		height:0;
		top:80px;
		opacity: 0;
	}
}
}
	
/* ページトップボタン
==================================================*/
#page-top{position:fixed;right: 14px;bottom: 55px !important;z-index:10;opacity:0;transform:translateY(100px)}
#page-top-fixed{position: absolute;right: 14px;top: 0 !important;z-index:10;}
.page-top__square{display:flex;justify-content:center;align-items:center;background:#07b;border-radius:0;border:1px solid #fff;width:50px;height:50px;color:#fff!important;text-align:center;text-transform:uppercase;text-decoration:none;font-size:.6rem;transition:all .3s}
.page-top__square svg{font-size:1.25rem}
.page-top__square:hover{background:#ffbd1c}

.page-top__arrow{display:flex;justify-content:center;align-items:center;/* background:#07b; */border-radius:0;/* border:1px solid #fff; */width: 12px;/* height:50px; */color:#fff!important;text-align:center;text-transform:uppercase;text-decoration:none;font-size:.6rem;transition:all .3s}
.page-top__arrow svg{font-size:1.25rem}
.page-top__arrow:hover{background: transparent;opacity: .6;}
@media (min-width: 768px) {
#page-top{right: 40px;}
#page-top-fixed{right: 40px;top: 0 !important;}
.page-top__square{width:60px;height:60px}
.page-top__square svg{font-size:1.5rem}

.page-top__arrow{}
.page-top__arrow svg{}
.page-top__arrow:hover{}
}
#page-top.UpMove{animation:UpAnime .5s forwards}
@keyframes UpAnime {
from{opacity:0;transform:translateY(200px)}
to{opacity:1;transform:translateY(0)}
}
#page-top.DownMove{animation:DownAnime1 .5s forwards}
@keyframes DownAnime1 {
from{opacity:1;transform:translateY(0)}
to{opacity:1;transform:translateY(100px)}
}


/* YouTube
==================================================*/
.youtube{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;max-width:100%}
.youtube iframe{position:absolute;top:0;right:0;width:100%!important;height:100%!important}
embed,iframe,object,video{margin-bottom:24px;max-width:100%}
html{font-size:16px;font-size:1rem}
body{font-family:'Noto Sans JP','Roboto',sans-serif;font-size:1rem;font-weight:400;line-height:1.8;color: #252525;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;background-color: #fff;}
body.fixed{overflow-y:hidden}
.fv__copy,.front-ttl-h2,.main-contact__ttl,.footer__c-info{font-family:'Noto Sans JP',sans-serif}
p{text-align:justify;margin:20px 0}
p:first-child{margin-top:0}
p:last-child{margin-bottom:0}
.p_att{font-size:.8125rem;color:#666}
@media (min-width: 768px) {
body{font-size:1rem}
}
a{outline:0;color:inherit;text-decoration:underline;cursor:pointer}
a:active,a:hover{text-decoration:none;color: #ea5504!important;}
.nav a{position:relative}
.nav a::before{-webkit-transform:scale(0,1);-webkit-transform-origin:right top;position:absolute;bottom:0;left:0;width:100%;height:1px;transform:scale(0,1);transform-origin:right top;background-color:#fff;content:"";transition:transform .6s cubic-bezier(.4,0,.2,1) 0s,-webkit-transform .6s cubic-bezier(.4,0,.2,1) 0}
.nav a:hover{}
.nav a:hover::before{-webkit-transform-origin:left top;-webkit-transform:scale(1,1);transform:scale(1,1);transform-origin:left top}
.txt-deco-none a{text-decoration:none}

/* ボタン
-------------------------------------------------- */
.btn-wrap{display: block;position: relative;padding: 0;border: 0;background-color: transparent !important;/* font-family: 'Wix Madefor Display'; */font-weight: 600;width: 260px;margin: auto !important;filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.1));}
.btn-wrap:hover{border: 0;}
.btn-wrap.outline-line::before{content: "";display: inline-block;background-image: url("images/icon-3min.webp");background-size: cover;width: 202px;height: 39px;z-index: 10;position: absolute;top: 0;left: 50%;transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);}
.btn-wrap__a{display:block;text-align:center;padding: 16px 0 !important;border-radius: 0;color:#fff;text-transform:uppercase;font-size:1rem;transition:all .3s;position:relative;overflow:hidden;width: 100%;margin:auto;z-index:1;}
.btn-wrap__a::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:100%;background: linear-gradient(to right, #e4a221, #ea5504);/*background-color: #0077bb;*//* border: 1px solid #0077bb; *//* border-radius: 40px; */z-index:-2}
.btn-wrap__a::before{content:'';position:absolute;bottom:0;left: 0;width: 100%;height: 0;background-color: #e59c1f;transition: all .2s;border-radius: 0 !important;/* border: 1px solid #fff; */z-index: -1;}
.btn-wrap__a:hover::before{height: 100%;/* border: 1px solid #0077bb; */}
.btn-wrap__a__txt{position:relative;display: inline-block;width: 100%;font-size: .875rem;font-weight: 600;letter-spacing: .1em;color: #fff;z-index:10;text-align: center;-webkit-transition: color 1s ease;transition: color 1s ease;}
.btn-wrap__a__txt::before{content:url("images/icon-line.webp");/* background-size: 35px; */display:inline-block;vertical-align:middle;/* width: 35px; */transform: scale(.65);position: absolute;top: -13px;left: 10px;/* transform: translate(-50%, -50%); *//* -webkit-transform: translate(-50%, -50%); */-ms-transform: translate(-50%, -50%);}
.btn-wrap__a__txt::before{content:url("images/icon-mail.webp");top: -5px;left: 15px;}
.btn-wrap__a:hover .btn-wrap__a__txt{color: #fff;}
.btn-wrap.round{border-radius: 30px;}
.btn-wrap.round .btn-wrap__a,.btn-wrap.round .btn-wrap__a::before,.btn-wrap.round .btn-wrap__a::after{border-radius: 34px;}
.btn-wrap.round .btn-wrap__a{
}
.btn-wrap.round .btn-wrap__a::after{}
.btn-wrap.re .btn-wrap__a::after{background-color: #ffbd1c;}
.btn-wrap.re .btn-wrap__a::before{background-color: #0077bb;}
.btn-wrap.re .btn-wrap__a__txt{color: #292935;}
.btn-wrap.re .btn-wrap__a:hover .btn-wrap__a__txt{color: #fff;}
.btn-wrap.sm{width: 190px;}
.btn-wrap.sm .btn-wrap__a{padding: 12px 0 !important;}
.btn-wrapper{display:flex;flex-flow:column;gap:15px;margin-top:40px}
.btn-wrapper .btn-wrap{}
.btn-wrapper .btn-wrap:first-child{}
.btn-block{
    margin-top: 60px;
}
.btn-block .btn-wrap{/* margin-top: 20px !important; */}
.btn-block .btn-wrap:first-child{margin-top: 0 !important;}
.btn-block._2{
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.btn-block._2 .btn-wrap{}
.btn-block._3{
    display: flex;
    flex-flow: column;
    gap: 20px;
}
.btn-block._2 .btn-wrap{}

@media screen and (min-width: 768px) {
.btn-wrap{width:100%;max-width: 280px;}
.btn-wrap__a{max-width:400px;padding:20px 0!important}
.btn-wrap__a__txt{font-size:1rem}
.btn-wrap__a__txt::before{transform:scale(.65)}
.btn-wrap.round .btn-wrap__a,.btn-wrap.round .btn-wrap__a::after{}
.btn-wrap.round .btn-wrap__a{}
.btn-wrap.round .btn-wrap__a::after{}
.btn-wrap.sm{width:210px}
.btn-wrap.sm .btn-wrap__a__txt{}
.btn-wrapper{max-width:680px;margin:60px auto;display:flex;flex-flow:inherit;flex-wrap:wrap;gap:20px}
.btn-wrapper .btn-wrap{}
.btn-wrapper .btn-wrap:first-child{}
.btn-block{}
.btn-block .btn-wrap{margin-top: 20px}
.btn-block .btn-wrap:first-child{}
.btn-block._2{
    flex-flow: wrap;
    justify-content: space-between;
    gap: 32px;
    margin: 80px auto 0;
    max-width: 592px;
}
.btn-block._2 .btn-wrap{}
.btn-block._3{
    flex-flow: wrap;
    justify-content: space-between;
    gap: 32px;
    margin: 80px auto 0;
    max-width: 904px;
}
.btn-block._3 .btn-wrap{}
}
/*button {display: block;max-width: 450px;width: 250px;margin: 0 auto 1.6rem;border: 0;padding: 0;}
button a {display: block;position: relative;padding: 1rem 3.6rem;background-color: #fff;border: 1px solid #000;outline: 1px solid transparent;border-radius: 0;font-family: 'lato';font-size: 1rem;font-weight: 600;text-align: center;text-decoration: none !important;color: #000;}
button.arrow_right a {transition: .2s linear;-webkit-transition: .2s linear;-moz-transition: .2s linear;-o-transition: .2s linear;-ms-transition: .2s linear;}
button.arrow_right a:before,button a:after {display: block;position: absolute;content: "";transition: all 0.3s;}
button.arrow_right a:before {width: 30px;height: 1px;background-color: #000;top: 0;bottom: 0;right: 15px;margin: auto;}
button.arrow_right a:after {width: 7px;height: 7px;border-top: 1px solid #000;border-right: 1px solid #000;top: 0;bottom: 0;right: 15px;margin: auto;transform: rotate(45deg);}
button.arrow_right a:hover:before,button a:hover:after {right: 5px;}
button.arrow_right a:hover {outline: 1px solid #000;color: #000;opacity: 1;}*/


/* ul, ol, li
-------------------------------------------------- */
ul,ol {margin: 0;padding: 0;}
ul li,ol li {margin: 0;padding: 0;list-style-type: none;}
ul li:first-child,ol li:first-child {margin-top: 0;}
ul.list_com,ol.list_com {margin: 0;padding: 0 0 0 1.5em;}
ul.list_com li,ol.list_com li {margin: 0;padding-top: .5em;}
ul.list_com li:first-child,ol.list_com li:first-child {margin-top: 0;padding-top: 0;}
ol.list_com li {padding-left: .25em;}
ol.list_com.number_circle {position: relative;margin: 0;padding:0;list-style: none;}
ol.list_com.number_circle li {list-style-position:outside;margin:0;padding-left: 1.5em;}
ol.list_com.number_circle li span {position: absolute;left:0;margin:0;font-size: 1.25rem;line-height: initial;}
ol.list_com.number_circle li:first-child {margin-top: 0;padding-top: 0;}
ol.list_num  {position: relative;margin: 0 !important;padding: 0 !important;}
ol.list_num li  {list-style: none;list-style-position: outside;margin: 0;padding-left: 1.25em}
ol.list_num li span {position: absolute;left: 0;margin: 0}
#content ul, #content ol {margin: 0;padding: 0;}
#content ul li, #content ol li {/* margin-bottom: 1rem; */}
#content ul li:last-child, #content ol li:last-child {margin-bottom: 0;}


/* dl, dt, dd
-------------------------------------------------- */
dl,td,dd{margin:0;padding:0}
.dl{margin:0;padding:0}
.dl dt,.dl dd{padding:0;margin:0}
.dl dt{width:100%;font-weight:700;letter-spacing:1.5px;padding:30px 0 10px}
.dl dt:first-child{padding-top:0}
.dl.dl-border dd{border-bottom:1px solid #ccc;padding-bottom:30px}
.dl.dl-border dt:first-child{border-top:1px solid #ccc;padding-top:30px}

.dl-flex{display:flex;justify-content:flex-start;flex-flow:wrap;}

.dl-flex dt,.dl-flex dd{padding:30px 0 0}
.dl-flex dt{width:25%;border-bottom: 1px solid #ea5504 !important;}
.dl-flex dd{width:75%}
.dl-flex dt:nth-child(1),.dl-flex dd:nth-child(2){}

.dl--flex{margin:0;padding:0}
.dl--flex dt,.dl--flex dd{padding:0;margin:0}
.dl--flex dt{width:100%;font-weight:700;letter-spacing:1.5px;padding:30px 0 10px}
.dl--flex dt:nth-child(1){padding-top:0}
.dl--flex dd:nth-child(2){padding-top:0}

.dl-flex.dl-border dt,.dl-flex.dl-border dd{padding:30px 0;border-bottom: 1px solid #ccc;}
.dl--flex.dl-border dt{padding-top:30px}
.dl--flex.dl-border dd{padding-bottom:30px;border-bottom:1px solid #ccc}
.dl-flex.dl-border dt:nth-child(1),
.dl-flex.dl-border dd:nth-child(2){border-top: 1px solid #ccc;}
.dl-flex.dl-border dt:first-child{border-top: 1px solid #ea5504 !important;}
.dl-flex.dl-border dd:nth-child(2){}

@media screen and (min-width: 768px) {
.dl dt{padding-top:60px}
.dl dt:nth-child(1),.dl dd:nth-child(2){padding-top:0}
.dl.dl-border dt{padding-top:30px}
.dl-flex dt,.dl-flex dd{padding:60px 0 0}
.dl-flex dt{width:25%}
.dl-flex dd{width:75%}
.dl-flex.dl-border dt,.dl-flex.dl-border dd{padding: 28px;}
.dl--flex{display:flex;justify-content:flex-start;flex-flow:wrap}
.dl--flex dt,.dl--flex dd{padding:50px 0 0}
.dl--flex dt{width:25%}
.dl--flex dd{width:75%}
.dl--flex dt:nth-child(1),.dl--flex dd:nth-child(2){padding-top:0}
.dl--flex.dl-border dt,.dl--flex.dl-border dd{padding:50px 0}
.dl--flex.dl-border dt{border-bottom:1px solid #ccc}
.dl-flex.dl-border dt:nth-child(1),
.dl-flex.dl-border dd:nth-child(2){}
.dl-flex.dl-border dt:first-child{}
.dl-flex.dl-border dd:nth-child(2){}
}


._shadow{filter: drop-shadow(2px 2px 5px rgba(0,0,0,0.1))}

/* Header
================================================== */
#masthead{margin-bottom:0;padding: 0;z-index:15;position:fixed;width: 100%;height: 60px;background-color: #fff;}
#home #masthead{background-color: transparent;}
#home #masthead.dnone,#masthead.dnone {background-color: rgb(255 255 255 / 85%)}

#masthead .container{max-width:100%;padding:0 20px}
.site-branding{
    height: 60px;
    display: flex;
    align-items: center;
}
.site-logo{width: 150px;line-height: 1;font-size: 0;}
.site-logo a{}
.site-logo img{}
.header-nav{display: none;}
.navbar-light .navbar-brand {color: rgba(0,0,0,.9);}
.navbar-brand > a {font-size: 2rem;outline: medium none;text-decoration: none;color: #545454;font-weight: 700;}
.navbar-brand > a:visited, .navbar-brand > a:hover {text-decoration: none;}
@media (min-width: 768px) {
#masthead{height: 100px;margin:0;box-shadow:none;padding: 0;width:100%;transition:1s;z-index:15;display: flex;align-items: center;}
#masthead .container{padding:0 30px;display:flex;align-items:center;justify-content:space-between}
.site-branding{}
.site-logo{width: 250px;font-size: 1.375rem;}
.site-logo a{}
.site-logo img{}
.header-nav{display: none;}
}
@media (min-width: 992px) {
#masthead {padding: 25px 0;}
/*.doneクラスがついたヘッダー*/
#masthead.dnone {/*opacity: 0;*//*透過0にして非表示に*/}
/*メニューボタンをクリックした際に付与されるpanelactiveクラスがついたら*/
#masthead.dnone.panelactive {opacity: 1;/*不透明にして出現*/}
#masthead .container{}
.site-branding{}
.site-logo{}
.header-nav{display: block;max-width: 1200px;padding-right: 100px;}
.header-nav__sub{display: flex;gap: 20px;align-items: center;justify-content: flex-end;}
.header-nav__sub__li{font-size: .875rem;font-weight: 700;}
.header-nav__sub__li a{text-decoration:none}
.header-nav__sub__li.nav-btn{}
.header-nav__sub__li.nav-btn .btn-wrap{width: 180px;}
.header-nav__sub__li.nav-btn .btn-wrap .btn-wrap__a,.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a::before,.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a::after{}
.header-nav__sub__li.nav-btn .btn-wrap .btn-wrap__a{padding: 8px 20px !important;}
.header-nav__sub__li.nav-btn .btn-wrap .btn-wrap__a::after{}
.header-nav__sub__li.nav-btn .btn-wrap .btn-wrap__a__txt{font-size: 1rem;font-weight: 600;}
.header-nav__sub__li.nav-btn a{}
.header-nav__sub__li.sns{display:flex;align-items:center;justify-content:space-between;gap:15px;line-height:1}
.header-nav__sub__li.sns .icon-sns{}
.header-nav__sub__li.sns .icon-sns:first-child{}
.header-nav__sub__li.sns .icon-sns .svg-inline--fa{font-size:1.625rem}
.header-nav__ul{display: flex;gap: 30px;align-items: center;justify-content: flex-end;}
.header-nav__li{font-size:1rem;font-weight:700;display:inline-block;text-align:center;line-height: 1.8;}
.header-nav__li a{text-decoration:none;display: block;position: relative;}
.header-nav__ul.header-only .header-nav__li a::after {position: absolute;margin: auto;color: transparent;content: '';/*絶対配置で線の位置を決める*/position: absolute;bottom: -10px;left: 0;/*線の形状*/width: 100%;height: 2px;background: #398fe0;/*アニメーションの指定*/transition: all .3s;transform: scale(1, 0);/*X方向0、Y方向1*/transform-origin: center top;/*上部中央基点*/}
.header-nav__ul.header-only .header-nav__li a:hover::after {bottom: -5px;transform: scale(1, 1);/*X方向にスケール拡大*/}
.header-nav__li .eng{display:block;font-size:.8125rem;font-weight:500;color:#fa6800;line-height: 1;letter-spacing:1px}
.header-nav__li.nav-contact{}
.header-nav__li.nav-contact .btn-wrap.round{}
.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a,.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a::before,.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a::after{}
.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a{padding: 7px 22px !important;}
.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a::after{}
.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a__txt{font-size: .875rem;}
.header-nav__li.nav-contact a{}
.header-nav__li.nav-insta{}
.header-nav__li.nav-insta a{}
.header-nav__li.nav-insta img{width: 30px;}
}

@media (min-width: 1200px) {
#masthead {padding: 30px 0;}
#masthead .container {padding: 0 40px;}
.site-branding{}
.site-logo{}
.header-nav__ul{gap: 45px;}
}

/* Toggle Menu
-------------------------------------------------- */
.toggle-menu{position:fixed;top: 0px;right: 10px;z-index:100;}
.toggle-menu__toggle{position:relative;cursor:pointer;width: 60px;height: 60px;/* background-image:url(images/toggle.png); */background-position:center;background-repeat:no-repeat;background-size:cover}
.toggle-menu__toggle span{display:inline-block;transition:all .4s;position:absolute;left: 10px;height: 1px;border-radius:5px;background: #252525;width: 40px;}
.toggle-menu__toggle span:nth-of-type(1){top: 15px;}
.toggle-menu__toggle span:nth-of-type(2){top: 22px;}
.toggle-menu__toggle span:nth-of-type(3){top: 29px;}
.toggle-menu__toggle span:nth-of-type(3)::after{content:"MENU";position:absolute;top: 3px;left: 1px;color: #252525;font-size: .6875rem;font-weight: 600;letter-spacing: .16em;}
.toggle-menu__toggle.active span:nth-of-type(1){top: 17px;left: 18px;transform: translateY(6px) rotate(-225deg);width:40%;background-color: #fff;}
.toggle-menu__toggle.active span:nth-of-type(2){opacity:0}
.toggle-menu__toggle.active span:nth-of-type(3){top: 29px;left: 18px;transform:translateY(-6px) rotate(45deg);width:40%;background-color: #fff;}
.toggle-menu__toggle.active span:nth-of-type(3)::after{content:"CLOSE";transform:translateY(0) rotate(-45deg);top: 4px;left: 8px;color: #fff;}
@media screen and (min-width: 768px) {
.toggle-menu{top: 20px;right: 30px;}
}
@media screen and (min-width: 992px) {
.toggle-menu{top: 0;right:25px;}
.toggle-menu__toggle{width: 100px;height: 100px;}
.toggle-menu__toggle span{left: 20px;width: 60px;}
.toggle-menu__toggle span:nth-of-type(1){top:26px}
.toggle-menu__toggle span:nth-of-type(2){top: 37px;}
.toggle-menu__toggle span:nth-of-type(3){top: 48px;}
.toggle-menu__toggle span:nth-of-type(3)::after{top: 5px;left: 3px;font-size: 1rem;}
.toggle-menu__toggle.active span:nth-of-type(1){top: 29px;left: 30px;transform: translateY(6px) rotate(-225deg);width:40%;background-color: #fff;}
.toggle-menu__toggle.active span:nth-of-type(3){top: 41px;left: 30px;transform:translateY(-6px) rotate(45deg);width:40%;background-color: #fff;}
.toggle-menu__toggle.active span:nth-of-type(3)::after{transform:translateY(0) rotate(-45deg);top:7px;left:12px}
/*fadeDownクラスが付与された後のボタンの出現アニメーション設定*/
.fadeDown{animation-name:fadeDownAnime;/*animation-duration:.5s;*/animation-fill-mode:forwards;opacity:0;display:block}
@keyframes fadeDownAnime {
from{opacity:0;transform:translateY(-100px)}
to{opacity:1;transform:translateY(0)}
}
}

/* Overlay Nav
-------------------------------------------------- */
.overlay-nav{position:fixed;background: linear-gradient(to right,#e4a221,#ea5504);top:0;left:0;width:100%;height:0;opacity:0;visibility:hidden;transition:opacity .35s,visibility .35s,height .35s;overflow-y:auto;z-index:90}
.overlay-nav.open{opacity:1;visibility:visible;height:100%}
.overlay-nav.open li{-webkit-animation:fadeInRight .5s ease forwards;animation:fadeInRight .5s ease forwards;-webkit-animation-delay:.35s;animation-delay:.35s;font-size: 1rem;font-weight: 500;line-height:1.8;text-align:left;margin-top:10px;opacity:1;}
.overlay-nav.open li:nth-of-type(2){-webkit-animation-delay:.4s;animation-delay:.4s}
.overlay-nav.open li:nth-of-type(3){-webkit-animation-delay:.45s;animation-delay:.45s}
.overlay-nav.open li:nth-of-type(4){-webkit-animation-delay:.5s;animation-delay:.5s}
.overlay-nav.open li:nth-of-type(5){-webkit-animation-delay:.55s;animation-delay:.55s}
.overlay-nav.open li:nth-of-type(6){-webkit-animation-delay:.6s;animation-delay:.6s}
.overlay-nav.open li:nth-of-type(7){-webkit-animation-delay:.65s;animation-delay:.65s}
.overlay-nav.open li:nth-of-type(8){-webkit-animation-delay:.7s;animation-delay:.7s}
.overlay-nav.open li:nth-of-type(9){-webkit-animation-delay:.75s;animation-delay:.75s}
.overlay-nav.open li:nth-of-type(10){-webkit-animation-delay:.8s;animation-delay:.8s}
.overlay-nav.open li:nth-of-type(11){-webkit-animation-delay:.85s;animation-delay:.85s}
.overlay-nav.open li span.eng{display:block;font-size:.875rem;font-weight:700;color: #454545;line-height:1;letter-spacing:1px}
.overlay-nav__nav{position:relative;height: 80%;top: 50%;-webkit-transform:translateY(-50%);transform:translateY(-50%);font-size:2rem;font-weight:400;text-align:center}
.overlay-nav.open ul{list-style:none;padding:0 40px;margin:0;display:inline-block;position:relative;width:100%;text-align:left}
.overlay-nav.open ul._01{}
.overlay-nav.open ul._02{}
.overlay-nav.open ul._03{
    padding-bottom: 60px;
}

.overlay-nav ul li{display:block;/* height:25%; *//* height:calc(100% / 9); */min-height:50px;position:relative;opacity:0;font-weight:600}
.overlay-nav ul li a{display:block;position:relative;color: #fff;text-decoration:none!important;overflow:hidden}
.overlay-nav.open .header-nav__ul{/* margin-bottom: 25px; */}
.overlay-nav.open .header-nav__ul .header-nav__li{/* border-top: 1px solid #fff; */margin: 0;padding: 10px 0 12px;}
.overlay-nav.open .header-nav__ul .header-nav__li::after{content:'';display: block;background-image: url("images/slick_arrow_next_white.svg");background-repeat: no-repeat;background-position: right center;background-size: cover;width: 10px;height: 18px;top: 50%;right: 0;margin-top: -9px;position: absolute;}
.overlay-nav.open .header-nav__ul .header-nav__li:first-child{border: 0;}
.overlay-nav.open .header-nav__sub{display: flex;gap: 20px;align-items: center;justify-content: center;margin: 20px auto 0;}
.overlay-nav.open .header-nav__sub__li{font-size: .875rem;font-weight: 700;height: auto;min-height: auto;margin: 0;}
.overlay-nav.open .header-nav__sub__li a{text-decoration:none}
.overlay-nav.open .header-nav__sub__li.nav-btn{}
.overlay-nav.open .header-nav__sub__li.nav-btn .btn-wrap{width: 140px;}
.overlay-nav.open .header-nav__sub__li.nav-btn .btn-wrap .btn-wrap__a,.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a::before,.header-nav__li.nav-contact .btn-wrap.round .btn-wrap__a::after{}
.overlay-nav.open .header-nav__sub__li.nav-btn .btn-wrap .btn-wrap__a{padding: 7px 15px 5px !important;}
.overlay-nav.open .header-nav__sub__li.nav-btn .btn-wrap .btn-wrap__a::after{}
.overlay-nav.open .header-nav__sub__li.nav-btn .btn-wrap .btn-wrap__a__txt{font-size: .875rem;font-weight: 700;}
.overlay-nav.open .header-nav__sub__li.nav-btn a{}
.overlay-nav.open .header-nav__sub.sns{margin-top: 36px;padding-bottom: 50px;}
.overlay-nav.open .header-nav__sub__li.sns{display:flex;align-items:center;justify-content:space-between;gap: 25px;line-height:1}
.overlay-nav.open .header-nav__sub__li.sns .icon-sns{}
.overlay-nav.open .header-nav__sub__li.sns .icon-sns:first-child{}
.overlay-nav.open .header-nav__sub__li.sns .icon-sns .svg-inline--fa{font-size: 1.8125rem;}
@media (min-width: 768px) {
#wrapper:before  {border-width: 90px;}
.overlay-nav__nav{height: auto;/* margin-left: 45%; */display: flex;flex-wrap: wrap;justify-content: center;gap: 10%;}
.overlay-nav.open{}
.overlay-nav.open ul._01{
    width: 12%;
}
.overlay-nav.open ul._02{
    width: 24%;
}
.overlay-nav.open ul._03{
    width: 24%;
    padding-bottom: 0;
}
.overlay-nav.open::after{content:'';display: none;}
.overlay-nav.open::before{content:'';display: none;}
.overlay-nav.open .header-nav__ul{margin: 0;padding: 0;width: 22%;}
.overlay-nav.open .header-nav__ul .header-nav__li{
    font-size: 1.125rem;
    line-height: 1.5;
}
.overlay-nav.open .header-nav__ul .header-nav__li::after{width: 12px;height: 21px;top: 50%;right: 0;margin-top: -10px;}
.overlay-nav.open li {font-size: 1.25rem;}
}


/* container
-------------------------------------------------- */
#main{background-repeat:no-repeat;background-position:center bottom;background-size:contain;margin:0;padding:0;}
#contant{}
#primary{}
#primary article{}
.container{width:100%;max-width:1080px;padding:0 20px;z-index:5}
.article__content{padding:0 0 80px;}
.article__content section{padding:60px 0}
.article__content section:first-child{padding-top:0}
.article__content section:last-child{padding-bottom:0}
.page-template-page-std-2 .article__content{padding-top:100px}
@media (min-width: 768px) {
#main{}
#contant{}
#primary{}
#primary article{}
.container{}
.article__content{padding: 0 0 120px;}
.article__content section{padding:50px 0}
.page-template-page-std-2 .article__content{padding-top:180px}
}
@media (min-width: 992px) {
#main{}
#contant{}
#primary{}
#primary article{}
.container{}
.article__content section{padding:70px 0}
.page-template-page-std-2 .article__content{}
}
@media (min-width: 1400px) {
.container-xxl{max-width:1200px}
}

/* row, col
-------------------------------------------------- */
ul.row {padding: 0;margin-bottom: 0;list-style: none;}
ul.row li {margin-top: 0;padding-top: 2rem;}
.nowrap {white-space: nowrap;}
.sp {display: block;}
.sp.tb {display: block;}
.tb {display: none;}
.tb.pc {display: none;}
.pc {display: none;}
.disp_xs {display: block;}
.disp_md {display: none;}
.disp_lg {display: none;}
.disp_xs_md {display: block;}
.disp_md_lg {display: none;}
a[href^="tel:"] {text-decoration: none !important;}

@media (min-width: 768px) {
  .sp {display: none;}
	.sp.tb {display: block;}
  .tb {display: block;}
	.tb.pc {display: block;}
	.pc {display: none;}
	
	.disp_xs {display: none;}
	.disp_md {display: block;}
	.disp_md_lg {display: block;}

  a[href^="tel:"] {pointer-events: none;}
	.entry-content .header .lead {text-align: center;}
	footer#colophon .logo_gyro {margin: 0 1rem 0 0;}
	footer#colophon .logo_gyro img {width: 60px;}
}

@media (min-width: 992px) {
	.sp.tb {display: none ;}
  .tb {display: none;}
	.pc {display: block;}
	
	.disp_md {display: none;}
	.disp_lg {display: block;}
	.disp_xs_md {display: none;}
}
.caution {font-size: 1.2rem;}


/* オリジナル商品
  ================================================ */
#original .container{}
.products{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 40px;
    margin-top: 60px;
    padding: 0 32px;
    }
.products__item{
    background-color: #fff;
    border-radius: 4px;
}
.products__item__pict{
    border-radius: 4px 4px 0 0;
}
.products__item__inner{
    padding: 28px 20px;
}
.products__item__inner .ttl{
    font-weight: 700;
}
.products__item__inner .detail{
    margin-top: 10px;
    font-size: .875rem;
}
.products__item__inner .price{
    font-weight: 700;
    margin-top: 10px;
}
.products__item__inner .btn-wrap{
    width: 150px;
    margin-top: 20px !important;
}
.products__item__inner .btn-wrap__a{
    padding: 8px 0 !important;
}
.products__item__inner .btn-wrap__a__txt{
    font-size: .8125rem;
}
@media (min-width: 768px) {
#original .container{}
.products{
    gap: 24px;
    padding: 0;
}
.products__item{
    width: 23.3%;
}
.products__item__pict{}
.products__item__inner{}
.products__item__inner .ttl{}
.products__item__inner .detail{}
.products__item__inner .price{}
.products__item__inner .btn-wrap{}
.products__item__inner .btn-wrap__a{}
.products__item__inner .btn-wrap__a__txt{}
}

/* OEM
  ================================================ */
.oem-block{background-color:#fff;border-radius:4px;padding:52px 20px 28px;margin-top:64px}
.oem-block._oem-1{background:linear-gradient(to right,#e4a221,#ea5504);margin-top:80px;color:#fff}
.oem-block__merit{display:flex;flex-flow:column;align-items:center;justify-content:center;width:70px;height:70px;background-color:#ea5504;border-radius:60px;color:#fff;font-family:'Roboto',sans-serif;font-size:.8125rem;font-weight:700;line-height:1.2;position:absolute;top:-35px;left:50%;margin-left:-35px;padding-top:4px}
.oem-block__merit .merit{}
.oem-block__merit .num{font-size:1.5rem}
.oem-block__ttl{font-size:1.25rem;font-weight:700;text-align:center}
._oem-1 .oem-block__ttl{}
._oem-1 .oem-block__inner__txt .txt{}
.oem-block__inner{display:flex;flex-flow:column;gap:28px;margin-top:30px}
.oem-block__inner__txt{}
.oem-block__inner__txt .txt{}
.oem-block__inner__txt .att{}
.oem-block__inner__pict{}
.oem-block__inner__pict img{}
.oem-block__inner__pict .att{font-size:.875rem;font-weight:500;margin-top:28px}
.oem-block-wrap{}
.oem-block._oem-2{}
.oem-block._oem-2 .oem-block__inner{flex-flow:column}
@media (min-width: 768px) {
.oem-block{padding:64px 40px 40px}
.oem-block._oem-1{margin-top:112px}
.oem-block__merit{width:80px;height:80px;top:-40px;margin-left:-40px;font-size:.875rem;padding-top:6px}
.oem-block__merit .merit{}
.oem-block__merit .num{font-size:1.75rem}
.oem-block__ttl{font-size:1.375rem}
.oem-block__inner{flex-flow:wrap;gap:40px}
.oem-block__inner__txt{width:530px}
.oem-block__inner__txt .txt{font-size:1.125rem;font-weight:500}
.oem-block__inner__txt .att{font-size:.875rem;font-weight:500;margin-top:28px}
.oem-block__inner__pict{flex:1}
.oem-block__inner__pict img{}
.oem-block__inner__pict .att{}
.oem-block-wrap{display:flex;flex-flow:wrap;justify-content:space-between;gap:40px;margin-top:40px}
.oem-block._oem-2{width:48%}
.oem-block._oem-2 .oem-block__ttl{font-size:1.25rem}
.oem-block._oem-2 .oem-block__inner{gap:28px}
.oem-block._oem-2 .oem-block__inner__txt{width:100%}
.oem-block._oem-2 .oem-block__inner__txt .txt{font-size:1rem;font-weight:400}
.oem-block._oem-2 .oem-block__inner__txt .att{font-size:.875rem}
.oem-block._oem-2 .oem-block__inner__pict{}
.oem-block._oem-2 .oem-block__inner__pict img{}
}

/* 設備紹介
  ================================================ */
.equipment-wrap{}
.equipment-list{background-color:#fff;border-radius:4px;margin-top:40px}
.equipment-list:first-child{}
.equipment-list__pict{background-image:url(images/equipment_pict_01.png);background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:4px 0 0 4px;height:130px}
.equipment-list__info{padding:28px 20px}
.equipment-list__info .ttl{font-size:1.125rem}
.equipment-detail{margin-top:24px}
.equipment-detail__ul{display:flex;flex-flow:column}
.equipment-detail__li{border-bottom:1px solid #ccc;padding:12px 0;font-size:.875rem}
.equipment-detail__ul:first-child .equipment-detail__li:first-child{border-top:1px solid #ccc}
@media (min-width: 768px) {
.equipment-wrap{}
.equipment-list{display:flex;align-items:center;align-items:stretch;justify-content:space-between}
.equipment-list:first-child{}
.equipment-list__pict{background-image:url(images/equipment_pict_01.png);background-position:center top;background-repeat:no-repeat;background-size:cover;width:200px;height:auto}
.equipment-list__info{flex:1;padding:32px 32px 36px}
.equipment-list__info .ttl{}
.equipment-detail{display:flex;justify-content:space-between}
.equipment-detail__ul{width:32%}
.equipment-detail__li{font-size:.8125rem}
.equipment-detail__li:first-child{border-top:1px solid #ccc}
}

/* FAQ
  ================================================ */
.faq{background-image:url(../../images/faq_bg.jpg);background-position:center top;background-repeat:no-repeat;background-size:cover}
.accordion{max-width:1080px;margin:0 auto}
.accordion__item{background-color:#fff;border-radius: 4px;margin-top:16px;cursor:pointer;}
.accordion__title{/* position:relative; *//* padding:16px 48px 16px 16px; *//* margin-top:0; *//* font-size: 1rem; *//* font-weight: 700; *//* line-height:32px; *//* cursor:pointer; */}

/* (+)アイコン */
/*.accordion__title::before,.accordion__title::after{content:"";position:absolute;right:17px;top:0;bottom:0;margin:auto 0;background-color:#86c45f;width:20px;height:2px;transition:all .3s;}*/
/*.accordion__title::after {transform: rotate(90deg);}*/
.accordion__content{/* margin:0; *//* display:none; */}
.accordion__content.is-open{display:block}
/*.accordion__item.is-active .accordion__title::before {transform: rotate(180deg);}*/
/*.accordion__item.is-active .accordion__title::after {transform: rotate(180deg);opacity: 0;}*/

.accordion {max-width: 100%;}
.accordion__title {/* padding: 15px 45px 15px 15px; */}
.accordion__title:hover {/* background-color: #f4f0e9; */}
.accordion__content{}
.accordion__title span,.accordion__content span{position:relative;display:inline-block}
.accordion__title span{padding-left:40px}
.accordion__content span{background-color: #f5f5f5;padding: 24px 20px 24px 52px;width:100%;font-size: .875rem;line-height: 2;border-radius: 0 0 4px 4px;}
.accordion__title::before,.accordion__content span::before{font-family: roboto;color: #ea5604;font-size: 1.5rem;font-weight: 500;position:absolute;top: 50%;left:0;margin-top: -16px;line-height:1}
.accordion__title::before{content:"Q";padding-left: 16px;/* top:16px; */}
.accordion__content span::before{content:"A";padding-left: 16px;}
.accordion__title{background-image:url("../../images/faq_q.png");background-repeat:no-repeat;background-position: 15px 20px;background-size: 22px;position: relative;padding: 20px 40px 20px 52px;margin-top: 0;font-size: 1rem;font-weight: 700;line-height: 1.6;cursor: pointer;}
.accordion__content{background-image:url(images/faq/a.png);background-repeat:no-repeat;background-position:15px 15px;background-size:22px;padding: 0;margin: 0;display: none;line-height: 24px;cursor: pointer;}
.accordion__title::after{content:'';display:block;width:12px;height:12px;border: 1px solid #252525;border-width:1px 1px 0 0;background-color:transparent;position:absolute;top: 50%;right:16px;transform:rotate(135deg);transition:all .3s;margin: -8px auto 0;}
.accordion__item.is-active .accordion__title::after{transform:rotate(315deg);}
@media (min-width: 768px) {
.accordion{}
.accordion__title{padding:28px 40px 28px 68px}
.accordion__title:hover{}
.accordion__content{}
.accordion__title span,.accordion__content span{}
.accordion__title span{}
.accordion__content span{padding:32px 44px 32px 68px;font-size:1rem}
.accordion__title::before,.accordion__content span::before{font-size:1.75rem;padding-left:24px}
.accordion__title::before{}
.accordion__content span::before{}
.accordion__title{}
.accordion__content{}
.accordion__title::after{right:28px;width:16px;height:16px;margin-top:-11px}
.accordion__item.is-active .accordion__title::after{margin-top:-6px}
}

/* 生産工程
================================================== */
.flow-wrap{margin-top:60px}
.flow-ul{}
.flow-li{background-color:#fff;border-radius:4px;margin-top:60px;padding:36px 16px 15px}
.flow-li:last-child{background:linear-gradient(to right,#e4a221,#ea5504)}
.flow-li:last-child .last{color:#fff;font-weight:500}
.flow-li__step{background-color:#ea5504;display:flex;align-items:center;justify-content:center;padding:0;color:#fff;font-weight:700;width:100px;border-radius:4px;position:absolute;top:-16px;font-family:'Roboto',sans-serif}
.flow-li__step .step{font-size:.875rem;margin-right:10px}
.flow-li__step .num{font-size:1.125rem}
.flow-li__inner{display:flex;flex-flow:column;gap:12px}
.flow-li__inner__ttl{font-size:1.125rem;font-weight:700!important;line-height:1.5}
.flow-li__inner__ttl .sub{display:block;color:#ea5504;font-size:.8125rem}
.flow-li__inner__txt{}
@media (min-width: 768px) {
.flow-wrap{margin-top:68px}
.flow-ul{}
.flow-li{padding:40px 36px}
.flow-li__step{top:-18px}
.flow-li__step .step{}
.flow-li__step .num{font-size:1.25rem}
.flow-li__inner{flex-flow:wrap;align-items:center}
.flow-li__inner__ttl{width:220px}
.flow-li__inner__ttl .sub{}
.flow-li__inner__txt{flex:1}
}

/* 会社情報
================================================== */
.company-info{background-color:#fff;padding:40px 20px;border-radius:4px}
.company-info__dl{}
.company-info__map{margin-top:40px;display:flex;flex-flow:column;gap:40px}
.company-info__map__photo{padding:0 15%}
.company-info__map__photo img{}
.company-info__map__gmap{height:350px}
@media (min-width: 768px) {
.company-info{padding:60px}
.company-info__dl{}
.company-info__map{flex-flow:row-reverse;justify-content:space-between;gap:32px;margin-top:60px}
.company-info__map__photo{padding:0;flex:1}
.company-info__map__photo img{}
.company-info__map__gmap{width:600px;height:410px}
.company-info__map__gmap iframe{height:410px}
}

/* Front Page
================================================== */

/* fv
-------------------------------------------------- */
.fv{padding-top: 0;margin-top: 0;height: 480px;display: flex;align-items: center;}
.fv__color-bg{background:linear-gradient(to right,#e4a221,#ea5504);width: 50vw;height: 480px;position:absolute;top:0}
.fv__visual{background-image:url(images/fv_visual_lg.png);background-position: center;background-repeat: no-repeat;background-size: cover;height: 360px;width: 75vw;position:absolute;top: 60px;right: 0;}
.fv__visual::after{content: "";display: block;background-color: rgb(0 0 0 / 25%);width: 100%;height: 100%;}
.fv__copy{color:#fff;font-size: 1.25rem;font-weight:700;width:100%;max-width:1080px;margin:auto;padding: 0 20px;}
.fv__copy .strong{font-size: 150%;font-weight: 800;}


.slick-prev,.slick-next{z-index:10;width:40px;height:80px;background-color:transparent!important}
.slick-prev{left:0}
.slick-next{right:0}
.slick-prev:before,.slick-next:before{content:'';display:inline-block;width: 15px;height: 30px;background-repeat:no-repeat;background-size:contain;background-position:center;line-height:1;opacity:.75;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
.slick-prev:before{background-image:url(images/slick_arrow_prev_white.svg)}
.slick-next:before{background-image:url(images/slick_arrow_next_white.svg)}
.slick-dots{bottom:-26px}
.slick-dots li{margin:0 2px}
.slick-dots li button{background-color:transparent!important}
.slick-dots li button:before{color: #999;opacity:.7}
.slick-dots li.slick-active button:before{color: #ea5604;opacity:1}
@media (min-width: 768px) {
.fv{padding-top: 0;/* margin-top: -100px; */height: 760px;display: flex;align-items: center;}
.fv__color-bg{width:35vw;height:760px;top:0}
.fv__visual{background-image:url(images/fv_visual_lg.png);height: 550px;width: 75vw;top: 100px;right: 0;}
.fv__visual::after{}
.fv__copy{font-size: 2rem;}
.fv__copy .strong{}
	
	
.slick-dots{bottom:-26px}
}
@media (min-width: 992px) {
.fv{padding-top:0}
.fv__color-bg{}
.fv__visual{}
.fv__copy{}
.fv__copy .strong{}
.slick-prev,.slick-next{width:40px;height:80px}
.slick-prev{left:10px}
.slick-next{right:10px}
.slick-prev:before,.slick-next:before{width: 25px;height: 50px;}
.slick-dots{bottom:-26px}
}
@media (min-width: 1200px) {
.fv{}
.fv__color-bg{}
.fv__visual{}
.fv__copy{}
.fv__copy .strong{}
.slick-dots{bottom:-26px}
}

/* front-content
-------------------------------------------------- */
.front-fv{padding: 100px 0;background-color: #fff;}
.front-onestop{}
.front-onestop__header{
    margin-top: -82px;
}
.front-onestop__ttl{
    padding-right: 20%;
}
.front-onestop__ttl img{}
.front-onestop__lead{
    margin: 32px 0 0;
    font-size: 1rem;
    font-weight: 700;
}
.front-onestop__main{
    margin-top: 40px;
    padding: 0 20px;
}
.front-merit-pict{background-image: url(images/front_oem_pict.png);background-repeat: no-repeat;background-size: cover;height: 240px;width: 100%;}
.front-merit-block{
    margin-top: 32px;
}
.merit-ttl{
    font-size: 1rem;
    font-weight: 700;
}
.merit-ttl .att{
    color: #ea5604;
    font-size: 120%;
}
.merit-ul{
    margin-top: 24px;
}
.merit-ul__li{
    list-style: none;
    padding-left: 25px;
    background-image: url(images/icon_check.png);
    background-size: auto 16px;
    background-position: left 6px;
    background-repeat: no-repeat;
    margin-top: 24px;
    line-height: 1.5;
}
.merit-ul__li__ttl{
    font-weight: 600;
}
.merit-ul__li__sub{
    color: #e77b12;
    font-size: .8125rem;
    font-weight: 500;
    margin-top: 4px;
}
.front-other{
    background-color: #fff;
}
.front-other .container{
    padding: 0 48px;
}
.front-other__content{
    display: flex;
    flex-flow: column;
    gap: 52px;
}
.front-other__content__box{
    text-align: center;
    line-height: 1.4;
}
.front-other__content__box .eng{
    font-family: 'Shippori Mincho', serif;
    font-size: 1.75rem;
    font-weight: 500;
}
.front-other__content__box .ttl{
    font-weight: 700;
    color: #ea5504;
}
.front-other__content__box .pict{
    margin-top: 16px;
}
.front-other__content__box .btn-wrap{
    width: 200px;
    margin-top: -22px !important;
}
.front-other__content__box .btn-wrap__a{
    padding: 10px 0 !important;
}

@media (min-width: 768px) {
	.front-onestop{}
.front-onestop__header{
    margin-top: -140px;
}
.front-onestop__ttl{
    width: 780px;
    padding: 0;
}
.front-onestop__ttl img{}
.front-onestop__lead{
    font-size: 1.5rem;
}
.front-onestop__main{
    padding: 106px 0;
    margin: 60px 0;
}
.front-merit-pict{
    position: absolute;
    top: 0;
    right: 0;
    width: 48vw;
    height: 520px;
}
.front-merit-block{
    max-width: 1080px;
    margin: auto;
    padding: 0;
}
.merit-ttl{
    font-size: 1.25rem;
}
.merit-ttl .att{}
.merit-ul{}
.merit-ul__li{
    background-size: auto 20px;
    background-position: left 4px;
    padding-left: 32px;
}
.merit-ul__li__ttl{
    font-size: 1.125rem;
}
.merit-ul__li__sub{font-size: .875rem;}
.front-other{}
.front-other .container{}
.front-other__content{
    flex-flow: wrap;
    justify-content: space-between;
    gap: inherit;
}
.front-other__content__box{
    width: 31.5%;
}
.front-other__content__box .eng{
    font-size: 1.75rem;
}
.front-other__content__box .ttl{}
.front-other__content__box .pict{}
.front-other__content__box .btn-wrap{}
.front-other__content__box .btn-wrap__a{}
}



#home.page #main{margin-top:0;padding-top:0}
.front-content{/* background-color:#fffaed; */margin-top: 80px;}
.front-content section{padding:60px 0}
.front-content section .sector{padding:40px 20px;background-color:#fff;border-radius:12px;box-shadow:0 0 20px -8px rgba(0,0,0,.3)}
.front-ttl{font-weight:900;text-align:left;line-height:1;margin-bottom:20px}
.front-ttl__eng{color:#07b;font-size:1.875rem;margin-bottom:10px}
.front-ttl__h2{color:#ffbd1c;font-size:3rem;font-weight:inherit;margin:0;text-align:left;line-height:1.2}
.front-ttl-h3{font-size:1.125rem}
img.radius{border-radius:8px}
.front-news__container-news{max-width:1080px}
.front-news{}
.front-news .container{}
.front-news__feed{margin-top:20px}
.front-news__feed ul{margin:0;padding:0!important}
.front-news__feed li{border-bottom:1px solid #eae0c3;padding:10px}
.front-news__feed li:first-child{border-top:1px solid #eae0c3}
.front-news__feed .date{}
.front-news__feed .cate{display:inline-block;text-align:center;font-size:.75rem;font-weight:500;color:#fff;background-color:#07b;border-radius:4px;width:10em;padding:1px 0;margin-left:10px}
.front-news__feed .cate.cate-01{}
.front-news__feed .cate.cate-02{}
.front-news__feed .cate.cate-03{}
.front-news__feed .ttl{margin-top:3px}
.front-news__feed .ttl a{text-decoration:none}
.front-initiatives{background-color:#07b;position:relative;padding-bottom:100px!important}
.front-initiatives::before,.front-initiatives::after{content:"";position:absolute;bottom:0;background-position-y:bottom;background-repeat:no-repeat;background-size:157px;width:230px;height:300px}
.front-initiatives::before{background-image:url(images/front_initiatives_bg-l.png);left:0}
.front-initiatives::after{background-image:url(images/front_initiatives_bg-r.png);right:0;background-position-x:right}
.front-initiatives__ttl{margin:0 auto 30px;width:300px}
.front-initiatives__copy{font-size:1.25rem;font-weight:800;color:#fff;text-align:center;line-height:1.5;margin-bottom:30px}
.front-initiatives .btn-wrap{}
.front-product{}
.front-product .container{padding:0}
.front-product .front-ttl{padding:0 20px;margin-bottom:30px}
.front-product .front-ttl .front-ttl__eng{}
.front-product .front-ttl .front-ttl__h2{}
.front-product .product-slider{margin-bottom:50px}
.product-slider__ul{}
.product-slider__li{
    margin: 0 4px;
}
.product-slider__ul img{width:250px}
.product-slider__ul .slick-prev:before{/* background-image:url(images/slick_arrow_prev.svg); */}
.product-slider__ul .slick-next:before{/* background-image:url(images/slick_arrow_next.svg); */}
.front-oem{background-color:#ffbd1c}
.front-oem .container{max-width:1300px}
.front-oem__bg{background-image:url(images/front_factory-tour_bg.png);background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:16px}
.front-oem .front-ttl{padding:50px 30px 200px;margin-bottom:0}
.front-oem .front-ttl__eng{font-size:2rem;color:#fff;margin-bottom:10px}
.front-oem .front-ttl__eng span{font-size:1.375rem;margin-left:15px}
.front-oem .front-ttl__h2{font-size:2.25rem;margin-bottom:30px;line-height:1.2}
.front-oem .btn-wrap{margin:0!important}

.grid-card{display:flex;flex-flow:column;gap:30px;padding:0 25px}
.grid-card__li{background-color:#fff;border-radius:12px;box-shadow:0 0 20px -8px rgba(0,0,0,.3)}
.grid-card__li__header{}
.grid-card__li__header img{border-radius:12px 12px 0 0}
.grid-card__li__main{padding:25px 15px}
.grid-card__ttl{text-align:center;font-weight:900;line-height:1.4;margin:0 0 15px}
.grid-card__ttl__eng{font-size:1rem;color:#07b}
.grid-card__ttl__h2{font-size:1.5rem;color:#ffbd1c}
.grid-card__txt{font-size:.875rem;margin-bottom:20px}
.grid-card__li .btn-wrap{}
@media (min-width: 768px) {
#home.page #main{margin-top:0}
.front-content{
    margin-top: 180px;
}
.front-content section{padding:100px 0}
.front-content section .sector{border-radius:16px;padding:35px!important}
.front-ttl{margin-bottom:30px}
.front-ttl__eng{font-size:2.875rem}
.front-ttl__h2{font-size:3.75rem}
.front-ttl-h3{font-size:1.25rem}
img.radius{}
.front-news__container-news{}
.front-news{padding:110px 0}
.front-news .container{}
.front-news__ttl{}
.front-news__ttl .ttl{}
.front-news__feed{border-radius:120px}
.front-news__feed ul{}
.front-news__feed li{display:flex;align-items:center;font-size:1.125rem;font-weight:500;padding:25px 0}
.front-news__feed li:first-child{}
.front-news__feed .date{}
.front-news__feed .cate{font-size:.875rem;margin-left:20px}
.front-news__feed .ttl{display:inline-block;margin-top:0;margin-left:20px}
.front-news__feed .ttl a{}
.front-initiatives{}
.front-initiatives::before,.front-initiatives::after{content:"";display:block;background-size:260px;width:370px;height:400px}
.front-initiatives::before{background-image:url(images/front_initiatives_bg-l.png)}
.front-initiatives::after{background-image:url(images/front_initiatives_bg-r.png)}
.front-initiatives__ttl{width:490px;margin:0 auto 40px}
.front-initiatives__copy{font-size:1.75rem;margin-bottom:40px}
.front-initiatives .btn-wrap{}
.front-product{}
.front-product .container{display:flex;max-width:100%;width:100%;align-items:center;justify-content:space-between;padding-left:5%}
.front-product .front-ttl{width:440px}
.front-product .front-ttl .front-ttl__eng{}
.front-product .front-ttl .front-ttl__h2{margin-bottom:30px}
.front-product .front-ttl .btn-wrap{margin:0!important}
.front-product .product-slider{flex:1;width:calc(100% - 440px)}
.product-slider__ul{}
.product-slider__li{}
.product-slider__ul img{width: 355px;}
.front-oem{}
.front-oem .container{}
.front-oem__bg{background-image:url(images/front_factory-tour_bg_pc.png);border-radius:20px;display:flex;justify-content:end}
.front-oem .front-ttl{padding:120px 0;padding-right:120px}
.front-oem .front-ttl__eng{font-size:2.5rem}
.front-oem .front-ttl__eng span{font-size:1.75rem}
.front-oem .front-ttl__h2{font-size:3.75rem}
.front-oem .btn-wrap{}

.grid-card{display:flex;flex-flow:inherit;gap:30px;justify-content:space-evenly;padding:0}
.grid-card__li{width:33.33333%}
.grid-card__li__header{}
.grid-card__li__header img{}
.grid-card__li__main{padding:30px}
.grid-card__ttl{margin:0 0 18px}
.grid-card__ttl__eng{font-size:1.125rem}
.grid-card__ttl__h2{font-size:1.875rem}
.grid-card__txt{}
.grid-card__li .btn-wrap{}
}
@media (min-width: 992px) {
.front-initiatives::before,.front-initiatives::after{background-size:350px;width:480px;height:600px;bottom:0}
.front-initiatives::before{background-image:url(images/front_initiatives_bg-l_pc.png);background-position-x:left;left:0}
.front-initiatives::after{background-image:url(images/front_initiatives_bg-r_pc.png);background-position-x:right;right:0}
.front-product .container{padding-left:5%}
.front-product .front-ttl{}
.front-product .front-ttl .front-ttl__eng{}
.front-product .front-ttl .front-ttl__h2{}
.front-product .front-ttl .btn-wrap{}
.front-product .product-slider{flex:1;width:calc(100% - 500px)}
.product-slider__ul{}
.product-slider__li{}
.product-slider__ul img{/* width: 357px; */}
}
@media (min-width: 1380px) {
.front-initiatives::before,.front-initiatives::after{background-size:480px}
.front-initiatives::before{background-image:url(images/front_initiatives_bg-l.png)}
.front-initiatives::after{background-image:url(images/front_initiatives_bg-r.png)}
.front-product .container{padding-left:10%}
.front-product .front-ttl{}
.front-product .front-ttl .front-ttl__eng{}
.front-product .front-ttl .front-ttl__h2{}
.front-product .front-ttl .btn-wrap{}
.front-product .product-slider{flex:1;width:calc(100% - 500px)}
.product-slider__ul{}
.product-slider__li{}
.product-slider__ul img{}
}

/* Page（固定ページ）
================================================== */
.page #main,.blog #main,.archive #main{padding-top: 60px;background-color: #f5f3ee;}
.page #primary{background-color: #f5f3ee;margin: 0;}
#initiatives.page #primary{}
.page article{}
.page #main .container{}

@media (min-width: 768px) {
.page #main,.blog #main,.archive #main{padding-top:100px}
.page #primary{}
#initiatives.page #primary{}
.page article{}
.page #main .container{padding:0 40px}
}

@media (min-width: 992px) {
.page #main,.blog #main,.archive #main{}
.page #primary{}
#initiatives.page #primary{}
.page article{}
.page #main .container{padding:0}
}

/* page-header
-------------------------------------------------- */
.page-header{}
.page-header__bg{padding-left: 20px;}
.page-header__bg::before{content:"";position:absolute;top:0;left:0;background-color: #fff;width:100%;height: 50%;opacity: 1;}
.page-header__bg__inner{height: 150px;background-image:url(images/company_page_header.png);background-position: center;background-size: cover;}	
#oem .page-header__bg__inner{background-image:url(images/oem_page_header.png)}
#flow .page-header__bg__inner{background-image:url(images/flow_page_header.png)}
#equipment .page-header__bg__inner{background-image:url(images/equipment_page_header.png)}
#original .page-header__bg__inner{background-image:url(images/original_page_header.png)}
#company .page-header__bg__inner{background-image:url(images/company_page_header.png)}
#faq .page-header__bg__inner{background-image:url(images/faq_page_header.png)}
#contact .page-header__bg__inner{background-image:url(images/contact_page_header.png)}
#complete .page-header__bg__inner{background-image:url(images/contact_page_header.png)}
#privacy-policy .page-header__bg__inner{background-image:url(images/privacy_page_header.png)}
.page-header__ttl{padding: 40px 0;}
.page-ttl{
    color: #ea5504;
    font-size: 1rem;
    font-weight: 600;
}
.page-ttl-sub{color: #252525;font-family: 'Shippori Mincho', serif;font-size: 1.5rem;font-weight: 500;}

@media (min-width: 768px){
.page-header{}
.page-header__bg{padding-left: calc((100% - 1080px) / 2);}
.page-header__bg__inner{height: 280px;}	
.page-header__ttl{
    padding: 60px 0;
}
.page-ttl{
    font-size: 1.125rem;
}
.page-ttl-sub{
    font-size: 2.25rem;
}
}
	
@media (min-width: 992px){
}


/* google map
-------------------------------------------------- */
.google-map{
}
/*グレーカラーの指定*/
._google-map iframe{
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	filter: grayscale(100%);
}

/* copyright
-------------------------------------------------- */
.copyright {/* font-family: Verdana, Geneva, "sans-serif"; */font-size: .8125rem;color: #fff;letter-spacing: 1px;margin-top: 24px;}
.copyright span {
}


/* Header Nav
-------------------------------------------------- */
#nav-toggle-menu__toggle {position: absolute;top: 17px;right: 20px;height: 32px;cursor: pointer;}
#nav-toggle-menu__toggle > div {position: relative;width: 36px;}
#nav-toggle-menu__toggle span {
  width: 100%;
  height: 1px;
  left: 0;
  display: block;
  background: #00afcc;
  position: absolute;
  -webkit-transition: top .5s ease, -webkit-transform .6s ease-in-out;
  transition: top .5s ease, -webkit-transform .6s ease-in-out;
  transition: transform .6s ease-in-out, top .5s ease;
  transition: transform .6s ease-in-out, top .5s ease, -webkit-transform .6s ease-in-out;
}
#nav-toggle-menu__toggle span:nth-child(1) {top: 4px;}
#nav-toggle-menu__toggle span:nth-child(2) {top: 14px;}
#nav-toggle-menu__toggle span:nth-child(3) {top: 23px;}
#nav-toggle-menu__toggle:hover span:nth-child(1) {top: 4px;}
#nav-toggle-menu__toggle:hover span:nth-child(3) {top: 23px;}
.open #nav-toggle-menu__toggle span {background: #00afcc;}
.open #nav-toggle-menu__toggle span:nth-child(1) {top: 15px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.open #nav-toggle-menu__toggle span:nth-child(2) {top: 15px;width: 0;left: 50%;}
.open #nav-toggle-menu__toggle span:nth-child(3) {top: 15px;-webkit-transform: rotate(-45deg);transform: rotate(-45deg);}

/* z-index */
#nav-toggle-menu__toggle {z-index: 1000;}
#container {z-index: 900;}
#gloval-nav {background: #fff;color: #fff;position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: 990;text-align: center;display: -webkit-box;display: flex;visibility: hidden;-webkit-box-orient: vertical;-webkit-box-direction: normal;flex-direction: column;-webkit-box-pack: center;justify-content: center;-webkit-box-align: center;align-items: center;font-size: 29px;opacity: 0;-webkit-transition: opacity .6s ease, visibility .6s ease;transition: opacity .6s ease, visibility .6s ease;}

#gloval-nav a {
  display: block;
  color: #00afcc;
  text-decoration: none;
  padding: 10px 0;
  -webkit-transition: color .6s ease;
  transition: color .3s ease;
}
#gloval-nav a:hover {color: #666;}
#gloval-nav ul {list-style: none;margin: 0;padding: 0;margin-top: -60px;}
#gloval-nav ul li {
  opacity: 0;
  -webkit-transform: translateX(200px);
          transform: translateX(200px);
  -webkit-transition: opacity .1s ease, -webkit-transform .3s ease;
  transition: opacity .1s ease, -webkit-transform .3s ease;
  transition: transform .3s ease, opacity .1s ease;
  transition: transform .3s ease, opacity .1s ease, -webkit-transform .3s ease;
}
#gloval-nav ul li:nth-child(2) {
  -webkit-transition-delay: .1s;
          transition-delay: .1s;
}
#gloval-nav ul li:nth-child(3) {
  -webkit-transition-delay: .15s;
          transition-delay: .15s;
}
#gloval-nav ul li:nth-child(4) {
  -webkit-transition-delay: .2s;
          transition-delay: .2s;
}
#gloval-nav ul li:nth-child(5) {
  -webkit-transition-delay: .25s;
          transition-delay: .25s;
}
#gloval-nav ul li:nth-child(6) {
  -webkit-transition-delay: .3s;
          transition-delay: .3s;
}
#gloval-nav ul li:nth-child(7) {
  -webkit-transition-delay: .35s;
          transition-delay: .35s;
}
#gloval-nav ul li:nth-child(8) {
  -webkit-transition-delay: .4s;
          transition-delay: .4s;
}

/* open */
.open {}
.open #gloval-nav {visibility: visible;opacity: 1;}
.open #gloval-nav li {
  opacity: 1;
  -webkit-transform: translateX(0);
          transform: translateX(0);
  -webkit-transition: opacity .9s ease, -webkit-transform 1s ease;
  transition: opacity .9s ease, -webkit-transform 1s ease;
  transition: transform 1s ease, opacity .9s ease;
  transition: transform 1s ease, opacity .9s ease, -webkit-transform 1s ease;
}

nav.global {display: none;}

@media (min-width: 992px) {
	#nav-toggle-menu__toggle {display: none;}
	nav.global {display: block;}
	nav.global ul {margin: 0;padding: 0;list-style: none;text-align: right;}
	nav.global li {display: inline-block;margin: 0 0 0 1.5rem;line-height: 58px;font-size: .875rem;font-weight: 400;letter-spacing: .5px;}
	nav.global a {color: #333;}
	nav.global a:hover {color: #00afcc;text-decoration: none;}
}


/* お問い合わせフォーム
==================================================*/

.inquiry {}
.inquiry dl {padding: 25px 0;margin: 0;border-top: 1px solid #ced4da;}
.inquiry dt {margin: 10px 0;}
.inquiry dd {margin: 0 0 10px;}
.inquiry dt span {}
.inquiry dt span:first-child {font-size: 1.125rem;font-weight: normal;padding: 2px 0;vertical-align: middle;}
.inquiry dt .required {padding: 3px 10px;background-color: #ff5555;color: #fff;font-size: .75rem;font-weight: normal;margin-left: 10px;letter-spacing: 2px;border-radius: 2px;}
.inquiry dd .form-control {height: auto;padding: 1.0rem;margin: 10px 0 0;border: 1px solid #ddd;}
.inquiry .form-check {padding: 0;border: 0;padding-left: 1em;}
.inquiry .form-check .form-control {padding: 0;border: 0;margin: 0;background-color: transparent;}
.inquiry .form-check-block.form-check-inline .wpcf7-list-item {display:block; margin: 10px 0 0 0;}
.inquiry .form-check-block.form-check-inline .wpcf7-list-item.first {margin: 0;}
.inquiry .form-check-block .wpcf7-list-item {display: block;margin: 10px 0 0 0;}

/*送信ボタン*/
input[type=submit].button,input[type=button].button {width: 100%;max-width: 300px;display: block;height: auto;padding: .75em;margin: 10px auto 0;/* width:100%; */background: #666;color:#fff;font-size: 1.0rem;font-weight: normal;font-weight: bold;letter-spacing: 2.0px;border-radius:2px;border: none;}
input[type=button]#back {background: #666;color:#fff;}
input[type=submit]#submit {background: #00afcc;color:#fff;}

input[type=submit].button:hover{background: #999;color: #fff;}
input[type=button]#back:hover {background: #999;color:#fff;}
input[type=submit]#submit:hover {background: #ec8abb;color:#fff;}
input[type=submit].button[disabled],input[type=submit].button:hover[disabled] {cursor: default;background: #ddd;}

/* Checkbox, Radio 設定 */
input[type=checkbox],input[type=radio] {-webkit-appearance: none;-moz-appearance: none;-ms-appearance: none;-o-appearance: none;appearance: none;position: relative;right: 0;bottom: 0;left: 0;height: 20px;width: 20px;vertical-align: -.4em;transition:all .15s ease-out 0s;color: #fff;cursor: pointer;display: inline-block;margin: 0 .3em 0 0;outline: none;border-radius: 10%;}
/* Checkbox */
input[type=checkbox]:before,input[type=checkbox]:after {
	position: absolute;
	content: "";
	background: #e50012;
	transition: all .2s ease-in-out;
	border-width: 2px;
	border-color: transparent;
}
input[type=checkbox]:before {
	left: 2px;
	top: 6px;
	width: 0;
	height: 2px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-o-transform: rotate(45deg);
}
input[type=checkbox]:after {
	right: 9px;
	bottom: 3px;
	width: 2px;
	height: 0;
	transform: rotate(40deg);
	-webkit-transform: rotate(40deg);
	-moz-transform: rotate(40deg);
	-ms-transform: rotate(40deg);
	-o-transform: rotate(40deg);
	transition-delay: .2s;
}
input[type=checkbox]:checked:before {
	left: 2px;
	top: 11px;
	width: 7px;
	height: 2px;
}
input[type=checkbox]:checked:after {
	right: 5px;
	bottom: 1px;
	width: 2px;
	height: 14px;
}
input[type=checkbox]:indeterminate:before,input[type=checkbox]:indeterminate:after {
	width: 7px;
	height: 2px;
	transform: rotate(0);
	-webkit-transform: rotate(0);
	-moz-transform: rotate(0);
	-ms-transform: rotate(0);
	-o-transform: rotate(0);
}
input[type=checkbox]:indeterminate:before {
	left: 1px;
	top: 7px;
}
input[type=checkbox]:indeterminate:after {
	right: 1px;
	bottom: 7px;
}
/* Radio */
input[type=radio] {
	border-radius: 50%;
}
input[type=radio]:checked:before {
	transform: scale(1);
}
input[type=radio]:before {
	content: "";
	display: block;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	margin: 3px;
	transform: scale(0);
	transition: all ease-out 250ms;
}
/* Checkbox, Radio カラー */
.color input[type=checkbox],.color input[type=radio] {border: 2px solid #00afcc;}
.color input[type=checkbox]:checked,.color input[type=checkbox]:indeterminate,.color input[type=radio]:checked:before {background: #00afcc;}
.color input[disabled] {background-color: #fff;}

/* CWPCF7の上書き */
span.wpcf7-not-valid-tip {
	color: #f55;
	font-size: 1rem;
	font-weight: normal;
	display: block;
	line-height: 2;
}
div.wpcf7-validation-errors, div.wpcf7-acceptance-missing {
	border: 0;
	background-color: #f55;
	color: #fff;
	text-align: center;
	padding: 1.5em 1em;
}



@media (min-width: 768px) {
	.inquiry .form-check-block.form-check-inline .wpcf7-list-item {display: inline-block; margin: 0 0 0 1.5em;}
	input[type=checkbox],input[type=radio] {vertical-align: -.2em;}
}

@media only screen and (max-width: 480px) {
  .container {padding-right: 20px;padding-left: 20px;}
}


h2, h3, .h2, .h3 {
	/* font-family: fatfrank, sans-serif; */
	font-weight: 700;
	font-style: normal;
	line-height: 1.5;
	margin: 0;
	padding: 0;
}

h2 {
    text-align: center;
    font-size: 1.125rem;
    margin-bottom: 40px;
}
h3 {
    /* position: relative; */
    /* font-size: 1rem; */
    /* margin: 40px 0 20px; */
    /* padding-left: 40px; */
    /* display: flex; */
    /* align-items: center; */
}
h3 span {flex: 1;}
h3::before {
	/* content: ""; */
	/* display: block; */
	/* height: 1px; */
	/* background-color: #353535; */
	/* width: 40px; */
	/* margin-left: -40px; */
	/* margin-right: 10px; */
}
h4 {}

@media (min-width: 767px) {
h2 {
    font-size: 1.5rem;
    margin-bottom: 60px;
}
h3 {
    /* font-size: 1.125rem; */
    /* margin-top: 60px; */
    /* padding-left: 50px; */
}
h3 span {
}
h3::before {width: 50px;margin-left: -50px;}
h4 {}
}



/* PAGE CONTENT
================================================== */
.page-head{
    text-align: center;
    margin-bottom: 40px;
}
.page-head__icon-foam{
    display: block;
    width: 80px;
    margin: auto;
}
.page-head__eng{
    font-size: 1.125rem;
    font-weight: 900;
    color: #ffbd1c;
}
.page-head__h2{
    font-size: 1.375rem;
    font-weight: 700;
    margin-bottom: 20px;
}
.page-head__txt{
    font-size: 1rem;
}

@media (min-width: 768px){
.page-head{
    margin-bottom: 60px;
}
.page-head__icon-foam{
    width: 90px;
}
.page-head__eng{
    font-size: 1.25rem;
}
.page-head__h2{
    font-size: 1.5rem;
}
.page-head__txt{
    text-align: center;
}
}





/* OEM
-------------------------------------------------- */
.oem{}
.oem .container{}




/* PRIVACY POLICY
-------------------------------------------------- */
#privacy_policy .content_wrap .container{max-width:720px}
.privacy_policy-ol{}
.privacy_policy-ol__li{list-style:decimal;margin:20px 0 0 22px}
.privacy_policy-ol__li::marker{font-weight:600}
.privacy_policy-ol__li .ttl{font-weight:600}
.privacy_policy-ol__li .ttl + .txt{}
.privacy_policy-ol__li .ttl+.txt{margin-top:0}
.privacy_policy-ol__li .txt{margin:20px 0 0}
.privacy-policy-info{margin:20px 0 0;padding:20px;background-color:#f5f5f5}
.privacy-policy-info .ttl{font-weight:600}
.privacy-policy-info .txt{margin:0}
.ol-num-circle{}
.ol-num-circle__li{list-style:none;margin:6px 0 0;padding-left:18px}
.ol-num-circle__li:first-child{margin-top:0}
.ol-num-circle__li:before{content:'';margin-left:-18px;padding-right:3px}
.ol-num-circle__li:nth-child(1):before{content:"①"}
.ol-num-circle__li:nth-child(2):before{content:"②"}
.ol-num-circle__li:nth-child(3):before{content:"③"}
.ol-num-circle__li:nth-child(4):before{content:"④"}
.ol-num-circle__li:nth-child(5):before{content:"⑤"}
.ol-num-circle__li:nth-child(6):before{content:"⑥"}
.ol-num-circle__li:nth-child(7):before{content:"⑦"}
.ol-num-circle__li:nth-child(8):before{content:"⑧"}
.ol-num-circle__li:nth-child(9):before{content:"⑨"}
.ol-num-circle__li:nth-child(10):before{content:"⑩"}
.ol-num-brackets{}
.ol-sub-brackets__li{counter-increment:num 1;list-style:none;padding-left:30px}
.ol-sub-brackets__li:before{content:"（" counter(num) "）";margin-left:-39px}
.ul-square{}
.ul-square__li{list-style:none;margin:8px 0 0;padding-left:18px}
.ul-square__li:first-child{margin-top:0}
.ul-square__li:before{content:'■';margin-left:-18px;padding-right:3px}
@media (min-width: 768px) {

}

/* お問い合わせ・フォーム
   ================================================== */
::placeholder{color:#999}
/* Chrome, Safari */
::-webkit-input-placeholder{color: #999;}
/* Firefox */
::-moz-placeholder{color: #999;}
/* 旧Edge対応 */
::-ms-input-placeholder {color: #999;}

.contact-message{
    max-width: 740px;
    margin: 0 auto 50px;
}
.contact-message .txt{
    text-align: left;
}
.contact-message .txt-tel{
}
.contact-message .txt-tel span{
}
.contact-message .tel-link{
    }
.contact-message__tel{
    display: flex;
    flex-flow: column;
    justify-content: center;
    gap: 8px;
}
.contact-message__tel .tel{
    text-align: center;
    font-weight: 700;
}
.contact-message__tel .tel-link{
    color: #252525;
    font-size: 1.5rem;
    text-align: center;
    line-height: 1.2;
    margin-left: 8px;
    }
.contact-message__reception{
    text-align: center;
    margin-top: 24px;
    font-weight: 700;
}
.complete-message{
    padding: 0px 0 180px;
}
.contact-message .btn-block{margin: 28px 0 60px;}
.contact-block{
    margin-top: 80px;
    padding: 20px 20px 44px;
    background-color: #fff;
    border-radius: 4px;
}
#contact .article__content .container{}
.entry__content.contact .container {max-width: 760px;}
.entry__content.contact .col.tel {border: 3px solid #86c45f;background-color: #f7f7f0;border-radius: 4px;padding: 20px 15px;margin: 40px auto 50px;max-width: 500px;}
.entry__content.contact .col.tel p {margin-bottom: 0;text-align: center;}
.entry__content.contact .col.tel .box {text-align: center;}
.entry__content.contact .col.tel .box a {color: inherit;text-decoration: none !important;}
.entry__content.contact .col.tel .box .recep {font-weight: 700;}
.mw_wp_form .form_input_area {}


@media (max-width: 767px) {
.mw_wp_form .dl-flex{flex-flow:column}
.mw_wp_form .dl-flex dt,.mw_wp_form .dl-flex dd{width:100%}
.mw_wp_form .dl-flex dt{border-bottom:0!important;padding-bottom:16px;line-height:1.3}
.mw_wp_form .dl-flex dd{border-top:0!important;padding-top:0}
.mw_wp_form .dl-flex dt:first-child{border-top:none!important}
.mw_wp_form .dl-flex dd:first-child{}
}

@media (min-width: 768px) {
.contact-message .btn-block{margin: 32px 0 60px;}
.mw_wp_form .dl-flex dt,.mw_wp_form .dl-flex dd {}
.mw_wp_form .dl-flex dt {padding-top: 43px;line-height: 1.3;width: 28%;}
.mw_wp_form .dl-flex dd {width: 72%;padding-right: 0;}
}
/*.mw_wp_form .form_input_area dl {margin: 30px 0 0;}
.mw_wp_form .form_input_area dt {font-size: .875rem;font-weight: 700;margin: 0 0 10px;line-height: 1.25;}
.mw_wp_form .form_input_area dd {margin: 0;padding: 0;}
.mw_wp_form .form_input_area dl:first-child {margin-top: 0;}*/
.mw_wp_form .form_input_area .required {font-size: .75rem;color: #fff;padding: 2px 12px 4px;background-color: #e50012;text-align: center;margin-left: 10px;display: inline-block;vertical-align: bottom;border-radius: 2px;line-height: 1.2;}
.mw_wp_form .form_input_area label {width: 100%;margin: 0 0 10px;}
.mw_wp_form .form_input_area label:last-child {margin-bottom: 0;}
.mw_wp_form .form_input_area .d-flex  {max-width: 500px;margin: auto;}
.mw_wp_form .form_input_area .d-flex p {}
.mw_wp_form .form_input_area .d-flex p button {}
.mw_wp_form .form_input_area .d-flex button {margin: 50px 10px 0;padding: 15px 0;}
.mw_wp_form .form_input_area .d-flex button::after {content: none;}
.mw_wp_form .form_input_area .d-flex button.kakunin {margin: 50px auto 0;}
.mw_wp_form .form_input_area .d-flex button.back {background-color: #ccc;}
.mw_wp_form .form_input_area .d-flex button.back:hover {}
.mw_wp_form .form_input_area .d-flex button.submit {/* background-color: #ff7a00; *//* border-color: #cd4a00; *//* color: #fff !important; */}
.mw_wp_form .form_input_area .d-flex button.submit:hover {/* opacity: .6; */}
.mw_wp_form .form_input_area .menseki {
}
.mw_wp_form .form_input_area .menseki .box {border: 1px solid #e50012;background-color: #fffef2;padding: 15px;margin: 50px 0 20px;}
.mw_wp_form .form_input_area .menseki h3 {/* text-align: center; */margin: 0 0 15px;font-size: 1rem;}
.mw_wp_form .form_input_area .menseki h3 span {
}
.mw_wp_form .form_input_area .menseki h4 {font-size: .875rem;margin: 15px 0 5px;}
.mw_wp_form .form_input_area .menseki ul {margin: 0;padding: 0 0 0 22px;}
.mw_wp_form .form_input_area .menseki ul li {font-size: .875rem;margin-top: 5px;}
.mw_wp_form .form_input_area .menseki .kiyaku {font-size: 1.125rem;text-align: center;}
.mw_wp_form .form_input_area .menseki .doui {vertical-align: middle;}
.mw_wp_form .form_input_area .menseki .kiyaku2 {font-size: .875rem;margin: 0;}
.mw_wp_form .form_input_area #privacy_policy {margin-top: 50px;}
.mw_wp_form .form_input_area #privacy_policy h2 {font-size: 1rem;margin: 0 0 20px;}
.mw_wp_form .form_input_area #privacy_policy h3 {font-size: .875rem !important;margin: 20px 0 5px !important;}
.mw_wp_form .form_input_area #privacy_policy p {font-size: .75rem;}
.i_frame {background-color: #f5f5f5;border: 1px solid #d8d8c5;height: 150px;overflow:auto;overflow-y:scroll;overflow-x:hidden;padding: 20px 15px;margin-bottom: 15px;}
.complete .container {}
.complete .container p {}
.mw_wp_form .form-name{
    display: flex;
}
.mw_wp_form .form-name input[type="text"]{}
.mw_wp_form .form-name input[type="text"]:first-child{
    margin-right: 5px;
}
.mw_wp_form .form-name input[type="text"]:last-child{
    margin-left: 5px;
}
.mw_wp_form .wrap.doui .mwform-checkbox-field{text-align: center;width: 100%;}
.mw_wp_form .wrap.doui + .error{text-align: center;}

@media (min-width: 768px) {
.contact-message{margin-bottom: 80px;}
.contact-message .txt{
    text-align: center;
}
.contact-message .txt-tel{}
.contact-message .tel-link{}
.contact-message .txt-tel span{}
.contact-message__tel{
    flex-flow: wrap;
    gap: 40px;
    margin-top: 20px;
}
.contact-message__tel .tel{
    font-size: 1.125rem;
}
.contact-message__tel .tel-link{
    font-size: 1.75rem;
}
.contact-message__reception{
    margin-top: 12px;
}
.complete-message{}
.contact-block{
    padding: 60px;
}
.complete-message{
    text-align: center;
    padding: 50px 0 120px;
    font-size: 1.125rem;
}
.mw_wp_form .form-name{width: 100% !important;}
.mw_wp_form .form-name input[type="text"]{}
.mw_wp_form .form-name input[type="text"]:first-child{}
.mw_wp_form .form-name input[type="text"]:last-child{}
	
.radio_flex{}
.radio_flex .wrap{display: flex;align-items: center;}
.radio_flex .wrap .mwform-radio-field{
    margin: 0 30px 0 0;
}
	
.entry__content.contact .col.tel {max-width: 520px;padding: 25px;margin: 50px auto 60px;}
.entry__content.contact .col.tel p {
}
.entry__content.contact .col.tel .box {
}
.mw_wp_form .form_input_area .menseki {
}
.mw_wp_form .form_input_area .menseki .box {padding: 30px;}
.mw_wp_form .form_input_area .menseki h3 {margin-bottom: 25px;}
.mw_wp_form .form_input_area .menseki h3 span {
}
.mw_wp_form .form_input_area .menseki h4 {
}
.mw_wp_form .form_input_area .menseki ul {
}
.mw_wp_form .form_input_area .menseki ul li {
}
.mw_wp_form .form_input_area .menseki .kiyaku {
}
.mw_wp_form .form_input_area .menseki .doui {
}
.mw_wp_form .form_input_area .menseki .kiyaku2 {text-align: center;}
.mw_wp_form .form_input_area #privacy_policy {}
.mw_wp_form .form_input_area #privacy_policy h2 {}
.mw_wp_form .form_input_area #privacy_policy h3 {}
.mw_wp_form .form_input_area #privacy_policy p {}
.i_frame {height: 250px;padding: 25px;margin-bottom: 15px;}
.complete .container {
    padding-top: 30px;
    padding-bottom: 30px;
}
.complete .container p {
    text-align: center;
    font-size: 1rem;
}
}

/*ーーーーーーーーーーーーーーーー*/
/*　　MW WP Formカスタマイズ　　*/
/*ーーーーーーーーーーーーーーーー*/
.mw_wp_form {max-width: 100%;margin: auto;} 
.mw_wp_form input[type="email"],
.mw_wp_form input[type="tel"],
.mw_wp_form input[type="text"],
.mw_wp_form input[type="number"],
.mw_wp_form textarea {padding: 1em;width: 100%;-moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;font-size: .875rem;border: 1px solid #ccc;}
.mw_wp_form input[type="number"] {width: auto;}
.mw_wp_form input[type="checkbox"] {border: 1px solid #ccc;}

.mwform-tel-field input[type="text"], .mwform-zip-field input[type="text"] {
    display: inline-block;
    width: auto;
}

input[type="text"]:focus,input[type="email"]:focus,input[type="checkbox"]:focus,textarea:focus {border: 1px solid #000;background-color: #f5f5f5; outline: 0;}

.mw_wp_form select {
display: block;
position: relative;
width: 80%;
height: 38px;
font-size: 14px;
font-size: 0.9rem;
border: 1px solid #ccc;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-ms-border-radius: 4px;
border-radius: 4px;
overflow: hidden;
padding: 0 10px;
}

.mw_wp_form selectt:after {
position: absolute;
display: block;
content: '';
width: 0;
height: 0;
border-top: 5px solid transparent;
border-left: 5px solid transparent;
border-bottom: 5px solid transparent;
border-right: 5px solid transparent;
border-top: 5px solid #333;
top: 50%;
right: 10px;
margin-top: -3px;
pointer-events: none;
}

.mw_wp_form label {width: 100%;display: inline-block;}
.mw_wp_form .label_att {display: block;margin: 0 0 10px;font-size: .875rem;}
.mw_wp_form .label_att:last-child {margin: 0;}


/*確認画面エラーメッセージ*/
.mw_wp_form .error {
font-size: .875rem !important;
font-weight: 700 !important;
color: #ff0000 !important;
margin-top: 5px !important;
}

/*確認画面表示*/
.mw_wp_form_preview dl {}
.mw_wp_form_preview dl dt {}
.mw_wp_form_preview dl dd {}
.mw_wp_form_preview dl dd label {background-color: #f5f5f5;padding: 15px !important;}

/* 個人情報保護の同意 */
.mw_wp_form__privacy-policy{
    background-color: #fff;
    border: 1px solid #ccc;
    padding: 20px;
    margin: 20px 0 0;
}
.mw_wp_form__privacy-policy .ttl{
    text-align: center;
    font-size: 1rem;
    font-weight: 600;
    margin: 0 0 10px;
}
.mw_wp_form__privacy-policy .txt{
    margin-bottom: 15px;
}
.mw_wp_form__privacy-policy .doui{
    text-align: center;
}
.mw_wp_form__privacy-policy .doui .mwform-checkbox-field-text{
    font-size: .875rem;
    font-weight: 600;
}
.mw_wp_form__privacy-policy .doui label{display: flex;align-items: center;justify-content: center;}

/*ボタン*/
.mw_wp_form__btn-box{
    margin: 40px auto 0;
    text-align: center;
}
.mw_wp_form__btn-box .btn-wrap{}
.mw_wp_form__btn-box .btn-wrap-confirm{
    cursor: auto;
}
.mw_wp_form__btn-box .btn-wrap-back{}
.mw_wp_form__btn-box .btn-wrap-submit{}
.mw_wp_form_preview .mw_wp_form__btn-box{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    gap: 20px;
}
.mw_wp_form_preview .mw_wp_form__btn-box .btn-wrap{
    width: 80%;
}

@media (min-width: 768px) {
.mw_wp_form_preview .mw_wp_form__btn-box{
    flex-flow: wrap;
    justify-content: center;
    max-width: 600px;
}
.mw_wp_form_preview .mw_wp_form__btn-box .btn-wrap{
    margin: 0 10px;
}
.mw_wp_form__privacy-policy{padding: 30px;}
.mw_wp_form__privacy-policy .ttl{}
.mw_wp_form__privacy-policy .txt{margin-bottom: 20px;text-align: center;}
.mw_wp_form__privacy-policy .doui{}
.mw_wp_form__privacy-policy .doui .mwform-checkbox-field-text{}
}

/* Footer
==================================================*/
body:not(.theme-preset-active) footer#colophon{}
#home .site-footer{background-color: #fff;}
.site-footer{background-color: #f5f3ee;width: 100%;max-width:100%;padding: 0 40px 0 0;margin: 0;position: relative;}
.site-footer .container{max-width:1080px;padding:0}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color: #ea5504!important;}
.footer-main{background-color: #333;color: #fff;padding: 60px 20px;margin: 0;}
.footer-main .container{padding:0}
.footer-main__left{}
.footer-main__left__c-name{font-family: 'M PLUS Rounded 1c', sans-serif;font-size: 1.125rem;}
.footer-main__left__logo{width: 150px;}
.footer-main__left__add{
    font-size: .875rem;
    margin-top: 24px;
}
.footer-main__nav{}
.footer-main__nav__li{}
.footer-main__nav__li a{}
.footer-main__nav__li span{}
.footer-main__nav__li:first-child{}
.footer-main__right{
    display: none;
}
.footer-main__sns{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}
.footer-main__sns__li{}
.footer-main__sns__li:first-child{}
.footer-main__sns__li a{}
.footer-main__sns__li .svg-inline--fa{font-size:1.75rem}
.footer-main__logo{width:125px;margin:auto}
.footer-main__logo a{}
.footer-main__logo img{}
.footer-bottom{}
.footer-bottom .container{padding:20px 0}
.footer-bottom__nav{display:flex;justify-content:space-between}
.footer-bottom__nav__li{font-size:.8125rem}
.footer-bottom__nav__li:first-child{}
.footer-bottom__nav__li a{}
.copyright{}
@media (min-width: 768px) {
.site-footer{padding: 0;}
.site-footer a{color:#fff;text-decoration:none}
.site-footer a:hover{color: #ea5504!important;}
.footer-main{padding: 88px 40px;margin-right: calc((100% - 1080px) / 2);}
.footer-main .container{display:flex;align-items:center;justify-content:space-between;max-width: 1080px;margin: auto;}
.footer-main__left{
    width: 400px;
}
.footer-main__left__c-name{
    font-size: 1.375rem;
}
.footer-main__left__logo{
    width: 150px;
}
.footer-main__left__add{
    margin-top: 24px;
    font-size: .875rem;
}
.footer-main__nav{}
.footer-main__nav__li{font-size: .875rem;font-weight: 500;line-height:1.4;margin-top: 24px;}
.footer-main__nav__li a{}
.footer-main__nav__li span{display:block;font-size:.875rem;font-weight:500}
.footer-main__nav__li:first-child{}
.footer-main__right{
    display: flex;
    gap: 80px;
}
.footer-main__sns{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:40px}
.footer-main__sns__li{}
.footer-main__sns__li:first-child{}
.footer-main__sns__li a{}
.footer-main__sns__li .svg-inline--fa{font-size:1.925rem}
.footer-main__logo{width:150px}
.footer-main__logo a{}
.footer-main__logo img{}
.footer-bottom{}
.footer-bottom .container{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #fff;padding:30px 0}
.footer-bottom__nav{display:flex;gap:25px}
.footer-bottom__nav__li{font-size:.875rem}
.footer-bottom__nav__li:first-child{}
.footer-bottom__nav__li a{}
.copyright{margin-top: 32px;padding:0;border:0}
}