@charset "UTF-8";
:root{
font-family:'Noto Sans JP',sans-serif;
font-size:15px;
letter-spacing:.2em;
color:#333;
@media screen and (max-width:767px){
font-size:12px;
}
}
/*---basic---*/
*{box-sizing:border-box;}
body{margin:0;}
img{max-width:100%;width:100%;height:auto;vertical-align:middle;}
a{color:inherit;text-decoration:none;}
h1{margin:0;padding:0;}
h2{font-size:2.5rem;letter-spacing:.3em;padding:.25em 0;}
h2 img{max-width:70%;}
/*---multipurpose---*/
.tac{text-align:center;}
.tar{text-align:right;}
.pc,.unbr{display:inline-block;}
.sp{display:none;}
.text_serif{font-family:'Noto Serif JP',serif;}
.text_bold{font-weight:bold;}
.text_indent{display:inline-block;text-indent:-1.1em;padding-left:1.1em;}
.text80{font-size:.8rem;}
.text120{font-size:1.2rem}
.text150{font-size:1.5rem;}
.text200{font-size:2rem;}
.text300{font-size:3rem;}
.text600{font-size:6rem;line-height:1.3em;}
.lh250{line-height:2.5em;}
.color_white{color:#fff;}
.color_navy{color:#304D7A;}
.color_red{color:#E50012;}
.color_gold{color:#CABB89;}
.bg_navy{background:#304D7A;}
.bg_blue{background:#CBD3DE;}
.bg_grid{background:url(img/bg_grid.webp);}
.bg_denim{background:url(img/bg_denim.webp);}
.border_navy{border:2px solid #304D7A;}
.border_b_black{border-bottom:1px solid #333;padding:0 0 1em;}
/*layout*/
section{margin:0;padding:150px 0;}
.wrap_full{width:100%;}
.wrap_box{max-width:1050px;width:100%;margin:0 auto;padding:0 2%;}
.wrap_flex{display:flex;justify-content:space-between;align-items:stretch;align-content:space-between;flex-wrap:wrap;}
.w20{width:19%;}
.w25,.w25-50,.w25-100{width:24%;}
.w33,.w33-50,.w33-100{width:32%;}
.w40,.w40-50,.w40-100{width:39%;}
.w50,.w50-100{width:49%;}
.w60,.w60-50,.w60-100{width:59%;}
.w66,.w66-50,.w66-100{width:65%;}
.w75-100{width:74%;}
.w100{width:100%;}
.mt50-25{margin-top:50px;}
.mt100-50{margin-top:100px;}
/*---top---*/
#top{padding:0;}
/*---topic1---*/
#topic1{padding:50px 0;}
/*----topic2---*/
#topic2{
.w66-100 .wrap_flex{justify-content:flex-start;}
.w66-100 .wrap_flex .w66{width:67%;}
.border_b_black{padding:0 0 1em 1em;}
.w33-100 .color_navy.wrap_flex{justify-content:center;align-items:center;}
.flex2,.flex2 .w66-50.wrap_flex{align-items:center;}
.flex2 .border_navy{padding:0 0 .5em 0;border-width:0 0 2px 0;}
.flex2 img{max-width:65%;}
.flex2 .w40-100.color_navy{margin-top:4em;}
}
/*---env---*/
#env{background-image:url(img/env_bg.webp);background-repeat:no-repeat;background-position:right calc(50vw - 525px) top 100px;background-size:160px auto;}
.ttl_env{margin-bottom:0;}
.img_env p{line-height:2.5em;}
/*---plan---*/
#plan .wrap_box{background-image:url(img/plan_bg1.webp),url(img/plan_bg2.webp),url(img/plan_bg3.webp);background-repeat:no-repeat;background-position:left 0 top -2em,right 0 top 0,right 0 bottom 0;background-size:70px auto,120px auto,80px auto;}
.plan_ttl{line-height:2em;background:rgba(131,148,175,.6);}
.plan_text img{max-width:70%;}
/*---arc---*/
#arc{background-image:url(img/arc_bg.webp);background-repeat:no-repeat;background-position:right calc(50vw - 525px - 50px) top 100px;background-size:120px auto;}
#arc .wrap_full{padding-left:calc(50vw - 525px + 1.5%);}
#arc .w40 img{height:100%;object-fit:cover;}
#arc .arc_pers{margin-bottom:2em;}
.cta img{max-width:80%;padding:3em 0 0;}
/*---fac---*/
#fac{background-image:url(img/fac_bg.webp),url(img/bg_denim.webp);background-repeat:no-repeat,repeat;background-position:right calc(50vw - 525px) top 100px,left 0 top 0;background-size:100px auto,150px auto;}
.ttl_fac{display:block;padding:1em 0;letter-spacing:.1em;}
/*---sum---*/
#sum{background-image:url(img/sum_bg.webp);background-repeat:no-repeat;background-position:right calc(50vw - 525px) top 65px;background-size:250px auto;}
#sum img{max-width:75%;}
#sum table{width:100%;table-layout:fixed;border-collapse:collapse;}
#sum table tr:nth-child(2n+1){background-color:#FAF8F3;}
#sum table th,#sum table td{font-weight:normal;border:1px solid #000;padding:1em 0;}
#sum table th{text-align:center;width:25%;}
#sum table td{padding-left:1em;}
/*---footer---*/
footer{padding:50px 0;}
footer a{color:#666;}
/*soldout*/
.notice_soldout{text-align:center;font-size:1.25em;font-weight:normal;color:#fff;letter-spacing:.25em;background:#bf1c20;margin:0;padding:1em 0;}
/*---content-width---*/
@media screen and (max-width:1050px){
#env{background-size:100px auto;background-position:right 1em top 2em;}
#plan .wrap_box{background-size:40px auto,60px auto,60px auto;background-position:left 1em top 0,right 1em top 0,right 1em bottom 0;}
#arc{background-size:70px auto;background-position:right 1em top 1.5em;}
#arc .wrap_full{margin-left:0;padding:0 2%;}
#fac{background-size:50px auto,100px auto;background-position:right 1em top 2em,left 0 top 0;}
#sum{background-size:125px auto;background-position:right 1em top 1em;}
}
/*---sp---*/
@media screen and (max-width:767px){
/*basic:sp*/
section{padding:50px 0;}
h2 img{max-width:100%;display:block;margin:.5em 0 0;}
/*multipurpose:sp*/
.sp{display:inline-block;}
.pc{display:none;}
.text150{font-size:1.2rem;}
.text200{font-size:1.5rem;}
/*layout:sp*/
.w25-50,.w33-50,.w40-50,.w66-50{width:49%;}
.w25-100,.w33-100,.w40-100,.w60-100,.w50-100,.w60-100,.w66-100,.w75-100{width:100%;}
.mt50-25{margin-top:25px;}
.mt100-50{margin-top:50px;}
/*topic1:sp*/
#topic1{padding:25px 0;}
#topic1 .w25-100 img{max-width:55%;display:block;margin:0 auto 2em;}
/*topic2:sp*/
#topic2{
.flex2 .w60-100 .text600{font-size:3rem;}
.flex2 .w40-100.color_navy{margin-top:1em;}
.flex2 img{max-width:80%;}
}
/*plan:sp*/
#plan .w33-100 p{width:80%;margin:1em auto 2em;}
.plan_text img{max-width:100%;}
/*arc:sp*/
#arc p{margin:.5em 0;}
/*cta:sp*/
.cta img{max-width:95%;}
/*fac:sp*/
#fac .tar{text-align:center;letter-spacing:.1em;}
/*sum:sp*/
#sum img{max-width:100%;}
/*footer:sp*/
footer{padding:30px 0;}
}