@charset "utf-8";
@import url(css/basic.css);
@import url(css/forsense/shared.css);

button,[type="button"],[type="reset"],[type="submit"],[class*="a-btn"],.close_popup,.list-tag a,.infobox,.att{background-color:#00afcc;}
[class*="a-btn"]:hover,button:hover,[type="button"]:hover,[type="reset"]:hover,[type="submit"]:hover,.close_popup:hover,#rnav a:hover,.list-tag a:hover,.list-tag a.on{background-color:#02b9d7;}
.a-btn2,.pnav span{background-color:#000;}
.a-btn2:hover{background-color:#242424;}
.a-btn-w{background-color:transparent;}
.a-btn-w:hover{background-color:#fff;color:#00afcc;}
.a-btn-w:hover::before,.list-btn a:hover::before,.more a:hover::after,a:hover span.more::before,a.marker:hover::before,a:hover .marker::before{border-color:#00afcc;}
#global>ul>li>a>span::after,.slick-arrow:hover span::before,.slick-arrow:hover span::after,#show .mark{background:#00afcc;}
#global>ul>li:hover>a,#global a:hover,#global a.on,[class*="a_card"] time,[class*="a_card"] .day,section>h3 [lang="en"],.a_line a>p.b::after,.a_line [lang="en"],[class*="a_card"] a>dl>dt{color: #00afcc;}
[class|="required"],#mbtn a,#pnav a,#rnav a,.pnav a,.pnav [rel],.pnav a:hover,.pnav [rel]:hover,#paging li.active,a.marker::after,a .marker::after,.more a::after,span.more::after,.list-btn a:hover,.a_cardfile a:hover::before{background-color:#00afcc;}
a,#menu a:hover,#menu a.on,.icon-pdf::before,.pdf::before,.link a::before,a.link::before,.list li::before,[class*="a_card"] a:hover>dl>dt,#fmenu a:hover,#feel a:hover,#feel a:hover span.more{color:#09d5f7;}
.a_line a::before,.a_line a::after,.list-type-check>li::after,.list-type-check>dt::after,.title-i-check::after,#menu>ul>li>a::before{border-color:#00afcc;}
#menu a::before{border-left-color:#00afcc;}
#contact{background-color:#00a4bf;}
.t-check th{color:#02b9d7;}
h5,.h5,dl.box>dt{border-bottom: 1px solid #00afcc;}

.int-ttl{display:block;position:relative;color:#00afcc;font-weight:bold;font-family:sans-serif;}
.int-ttl::before {content:attr(title);display:block;position:absolute;right:0;top:-0.1em;font-size:10em;color:rgb(0 150 153 / 10%);line-height:1;font-family:'Arial',serif;}
.boxwrap{padding-top:30px;}
.box-img{margin:0 auto;text-align:center;width:90%;}
.box-txt{padding:30px 5% 30px 5%;}
.box-txt [lang="en"]{text-transform:uppercase;color:#083a71;}

#lineup-all h3,#custom-all h3{font-family:"游ゴシック体",YuGothic,"游ゴシック Medium","Yu Gothic Medium","游ゴシック","Yu Gothic","Segoe UI","Helvetica Neue",HelveticaNeue,Helvetica,Verdana,Meiryo,sans-serif;}
#lineup-all h3,#custom-all h3{font-size:14px;font-size:.875rem;font-size:3vw;font-weight:normal;letter-spacing:.1em;line-height:2.25;padding:.5em;margin-bottom:20px;}
#lineup-all h3 [lang="en"],#custom-all h3 [lang="en"]{font-size:2.333333333333333em;line-height:1.25;display:block;letter-spacing:.1em;text-transform:uppercase;color:#00afcc;font-weight:700;}

.linebox4{background:#f5f0eb;border:none;}
.mt20-80{margin-top:20px;}

[class*="ttl-"] {font-size:1em; text-align:center;}
[class*="ttl-"]>span {vertical-align:middle;}
[class*="ttl-tab"] {clear:both; display:block; position:relative;}
[class*="ttl-tab"]::before{border-top:1px solid #626262; content:""; width:100%; height:1px; position:absolute; left:0; top:50%; z-index:0;}
[class*="ttl-tab"]>dt, [class*="ttl-tab"]>span{background:#000; color:#fff; display:inline-block; margin:0 auto; padding:.5em 1em .6em; z-index:1; position:relative;}

@media(min-width:30em){
[class*="ttl-tab"]>dt, [class*="ttl-tab"]>span{padding:.5em 2em .6em;}
}

@media(min-width:40em){
#lineup-all h3,#custom-all h3{font-size:18px;font-size:1.125rem;margin-bottom:48px;}
}

@media(min-width:48em){
h2+p{width:25%;max-width:230px;}
h2+p a{max-width:230px;}
.boxwrap{display:flex;justify-content:space-between;padding-top:0;margin-bottom:80px;}
.box-txt{padding:0 2% 0 5%;width:50%;}
.boxwrap:nth-child(odd) .box-txt{padding:0 5% 0 2%;}
.boxwrap:nth-child(odd) .box-img{order:2;}
.box-img{margin:0;width:50%;}
.box-img img{margin:0;height:100%;object-fit:cover;font-family:'object-fit:cover;'; }
.mt20-80{margin-top:80px;}
}