@charset "utf-8";

@import url('reset.css');

body.noscroll #wrap{position: relative;}
body.noscroll{overflow: hidden;position: fixed;width: 100%;height: 100%;touch-action: none;}
.mo{display: none}
.pc{display: block;}
.pc.t1{display: inline;}
colgroup.pc{display: table-column-group}
col.pc{display: table-column}
th.pc,
td.pc{display: table-cell}
img {max-width: 100%;
	/*
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: crisp-edges;
	-ms-interpolation-mode: nearest-neighbor;
	*/
}
.thumb{display:inline-block;overflow:hidden;width:100%;height:100%;box-sizing: border-box;vertical-align: middle}
.thumb img{object-fit: cover;object-position: 50% 50%;width:100%;height:100%;}

#wrap.carbon_zero{position:relative;width:100%;min-width:1780px;max-width:1920px;margin: 0 auto;overflow: hidden}
#wrap.carbon_zero #header{position: absolute;top:0;left:0;width: 100%;text-align: center;padding-top: 35px;}
#wrap.carbon_zero .nav{position: absolute;top:155px;left:0;width: 100%;background-color: rgba(6,121,47,.69);z-index: 100;}
#wrap.carbon_zero .nav ul{display: table;width: 1527px;margin: 0 auto}
#wrap.carbon_zero .nav ul li{display: table-cell;height: 60px;vertical-align: middle;text-align: center;font-size: 30px;font-weight: 300;color: #fff}

#wrap.carbon_zero .visual{height: 814px;background-position: 50% 0;background-repeat: no-repeat;background-image: url(../images/carbonzero/visual.jpg);}
#wrap.carbon_zero .section{text-align: center}
#wrap.carbon_zero .title{margin-bottom: 37px;}
#wrap.carbon_zero .subtext{font-size: 30px;color: #2f933e;line-height: 1.23;}
#wrap.carbon_zero .section.part1{padding-top: 86px;}
#wrap.carbon_zero .section.part1 video{width:100%;vertical-align: top;}
#wrap.carbon_zero .video_area{margin-top: 100px;}
#wrap.carbon_zero .section.part2{padding-top: 114px;}
#wrap.carbon_zero .course_area{margin: 103px auto 172px;position: relative;width: 1720px;}
#wrap.carbon_zero .item,
#wrap.carbon_zero .item .intro{position: absolute;}
#wrap.carbon_zero .item .intro{top: 0;left:0;transform: translateX(-100%);padding-right: 30px;visibility: hidden;opacity: 0;transition:opacity .3s, top .4s;top:-20px;}
#wrap.carbon_zero .item.r .intro{transform: translateX(100%);padding:0;padding-left: 30px;left: auto;right:0}
#wrap.carbon_zero .item.b .intro{top:auto;bottom: 0;bottom: -20px;transition:opacity .3s, bottom .4s;}
#wrap.carbon_zero .item .intro .video{margin-bottom: 16px}
#wrap.carbon_zero .item .intro img{display: block;vertical-align:top;box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.2);max-width: initial}
#wrap.carbon_zero .item > button{display: block;border-radius: 24px;transform: all .3s ease}
#wrap.carbon_zero .item:hover > button,
#wrap.carbon_zero .item.active > button{background-color: rgba(0,0,0,.25);transform: all .3s ease}
#wrap.carbon_zero .item:not(.b):hover .intro,
#wrap.carbon_zero .item:not(.b).active .intro{visibility: visible;opacity: 1;top:0;transform: all .3s ease}
#wrap.carbon_zero .item.b:hover .intro,
#wrap.carbon_zero .item.b.active .intro{visibility: visible;opacity: 1;bottom: 0;transform: all .3s ease}
#wrap.carbon_zero .item1{top: 818px;right: 106px;}
#wrap.carbon_zero .item1 > button{width: 406px;height: 356px;}
#wrap.carbon_zero .item2{top: 818px;left: 108px;}
#wrap.carbon_zero .item2 > button{width: 399px;height: 347px;}
#wrap.carbon_zero .item3{top: 419px;right: 33px;}
#wrap.carbon_zero .item3 > button{width: 405px;height: 348px;}
#wrap.carbon_zero .item4{top: 263px;left: 37px;}
#wrap.carbon_zero .item4 > button{width: 406px;height: 354px;}
#wrap.carbon_zero .item5{top: 39px;right: 113px;}
#wrap.carbon_zero .item5 > button{width: 406px;height: 354px;}
#wrap.carbon_zero .item6{top: 1329px;right: 38px;}
#wrap.carbon_zero .item6 > button{width: 393px;height: 344px;}
#wrap.carbon_zero .item7{bottom: 126px;right: 117px;}
#wrap.carbon_zero .item7 > button{width: 394px;height: 344px;}
#wrap.carbon_zero .item8{bottom: 82px;left: 55px;}
#wrap.carbon_zero .item8 > button{width: 392px;height: 345px;}

#wrap.carbon_zero .planner_area{position: relative;height:1001px;overflow: hidden}
#wrap.carbon_zero .planner{position: absolute;top:0;left:50%;margin-left: -875px;}
#wrap.carbon_zero .planner_area .btn_download{position: absolute;bottom:165px;left:50%;margin-left: -202px;}
#wrap.carbon_zero .section.part3{padding-top: 42px;padding-bottom: 76px;}
#wrap.carbon_zero .section.part3 .title{margin-bottom: 83px;}
#wrap.carbon_zero .corporation{text-align: center;font-size: 17px;color: #000;margin-bottom: 25px;}
#wrap.carbon_zero #footer{padding-top: 29px;background-color: #000;text-align: center;height: 382px;box-sizing: border-box}
#wrap.carbon_zero #footer .sns_title{margin-bottom: 23px;}
#wrap.carbon_zero .sns_link{font-size: 0;margin-bottom: 28px;}
#wrap.carbon_zero .sns_link a{display: inline-block;vertical-align: middle;margin: 0 7px;background-position: 50% 50%;background-repeat: no-repeat;width: 52px;height: 52px;border-radius: 100%;overflow: hidden}
#wrap.carbon_zero .sns_link a.instagram{background-image: url(../images/carbonzero/sns1.png);}
#wrap.carbon_zero .sns_link a.blog{background-image: url(../images/carbonzero/sns2.png);background-color: #00c73c}
#wrap.carbon_zero .sns_link a.youtube{background-image: url(../images/carbonzero/sns3.png);background-color: #df2f2f}
#wrap.carbon_zero .sns_link a.facebook{background-image: url(../images/carbonzero/sns4.png);background-color: #1b4b8c}