@charset "utf-8";

/* --------------------------------------------------------- */
/* type/css/index.css */
/* --------------------------------------------------------- */

#wrap{min-height:100vh;background:no-repeat top center;background-size:3000px auto;background-clip:content-box;background-origin: content-box;}
#wrap.typeA{background-image:url(/cp/sustainable2026/type/img/tyoe-a-bg.png);}
#wrap.typeB{background-image:url(/cp/sustainable2026/type/img/tyoe-b-bg.png);}
#wrap.typeC{background-image:url(/cp/sustainable2026/type/img/tyoe-c-bg.png);}
#wrap.typeD{background-image:url(/cp/sustainable2026/type/img/tyoe-d-bg.png);}


/* メイン
----------------------- */
#main{}
#main .layer:after{content:'';display:block;width:100%;padding-top:65px;}

#mv{width:717px;margin:0 auto 37px 15px;padding-top:49px;}

#main h3{width:757px;margin-left:2px;position:relative;}
#main h3:after{content:'';display:block;background:no-repeat top center;background-size:100% auto;position:absolute;top:0;left:0;}
#main .lead{width:750px;margin:71px 0 76px;}
#main .image{width:768px;margin-left:-18px;}
#main .shead{width:404px;margin:66px 0 10px 23px;}
#main .btn{width:709px;margin-left:23px;}
#main .return{width:304px;margin:50px 0 0 225px;}

/* 海（typeA） ////////// */
.typeA #main{}
.typeA #main h3:after{width:842px;padding-top:155px;margin:50px 0 0 -30px;background-image:url(/cp/sustainable2026/type/img/type-a-deco.png);}

/* 森（typeB） ////////// */
.typeB #main{}
.typeB #main h3:after{width:837px;padding-top:155px;margin:86px 0 0 -35px;background-image:url(/cp/sustainable2026/type/img/type-b-deco.png);}

/* 資源（typeC） ////////// */
.typeC #main{}
.typeC #main h3:after{width:949px;padding-top:166px;margin:70px 0 0 -162px;background-image:url(/cp/sustainable2026/type/img/type-c-deco.png);}

/* 大地（typeD） ////////// */
.typeD #main{}
.typeD #main h3:after{width:834px;padding-top:179px;margin:45px 0 0 -62px;background-image:url(/cp/sustainable2026/type/img/type-d-deco.png);}
.typeD #main .lead{width:102.4%;margin-left:-1.2%;}



/* フッター
----------------------- */
#copy,
#copy .layer{background:#fff ;}
#copy p{color:#000;}



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

#wrap{background-size:100% auto;}
#wrap.typeA{background-image:url(/cp/sustainable2026/type/img/tyoe-a-bg-sp.png);}
#wrap.typeB{background-image:url(/cp/sustainable2026/type/img/tyoe-b-bg-sp.png);}
#wrap.typeC{background-image:url(/cp/sustainable2026/type/img/tyoe-c-bg-sp.png);}
#wrap.typeD{background-image:url(/cp/sustainable2026/type/img/tyoe-d-bg-sp.png);}


/* メイン
----------------------- */
#main{}
#main .layer:after{padding-top:8.934;}

#mv{width:95.6%;margin:0 auto 12% 2%;padding-top:13.334%;}

#main h3{width:90.267%;margin-left:5.6%;}
#main .lead{width:100%;margin:9.467% 0 8.534%;}
#main .image{width:91.467%;margin-left:2.534%;}
#main .shead{width:55.334%;margin:6.534% 0 1.334% 6%;}
#main .btn{width:89.2%;margin-left:6%;}
#main .return{width:53.867%;margin:7.734% 0 0 23.334%;}

/* 海（typeA） ////////// */
.typeA #main h3:after{width:105.613%;padding-top:21.862%;margin:26.441% 0 0 -2.512%;background-image:url(/cp/sustainable2026/type/img/type-a-deco-sp.png);}

/* 森（typeB） ////////// */
.typeB #main h3:after{width:106.352%;padding-top:27.179%;margin:23.043% 0 0 -3.25%;background-image:url(/cp/sustainable2026/type/img/type-b-deco-sp.png);}

/* 資源（typeC） ////////// */
.typeC #main h3:after{width:103.398%;padding-top:24.668%;margin:25.407% 0 0 -7.534%;background-image:url(/cp/sustainable2026/type/img/type-c-deco-sp.png);}

/* 大地（typeD） ////////// */
.typeD #main h3:after{width:104.875%;padding-top:19.941%;margin:28.213% 0 0 -4.355%;background-image:url(/cp/sustainable2026/type/img/type-d-deco-sp.png);}
.typeD #main .lead{width:100%;margin-left:0%;}

}