@charset "utf-8";
@import url(css/basic.css);
@import url(css/alg/wolf.css);
[type="reset"],[class*="a-btn"],.close_popup,.list-tag a,#rnav a{background-color:#636363;color:#fff;box-shadow:none;}
a,#menu a:hover,#menu a.on,.icon-pdf::before,.pdf::before,.fc-red,.ic-red::before,.link a::before,a.link::before,.list li::before,.subtmb [lang="en"]{color:#b21f21;}
h4,.h4,dl.box>dt,a.marker::after,a .marker::after,.more a::after,span.more::after,.a-btn3:hover,.list-btn a:hover,#mbtn a,.pnav a,.pnav [rel],#global>ul>li>a>span::after,.a-btn2,[class|="required"],.pnav a:hover,.pnav [rel]:hover,#paging li.active,#fmenu,#pnav a,#hnav .a-btn:hover,#rnav a:hover,#rnav a.a-btn2,.list-tag a:hover,.list-tag a.on,.a_card .tag>li>span::after,.a_card .tag a::after,button,[type="button"],[type="submit"],.a-btn-w:hover{background-color:#b21f21;color:#fff;}
[class*="a-btn"]::before,.a-btn-w:hover::before{border-color:#fff;}
.a-btn-w{background:#fff;color:#252525;}
.a-btn-w::before{border-color:#252525;}
#footer,#fmenu{background-color:#363636;box-shadow:none;}
#main{font-size:1rem;}#mv,#show>img.main{left:-15%;}
#show>h3{font-size:7vw;letter-spacing:.2em;width:90%;}
#show>h3>span{text-shadow:none;color:#fff;letter-spacing:.2em;}
#show>h3 span>span+span{font-size:3vw;letter-spacing:0;display:block;margin-top:1em;}
#contents01 a .marker{width:auto;}
#contents01 [lang="en"],#contents02 dt [lang="en"]{font-weight:600;color:#b21f21;letter-spacing:.1em;}
#service{background:#08131b url(images/design/bg_service.jpg) right 0 no-repeat;background-size:200%;color:#fff;}
#service div{max-width:1100px;margin:200px auto 80px;padding:0 3%;}
#service h3{font-size:1.875rem;font-size:6vw;position:relative;z-index:2;}#service p{position:relative;z-index:2;}
#service div::before{content:"";background:linear-gradient(0deg, #172a39 85%, transparent);width:100%;height:100%;display:block;z-index:1;position:absolute;left:0}
#contents02{flex-direction:column;padding:50px 0 0;}
#contents02 h3{font-size:1.125rem;text-align:center;}
#contents02 h3 [lang="en"]{font-size:2.333333333333333em;display:block;text-transform:uppercase;letter-spacing:.1em;font-weight:700;margin-bottom:.4em;}
#contents02 .h4{background:none;color:#252525;font-size:6vw;line-height:1.75;text-align:left;padding:0;margin-bottom:1.75rem;}
#contents02 dt{line-height:1;font-size:9vw;padding:.5em 10% 0;margin-bottom:-.1em;}
#contents02 dt [lang="en"]{font-size:1rem;display:block;margin-top:.5em;}
#contents02 dd{background:#e8e8e8;padding:2em 10%;}
#contents02 dd span{display:inline-block;}
#contents02>div{padding:2em 0;}
.sns{margin-bottom:20px;}
#contact>dl>dt,#contact>dl>dd,#contact a[href^="tel:"],#contact address,#contact aside{display:block;text-align:center;}
#contact address{font-size:clamp(2rem, 11vw, 2.5em);margin:.5em auto 0;}
#contact>ul>li{padding:0 1em 0;}
#contact>ul>li+li::after{content:none;}
#footer [class*="a-btn"]{padding:1.5em 2.5em;}
#footer .a-btn-w{color:#252525;}#footer .a-btn-w:hover{color:#fff;}
#pnav li{border:none;}
#pnav li+li::before,.pnav [class|="btn"]::before, .pnav [rel]::before{border-left:1px solid rgb(255 255 255 / 20%);}
.comment{border:none;margin:-50px 5px 3em;padding:1em 2em;}

@media(min-width:40em){
#show>h3{font-size:clamp(1.875rem, 5vw, 3.8em);}
#show>h3>span{text-align:left;}
#show>h3 span>span+span{font-size:.35em;}
#contents02 .h4{font-size:18px;}
#service{background-size:cover;}#service h3{font-size:1.875rem;}
#service div::before{content:none;}
#service div{text-align:left;margin-top:60px;}
#service p{font-size:1.125em;}
#contents02>div{max-width:1400px;margin:0 auto;display:flex;flex-wrap:nowrap;flex-direction:row-reverse;padding:3em 0;}
#contents02>div>p,#contents02>div>dl{width:50%;}
#contents02>div>dl>dt{font-size:5.06vw;}
#contents02 div{padding:2em 0;}
#contents02>div:nth-child(odd){flex-direction:row;}
#contents02 h4{font-size:2rem;}
#contents02 dt{padding:0 0 0 16.42857142857143%}
#contents02 dd{padding:.8em 16.42857142857143%;}
#contact>ul{display:flex;justify-content:center;padding:20px 0 60px;}
}
@media(min-width:48em){
#mv, #show>img.main{left:auto;}
#global a[rel="home"]{max-width:none;}
#global>ul>li:first-child{width:25%;}
#contents02{padding:100px 0 0;}
#contents02 h3{margin-bottom:46px;}
#contents02 .h4{font-size:32px;}
.comment{margin:-25em auto 3em 3em;width:50%;padding:1em 2em;}
}


/*下層用追加*/
.boxwrap{padding-top:30px;}
.box-img{margin:0 auto;text-align:center;width:80%;}
.box-img img{width:100%;margin:0;height:100%;object-fit:cover;font-family:'object-fit:cover;';}
.box-img img.contain{height:auto;object-fit:contain;font-family:'object-fit:contain;';}
.box-txt{padding:30px 5%;}
.box-txt .h3{border-bottom:1px solid;padding:0 0 1em;text-align:center;}
.box-txt [lang="en"]{text-transform:uppercase;color:#083a71;}

.boxwrap2{padding-top:30px;}
.boxwrap2:not(:first-of-type){margin-top:24px;}
.boxwrap2::after{content:"";position:absolute;top:50%;-webkit-transform:translate(0,-50%);transform:translate(0,-50%);width:100%;height:100%;max-height:800px;z-index:-1;background-color:#fff;}
.box-img2{margin:0 auto;text-align:center;width:80%;}
.box-img2 img{width:100%;margin:0;height:100%;object-fit:cover;}
.box-txt2{padding:30px 5%;}

#topicpath,.linebox2{background:#fff;}
.linebox2{border:none;}
.linebox3{border:none;background:#f1f0ec;}
.haikei,.bgc{background:#f1f0ec;}

.maru{display:inline-flex;justify-content:center;align-items:center;border-radius:50%;flex-flow:column wrap;vertical-align:top;height:2.5em;width:2.5em;background:#b62222;color:#fff;font-weight:bold;font-size:1.6em;margin-right:20px;position:relative;}

@media (min-width:48em){
.boxwrap{display:flex;justify-content:space-between;padding-top:0;margin-bottom:80px;}
.boxwrap:nth-child(odd) .box-img{order:2;}
.boxwrap:nth-child(odd) .box-txt{order:1;}
.box-img{margin:0;width:40%;}
.box-txt{/*padding:50px 8%;*/width:60%;}
.box-txt .h3{text-align:left;}
.boxwrap2{position:relative;display:flex;padding:40px 0;align-items:center;}
.boxwrap2::after{width:80%;}
.boxwrap2:nth-child(odd)::after{left:0}
.boxwrap2:nth-child(even)::after{right:0;}
.boxwrap2:nth-child(odd) .box-img2{order:2;}
.boxwrap2:nth-child(odd) .box-txt2{order:1;}
.box-img2{margin:0;width:50%;}
.box-txt2{padding:0 5%;width:50%;}
}