@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap);
@import url(https://fonts.googleapis.com/css2?family=Emblema+One&display=swap);
.pen{pointer-events:none}
body.mobile .pen{pointer-events:inherit}
abbr,address,article,aside,audio,b,blockquote,body,caption,cite,code,dd,del,dfn,dialog,div,dl,dt,em,fieldset,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,p,pre,q,samp,section,small,span,strong,sub,sup,table,tbody,td,tfoot,th,thead,time,tr,ul,var,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:0 0;list-style:none}
html{position:relative;overflow-y:scroll;background:#fff;-ms-overflow-style:scrollbar}
html.nav-open{overflow:hidden}
body{position:relative;padding-top:100px;color:#1b1b1b;font-size:16px;line-height:1.666;font-weight:400;font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Noto Sans JP','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',Arial,Meiryo,sans-serif;letter-spacing:.05em;font-feature-settings:"palt"}
@media screen and (max-width:991px){
body{padding-top:80px}
}
@media screen and (max-width:767px){
body{padding-top:60px!important}
}
body.nav-open{overflow:hidden}
body.modal-open{padding-right:0!important}
.sans{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue','Noto Sans JP','ヒラギノ角ゴ ProN W3','Hiragino Kaku Gothic ProN',Arial,Meiryo,sans-serif}
.serif{font-family:'Hina Mincho',"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro",HiraMinProN-W3,"HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif}
.t_font{font-family:"Emblema One",sans-serif}
.ltsn{letter-spacing:normal}
.lts1{letter-spacing:.1em}
.lts05{letter-spacing:.05em}
.lh075{line-height:.75}
.lh1{line-height:1}
.lh15{line-height:1.5!important}
.lh18{line-height:1.8!important}
.lh2{line-height:2!important}
.font-weight-500{font-weight:500!important}
strong{font-weight:700}
.x-small{font-size:12px}
.small{font-size:14px;font-weight:500}
.middle{font-size:16px}
.large{font-size:18px}
.x-large{font-size:20px}
.x2-large{font-size:22px}
.x3-large{font-size:24px}
.x4-large{font-size:26px}
.x5-large{font-size:28px}
.max-large{font-size:54.4px}
.fix-large{font-size:64px}
.italic{font-style:italic}
img{max-width:100%;height:auto;vertical-align:bottom;border:none}
img.frame{padding:8px;background-color:#fff;border:1px solid #eee;-webkit-box-shadow:1px 1px 3px rgba(0,0,0,.15);-moz-box-shadow:1px 1px 3px rgba(0,0,0,.15);box-shadow:1px 1px 3px rgba(0,0,0,.15)}
img.ofi{width:100%;height:100%;object-fit:cover}
.white{color:#fff}
.red{color:#dd3229}
.blue{color:#006db9}
.lblue{color:#47b3ff}
.pink{color:#edafc3}
.yellow{color:#ffe201}
.orange{color:#dd8728}
.green{color:#23932c}
.gray{color:#b2b2b2}
.bk{color:#333}
.p_color{color:#59493f}
.p1_color{color:#59493f}
.p2_color{color:#30d5c8}
.p_bg_color{background:#59493f}
.p_bg2_color{background:#30d5c8}
.f-right{float:right;margin-left:15px!important}
.f-left{float:left;margin-right:15px!important}
.pointer{cursor:pointer}
.clear{clear:both}
.mb0{margin-bottom:0!important}
.mb5{margin-bottom:5px!important}
.mb10{margin-bottom:10px!important}
.mb15{margin-bottom:15px!important}
.mb20{margin-bottom:20px!important}
.mb25{margin-bottom:25px!important}
.mb30{margin-bottom:30px!important}
.mb40{margin-bottom:40px!important}
.mb50{margin-bottom:50px!important}
.mb60{margin-bottom:60px!important}
.mb70{margin-bottom:70px!important}
.mb80{margin-bottom:80px!important}
.mb90{margin-bottom:90px!important}
.mb100{margin-bottom:100px!important}
.mt5{margin-top:5px!important}
.mt10{margin-top:10px!important}
.mt15{margin-top:15px!important}
.mt20{margin-top:20px!important}
.mt30{margin-top:30px!important}
.mt40{margin-top:40px!important}
.mt50{margin-top:50px!important}
.mt60{margin-top:60px!important}
.pad10{padding:10px!important}
.pad15{padding:15px!important}
.pad20{padding:20px!important}
.pad30{padding:30px!important}
.pad40{padding:40px!important}
.pad50{padding:50px!important}
.pr05{padding-right:5px!important}
.pr10{padding-right:10px!important}
.pr15{padding-right:15px!important}
.pl05{padding-left:5px!important}
.pl10{padding-left:10px!important}
.pl15{padding-left:15px!important}
.pt5{padding-top:5px!important}
.pt10{padding-top:10px!important}
.pt20{padding-top:20px!important}
.pt30{padding-top:30px!important}
.pt40{padding-top:40px!important}
.pt50{padding-top:50px!important}
.pb0{padding-bottom:0!important}
.pb5{padding-bottom:5px!important}
.pb10{padding-bottom:10px!important}
.pb20{padding-bottom:20px!important}
.pb30{padding-bottom:30px!important}
.pb40{padding-bottom:40px!important}
.pb50{padding-bottom:50px!important}
.space{display:inline-block}
.space-12{padding-left:12.6em}
.space-11{padding-left:11.55em}
.space-10{padding-left:10.5em}
.space-9{padding-left:9.45em}
.space-8{padding-left:8.4em}
.space-7{padding-left:7.35em}
.space-6{padding-left:6.3em}
.space-5{padding-left:5.25em}
.space-4{padding-left:4.2em}
.space-3{padding-left:3.15em}
.space-2{padding-left:2.1em}
.space-1{padding-left:1.05em}
.w20{width:20%}
.w25{width:25%}
.w30{width:30%}
.w33{width:33.33333333%}
.w50{width:50%}
.w60{width:60%}
.w70{width:70%}
.w80{width:80%}
.w100{width:100%}
a{font-size:100%;vertical-align:baseline}
a:link,a:visited{color:#59493f!important;text-decoration:underline}
a:active,a:focus,a:hover{color:#59493f!important;text-decoration:none}
a.opacity img{box-shadow:#000 0 0 0}
body.pc a.opacity{transition:opacity .1s ease-in-out .1s}
body.pc a.opacity:hover{transition:opacity .1s ease-in-out .1s;opacity:.75}
body.pc a.opacity.c{transition:color .1s ease-in-out .1s}
body.pc a.opacity.c:hover{transition:color .1s ease-in-out .1s;color:#59493f!important;opacity:1!important}
body.pc a.brightness{transition:filter .1s ease-in-out}
body.pc a.brightness:hover{transition:filter .1s ease-in-out .1s;filter:brightness(1.15)}
body.pc a.brightness2{transition:filter .1s ease-in-out}
body.pc a.brightness2:hover{transition:filter .1s ease-in-out .1s;filter:brightness(.85)}
.indent{padding-left:1em;text-indent:-1em}
.indent span.icon{display:inline-block;width:1em;text-indent:0}
.indent-icon{position:relative;padding-left:1.2em}
.indent-icon::after{position:absolute;font-family:"Font Awesome 6 Free";font-weight:900;top:0;left:0;color:#59493f}
.indent-icon.dot::after{content:"\f111"}
.indent-icon.check::after{content:"\f00c"}
.bb{padding-bottom:10px;border-bottom:2px solid #ddd}
a.btn{position:relative;display:inline-block;min-width:250px;padding:0 20px 0 20px;color:#fff!important;text-decoration:none;text-align:center;font-weight:700;line-height:60px;background:0 0;border:none;border:3px solid #1b1b1b;border-radius:0;transition:all .2s ease-in-out;z-index:1}
a.btn.w-100{min-width:inherit}
@media screen and (max-width:767px){
a.btn.xs-w100{min-width:inherit;padding-right:10px;padding-left:10px}
}
a.btn.no_icon{padding:0 40px}
a.btn.p3{color:#59493f!important}
a.btn.p4{color:#fff!important}
a.btn::after,a.btn::before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;background:#1b1b1b;z-index:-2}
a.btn.p2::before{background:#30d5c8}
a.btn.p3::before{background:0 0}
a.btn.p4::before{background:0 0}
a.btn::after{position:absolute;top:0;left:0;height:100%;width:0%;background:#fff;z-index:-1;transition:all .2s ease-in-out}
a.btn.p3::after{background:#59493f}
a.btn.p4::after{background:#fff}
a.btn.w{color:#59493f!important;background:#fff!important;border:none;transition:opacity .1s ease}
a.btn.bd{color:#59493f!important;background:0 0;border:1px solid #59493f;background:#fff;transition:all .1s ease-in-out}
@media (hover:hover){
a.btn.bd:hover:hover{color:#fff!important;background:#59493f;transition:all .1s ease-in-out .1s}
}
@media (hover:hover){
a.btn:hover:not(.w):not(.bd):hover{color:#1b1b1b!important;transition:all .2s ease-in-out .1s}
a.btn:hover:not(.w):not(.bd):hover::after{transition:all .2s ease-in-out .1s;width:100%}
a.btn:hover.p2:not(.w):not(.bd):hover{color:#30d5c8!important}
a.btn:hover.p3:not(.w):not(.bd):hover{color:#fff!important}
a.btn:hover.p4:not(.w):not(.bd):hover{color:#2c3e50!important}
a.btn:hover.w:hover{opacity:.75;transition:opacity .1s ease-in-out .1s}
}
a[href^=tel]{text-decoration:none!important}
a[href^=tel] span[data-action=call]{color:#333!important;color:#59493f!important}
.m_center{display:table;margin-right:auto;margin-left:auto}
.lh1{line-height:1!important}
.lh12{line-height:1.2!important}
.lh14{line-height:1.4!important}
.lh16{line-height:1.6!important}
.lh2{line-height:2!important}
#lightcase-nav a,a.lightcase-icon-close{color:rgba(255,255,255,.6)!important;text-decoration:none}
#lightcase-nav a:hover,a[class*=lightcase-icon-]:hover{color:#fff!important}
@media screen and (max-width:991px){
.text-center.left-sm{text-align:left!important}
.max-large{font-size:40px}
}
@media screen and (min-width:768px) and (max-width:991px){
.md-mb0{margin-bottom:0!important}
.md-mb5{margin-bottom:5px!important}
.md-mb10{margin-bottom:10px!important}
.md-mb15{margin-bottom:15px!important}
.md-mb20{margin-bottom:20px!important}
.md-mb25{margin-bottom:25px!important}
.md-mb30{margin-bottom:30px!important}
.md-mb40{margin-bottom:40px!important}
.md-mb50{margin-bottom:50px!important}
.md-mb60{margin-bottom:60px!important}
.md-mb70{margin-bottom:70px!important}
.md-mb80{margin-bottom:80px!important}
.md-mt10{margin-top:10px!important}
.md-mt20{margin-top:20px!important}
.md-mt30{margin-top:30px!important}
.md-w90{width:90%}
.md-w75{width:75%}
.md-w60{width:60%}
.md-w50{width:50%}
.md-w40{width:40%}
.md-w30{width:30%}
.md-w25{width:25%}
}
@media screen and (max-width:767px){
body{padding-top:60px;font-size:15px;line-height:1.6;letter-spacing:.05em}
.x-small{font-size:11px}
.small{font-size:13px}
.middle{font-size:15px}
.large{font-size:17px}
.x-large{font-size:18px}
.x2-large{font-size:21px}
.x3-large{font-size:23px}
.x4-large{font-size:25px}
.x5-large{font-size:27px}
.max-large{font-size:36px}
.xs-mb0{margin-bottom:0!important}
.xs-mb5{margin-bottom:5px!important}
.xs-mb10{margin-bottom:10px!important}
.xs-mb15{margin-bottom:15px!important}
.xs-mb20{margin-bottom:20px!important}
.xs-mb25{margin-bottom:25px!important}
.xs-mb30{margin-bottom:30px!important}
.xs-mb40{margin-bottom:40px!important}
.xs-mb50{margin-bottom:50px!important}
.xs-mt0{margin-top:0!important}
.xs-mt10{margin-top:10px!important}
.xs-mt15{margin-top:15px!important}
.xs-mt20{margin-top:20px!important}
.xs-mt30{margin-top:30px!important}
.xs-mt40{margin-top:40px!important}
.text-center.left-xs{text-align:left!important}
.left-sm.center-xs,.text-right.center-xs{text-align:center}
.xs-text-left{text-align:left}
.btn{padding:10px}
a.btn{line-height:50px;min-width:200px}
.text-center.left-xs{text-align:left}
.xs-w100{width:100%!important}
.xs-w75{width:75%!important}
.xs-w60{width:60%!important}
.xs-w50{width:50%!important}
.xs-w40{width:40%!important}
.xs-w30{width:30%!important}
.xs-w25{width:25%!important}
}
.line_head{display:flex;align-items:center;color:#59493f;font-weight:700;font-weight:400}
.line_head::after{content:'';height:1px;flex:1;margin-left:1em;background:#59493f}
.fadein{opacity:0;transition:opacity 2s cubic-bezier(.075,.82,.165,1) .25s}
.fadein.scrollin{opacity:1}
.fadein_y_u{opacity:0;transform:translate3d(0,40px,0);transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1)}
.fadein_y_u.scrollin{opacity:1;transform:translate3d(0,0,0)}
.fadein_y_d{opacity:0;transform:translate3d(0,-40px,0);transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1)}
.fadein_y_d.scrollin{opacity:1;transform:translate3d(0,0,0)}
.fadein_x_r{opacity:0;transform:translate3d(-50px,0,0);transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1)}
.fadein_x_r.scrollin{opacity:1;transform:translate3d(0,0,0)}
.fadein_x_l{opacity:0;transform:translate3d(50px,0,0);transition:opacity 2s cubic-bezier(.075,.82,.165,1),transform 2s cubic-bezier(.075,.82,.165,1)}
.fadein_x_l.scrollin{opacity:1;transform:translate3d(0,0,0)}
.wipe_x_r{clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path 1s cubic-bezier(0,.85,.15,1)}
.wipe_x_r.scrollin{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.wipe_w_x_r{position:relative}
.wipe_w_x_r::before{content:'';position:absolute;top:0;left:0;width:calc(100% - 1px);height:calc(100% - .5px);background:#59493f;clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path 1s cubic-bezier(0,.85,.15,1)}
.wipe_w_x_r img{clip-path:polygon(0 0,0 0,0 100%,0 100%);transition:clip-path 1.4s cubic-bezier(0,.85,.15,1) .25s}
.wipe_w_x_r.scrollin img,.wipe_w_x_r.scrollin::before{clip-path:polygon(0 0,100% 0,100% 100%,0 100%)}
.container-fluid{max-width:1170px}
.container-fluid.max{max-width:inherit;width:100%;padding:0}
h1,h2,h3,h4,h5,h6{font-weight:inherit;line-height:1.6}
.headline-outer{margin-bottom:50px}
.headline{position:relative;padding-bottom:1em;font-size:32px;font-weight:700;font-weight:400;line-height:1;letter-spacing:.05em;text-align:center}
.headline.left{text-align:left}
.headline .serif{letter-spacing:.05em}
@media screen and (max-width:767px){
.headline .serif{display:inline-block;margin-top:10px}
}
.headline h3{line-height:1.4}
@media screen and (max-width:767px){
.headline h3{line-height:1.4}
}
.headline::after,.headline::before{position:absolute;content:'';width:100px;height:5px;left:50%;bottom:0;background:linear-gradient(to right,#59493f,#59493f,#59493f);background:#30d5c8;transform:translate3d(-50%,0,0)}
.headline.left::before{left:0;transform:translate3d(0,0,0)}
.headline::after{width:30px;background:#59493f;transform:translate3d(-100%,0,0);display:none}
.headline00{font-size:50px;line-height:.6}
.headline01{font-size:36px;line-height:.8}
.headline02{font-size:30px;line-height:1}
.headline03{font-size:24px;line-height:1.2}
.headline-en{font-size:13px;letter-spacing:.1em}
.headline-ll{padding:.2em 0 .2em .5em;border-left:5px solid #59493f;border-color:#30d5c8}
.headline-ul{padding-bottom:10px;border-bottom:1px solid #ddd}
.line-left{padding-left:5px;border-left:3px solid #0061ac}
.line-bottom{padding-bottom:10px;border-bottom:1px dotted #ccc}
.bread{position:relative;padding:5px 0;background:#f5f5f5;border-top:0 solid #fff;border-bottom:0 solid #ddd;background:#2c3e50}
.bread .container-fluid{max-width:1140px;max-width:inherit}
.breadcrumb{margin:0;padding-right:0;padding-left:0;background-color:transparent;color:#fff;font-size:12px;font-weight:400}
.breadcrumb a,.breadcrumb>.active,.breadcrumb>li+li:before{color:#fff!important;font-size:12px}
.breadcrumb-item.active{color:#eee}
@media screen and (max-width:991px){
.headline00{font-size:44px}
.headline01{font-size:32px}
.headline02{font-size:26px}
.headline03{font-size:20px}
}
@media screen and (max-width:767px){
.breadcrumb{padding:5px 0;font-size:10px}
.headline{padding-bottom:20px}
.headline-outer{margin-bottom:30px}
.headline-ll{line-height:1.4}
.headline00{font-size:36px;line-height:.8}
.headline01{font-size:26px}
.headline02{font-size:22px}
.headline03{font-size:18px}
.headline-en{font-size:12px}
}
ul.normal{list-style-type:none}
ul.normal li{display:flex;margin:0 0 10px 0;list-style-type:none}
ul.normal li::before{content:"\f111";font-family:"Font Awesome 6 Free";font-weight:900;font-size:65%;margin-right:.65em;color:#59493f;transform:translateY(.45em)}
ul.normal.no_disc li{display:list-item}
ul.normal.no_disc li::before{display:none}
ul.normal.p1 li::before{color:#59493f}
ul.normal.dot_line li{margin:0 0 10px 0;padding-bottom:10px;list-style-type:disc;border-bottom:1px solid #ddd}
.table td ul.normal li{margin-bottom:0}
ol.normal{list-style-type:decimal}
ol.normal li{margin:0 0 0 22px;list-style-type:decimal}
ol.normal.dot_line li{margin:0 0 10px 20px;padding-bottom:10px;border-bottom:1px solid #ddd}
ol.normal li:last-of-type,ul.normal li:last-of-type{margin-bottom:0}
.row-10{margin-left:-5px;margin-right:-5px}
.row-10>div{padding-right:5px;padding-left:5px}
.well{margin:0 auto;padding:19px;background-color:#f5f5f5;border:2px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);border-radius:0}
.well_bg_w{margin:0 auto;padding:19px;background-color:#f5f5f5;border:2px solid #e3e3e3;border-radius:4px;box-shadow:inset 0 1px 1px rgba(0,0,0,.05);background:rgba(255,255,255,.6)}
.common_box{padding:40px 50px;border:4px solid rgba(0,0,0,.05);background:#efede6;background:rgba(255,255,255,.65);border-radius:0}
.common_box.w{background:rgba(255,255,255,.85)}
.mobile .shadow_box,.tablet .shadow_box{background:linear-gradient(to bottom,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 15px,rgba(0,0,0,0) 100%),linear-gradient(to top,rgba(0,0,0,.15) 0,rgba(0,0,0,0) 15px,rgba(0,0,0,0) 100%);background-repeat:no-repeat;background-attachment:scroll}
.mobile .shadow_box .inner,.tablet .shadow_box .inner{background:linear-gradient(to bottom,#fff 0,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%),linear-gradient(to top,#fff 0,rgba(255,255,255,0) 50px,rgba(255,255,255,0) 100%);background-repeat:no-repeat;background-attachment:local}
.photo-ofi{height:0;display:block;padding-bottom:75%;background-color:#f5f5f5;overflow:hidden;position:relative}
.photo-ofi img{max-width:inherit;max-height:inherit;width:100%;height:100%;object-fit:contain;position:absolute;left:0;top:0}
.of_cover .photo-ofi{background-color:transparent}
.of_cover .photo-ofi img{object-fit:cover}
.g-maps{position:relative;padding-bottom:500px;height:0;overflow:hidden}
.g-maps iframe{position:absolute;top:0;left:0;width:100%!important;height:100%!important;padding:4px;border:1px solid #eee;background-color:#fff}
.g-maps.no_bd iframe{padding:0;border:none;background-color:transparent}
@media screen and (max-width:991px){
.common_box{padding:30px}
}
@media screen and (max-width:767px){
.common_box{padding:15px}
.g-maps{padding-bottom:75%}
}
.btn.focus,.btn:focus{box-shadow:none}
.img-thumbnail{padding:1px;border-radius:0}
.img-rounded{border-radius:20px}
.page-ttl{position:relative;display:flex;width:100%;height:300px;background:#2c3e50}
@media screen and (max-width:991px){
.page-ttl{height:240px;padding-top:0}
}
@media screen and (max-width:767px){
.page-ttl{width:100%;padding-top:0!important;height:50vw;max-height:400px}
}
.page-ttl::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(0,0,0,.05);transition:background .35s ease-out;z-index:2;pointer-events:none}
.page-ttl::after{content:'';width:100%;aspect-ratio:2000/80;position:absolute;bottom:0;left:0;background:url(../images/head_bg.png) 0 0 no-repeat;background-size:100% auto;z-index:4}
.page-ttl .bg{position:absolute;width:100%;height:100%;top:0;left:0;background-position:center center;background-size:cover;background-repeat:no-repeat;opacity:0;transition:opacity .35s ease-out .15s}
.loaded .page-ttl::before{background:rgba(255,255,255,.24);background:rgba(0,0,0,.15)}
.loaded .page-ttl .bg{opacity:1}
.works .page-ttl .bg{background-image:url(../images/works_title_bg.jpg);background-position:center center}
.service .page-ttl .bg{background-image:url(../images/service_title_bg.jpg);background-position:center center}
.recruit .page-ttl .bg{background-image:url(../images/recruit_title_bg.jpg);background-position:center center}
.company .page-ttl .bg{background-image:url(../images/company_title_bg.jpg);background-position:center center}
@media screen and (max-width:767px){
.company .page-ttl .bg{background-position:center center}
}
.contact .page-ttl .bg{background-image:url(../images/contact_title_bg.jpg);background-position:center center}
.page-ttl h2{position:relative;display:inline-block;width:100%;max-width:1170px;margin:auto;padding:10px 15px 0;padding:0;padding-top:0;font-size:32px;font-weight:400;color:#fff;color:#59493f;line-height:.8;text-align:center;vertical-align:middle;letter-spacing:.1em;z-index:2}
.page-ttl h2 .main{position:relative;display:inline-block;margin-top:0;padding:0 .5em;text-shadow:0 0 10px rgba(0,0,0,.35),0 0 10px rgba(0,0,0,.35);letter-spacing:.1em;font-weight:700;font-weight:400;line-height:1.4}
.page-ttl h2 .main span{display:block}
@media screen and (max-width:767px){
.page-ttl h2 .main{text-shadow:0 0 10px rgba(0,0,0,.35),0 0 10px rgba(0,0,0,.35)}
}
.page-ttl h2 .sub{display:block;margin-top:.36em;padding-top:.8em;color:#fff;font-size:60%;font-style:normal;font-weight:400;font-weight:700;text-align:left;text-align:center;letter-spacing:.15em;border-top:2px solid #30d5c8;border-color:#30d5c8}
@media screen and (max-width:767px){
.page-ttl h2 .sub{font-size:60%}
}
@media screen and (max-width:991px){
.page-ttl h2{font-size:26px}
}
@media screen and (max-width:767px){
.page-ttl h2{padding:0 15px;font-size:26px;line-height:1}
}
.common-cont{position:relative;padding:120px 35px}
@media screen and (max-width:991px){
.common-cont{padding:90px 15px}
}
@media screen and (max-width:767px){
.common-cont{padding:60px 0}
}
main>.common-cont.fix{padding-top:100px!important;padding-bottom:100px!important}
@media screen and (max-width:991px){
main>.common-cont.fix{padding-top:75px!important;padding-bottom:75px!important}
}
@media screen and (max-width:767px){
main>.common-cont.fix{padding-top:50px!important;padding-bottom:50px!important}
}
.common_row .txt_box{display:flex;align-items:center;padding:50px;background:#fff}
.common_row .txt_box .inner{position:relative;width:100%}
.common_row .txt_box p{line-height:2}
.common_row .img_box img{width:100%;height:100%;object-fit:cover}
.common_row.c2 .img_box{height:100%}
.common_row.c2>div:last-of-type{padding:7% 0}
@media screen and (max-width:767px){
.common_row.c2>div:last-of-type{padding:0}
}
.common_row.c2 .txt_box{margin-left:-17.5%}
@media screen and (max-width:991px){
.common_row.c2 .txt_box{margin-left:-25%}
}
@media screen and (max-width:767px){
.common_row.c2 .txt_box{margin:0}
}
.common_row.c2.re .txt_box{margin-left:0;margin-right:-17.5%;position:relative;z-index:2}
@media screen and (max-width:991px){
.common_row.c2.re .txt_box{margin-right:-25%}
}
@media screen and (max-width:767px){
.common_row.c2.re .txt_box{margin:0}
}
@media screen and (max-width:991px){
.common_row .txt_box{padding:30px}
.common_row .txt_box p{line-height:1.8}
}
@media screen and (max-width:767px){
.common_row .txt_box{padding:30px 15px}
}
dl.common_faq{margin-bottom:80px}
@media screen and (max-width:991px){
dl.common_faq{margin-bottom:65px}
}
@media screen and (max-width:767px){
dl.common_faq{margin-bottom:50px}
}
dl.common_faq:last-of-type{margin-bottom:0}
dl.common_faq.toggle dd{display:none}
dl.common_faq.toggle dt::after{display:flex;cursor:pointer}
dl.common_faq dt{position:relative;margin-bottom:20px;padding:0 1.5em 20px 30px;font-size:16px;border-bottom:1px solid #ddd}
dl.common_faq dt::before{content:"Q";position:absolute;top:0;left:0;color:#30d5c8;color:#bbb;font-size:24px;font-family:Georgia,"Times New Roman",Times,serif;font-family:Marcellus,serif;line-height:1}
dl.common_faq dt::after{display:none;align-items:center;height:100%;content:'＋';position:absolute;top:-.4em;right:0;color:#aaa;font-weight:700;font-weight:400;font-size:115%}
dl.common_faq dt.open::after{content:'ー'}
dl.common_faq dd{position:relative;padding:0 0 0 30px;line-height:1.6;overflow:hidden}
dl.common_faq dd::before{content:"A";position:absolute;top:0;left:0;color:#59493f;font-size:30px;font-family:Georgia,"Times New Roman",Times,serif;font-family:Marcellus,serif;line-height:1}
dl.common_faq dd strong{display:inline-block}
@media screen and (max-width:767px){
dl.common_faq{margin-bottom:30px}
dl.common_faq dd{padding:0 15px 15px 30px}
}
.table{border:none!important}
.table th{padding:30px 20px;vertical-align:middle;background:0 0!important;border-top:none!important;border-bottom:1px solid #999;font-weight:700;font-weight:500;color:#59493f}
.table:not(.th_auto) th{width:16em}
.table td{vertical-align:middle;padding:30px 20px;background:0 0!important;border-top:none!important;border-bottom:1px solid #ccc;font-weight:400}
.table.table-bordered{margin-bottom:0!important}
.table.table-bordered td,.table.table-bordered th{padding:1.5em!important;border:1px solid #ddd!important}
.table.table-bordered td{background:rgba(255,255,255,.8)!important}
.table.table-bordered th{width:auto!important;white-space:nowrap;background:#f8f8f8!important}
@media screen and (max-width:767px){
.table th{padding:10px}
.table td{padding:10px}
.table.table-bordered td,.table.table-bordered th{padding:1em!important;font-size:14px}
table.table.mb{border:none!important}
table.table.mb td,table.table.mb th{display:block;width:auto}
table.table.mb th{padding:20px 0 5px!important;border:none!important}
table.table.mb td{padding:0 0 20px!important}
}
.youtube_box{position:relative;width:100%;padding-top:56.25%}
.youtube_box iframe{position:absolute;top:0;right:0;width:100%;height:100%}
.paging{margin-top:20px;text-align:center;line-height:1}
.paging span.current,.paging span.paging-text{margin:0 5px;color:#fff!important;border:1px solid #1b1b1b;border:1px solid #ddd;border:1px solid #59493f;zoom:1;display:inline-block;overflow:hidden;text-decoration:none;background-color:#1b1b1b;background-color:#fff}
.paging span.paging-text a{padding:8px;display:block;color:#59493f!important;text-decoration:none;transition:opacity .3s ease}
.paging span.current{background:#59493f;border:1px solid #59493f;color:#fff;zoom:1;padding:8px;text-decoration:none;display:inline-block;cursor:pointer}
.pc .paging span.paging-text a:hover{text-decoration:none;cursor:pointer;opacity:.5}
@media screen and (max-width:767px){
.table_wrap{overflow-x:auto}
.table_wrap .table.w600{width:600px}
.table_wrap .table.w800{width:800px}
.table_wrap .table.w1000{width:1000px}
}
.pdf ul.normal.dot_line li{margin:10px 0;padding-bottom:10px;list-style-type:none}
.pdf ul.normal.dot_line li:last-of-type{margin-bottom:0}
.pdf i{color:#c00!important}
.pdf a{display:inline-block;position:relative;padding-left:1.4em;color:#141414!important}
.pdf a::before{position:absolute;top:-.1em;left:0;width:1.2em;color:#59493f;color:#a00;content:"\f1c1";font-family:"Font Awesome 6 Free";font-weight:900;font-size:120%;text-decoration:none!important}
.pdf a.pdf::before{content:'\f1c1';color:#900}
.pdf a.word::before{content:'\f1c2';color:#009}
.pdf a.excel::before{content:'\f1c3';color:#090}
@media screen and (max-width:767px){
.accordion{padding:10px 8px 2px;border:1px solid #ddd;border-radius:8px}
.accordion dt div{position:relative;margin-bottom:0!important;padding-bottom:7px;font-size:16px;cursor:pointer;opacity:.75;border:none}
.accordion dt div::after{content:"\f078";position:absolute;top:40%;right:5px;font-family:"Font Awesome 6 Free";font-weight:900;transform:translate3d(0,-50%,0);line-height:1}
.accordion dt.active div::after{content:"\f077"}
.accordion dd{display:none;margin-top:10px}
}
.simplebar-track.simplebar-vertical{background:#eee;width:5px}
@media screen and (max-width:767px){
.simplebar-track.simplebar-vertical{width:5px}
}
.simplebar-scrollbar{background:#fff}
.simplebar-scrollbar:before{background:#aaa;background:#59493f;border-radius:9999px;border-radius:0;left:0;right:0;opacity:1!important;transition:.3s opacity cubic-bezier(.33,1,.68,1)}
.simplebar-scrollbar.simplebar-hover:before{opacity:.8}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before{top:0;bottom:0}
.youtube_box{position:relative;width:100%;padding-top:56.25%}
.youtube_box iframe{position:absolute;top:0;right:0;width:100%;height:100%}
body.chrome img.chimg{image-rendering:-webkit-optimize-contrast}
@media screen and (max-width:767px){
.rotate90{transform:rotate(90deg)}
}
.img_wrap{position:relative}
.img_wrap .txt{position:absolute;left:0;bottom:0;width:100%;padding:2.5% 4.5%;color:#fff;font-weight:700;z-index:1;pointer-events:none}
@media screen and (max-width:991px){
.img_wrap .txt{font-size:14px}
}
@media screen and (max-width:767px){
.img_wrap .txt{font-size:16px}
}
.img_wrap .txt::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:#59493f;opacity:.75;z-index:-1}
#lightcase-info #lightcase-caption{font-size:14px!important;color:#ccc!important}
a.tagcolle_insta_btn,a.tagcolle_insta_btn:active,a.tagcolle_insta_btn:hover,a.tagcolle_insta_btn:link,a.tagcolle_insta_btn:visited{color:#fff!important}
.splide{opacity:0;transition:opacity .4s ease-out}
.splide.is-initialized{opacity:1}
.splide_thumb{margin-inline:-5px;margin-bottom:10px}
.splide_thumb .splide__slide{cursor:pointer;width:25%!important;padding-inline:5px}
.splide_thumb .splide__slide.is-active img{outline:5px solid #59493f;outline-offset:-2px}
.splide_thumb .splide__slide img{transition:opacity .1s ease-out}
@media (hover:hover){
.splide_thumb .splide__slide img:hover{opacity:.85}
}
.main_header{position:fixed;top:0;left:0;width:100%;height:100px;margin:0;padding-top:0;line-height:1;z-index:100}
@media screen and (max-width:991px){
.main_header{height:80px}
}
.main_header::before{content:'';position:absolute;width:100%;height:100%;top:0;left:0;background:rgba(255,255,255,.9);transition:background .3s ease}
@media screen and (max-width:767px){
.main_header::before{display:block;background:rgba(255,255,255,.9);transition:height .2s ease .2s;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}
}
.main_header.fixed::before{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:rgba(255,255,255,.9)}
.main_header.clone{display:block;position:relative;top:0;left:0;width:100%;height:100px;box-shadow:none;background:0 0!important}
.main_header.clone::before{display:none}
@media screen and (max-width:991px){
.main_header.clone{height:80px}
}
@media screen and (max-width:767px){
.main_header.clone{display:none!important}
}
@media screen and (max-width:767px){
.main_header{display:block;height:60px!important;z-index:999!important;padding:0;transform:none!important;box-shadow:none!important}
}
.main_header>.inner{position:relative;width:100%;height:100%;margin:auto;padding:0 0 0 30px;display:flex;align-items:center;justify-content:space-between;justify-content:flex-start}
@media screen and (min-width:1600px){
.main_header>.inner{padding:0 0 0 30px}
}
@media screen and (max-width:1199px){
.main_header>.inner{padding:0 0 0 20px}
}
@media screen and (max-width:991px){
.main_header>.inner{padding:0 0 0 15px}
}
@media screen and (max-width:767px){
.main_header>.inner{padding:0 0 0 10px}
}
.main_header .logo{display:flex;align-items:center;height:100%;z-index:5;font-size:10px}
@media screen and (max-width:1199px){
.main_header .logo{width:170px}
}
@media screen and (max-width:991px){
.main_header .logo{width:110px}
}
@media screen and (max-width:767px){
.main_header .logo{position:relative;top:0;left:auto;width:auto!important;height:auto;background:0 0!important;transform:none}
}
@media screen and (max-width:767px){
.main_header .logo img{width:auto;height:30px}
}
.main_header .hamburger{position:absolute;top:0;right:5px;height:50px;padding-bottom:15px;z-index:100;display:none}
.main_header .hamburger-inner{background:#ccc;background-color:#30d5c8}
.main_header .hamburger-inner::after,.main_header .hamburger-inner::before{background:#ccc;background-color:#30d5c8}
.main_header .hamburger::after{position:absolute;content:'MENU';width:30px;bottom:0;left:10px;font-size:10px;letter-spacing:-.02em;font-family:Roboto,sans-serif;color:#59493f;color:#666;text-align:center;letter-spacing:normal;letter-spacing:0}
.main_header .tel_box{position:absolute;top:0;right:30px;height:100%;margin:0;padding:0;z-index:1;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;font-weight:400;padding-top:0;line-height:1}
@media screen and (max-width:991px){
.main_header .tel_box{right:20px}
}
.main_header .tel_box a{text-decoration:none}
@media screen and (max-width:767px){
.main_header .tel_box a.btn{min-width:inherit;width:auto;height:50px;font-size:15px;flex-direction:row;align-items:center;letter-spacing:.05em}
}
.main_header .tel_box .cb{height:100%;margin-left:0;margin-bottom:0;display:flex;justify-content:center;align-items:center}
.main_header .tel_box .cb a.btn{display:flex;flex-direction:column;justify-content:center;line-height:1;min-width:inherit;gap:.75em;align-items:center;letter-spacing:.05em;padding:.8em 1.4em;background:#1b1b1b}
.main_header .tel_box .cb a.btn i{font-size:125%}
@media screen and (max-width:1199px){
.main_header .tel_box .cb a.btn{font-size:14px}
}
@media screen and (max-width:991px){
.main_header .tel_box .cb a.btn{font-size:12px}
}
@media screen and (max-width:767px){
.main_header .tel_box .cb a.btn{font-size:16px;width:100%;height:100%}
}
@media screen and (max-width:767px){
.main_header .tel_box .cb a.btn{flex-direction:row;padding-inline:3em}
}
@media screen and (max-width:767px){
.main_header .tel_box .cb{width:calc(48% - 25px);width:150px;width:100%;width:50%;height:100%;padding-bottom:0;margin:0}
}
.main_header .tel_box .tel{margin-left:0;margin-right:0;font-size:16px;font-weight:700}
@media screen and (max-width:1199px){
.main_header .tel_box .tel{margin-right:0}
}
@media screen and (max-width:991px){
.main_header .tel_box .tel{font-size:14px}
}
@media screen and (max-width:767px){
.main_header .tel_box .tel{font-size:15px;width:50%}
}
.main_header .tel_box .tel a{display:inline-block;background:#e4e8ea;background:0 0;padding:.75em 1.5em;color:#1b1b1b!important}
.main_header .tel_box .tel a i{font-size:90%}
@media screen and (max-width:767px){
.main_header .tel_box .tel a{padding-inline:0;width:100%;text-align:center}
}
.main_header .tel_box .tel a.btn.bd{font-size:115%}
.main_header .tel_box .tel a.btn.bd i{font-size:85%}
@media screen and (max-width:767px){
.main_header:not(.clone),body.pc .main_header:not(.clone).top_0,body.tablet .main_header:not(.clone).top_0{transition:none!important;transform:none!important}
.main_header .hamburger{display:block}
.main_header .hamburger.is-active{position:fixed}
.main_header .tel_box{display:none;z-index:1}
.nav-open .main_header::before{height:100vh;transition:height .2s ease}
.nav-open .main_header .tel_box{position:fixed;display:flex;justify-content:center;align-items:flex-start;align-items:center;top:0;right:0;top:auto;left:0;bottom:0;width:100%;height:60px;margin:0;padding:0;z-index:100;flex-wrap:wrap;background-color:rgba(255,255,255,0);text-align:center;font-size:12px;text-align:left}
}
.main_nav_container{height:100%;margin-right:0;margin-left:50px;margin-top:0;padding-top:0;padding-right:0;position:relative;z-index:2}
.main_nav_container .inner,.main_nav_container .main_nav{width:100%;height:100%}
.main_nav_container .inner{display:flex;align-items:center;gap:10px;letter-spacing:0}
@media screen and (max-width:1399px){
.main_nav_container .inner{flex-direction:column-reverse;align-items:flex-end;justify-content:center;gap:0}
}
@media screen and (max-width:767px){
.main_nav_container .inner{flex-direction:column}
}
.main_nav_container .inner .links{display:flex;align-items:center;gap:10px}
@media screen and (max-width:1399px){
.main_nav_container .inner .links{height:40px}
}
@media screen and (max-width:767px){
.main_nav_container .inner .links{margin-top:20px;height:auto;justify-content:space-between;gap:6px}
}
.main_nav_container .inner .links a.btn{padding:0;display:flex;align-items:center;justify-content:center;min-width:inherit;width:175px;height:44px;line-height:1;font-size:12px}
@media screen and (max-width:1399px){
.main_nav_container .inner .links a.btn{height:32px}
}
@media screen and (max-width:767px){
.main_nav_container .inner .links a.btn{width:29vw;max-width:110px;height:40px;padding-right:1.5%;font-size:10px}
.main_nav_container .inner .links a.btn img{width:18vw;max-width:70px}
}
.main_nav_container .inner .links a.btn:last-of-type{padding-right:1.5%}
@media screen and (max-width:1399px){
.main_nav_container{margin-left:40px}
}
@media screen and (max-width:1199px){
.main_nav_container{margin-left:30px}
}
@media screen and (max-width:991px){
.main_nav_container{margin-left:20px}
}
@media screen and (max-width:767px){
.main_nav_container{display:block!important;position:fixed;top:60px;left:0;width:100%;height:100%;height:calc(100% - 60px);margin:0;padding:0;z-index:90;transform:translate3d(0,2%,0);opacity:0;visibility:hidden;transition:all .2s ease-out}
.main_nav_container .inner{width:100%;height:100%;margin:0;padding:0 0;padding-top:0;padding-bottom:60px;display:flex;align-items:center;justify-content:center;overflow:auto}
.main_nav_container .main_nav{height:auto;margin:0;padding:0}
.main_nav_container .main_nav ul:not(.sub){height:auto;display:flex;justify-content:center;flex-wrap:wrap;margin:0;padding:0}
.main_nav_container .main_nav ul:not(.sub)>li{flex:0 1 95%;margin:0 0 35px;padding:0;text-align:center}
.main_nav_container .main_nav ul:not(.sub)>li::before{display:none}
.main_nav_container .main_nav ul:not(.sub)>li::after{display:none}
.main_nav_container .main_nav ul:not(.sub)>li:last-of-type{margin:0;padding:0}
.main_nav_container .main_nav ul:not(.sub)>li>a:not(.contact_btn){display:inline-block;height:auto;padding:1em .2em 1em;padding:.75em 0;padding:.25em .5em;color:#333!important;font-size:18px;font-weight:700;transition:none;text-align:center}
.main_nav_container .main_nav ul:not(.sub)>li a.contact_btn{flex-direction:row;width:65%;margin:10px auto 0;padding:15px 25px;font-size:16px!important}
.main_nav_container .main_nav ul:not(.sub)>li a.contact_btn i{font-size:20px;margin-right:10px}
}
.main_nav ul:not(.sub){width:100%;height:100%;padding-right:0;display:flex;justify-content:flex-end;align-items:center}
@media screen and (max-width:991px){
.main_nav ul:not(.sub){justify-content:flex-start}
}
.main_nav ul:not(.sub)>li{position:relative;height:auto;height:100%;padding:0 .5em;display:flex;align-items:center;justify-content:center}
@media screen and (min-width:1600px){
.main_nav ul:not(.sub)>li{padding:0 1em}
}
@media screen and (min-width:1400px){
.main_nav ul:not(.sub)>li{padding:0 1em}
}
@media screen and (max-width:991px){
.main_nav ul:not(.sub)>li{padding:0 .3em}
}
.main_nav ul:not(.sub)>li::after{content:'';position:absolute;width:1px;height:1em;top:50%;right:0;background:#999;transform:translate3d(0,-50%,0);display:none}
@media screen and (max-width:1399px){
.main_nav ul:not(.sub)>li:first-of-type{padding-left:0}
}
.main_nav ul:not(.sub)>li:last-of-type{padding-right:0}
@media screen and (max-width:1399px){
.main_nav ul:not(.sub)>li:last-of-type{padding-right:0}
}
.main_nav ul:not(.sub)>li:last-of-type::after{display:none}
.main_nav ul:not(.sub)>li>a:not(.contact_btn){position:relative;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:.15em .35em;color:#333!important;font-size:clamp(11px,1vw,15px);font-size:16px;font-weight:700;letter-spacing:.05em;text-decoration:none;transition:color .3s ease-in-out;cursor:pointer;white-space:nowrap}
@media screen and (min-width:1600px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn){font-size:16px}
}
@media screen and (max-width:1199px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn){font-size:14px}
}
@media screen and (max-width:991px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn){font-size:11px}
}
@media screen and (max-width:767px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn){line-height:1;text-align:center}
}
.main_nav ul:not(.sub)>li>a:not(.contact_btn)::before{content:'';position:absolute;display:block;right:0;transform:translateX(-50%);transform:translateX(0);bottom:1.4em;bottom:calc(50% - 1.5em);bottom:0;width:0%;height:100%;background:#30d5c8;transition:width .3s ease-in-out;z-index:-1}
.main_nav ul:not(.sub)>li>a:not(.contact_btn)::after{top:1.4em;bottom:auto}
@media screen and (max-width:767px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn)::after{top:5px}
}
.main_nav ul:not(.sub)>li>a:not(.contact_btn) .en{display:block;margin-top:.65em;font-size:70%;font-weight:700;letter-spacing:.05em;color:#59493f;font-family:Lato,sans-serif}
.main_nav ul:not(.sub)>li>a:not(.contact_btn) i{color:#59493f}
@media screen and (max-width:767px){
.main_nav ul:not(.sub)>li>a:not(.contact_btn) i{color:#fff}
}
.main_nav ul:not(.sub)>li.active a:not(.contact_btn)::after,.main_nav ul:not(.sub)>li.active a:not(.contact_btn)::before{right:auto;left:0;width:100%}
.main_nav ul:not(.sub)>li.on>a>i{padding:0 5px 0 0!important;transform:rotate(180deg)}
body.pc .main_nav ul:not(.sub)>li:hover>a>i{padding:0 5px 0 0!important;transform:rotate(180deg)}
.main_nav ul:not(.sub)>li.active>a:not(.contact_btn),body.pc .main_nav ul:not(.sub)>li>a:not(.contact_btn):hover{transition:color .3s ease-in-out .1s;color:#59493f!important;color:#fff!important}
.main_nav ul:not(.sub)>li.on>a:not(.contact_btn)::after,.main_nav ul:not(.sub)>li.on>a:not(.contact_btn)::before,body.pc .main_nav ul:not(.sub)>li.child:hover>a:not(.contact_btn)::after,body.pc .main_nav ul:not(.sub)>li.child:hover>a:not(.contact_btn)::before,body.pc .main_nav>ul>li>a:not(.contact_btn):hover::after,body.pc .main_nav>ul>li>a:not(.contact_btn):hover::before{right:auto;left:0;width:100%}
@media screen and (max-width:767px){
.nav-open .main_nav_container{transform:translate3d(0,0,0);opacity:1;visibility:visible;transition:all .2s ease-out .2s}
}
@media screen and (orientation:landscape) and (max-width:767px){
.main_nav ul:not(.sub){display:flex;justify-content:center;flex-wrap:wrap;margin:0}
.main_nav ul:not(.sub)>li{flex:0 1 50%!important;margin-bottom:20px!important;padding:0}
.main_nav ul.sub{font-size:10px}
}
main{position:relative;overflow-x:clip}
main dd,main dt,main h2,main h3,main h4,main h5,main h6,main li,main p,main td,main th{word-break:break-all}
main p{text-align:justify}
#ez_tagcolle1 p[align=left]{text-align:left}
#ez_tagcolle1 p[align=center]{text-align:center}
#ez_tagcolle1 p[align=right]{text-align:right}
.home #top_scroll{position:relative;width:100%;height:50vw;max-height:95vh;overflow:hidden;z-index:2}
.home #top_scroll .splide{position:relative;width:100%;height:100%}
.home #top_scroll .splide .splide__list,.home #top_scroll .splide .splide__track{width:100%;height:100%}
.home #top_scroll .splide .splide__slide img{width:100%;height:100%;object-fit:cover}
@media screen and (max-width:767px){
.home #top_scroll .splide .splide__slide img{object-position:50% center}
}
@media screen and (max-width:767px){
.home #top_scroll .splide .splide__slide:nth-child(1) img{object-position:20% center}
}
@media screen and (max-width:991px){
.home #top_scroll .splide .splide__slide:nth-child(2) img{object-position:100% center}
}
@media screen and (max-width:767px){
.home #top_scroll .splide .splide__slide:nth-child(3) img{object-position:50% center}
}
.home #top_scroll>.rellax{position:relative;position:absolute;top:0;left:0;width:calc(100% - 150px);width:100%;height:100%}
@media screen and (max-width:767px){
.home #top_scroll>.rellax{width:calc(100% - 60px);width:100%}
}
@media screen and (max-width:991px){
.home #top_scroll{height:60vh}
}
@media screen and (max-width:767px){
.home #top_scroll{height:125vw;max-height:inherit}
}
.home #top_scroll .splide__pagination{z-index:2;position:absolute;top:50%;right:20px;display:flex;flex-direction:column;gap:15px;transform:translateY(-50%)}
@media screen and (max-width:767px){
.home #top_scroll .splide__pagination{top:auto;right:15px;bottom:15px;transform:translateY(0)}
}
.home #top_scroll .splide__pagination button{background-color:transparent;border:none;cursor:pointer;outline:0;padding:0;appearance:none;width:12px;height:12px;border-radius:9999px;background:#fff}
.home #top_scroll .splide__pagination button.is-active{background:#59493f}
.home #top_scroll .top_scroll_main_txt{position:absolute;top:0;left:0;width:calc(100% - 150px);width:100%;height:100%;padding:0;padding-left:0;display:flex;align-items:center;justify-content:flex-start;z-index:50}
.home #top_scroll .top_scroll_main_txt h2{display:flex;flex-direction:column;justify-content:flex-start;padding-left:.5em;font-size:min(65 / 1400 * 100vw,65px);position:relative;color:#fff;letter-spacing:0}
@media screen and (max-width:991px){
.home #top_scroll .top_scroll_main_txt h2{font-size:40px}
}
@media screen and (max-width:767px){
.home #top_scroll .top_scroll_main_txt h2{padding-left:.2em;font-size:25px;padding-inline:0}
}
.home #top_scroll .top_scroll_main_txt h2 .line1{display:inline-block;padding-left:50px;font-weight:700;text-shadow:0 0 15px rgba(0,0,0,.65);letter-spacing:.1em}
@media screen and (max-width:767px){
.home #top_scroll .top_scroll_main_txt h2 .line1{padding-left:20px;text-shadow:0 0 5px rgba(0,0,0,.45) 0 0 5px rgba(0,0,0,.45)}
}
.home #top_scroll .top_scroll_main_txt h2 .line2{padding-left:50px;display:inline-block;font-size:35%;letter-spacing:.1em;text-shadow:0 0 10px rgba(0,0,0,.65)}
@media screen and (max-width:767px){
.home #top_scroll .top_scroll_main_txt h2 .line2{padding-left:20px;font-size:50%;text-shadow:0 0 5px rgba(0,0,0,.45) 0 0 5px rgba(0,0,0,.45)}
}
.home #top_scroll .top_scroll_main_txt h2 .line3{display:inline-block;margin-top:1.25em;font-size:80%;letter-spacing:.1em;opacity:0;transform:translateY(20%);transition:transform 1.5s cubic-bezier(0,.85,.15,1) .25s,opacity 1.5s cubic-bezier(0,.85,.15,1) .25s;transition-delay:1.5s}
.home #top_scroll .sc_btn{display:inline-block}
.home #top_scroll .scroll{position:absolute;position:relative;bottom:0;left:auto;right:0;width:150px;height:30svh;height:100px;margin-top:20px;text-align:center;z-index:50;cursor:pointer;line-height:1}
@media screen and (max-width:767px){
.home #top_scroll .scroll{width:60px;font-size:10px;letter-spacing:0}
}
.home #top_scroll .scroll::after,.home #top_scroll .scroll::before{content:'';position:absolute;bottom:0;left:50%;width:1px;height:calc(100% - 65px);height:70px;background:rgba(255,255,255,.2);background:rgba(0,0,0,.2);background:#59493f}
.home #top_scroll .scroll::after{top:30px;background:#59493f;width:7px;height:20px;margin-left:-3px;animation:sdl 3s cubic-bezier(1,0,0,1) infinite;animation-timing-function:linear}
@keyframes sdl{
0%{opacity:0;top:30px}
20%{opacity:1}
40%{opacity:1}
60%{opacity:1}
80%{opacity:0;top:80px}
100%{opacity:0;top:80px}
}
.home #top_scroll .obj{position:absolute;left:0;bottom:0;width:65%;text-align:right;z-index:10;mix-blend-mode:overlay}
@media screen and (max-width:767px){
.home #top_scroll .obj{width:100%}
}
#top_scroll .txt{position:absolute;top:0;top:auto;bottom:0;left:0;left:auto;right:0;width:70%;padding:0;z-index:5;box-sizing:border-box;mix-blend-mode:overlay}
.en_txt{position:relative}
.common-cont .container-fluid:not(.max){max-width:1250px}
.home .container-fluid:not(.max){max-width:1250px}
.home main{position:relative;text-align:justify;z-index:3}
.home #main01{margin-top:calc(165 / 2000 * -100vw);width:100%;aspect-ratio:2000/1008;position:relative;padding:300px 35px 0;padding-top:calc(165 / 2000 * 200vw);z-index:1;background:url(../images/index_main01_bg.png) center center no-repeat;background-size:cover;color:#fff;text-shadow:5px 5px 10px rgba(0,0,0,.25)}
@media screen and (max-width:1199px){
.home #main01{padding-top:calc(140 / 2000 * 200vw)}
}
@media screen and (max-width:991px){
.home #main01{aspect-ratio:2000/1800;padding:80px 30px 0;padding-top:calc(280 / 2000 * 200vw);background:url(../images/index_main01_bg_md.png) center center no-repeat;background-size:cover}
}
@media screen and (max-width:767px){
.home #main01{aspect-ratio:2000/2500;padding:60px 10px 0;padding-top:calc(350 / 2000 * 200vw);background:url(../images/index_main01_bg_sp.png) center center no-repeat;background-size:cover}
.home #main01 h3 .en{font-size:28px}
.home #main01 p.headline03{font-size:15px}
.home #main01 p.large{font-size:13px}
}
.home #main02{position:relative;margin-top:calc(80 / 2000 * -100vw);width:100%;position:relative;padding:300px 35px 250px;padding-top:calc(200 / 2000 * 100vw);z-index:1;background:url(../images/index_main02_bg.png) center 0 no-repeat;background-size:100% auto}
@media screen and (max-width:991px){
.home #main02{padding:80px 30px 200px;padding-top:calc(200 / 2000 * 200vw)}
}
@media screen and (max-width:767px){
.home #main02{margin-top:calc(120 / 2000 * -100vw);padding:60px 15px 100px;padding-top:calc(200 / 2000 * 200vw)}
}
.home #main02 a.btn{border-color:#30d5c8}
.home #main02::before{content:'';position:absolute;left:0;top:max(600 / 2000 * -100vw,-600px);max-width:800px;width:calc(800 / 2000 * 100vw);aspect-ratio:800/2000;background:url(../images/index_main02_obj1.png) no-repeat;background-size:contain;pointer-events:none}
@media screen and (max-width:1399px){
.home #main02::before{top:max(400 / 2000 * -100vw,-400px);width:calc(600 / 2000 * 100vw)}
}
@media screen and (max-width:991px){
.home #main02::before{top:max(300 / 2000 * -100vw,-300px);width:calc(500 / 2000 * 100vw)}
}
@media screen and (max-width:767px){
.home #main02::before{top:max(200 / 2000 * -100vw,-200px);width:calc(700 / 2000 * 100vw)}
}
.works_style .items{display:grid;grid-template-columns:repeat(3,1fr);gap:50px 80px;color:#1b1b1b}
@media screen and (max-width:991px){
.works_style .items{gap:35px 60px;font-size:14px}
}
@media screen and (max-width:767px){
.works_style .items{grid-template-columns:repeat(1,1fr);gap:40px}
.works_style .items .img{width:75%;max-width:300px;margin-inline:auto}
}
.works_style .items a{text-decoration:none;color:#1b1b1b!important}
.works_style .items .photo-ofi{padding-bottom:100%;border-radius:9999px;overflow:hidden}
.home #main03{position:relative;padding:200px 35px 200px;z-index:1;background:url(../images/index_main03_bg.png) no-repeat;background-size:cover;color:#59493f}
.home #main03::before{content:'';position:absolute;right:0;top:max(150 / 2000 * -100vw,-150px);max-width:512;width:calc(512 / 2000 * 100vw);aspect-ratio:512/256;background:url(../images/index_main03_obj1.png) no-repeat;background-size:contain;pointer-events:none}
@media screen and (max-width:1399px){
.home #main03::before{width:calc(650 / 2000 * 100vw)}
}
@media screen and (max-width:991px){
.home #main03::before{width:calc(700 / 2000 * 100vw)}
}
@media screen and (max-width:767px){
.home #main03::before{top:max(250 / 2000 * -100vw,-250px);width:calc(1000 / 2000 * 100vw)}
}
.home #main03 a.btn{border-color:#59493f}
@media screen and (max-width:1399px){
.home #main03{padding:200px 15px 200px}
}
@media screen and (max-width:1199px){
.home #main03{padding:160px 15px 160px;background:url(../images/index_main03_bg.png) 30% center no-repeat;background-size:cover}
}
@media screen and (max-width:991px){
.home #main03{padding:120px 15px 120px}
}
@media screen and (max-width:767px){
.home #main03{padding:60px 0 80px;background:url(../images/index_main03_bg.png) 20% center no-repeat;background-size:cover}
}
.home #main04{position:relative;padding:100px 35px;color:#fff;background-color:#2c3e50}
.home #main04 a.btn{border-color:#fff;padding:0}
@media screen and (max-width:991px){
.home #main04{padding:80px 15px 80px}
}
@media screen and (max-width:767px){
.home #main04{padding:60px 0 60px}
}
#main99{position:relative;padding:150px 35px;color:#59493f;z-index:1;background-color:#2c3e50;overflow:hidden}
#main99::before{content:'';position:absolute;top:0;left:50%;width:500vw;aspect-ratio:1/1;background:#fff;transform:translateX(-50%);border-radius:9999px}
@media screen and (max-width:991px){
#main99{padding:120px 0}
}
@media screen and (max-width:767px){
#main99{padding:60px 0}
}
#main99 .c_inner{position:relative;padding:100px 30px;padding:0}
#main99 .c_inner .ttl{display:inline-block;line-height:1;padding:.6em 1em;background:#59493f;color:#fff;font-weight:700}
#main99 .c_inner .block{position:relative;display:flex;justify-content:center;gap:100px;line-height:1;padding:50px 0}
@media screen and (max-width:991px){
#main99 .c_inner .block{gap:50px}
}
@media screen and (max-width:767px){
#main99 .c_inner .block{flex-direction:column;justify-content:center;align-items:center}
}
#main99 .c_inner .block::before{content:'';position:absolute;top:0;left:50%;width:1px;height:100%;background:#59493f;opacity:.6}
@media screen and (max-width:767px){
#main99 .c_inner .block::before{display:none}
}
@media screen and (max-width:767px){
#main99 .c_inner .block{padding:0}
}
#main99 .c_inner .block .form,#main99 .c_inner .block .tel{width:350px}
@media screen and (max-width:767px){
#main99 .c_inner .block .form,#main99 .c_inner .block .tel{width:300px}
}
#main99 .c_inner .block .pen a{color:#59493f!important}
#main99 .c_inner .block .form a{display:block;padding-bottom:.5em;border-bottom:1px solid #d1c0a5;color:#59493f!important;text-decoration:none;line-height:1}
#main99 .c_inner .block .form a .mks{display:inline-block;width:.6em;height:.6em;margin-left:.6em;background-color:#f29b76;clip-path:polygon(0 0,0 100%,80% 50%);transition:transform .2s ease-out}
@media screen and (max-width:991px){
#main99 .c_inner{padding:80px 30px 0}
}
@media screen and (max-width:767px){
#main99 .c_inner{padding:0 0}
#main99 .c_inner p.large{font-size:15px}
}
#main99 .btns{display:flex;justify-content:center;gap:30px}
#main99 .btns a{display:flex;justify-content:space-between;align-items:center;width:100%;width:350px;height:100px;font-size:30px;font-weight:400;background:#fff;color:#fff!important;background:#7e6b5a;border-color:#7e6b5a;border:none}
#main99 .btns a:last-of-type{background:#59493f;border-color:#59493f}
#main99 .btns a::before{background:#7e6b5a!important}
#main99 .btns a::after{background:#7e6b5a!important;filter:brightness(1.5)}
#main99 .btns a:last-of-type::before{background:#59493f!important}
#main99 .btns a:last-of-type::after{background:#59493f!important;filter:brightness(1.5)}
#main99 .btns a i{font-size:85%}
#main99 .btns a .t{font-size:45%}
#main99 .btns a span{display:flex;justify-content:center;align-items:center}
@media screen and (max-width:991px){
#main99 .btns a{width:320px;padding:0 20px;font-size:26px;height:100px}
}
@media screen and (max-width:767px){
#main99 .btns a{width:280px;padding:0 20px;height:80px;font-size:20px}
}
@media screen and (max-width:767px){
#main99 .btns{align-items:center;flex-direction:column;font-size:18px}
}
body.pc #main99 .c_inner .block .form a:hover .mks{transform:translateX(5px)}
.business #main01 ul{display:grid;grid-template-columns:repeat(2,1fr);gap:1em 2em}
@media screen and (max-width:1399px){
.business #main01 ul{grid-template-columns:repeat(1,1fr)}
}
.business #main01 ul li{display:flex}
.business #main01 ul li::before{content:'■';color:#59493f;margin-right:.25em}
.business #main02{background:#efede6}
.business #main02 .headline-ul{border-color:#59493f;border-width:2px}
.business #main04{position:relative;background:rgba(0,0,0,.05)}
.business #main05{position:relative}
@media screen and (max-width:767px){
.business #main05 .m_center{display:block;margin-right:auto;margin-left:auto}
}
.business #main05 .table th{white-space:nowrap}
.business #main05 .table td,.business #main05 .table th{padding:1em 6em!important;vertical-align:middle;text-align:center!important}
@media screen and (max-width:1399px){
.business #main05 .table td,.business #main05 .table th{padding:1em 4em!important}
}
@media screen and (max-width:1199px){
.business #main05 .table td,.business #main05 .table th{padding:.75em 3em!important}
}
@media screen and (max-width:991px){
.business #main05 .table td,.business #main05 .table th{padding:.75em 1.5em!important}
}
@media screen and (max-width:767px){
.business #main05 .table td,.business #main05 .table th{font-size:12px;padding:.75em!important;letter-spacing:.025em}
}
.service #main01{position:relative;background:#efede6}
@media screen and (max-width:991px){
.service #main01 .common_box{padding:30px 20px}
}
.recruit #main01{position:relative;background:#efede6}
.recruit #main01 .wipe_w_x_r img{width:100%;height:100%;object-fit:cover;object-position:0 color}
.recruit #main01 ul.normal li::before{color:#30d5c8}
.works #main01{position:relative;background:#fafbfd url(../images/bg2.png) center 0 no-repeat;background-size:100% auto}
.works #main01 .items .photo-ofi{padding-bottom:75%;border-radius:0}
.works #main01 .items .img{width:100%;max-width:inherit}
.works #main01 a.btn{border-color:#30d5c8}
.works #main01 h4{font-weight:700}
.works .splide_main .splide__list{align-items:flex-start}
.works .splide_thumb .splide__list{transform:none!important;flex-wrap:wrap}
.works .splide_thumb .splide__slide{cursor:pointer;width:25%!important;padding-inline:5px;margin-bottom:10px}
@media screen and (max-width:767px){
.works .splide_thumb .splide__slide{width:25%!important;margin-bottom:4px;padding-inline:2px}
}
.works .splide_thumb .splide__slide.is-active img{outline:5px solid #30d5c8}
.company #main00{position:relative;background:#767c84 url(../images/bg1.png) center 0 no-repeat;background-size:100% auto;color:#fff;text-shadow:5px 5px 10px rgba(0,0,0,.25)}
.company #main01{position:relative;background:#efede6}
.company #main02{position:relative}
.company #main02 .common_box{background-color:#fafafa;border-color:#efede6;border-width:5px}
.company #main03{position:relative;background:#fbfbfb}
.company #main03 a.btn{border-color:#30d5c8}
.company #recruit{position:relative;background:#efede6}
.company #recruit .wipe_w_x_r img{width:100%;height:100%;object-fit:cover;object-position:0 color}
.company #recruit ul.normal li::before{color:#30d5c8}
.wn_cont .nav{flex-wrap:wrap;margin:0 -5px}
.wn_cont .nav li{width:20%;margin-bottom:10px;padding:0 5px}
@media screen and (max-width:991px){
.wn_cont .nav li{width:25%}
}
@media screen and (max-width:767px){
.wn_cont .nav li{width:100%}
}
.wn_cont .nav li a{display:flex;justify-content:center;align-items:center;height:100%;padding:1em .5em;color:#fff!important;font-weight:700;font-size:14px;background:0 0;border:1px solid #fff;text-decoration:none;line-height:1.2;border-radius:0}
.wn_cont .nav li a.active{background:#fff;color:#59493f!important}
@media screen and (max-width:991px){
.wn_cont .nav li a{padding:1em .35em;font-size:13px}
}
@media screen and (max-width:767px){
.wn_cont .nav li a{padding:.8em .25em;font-size:12px}
}
@media screen and (max-width:767px){
h3 img.mb20.xs-mb10{width:32px}
}
.contact span.required{display:inline-block;margin-right:.5em;padding:.35em .55em;color:#fff;font-weight:400;font-size:75%;background:#30d5c8;background:#900;line-height:1;border-radius:4px}
@media screen and (max-width:767px){
.contact span.required{transform:translate3d(0,-.2em,0)}
}
.contact #main01{position:relative;background:#efede6}
.contact #main01 .c_wrap{min-width:8.5em;text-align:center}
.contact #main01 span.y{width:5em;display:inline-block}
.contact #main01 .common_box p a{color:#333!important;text-decoration:none!important}
.contact #main01 th{width:auto!important;white-space:nowrap}
.contact #main01 .common_box{font-weight:400}
.contact #main01 .common_box strong{letter-spacing:.05em}
.contact #main01 .common_box a{text-decoration:none}
@media screen and (max-width:991px){
.contact #main01 .common_box{padding:15px 10px}
}
@media screen and (max-width:767px){
.contact #main01 .d-flex{flex-direction:column!important}
.contact #main01 .d-flex .c_wrap{margin-right:0!important;margin-bottom:10px!important}
}
.contact #main02{position:relative}
.contact #main02 .table{border-top:1px solid #ccc!important}
@media screen and (max-width:767px){
.contact #main02 .table{border:none!important}
}
.contact #main02 .table th{border-color:#ccc!important;white-space:nowrap;width:280px;background:#f8f8f8!important}
@media screen and (max-width:767px){
.contact #main02 .table th{border:none!important;background:0 0!important}
}
.contact #main02 .table th.required{position:relative;padding-right:70px}
.contact #main02 .table th.required::after{display:inline-block;margin-right:.5em;padding:.35em .55em;color:#fff;font-weight:400;font-size:75%;background:#30d5c8;background:#900;line-height:1;border-radius:4px;content:'必須';position:absolute;top:50%;right:20px;transform:translate3d(0,-50%,0)}
@media screen and (max-width:767px){
.contact #main02 .table th.required::after{transform:translate3d(0,-.2em,0)}
}
@media screen and (max-width:767px){
.contact #main02 .table th.required::after{position:relative;top:auto;right:auto;margin-left:.75em}
}
.contact #main02 td.grid{display:grid;grid-gap:5px 10px;grid-template-columns:repeat(3,auto);grid-template-columns:repeat(3,max-content)}
@media screen and (max-width:991px){
.contact #main02 td.grid{grid-template-columns:repeat(2,auto);grid-template-columns:repeat(2,max-content)}
}
@media screen and (max-width:767px){
.contact #main02 td.grid{grid-template-columns:repeat(1,auto)}
}
.contact #main03 .pdf a{padding-left:1.6em;text-decoration:underline}
.contact #main03 .pdf a::before{top:-.3em;font-size:145%}
.contact .form-control:focus{border-color:#59493f;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(0,0,0,.075)}
.contact .form-horizontal .checkbox,.contact .form-horizontal .checkbox-inline,.contact .form-horizontal .radio,.contact .form-horizontal .radio-inline{padding-top:0}
.contact.tablet .form-horizontal .checkbox-inline::after,.contact.tablet .form-horizontal .radio-inline::after{content:".";width:0;font-size:0;color:transparent;margin-right:1px}
.contact .form-control{height:auto;padding:18px 14px;font-size:18px;color:#333;background:#f5f5f5;background:#fff;border-color:rgba(0,0,0,.05);border-color:#ccc;border-width:2px;-webkit-appearance:none;-webkit-tap-highlight-color:transparent}
.contact .form-control.middle{display:inline-block;width:400px}
@media screen and (max-width:991px){
.contact .form-control.middle{width:300px}
}
@media screen and (max-width:767px){
.contact .form-control.middle{width:100%}
}
.contact .form-control.short{display:inline-block;width:140px}
@media screen and (max-width:767px){
.contact .form-control.short{width:35%}
}
.contact .form-control:-ms-input-placeholder{color:#888}
.contact .form-horizontal .control-label{padding:0;text-align:left}
.contact .bt_wrap{display:inline-block;position:relative;z-index:1}
.contact .bt_wrap::before{content:'';position:absolute;top:0;left:0;height:100%;width:100%;background-color:#30d5c8;z-index:-2;transition:all .2s ease-in-out}
.contact .bt_wrap::after{content:'';position:absolute;top:0;left:0;height:100%;width:0%;background-color:#fff;z-index:-1;transition:all .2s ease-in-out}
@media screen and (max-width:767px){
.contact .bt_wrap{display:block}
}
.contact.pc .bt_wrap:hover::after{width:100%}
.contact .btn-original{padding:15px 40px;color:#59493f;color:#fff;font-weight:500;font-weight:700;border:none;border:1px solid #30d5c8;border-radius:0;background-color:#fff;background-color:#30d5c8;background-color:transparent;transition:all .2s ease-in-out;border-radius:5px;border-radius:9999px;border-radius:0;letter-spacing:.1em;border-width:3px}
@media screen and (max-width:767px){
.contact .btn-original{font-size:15px}
}
.contact .btn-original.btn_back{color:#fff;color:#666;background:#666;background:#fff;border:none;border:1px solid #666;border-width:3px}
.contact.pc .btn-original:hover{color:#30d5c8;transition:all .2s ease-in-out .1s}
.contact .has-error .form-control{background-color:#faf5f5}
.contact .checkbox-inline,.contact .radio-inline{margin-right:25px}
.contact .privacy_box+div .checkbox-inline{margin-right:0}
.contact .privacy_box+div .checkbox-inline{margin-right:0;padding:10px 20px;background:#f6f6f6;border:1px solid #ddd;display:flex;align-items:center;border-radius:4px;font-weight:400}
.contact .privacy_box+div .checkbox-inline strong{font-weight:500}
.contact .privacy_box+div .checkbox-inline>input{margin-right:.5em}
.contact .privacy_box{position:relative;border:5px solid #ddd;border-right-width:0;background:#fff}
.contact .privacy_box .inner{height:400px;overflow:auto}
.contact .privacy_box .inner strong{font-weight:500;font-size:115%}
.contact .privacy_box .inner .wrap{padding:30px 35px 30px 30px}
@media screen and (max-width:767px){
.contact .s_b .large{font-size:125%}
}
.contact .sup_ttl{margin-bottom:20px;display:flex;padding:15px;border:1px solid #ddd;background:#f8f8f8}
.contact .sup_ttl input{margin-right:10px}
.contact .sup1_table,.contact .sup2_table{display:none}
@media screen and (max-width:991px){
.contact .checkbox-inline,.contact .radio-inline{margin-right:8px}
}
@media screen and (max-width:767px){
.contact #main00 .common_box p{font-size:14px!important}
.contact #main01 .common_box p a{color:#333!important;text-decoration:none!important}
.contact .form-horizontal{padding:0}
.contact .checkbox-inline,.contact .radio-inline{display:block;margin:0 0 10px}
.contact .checkbox-inline:first-of-type,.contact .radio-inline:first-of-type{margin-top:10px}
.contact input,.contact option,.contact select,.contact textarea{font-size:16px}
.contact select{width:50%}
.contact input[type=file]{font-size:12px}
.contact .sup_ttl{margin-bottom:10px}
.contact .privacy_box{font-size:12px}
.contact .privacy_box .inner{height:250px}
.contact .privacy_box .inner .wrap{padding:15px 20px 15px 15px}
.contact button.btn{width:100%;padding-right:0;padding-left:0}
}
#footer{position:relative;overflow:hidden;font-weight:500}
#footer .inner{position:relative;padding:100px 35px 50px 35px;background:url(../images/footer_bg.jpg) no-repeat;background-size:cover;color:#fff}
#footer .inner a{color:#fff!important;text-decoration:none}
body.pc #footer .inner a:hover{color:#59493f!important;transition:all .1s ease-in-out .1s}
#footer .inner a[href^=tel] span[data-action=call]{color:#fff!important}
@media screen and (max-width:991px){
#footer .inner{padding:40px 15px 40px}
}
@media screen and (max-width:767px){
#footer .inner{padding:60px 0 20px 0;font-size:14px;background:url(../images/footer_bg.jpg) 100% 0 no-repeat;background-size:cover}
#footer .inner .x-large{font-size:16px!important;text-align:center}
}
#footer .inner .block{position:relative;display:grid;grid-template-columns:1fr 1.5fr}
@media screen and (max-width:767px){
#footer .inner .block{grid-template-columns:1fr;grid-template-rows:auto}
}
#footer .inner .logo{position:relative;margin-bottom:0;margin-right:0;padding-top:0;padding-bottom:0;padding-right:0}
@media screen and (max-width:991px){
#footer .inner .logo{margin-bottom:0}
}
@media screen and (max-width:767px){
#footer .inner .logo{margin:40px auto 20px;margin:auto;padding:0;text-align:center;border:none}
#footer .inner .logo img{width:180px!important}
}
#footer .inner .adr{margin-bottom:0;line-height:1.6;margin-right:0;margin-top:0}
#footer .inner .adr i{font-size:120%}
@media screen and (max-width:991px){
#footer .inner .adr{margin-right:0;white-space:nowrap;display:inline-block;margin-top:0;transform:translateY(-40px)}
}
@media screen and (max-width:767px){
#footer .inner .adr{display:block;margin:0 0 0;text-align:center;font-size:14px;line-height:1.6;white-space:inherit;transform:translateY(0)}
}
@media screen and (max-width:767px){
#footer .inner .adr+p{text-align:center;font-size:120%}
}
#footer .inner .font-weight-bolder{font-weight:500!important}
#footer .inner .tel_block{text-align:right;align-self:center}
#footer .inner .tel_block a{display:inline-block;font-size:20px;font-weight:700;display:inline-block;background:#e4e8ea;padding:.55em 1em;color:#333!important}
@media screen and (max-width:1199px){
#footer .inner .tel_block a{font-size:18px}
}
@media screen and (max-width:991px){
#footer .inner .tel_block{grid-row:2/3;grid-column:1/3}
}
@media screen and (max-width:767px){
#footer .inner .tel_block{grid-row:2/3;grid-column:1/2;text-align:center;margin:20px 0}
}
#footer .inner .nav_block{align-self:center}
@media screen and (max-width:991px){
#footer .inner .nav_block{grid-row:1/2;grid-column:2/3}
}
@media screen and (max-width:767px){
#footer .inner .nav_block{grid-row:1/2;grid-column:1/2}
}
#footer .inner .tel_box{position:relative;display:flex;align-items:center;justify-content:flex-end;flex-wrap:wrap;font-weight:400;padding-top:0;line-height:1}
@media screen and (max-width:767px){
#footer .inner .tel_box{flex-direction:column;justify-content:center}
}
#footer .inner .tel_box a{color:#59493f!important;text-decoration:none}
@media screen and (max-width:767px){
#footer .inner .tel_box a.btn{min-width:inherit;width:auto;height:50px;font-size:15px;flex-direction:row;align-items:center;letter-spacing:.05em}
}
#footer .inner .tel_box .cb{width:auto;height:100%;margin-left:0;margin-bottom:0}
#footer .inner .tel_box .cb a.btn{display:inline-block;width:auto;padding:0 1.5em;height:60px;display:flex;flex-direction:row;align-items:center;justify-content:center;line-height:1;min-width:inherit;gap:1.5em;align-items:center;letter-spacing:.1em;color:#fff!important}
#footer .inner .tel_box .cb a.btn i{font-size:125%}
@media screen and (max-width:767px){
#footer .inner .tel_box .cb a.btn{flex-direction:row}
}
@media screen and (max-width:767px){
#footer .inner .tel_box .cb{width:calc(48% - 25px);width:150px;width:100%;width:50%;height:100%;padding-bottom:0;margin:0}
}
#footer .inner .tel_box .tel{margin-left:0;margin-right:30px;font-size:18px;font-weight:700;font-family:Montserrat,sans-serif}
@media screen and (max-width:1199px){
#footer .inner .tel_box .tel{margin-right:20px;padding-top:5px;height:40px;display:flex;align-items:center}
}
@media screen and (max-width:991px){
#footer .inner .tel_box .tel{font-size:16px}
}
@media screen and (max-width:767px){
#footer .inner .tel_box .tel{width:auto;padding:0;margin:0 0 20px;justify-content:center;text-align:center}
#footer .inner .tel_box .tel a{justify-content:center;font-size:18px}
}
#footer .copyright{margin-top:60px;padding:20px 0 20px;padding:0;text-align:center;font-size:12px;font-weight:400;font-weight:500;color:#fff}
@media screen and (max-width:991px){
#footer .copyright{font-size:10px}
}
@media screen and (max-width:767px){
#footer .copyright{margin-top:30px;padding-bottom:20px;font-size:12px;line-height:1;text-align:center}
}
.mobile #footer .tel{pointer-events:auto}
.back-top{display:none;position:fixed;right:10px;bottom:25px;cursor:pointer;margin:0;z-index:50;padding:0 5px 5px 0}
body.pc .back-top img:hover{opacity:.75;transition:opacity .1s ease-in-out .1s}
@media screen and (max-width:767px){
.back-top{position:fixed!important;top:auto!important;right:10px!important;bottom:15px!important;width:30px;transform:none!important;padding:0}
}
.back-top img{transition:opacity .1s ease-in-out}
#footer .footer_menu{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;line-height:1}
#footer .footer_menu{margin-top:0;text-align:center}
@media screen and (max-width:1199px){
#footer .footer_menu{padding:0;margin-top:0}
}
@media screen and (max-width:767px){
#footer .footer_menu{text-align:center;margin:0 0 0}
}
#footer .footer_menu-list{position:relative;display:inline-grid;grid-gap:0;grid-template-columns:repeat(5,max-content);grid-auto-flow:row}
@media screen and (max-width:767px){
#footer .footer_menu-list{grid-gap:0 3em;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;grid-auto-flow:row}
}
#footer .footer_menu-list li{position:relative;margin:0;padding:0 clamp(.9em,2vw,2em) 0 0;padding:0;padding:0 2em;text-align:left;border-right:1px solid #999}
@media screen and (max-width:1399px){
#footer .footer_menu-list li{padding:0 1.5em}
}
@media screen and (max-width:1199px){
#footer .footer_menu-list li{padding:0 .8em}
}
@media screen and (max-width:767px){
#footer .footer_menu-list li{padding:0 0!important;border:none}
}
#footer .footer_menu-list li:first-of-type{padding-left:0}
#footer .footer_menu-list li:last-of-type{border:none;padding-right:0}
#footer .footer_menu-list li a{position:relative;display:flex;justify-content:flex-start;flex-direction:column;font-size:16px;padding-left:.8em;padding-left:0;padding-right:0;padding:0;text-decoration:none;transition:all .1s ease-in-out}
#footer .footer_menu-list li a .en{font-size:135%;margin-bottom:.45em}
body.pc #footer .footer_menu-list li a:hover{color:#59493f!important;transition:all .1s ease-in-out .1s}
@media screen and (max-width:1399px){
#footer .footer_menu-list li a{font-size:14px}
}
@media screen and (max-width:1199px){
#footer .footer_menu-list li a{font-size:12px}
}
@media screen and (max-width:991px){
#footer .footer_menu-list li a{font-size:14px}
}
@media screen and (max-width:767px){
#footer .footer_menu-list li a{align-items:flex-start;padding:1.25em 0 1.25em 1em!important;font-size:15px}
}
#footer .footer_menu-list li a::before{font-family:"Font Awesome 6 Free";font-weight:900;content:"\f105";color:#59493f;color:#59493f;position:absolute;top:50%;left:0;right:auto;transform:translateY(-45%);display:none}
@media screen and (max-width:767px){
#footer .footer_menu-list li a::before{display:block}
}
#footer .footer_menu-list li.child a::before{transform:translateX(-30%) translateY(-45%) rotate(90deg);margin:0}
#footer .footer_menu-list li.child.on a::before{transform:translateX(-30%) translateY(-45%) rotate(-90deg);margin:0}
#footer .footer_menu .footer_menu-list>li.c1>a{cursor:default!important;opacity:1!important}
#footer .footer_menu-list .child.on ul.sub,body.pc #footer .footer_menu-list .child:hover ul.sub{opacity:1;visibility:visible;z-index:1}
@media print{
*{-webkit-print-color-adjust:exact!important;background-attachment:initial!important}
html{overflow:visible!important}
body{zoom:.87!important;min-width:1240px!important;padding-top:0!important;padding-bottom:0!important}
.container,.container-fluid{min-width:1170px!important}
.plx_ym,.plx_yp{transform:none!important}
.fade_action{opacity:1!important;transform:none!important;clip-path:none!important}
.fade_action::before{display:none!important}
.fade_action img{opacity:1!important;transform:none!important;clip-path:none!important}
.rellax{transform:none!important}
.aos-init{opacity:1!important;-webkit-transform:none!important;transform:none!important}
.d-block.d-md-none{display:none!important}
.text-md-center{text-align:center!important}
.pbb{page-break-before:always}
.pba{page-break-after:always}
.main_header{position:relative!important}
.main_header.clone{display:block!important;display:none!important;position:relative!important}
.main_header .logo{width:220px}
#footer .footer_menu-list li a{font-size:10px}
#footer .inner .kys::after{display:none}
.main_nav ul:not(.sub)>li{padding:0 .4em!important}
.home #top_scroll{max-height:inherit;height:600px!important;min-height:inherit}
.home #top_scroll .top_scroll_main_txt *{clip-path:none!important;opacity:1!important}
.home #main01 .outer .inner::before{width:100%!important}
#main99 .bg_img .img{position:absolute;width:100%;height:100%!important;min-height:inherit!important}
.back-top{display:none!important}
}
.main_header .tel_box .lang_box a:first-of-type{pointer-events:none}
html[class^=translated] .main_header:not(.clone){margin-top:56px}
html[class^=translated] .main_header .hamburger.is-active{top:56px}
html[class^=translated] .main_header .tel_box .lang_box a:first-of-type{pointer-events:none}
html[class^=translated] .main_header .tel_box .lang_box a:last-of-type{pointer-events:none}