@charset "utf-8";

/* --------------------------------------------------------- */
/* check/css/index.css */
/* --------------------------------------------------------- */

#wrap{min-height:100vh;background:#6cc27e url(/cp/sustainable2026/check/img/page-bg.png) no-repeat top center;background-size:1425px auto;background-clip:content-box;background-origin: content-box;}
#wrap:before,
#wrap:after{content:'';display:block;width:2850px;height:100%;position:absolute;top:0;background-repeat:repeat-x;background-size:712.5px auto;}
#wrap:before{background-image:url(/cp/sustainable2026/check/img/page-bg-left.png);left:50%;transform:translateX(-50%);margin-left:-2137px;}
#wrap:after{background-image:url(/cp/sustainable2026/check/img/page-bg-right.png);right:50%;transform:translateX(50%);margin-right:-2137px;}


/* メイン
----------------------- */
#main{}
#main .layer{width:74.21875%;max-width:950px;}

#mv{width:96.9%;margin:0 auto;padding:1.6% 0 3.5%;}

#qest{width:80%;margin:0 auto 4%;position:relative;}
#qest:before,
#qest:after{content:'';display:block;background:no-repeat center;background-size:100% auto;position:absolute;z-index:2;}
#qest:before{width:21.625%;padding-top:25.5%;background-image:url(/cp/sustainable2026/check/img/qest-deco1.png);top:0;left:0;margin:3.375% 0 0 -15%;}
#qest:after{width:10.25%;padding-top:9.75%;background-image:url(/cp/sustainable2026/check/img/qest-deco2.png);bottom:0;right:0;margin:0 -6.25% -2.25% 0;}

#options{display:flex;justify-content:space-between;width:80%;margin:0 auto;}
#options li{width:48.125%;}
#options li + li{margin-right:-0.5%;}
#options li a{position:relative;}
#options li a:after{content:'';display:block;width:100%;height:100%;position:absolute;top:0;left:0;background:no-repeat top left;background-size:100% auto;opacity:0;transition:opacity ease 0.3s;}
#options li a img{transition:opacity ease 0.3s;}
#options li a:hover{opacity:1;}
#options li a:hover:after{opacity:1;}
#options li a:hover img{opacity:0;}

#options #opt1-1 a:after{background-image:url(/cp/sustainable2026/check/img/qest1-opt1_ov.png);}
#options #opt1-2 a:after{background-image:url(/cp/sustainable2026/check/img/qest1-opt2_ov.png);}

#options #opt2a-1 a:after{background-image:url(/cp/sustainable2026/check/img/qest2a-opt1_ov.png);}
#options #opt2a-2 a:after{background-image:url(/cp/sustainable2026/check/img/qest2a-opt2_ov.png);}

#options #opt2b-1 a:after{background-image:url(/cp/sustainable2026/check/img/qest2b-opt1_ov.png);}
#options #opt2b-2 a:after{background-image:url(/cp/sustainable2026/check/img/qest2b-opt2_ov.png);}


/* フッター
----------------------- */
#copy,
#copy .layer{background:none ;}
#copy p{padding:1.3125em 0 1.125em;}



@media screen and (max-width: 1280px){

#wrap{background-size:111.328125% auto;}
#wrap:before,
#wrap:after{background-size:55.6640625% auto;}

}



@media screen and (max-width: 750px){

#wrap{background-image:url(/cp/sustainable2026/check/img/page-bg-sp.png);background-size:100% auto;}
#wrap:before,
#wrap:after{content:none;}


/* メイン
----------------------- */
#main{}
#main .layer{width:100%;}

#mv{width:95.6%;padding:13.867% 0 11.334%;}

#qest{width:88%;margin-bottom:10%;}
#qest:before{width:26.061%;padding-top:30.758%;background-image:url(/cp/sustainable2026/check/img/qest-deco1-sp.png);bottom:0;top:auto;margin:0 0 -10.91% 1.667%;}
#qest:after{width:10.91%;padding-top:10.304%;background-image:url(/cp/sustainable2026/check/img/qest-deco2-sp.png);margin:0 0 -6.97% 0;}

#options{width:88.934%;display:block;margin:0 0 36% 6%;;}
#options li{width:100%;}
#options li + li{margin:5.998% 0 0;}
#options li a:after{content:none;}
#options li a:hover img{opacity:1;}

#options #opt1-1 a:after{background-image:url(/cp/sustainable2026/check/img/qest1-opt1-sp_ov.png);}
#options #opt1-2 a:after{background-image:url(/cp/sustainable2026/check/img/qest1-opt2-sp_ov.png);}

#options #opt2a-1 a:after{background-image:url(/cp/sustainable2026/check/img/qest2a-opt1-sp_ov.png);}
#options #opt2a-2 a:after{background-image:url(/cp/sustainable2026/check/img/qest2a-opt2-sp_ov.png);}

#options #opt2b-1 a:after{background-image:url(/cp/sustainable2026/check/img/qest2b-opt1-sp_ov.png);}
#options #opt2b-2 a:after{background-image:url(/cp/sustainable2026/check/img/qest2b-opt2-sp_ov.png);}


/* フッター
----------------------- */
#copy p{padding:1.15em 0;}

}