@charset "utf-8";
body {
    font-family: Arial, Helvetica, sans-serif;
}

.fadein {
	opacity : 0;
	transition : opacity 2000ms, transform 2000ms;
}
.header{
	width: 100%;
	background: #fff;
	position: absolute;
	z-index: 2;
}
.header_inner{
	max-width: 996px;
	width: 90%;
	margin: auto;
	padding: 11.3px 0;
	text-align: right;
}
.header_inner img{
	width: 178px;
}
section img{
	width: 100%;
	height: 100%;
}

.sec01{
	position: relative;
}
.bg{
}
.fixedWrapper{
	opacity: 1;
	width: 100%;
	height: 100vh;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: auto;
	z-index: 1;
	pointer-events: none;
}
.fixedWrapper_contents{
	position:relative;
	width:100%;
	height:100%;
	overflow: hidden;
}
.fixedWrapper_contents video{
	position:absolute;
	left:50%; top:50%;
	min-width:100%;
	min-height:100%;
	transform:translate(-50%,-50%);
}
.bg_grad{
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 1;
	background-color: transparent;
	background-size: auto;
	background-image: linear-gradient(to right, rgba(94,144,208,0) 0%, rgba(94,144,208,.6) 36%, rgba(94,144,208,.6) 59%, rgba(94,144,208,0) 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: scroll;
}
@media screen and (max-width: 768px) {
	.bg_grad{
		background-image: linear-gradient(to right, rgba(94,144,208,.3) 0%, rgba(94,144,208,.6) 36%, rgba(94,144,208,.6) 59%, rgba(94,144,208,.3) 100%);
	}
}

.main{
	width: 100%;
	max-width: 1100px;
	margin: auto;
	padding: 0 0 24.09vw;
	position: relative;
	z-index: 1;
}
.main .title{
	max-width: 1048px;
	margin: auto;
	padding-top: 250px;
}
.title_img{
	max-width: 720px;
	margin: 0 auto;
}
.main .title .heading{
	margin: 0 0 50px;
	color: #c7ecfc;
	font-size: 34px;
	text-align: center;
	text-shadow: 0 0 10px #5e90d0;
	font-weight: 700;
}
.main .title .txt{
	font-size: 21px;
	color: #fff;
	text-align: center;
	line-height: 1.4;
	text-shadow: 0 0 10px #5e90d0;
	font-weight: 700;
	margin: 0 20px 140px;
}
.main .title .scroll{
	width: 65px;
	margin: auto;
}

.main .intro{
	position: relative;
}
.main .intro .intro_inner{
	width: 100%;
	position: relative;
	overflow: hidden;
}
.circle_block{
	background: #fff;
	border-radius: 50%;
}
.intro01{
	height: 82.73vw;
}
.intro_title{
	width: 45.91vw;
	height: 45.91vw;
	padding: 10.45vw 0 9.09vw 5vw;
	position: absolute;
	top: 0;
	left: 0;
}
.intro_title .h01{
	margin-bottom: 1.27vw;
	font-size: 2.27vw;
	font-weight: 400;
}
.intro_title p span{
	color: #009272;
	font-weight: 700;
}
.intro_title p span.year-upper2,
.intro_title p span.year-bottom2{
	font-size: 13.91vw;
	letter-spacing: -0.57vw;
	vertical-align: top;
	font-family: Roboto;
}
.intro_title p span.year{
	font-size: 4.64vw;
	display: inline-block;
	vertical-align: text-top;
	margin-top: 1.27vw;
}
.intro01_title p span.txt{
	font-size: 4.64vw;
}
.intro01_title .note{
	font-size: 1.91vw;
	text-align: right;
	margin-top: -0.91vw;
	margin-right: 8.18vw;
}
.intro01_img{
	width: 54.36vw;
	height: 54.36vw;
	padding: 9.73vw 9.64vw;
	position: absolute;
	top: 13.64vw;
	right: 3.64vw;
}
.intro01_img div{
	height: 34.91vw;
}
.intro01_txt{
	min-width: 190px;
	width: 38.36vw;
	min-height: 190px;
	height: 38.36vw;
	padding: 11.69vw 4.7vw;
	background-color: #009272;
	position: absolute;
	top: 40.45vw;
	left: 11.64vw;
}
.intro01_txt p{
	font-size: 1.64vw;
	letter-spacing: -0.04vw;
	line-height: 1.68;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.intro02{
	height: 85.45vw;
	margin-top: 18.18vw;
}
.intro02_title p span.txt{
	font-size: 6.36vw;
	letter-spacing: 1px;
}
.intro02_img{
	width: 61.27vw;
	height: 61.27vw;
	padding: 12vw 5.91vw 15vw 8.64vw;
	position: absolute;
	top: 6.36vw;
	right: 0px;
	left: auto;
}
.intro02_img div{
	height: 34.27vw;
}
.intro02_txt{
	min-width: 190px;
	width: 38.36vw;
	min-height: 190px;
	height: 38.36vw;
	padding: 10.82vw 4.55vw;
	background-color: #009272;
	position: absolute;
	top: 41.36vw;
	left: 11.64vw;
}
.intro02_txt p{
	font-size: 1.64vw;
	letter-spacing: -0.04vw;
	line-height: 1.68;
	font-weight: 700;
	color: #fff;
	text-align: center;
}
.main-bottom{
	width: 100%;
	height: 24.09vw;
	padding-top: 8vw;
	position: absolute;
	z-index: 1;
	bottom: 0;
	background-image: -webkit-linear-gradient(bottom, rgba(255,255,255,9) 32%, rgba(255,255,255,0) 100%);
	background-image: -o-linear-gradient(bottom, rgba(255,255,255,9) 32%, rgba(255,255,255,0) 100%);
	background-image: linear-gradient(to top, rgba(255,255,255,9) 32%, rgba(255,255,255,0) 100%);
}
.intro_note{
	max-width: 1024px;
	width: 89vw;
	margin: auto;
}
.intro_note ul li{
	font-size: 10px;
	font-weight: 300;
	line-height: 1.4;
}
@media screen and (max-width: 768px) {
	.main{
		padding-bottom: 328px;
	}
	.main .title{
		width: 82.92vw;
		padding-top: 200px;
	}
	.main .title .title_img{
		width: 70.04vw;
		margin: auto;
	}
	.main .title .heading{
		width: 79.65vw;
		margin: auto;
		font-size: 3.91vw;
		text-shadow: 0 0 1.3vw #5e90d0;
	}
	.main .title .txt{
		font-size: 2.73vw;
		text-shadow: 0 0 1.3vw #5e90d0;
		margin: 5.76vw 0 21.33vw;
	}
	.main .title .scroll{
		width: 10.86vw;
	}

	.main .intro{
		margin-top: 0px;
	}
	.intro01{
		height: 142.32vw;
		margin-top: 19.32vw;
	}
	.intro01_title{
		left: 2.7vw;
	}
	.intro01_img{
		width: 79.47vw;
		height: 79.47vw;
		padding: 12vw;
		top: 22.78vw;
		right: auto;
		left: 32.55vw;
	}
	.intro01_img div{
		height: 50vw;
	}
	.intro01_txt{
		min-width: 195px;
		width: 54.11vw;
		min-height: 195px;
		height: 54.11vw;
		padding: 12.69vw 7.6vw;
		top: 80.45vw;
		left: 3.26vw;
	}
	.intro01_txt p{
		font-size: 2.34vw;
	}
	.intro02{
		height: 172.08vw;
		margin-top: 28.65vw;
	}
	.intro02_title{
		left: 2.7vw;
	}
	.intro02_img{
		width: 99.73vw;
		height: 99.73vw;
		padding: 21.33vw 13.33vw;
		top: 32.59vw;
		left: 12.18vw;
	}
	.intro02_img div{
		height: 50vw;
	}
	.intro02_txt{
		min-width: 195px;
		width: 54.11vw;
		min-height: 195px;
		height: 54.11vw;
		padding: 13.69vw 7.35vw;
		top: 109.21vw;
		left: 3.26vw;
	}
	.intro02_txt p{
		font-size: 2.34vw;
	}
	.main-bottom{
		padding-top: 88px;
		height: 250px;
	}
	.intro_note{
		width: 94.92vw;
	}
	.intro_note ul li{
		font-size: 10px;
	}
}

.desc_catch{
	width: 100%;
	padding-bottom: 12.13vw;
	background-color: transparent;
	background-image: linear-gradient(0deg,#d2efe8 0,#fff 100%);
	background-repeat: no-repeat;
	overflow: hidden;
}
.desc_catch_title{
	padding-top: 12.03vw;
	margin-bottom: 5.77vw;
	font-size: 2.69vw;
	letter-spacing: -0.03vw;
	color: #009272;
	font-weight: 700;
	text-align: center;
}
.desc_catch_inner{
	max-width: 1039px;
	margin: auto;
	position: relative;
}
.desc_catch_inner .desc_catch_img{
	width: 52.94vw;
	height: 52.94vw;
	padding: 10.59vw 0;
	background-color: transparent;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: scroll;
	text-align: center;
}
.desc_catch_inner .image_DX{
	position: absolute;
	right: 0;
	background-image: -webkit-linear-gradient(top left, #0096df 0%, #005bab 100%);
	background-image: -o-linear-gradient(top left, #0096df 0%, #005bab 100%);
	background-image: linear-gradient(to bottom right, #0096df 0%, #005bab 100%);
	transform: translateX(100px);
}
.desc_catch_inner .image_EX{
	background-image: -webkit-linear-gradient(top left, #68b84c 0%, #009a42 100%);
	background-image: -o-linear-gradient(top left, #68b84c 0%, #009a42 100%);
	background-image: linear-gradient(to bottom right, #68b84c 0%, #009a42 100%);;
	transform: translateX(-100px);
}
.desc_catch_inner .image_EX.fadein.scrollin{
	opacity: .88;
}
.bar{
	width: 31.67vw;
	height: 0.77vw;
	margin: auto;
}
.bar.bar_DX{
	background-color: #0075c0;
}
.bar.bar_EX{
	background-color: #17ab55;
}
.desc_catch_img_txt{
	padding: 2.98vw 0 3.37vw;
	text-align: center;
	color: #fff;
	font-weight: 900;
	font-size: 2.5vw;
	letter-spacing: -0.1vw;
}
.desc_catch_img_title{
	margin-bottom: 2.89vw;
	font-weight: 700;
	font-family: Roboto;
	font-size: 15.39vw;
	letter-spacing: 0px;
	-moz-transition-delay:600ms;
	-webkit-transition-delay:600ms;
	-o-transition-delay:600ms;
	-ms-transition-delay:600ms;
}
.desc_catch_img_subtitle{
	line-height: 1.4;
	-moz-transition-delay:1200ms;
	-webkit-transition-delay:1200ms;
	-o-transition-delay:1200ms;
	-ms-transition-delay:1200ms;
}
.desc_catch_txt{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.desc_catch_txt.fadein.scrollin{
	transform: translate(-50%, -50%);
	-moz-transition-delay:1700ms;
	-webkit-transition-delay:1700ms;
	-o-transition-delay:1700ms;
	-ms-transition-delay:1700ms;
}
.desc_catch_txt p{
	color: #fff;
	font-size: 2.6vw;
	font-weight: 700;
}
@media screen and (max-width: 768px) {
	.desc_catch{
		padding-bottom: 16.41vw;
	}
	.desc_catch_title{
		padding-top: 14.32vw;
		margin-bottom: 7.81vw;
		font-size: 5.6vw;
		letter-spacing: -0.04vw;
	}
	.desc_catch_inner{
		width: 93.48vw;
	}
	.desc_catch_inner .desc_catch_img{
		width: 50.67vw;
		height: 50.67vw;
		padding: 9.11vw 0;
	}
	.bar{
		width: 28.51vw;
		height: 0.53vw;
	}
	.desc_catch_img_txt{
		padding: 2.67vw 0 5.21vw;
		font-size: 3.2vw;
		letter-spacing: -0.13vw;
		line-height: 1.2;
	}
	.desc_catch_img_title{
		margin-bottom: 0px;
		font-size: 14.67vw;
		line-height: 1;
	}
	.desc_catch_txt p{
		font-size: 2.08vw;
	}
}
.desc_summary{
}
.desc_summary_inner {
	background-color: transparent;
	background-size: auto;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: scroll;
}
.desc_summary_EX{
	padding-bottom: 12.51vw;
	background-image: -webkit-linear-gradient(bottom, #d3e5f0 0%, #d3f0e9 24%);
	background-image: -o-linear-gradient(bottom, #d3e5f0 0%, #d3f0e9 24%);
	background-image: linear-gradient(to top, #d3e5f0 0%, #d3f0e9 24%);
}
.desc_summary_DX{
	padding-bottom: 15.88vw;
	background: #d3e5f0;
}
.desc_summary_item{
	max-width: 1440px;
	margin: auto;
	padding-top: 4.375vw;
}
.desc_summary_item_inner{
	position: relative;
	width: 100%;
	overflow: hidden;
}
.desc_summary_EX_img{
	display: inline-block;
	padding-left: 3.125vw;
	width: 47.92vw;
	vertical-align: middle;
}
.desc_summary_txt{
	display: inline-block;
	vertical-align: middle;
	max-width: 51.39vw;
}
.desc_summary_DX_txt{
	padding-left: 8.125vw;
	margin-left: 7.29vw;
}
.desc_summary_txt_top .title{
	display: inline-block;
	width: 11.04vw;
	vertical-align: middle;
	transform: translateY(10%);
}
.desc_summary_txt_top .title img{
	width: 100%;
}
.desc_summary_txt_top .subtitle{
	display: inline-block;
	vertical-align: middle;
	transform: translateX(-300px);
}
.desc_summary_txt_top .subtitle p{
	line-height: 1.3;
	font-size: 2.15vw;
	font-weight: 700;
}
.desc_summary_EX_txt .desc_summary_txt_top .subtitle p{
	color: #009272;
}
.desc_summary_DX_txt .desc_summary_txt_top .subtitle p{
	color: #1e67d0;
}
.desc_summary_txt_middle{
	margin-top: 2.43vw;
	transform: translateX(300px);
}
.desc_summary_txt_middle div{
	width: 26.88vw;
}
.desc_summary_txt_bottom{
	width: 27.08vw;
}
.desc_summary_DX_txt .desc_summary_txt_bottom{
	width: 38.47vw;
}
.desc_summary_txt_bottom p{
	margin-top: 1.39vw;
	font-size: 1.11vw;
	line-height: 1.6;
}
.desc_summary_card{
	width: 71.94vw;
}
.desc_summary_card li{
	transform: translateY(40%);
}
.desc_summary_card li:nth-of-type(2){
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
}
.desc_summary_card li:nth-of-type(3){
	-moz-transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-o-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
}
.desc_summary_EX_card{
	margin: -10.42vw auto 0;
}
.desc_summary_DX_card{
	margin: -4.17vw auto 0;
}
@media screen and (max-width: 875px) {
	.desc_summary_DX_card{
		margin: 0 auto;
	}
}
.desc_summary_card li{
	width: 20.69vw;
	display: inline-block;
	margin: 0 1.18vw;
}
.desc_summary_DX_img{
	display: inline-block;
	margin: 0 0 0 -2.08vw;
	width: 41.11vw;
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
	.desc_summary_EX{
		padding-bottom: 7.93vw;
	}
	.desc_summary_DX{
		padding-bottom: 21.48vw;
	}
	.desc_summary_item{
		padding-top: 17.2vw;
	}
	.desc_summary_txt{
		max-width: inherit;
	}
	.desc_summary_EX_txt{
		display: block;
		margin: 45.34vw 4.80vw 0 7.47vw;
		text-align: right;
	}
	.desc_summary_EX_img{
		position: absolute;
		top: 0;
		left: 0;
		padding-left: 0px;
		width: 68vw;
	}
	.desc_summary_DX_txt{
		padding-left: 0px;
		margin: 34.14vw 4.80vw 0 7.47vw;
	}
	.desc_summary_txt_top .title{
		width: 26.13vw;
	}
	.desc_summary_txt_top .subtitle{
		display: block;
		margin-top: 3.9vw;
	}
	.desc_summary_txt_top .subtitle p{
		font-size: 5.07vw;
	}
	.desc_summary_txt_middle{
		margin-top: 4.56vw;
	}
	.desc_summary_txt_middle div{
		width: 100%;
	}
	.desc_summary_DX_txt .desc_summary_txt_middle div{
		width: 80%;
	}
	.desc_summary_txt_bottom{
		width: 100%;
	}
	.desc_summary_DX_txt .desc_summary_txt_bottom{
		width: 100%;
	}
	.desc_summary_txt_bottom p{
		margin-top: 3.9vw;
		font-size: 2.93vw;
		text-align: left;
	}
	.desc_summary_card{
		width: 100%;
		padding: 0 2.4vw;
		overflow-x: hidden;
	}
	.desc_summary_EX_card{
		margin: 5.21vw auto 0;
	}
	.desc_summary_DX_card{
		margin: 5.21vw auto 0;
	}
	.desc_summary_card li{
		display: block;
		width: 100%;
		margin: 2.4vw 0;
		transform: translate(300px, 0);
	}
	.desc_summary_DX_img{
		position: absolute;
		top: 0;
		right: 0;
		margin: 0 -5.86vw 0 0;;
		width: 68vw;
	}
}

.desc_feature{
	width: 100%;
	overflow: hidden;
	background-color: transparent;
	background-size: auto;
	background-image: -webkit-linear-gradient(bottom, #fff 0%, #d3e5f0 100%);
	background-image: -o-linear-gradient(bottom, #fff 0%, #d3e5f0 100%);
	background-image: linear-gradient(to top, #fff 0%, #d3e5f0 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: scroll;
}
.desc_feature_inner{
	max-width: 1627px;
	margin: auto;
	position: relative;
}
.desc_feature_txt{
	width: 100%;
	padding-top: 10.75vw;
	text-align: center;
	overflow: hidden;
}
.desc_feature_title h3 .desc_feature_title_img img{
	width: 9.34vw;
	vertical-align: middle;
}
.desc_feature_title h3 .desc_feature_title_img img:first-child{
	transform: translateX(-150px);
}
.desc_feature_title h3 .desc_feature_title_img img:first-child.fadein.scrollin{
	transform: translateX(0px);
}
.desc_feature_title h3 .desc_feature_title_img img:last-child{
	transform: translateX(150px);
}
.desc_feature_title h3 .desc_feature_title_img img:last-child.fadein.scrollin{
	transform: translateX(0px);
}
.desc_feature_title h3 .desc_feature_title_img .cross{
	width: 3.93vw;
	height: 3.93vw;
	transform: rotate( .7853981633974483rad);
	display: inline-block;
	position: relative;
	vertical-align: middle;
}
.desc_feature_title h3 .desc_feature_title_img .cross .cross_col{
	left: 0;
	right: auto;
	width: 3.93vw;
	top: 1.84vw;
	bottom: auto;
	height: 0.18vw;
	background: #757070;
	display: inline-block;
	position: absolute;
}
.desc_feature_title h3 .desc_feature_title_img .cross .cross_row{
	width: 3.93vw;
	top: 1.905vw;
	left: 0;
	bottom: auto;
	height: 0.18vw;
	transform: rotate( 4.71238898038469rad);
	background: #757070;
	display: inline-block;
	position: absolute;
}
.desc_feature_title_txt{
	width: 22.31vw;
	margin: 1.23vw auto 0;
	transform: translateY(50%);
}
.desc_feature_info{
	width: 30vw;
	margin: 1.54vw auto 0;
	text-align: center;
	font-size: 0.98vw;
	font-weight: 500;
	color: #555;
	line-height: 2;
}
.desc_feature_img{
	position: absolute;
	width: 18.44vw;
	top: 6.52vw;
	height: 18.44vw;
	text-align: center;
}
.desc_feature_img_left{
	left: 15.37vw;
}
.desc_feature_img_left img{
	transform: rotate(5.497787143782138rad);
}
.desc_feature_img_right{
	right: 15.37vw;
}
.desc_feature_img_right img{
	transform: rotate(.7853981633974483rad);
}
.desc_feature_img div{
	position: relative;
}
.desc_feature_img span{
	position: absolute;
	top: 50%;
	left: 50%;
	font-weight: 700;
	font-size: 1.23vw;
	color: #1e67d0;
	line-height: 1.4;
	transform: translate(-50%, 0);
}
.desc_feature_img span.fadein.scrollin {
	transform: translate(-50%, -50%);
}
.desc_feature_bottom{
	position: relative;
	height: 350px;
	width: 768px;
	margin: auto;
	
}
.desc_feature_bottom_img01{
	margin: -100px 0 0;
	position: absolute;
	width: 2679px;
	right: -1480px;
	transform: translateX(10px);
}
.desc_feature_bottom_img02{
	margin: -77px 0 0;
	position: absolute;
	width: 2698px;
	left: -1322px;
	transform: translateX(-30px);
}
@media screen and (max-width: 768px) {
	.desc_feature_txt{
		padding-top: 6.51vw;
	}
	.desc_feature_title h3 .desc_feature_title_img img{
		width: 29.07vw;
	}
	.desc_feature_title h3 .desc_feature_title_img .cross{
		width: 8.33vw;
		height: 8.33vw;
		margin-left: -1.33vw;
	}
	.desc_feature_title h3 .desc_feature_title_img .cross .cross_col{
		width: 8.33vw;
		top: 3.91vw;
		height: 0.53vw;
	}
	.desc_feature_title h3 .desc_feature_title_img .cross .cross_row{
		width: 8.33vw;
		top: 4.04vw;
		height: 0.53vw;
	}
	.desc_feature_title_txt{
		width: 68vw;
		margin: 2.6vw auto 0;
	}
	.desc_feature_info{
		width: 80%;
		margin-top: 6.67vw;
		font-size: 2.93vw;
	}
	.desc_feature_img{
		width: 46.6vw;
		height: 46.6vw;
		top: 96.6vw;
	}
	.desc_feature_img_left{
		left: 0.81vw;
	}
	.desc_feature_img_right{
		right: 0.81vw;
	}
	.desc_feature_img span{
		font-size: 3.13vw;
	}
	.desc_feature_bottom{
		height: 89.6vw;
		width: 85.33vw;
	}
	.desc_feature_bottom_img01{
		width: 142.67vw;
		right: -66.67vw;
		margin: 60vw 0 0 0;
	}
	.desc_feature_bottom_img02{
		width: 228vw;
		left: -93.33vw;
		margin: 49.6vw 0 0 0;
	}
}

.desc_emphasis{
	margin-top: -6.66vw;
	background-color: transparent;
	background-size: auto;
	background-image: -webkit-linear-gradient(bottom, #fff 0%, #bfeaff 100%);
	background-image: -o-linear-gradient(bottom, #fff 0%, #bfeaff 100%);
	background-image: linear-gradient(to top, #fff 0%, #bfeaff 100%);
	background-repeat: no-repeat;
	background-position: 0 0;
	background-attachment: scroll;
}
.desc_emphasis_inner{
	max-width: 1202px;
	margin: auto;
	padding: 19.97vw 0 0;
	text-align: center;
	overflow: hidden;
}
.desc_emphasis_inner p{
	line-height: 2.6;
	font-size: 1.5vw;
	font-weight: 700;
	color: #333;
	transform: translateY(5%);
}
.desc_emphasis_img{
	position: relative;
	padding-bottom: 19.13vw;
}
.desc_emphasis_img01{
	display: inline-block;
	width: 100%;
	-moz-transition-delay:1000ms;
	-webkit-transition-delay:1000ms;
	-o-transition-delay:1000ms;
	-ms-transition-delay:1000ms;
}
.desc_emphasis_img02{
	display: inline-block;
	width: 78.2vw;
	position: absolute;
	top: 7.49vw;
	left: 51%;
	transform: translate(-50%, -20%);
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
}
.desc_emphasis_img02.fadein.scrollin{
	transform: translate(-50%, 0);
}
.desc_emphasis_img03{
	display: inline-block;
	width: 100%;
	position: absolute;
	top: 18.3vw;
	left: 0;
	transform: translateY(10%);
}
.desc_emphasis_img04{
	display: inline-block;
	width: 86.68vw;
	margin-left: -0.58vw;
	position: absolute;
	top: 43.84vw;
	left: 50%;
	transform: translate(-50%, 30%);
	-moz-transition-delay:500ms;
	-webkit-transition-delay:500ms;
	-o-transition-delay:500ms;
	-ms-transition-delay:500ms;
}
.desc_emphasis_img04.fadein.scrollin{
	transform: translate(-50%, 0);
}
@media screen and (max-width: 768px) {
	.desc_emphasis{
		margin-top: -6.51vw;
	}
	.desc_emphasis_inner{
		padding: 29.33vw 0 0;
	}
	.desc_emphasis_inner p{
		font-size: 2.93vw;
		line-height: 2.3;
	}
	.desc_emphasis_img{
		margin-top: 3.9vw;
		padding-bottom: 13.02vw;
	}
	.desc_emphasis_img01{
		width: 97.27%;
	}
	.desc_emphasis_img02{
		width: 76.04vw;
		top: 11.46vw;
	}
	.desc_emphasis_img03{
		width: 97.27%;
		top: 14.32vw;
	}
	.desc_emphasis_img04{
		width: 85.11vw;
		top: 39.41vw;
		margin-left: -1.98vw;
	}
}

.related{
	background: #009272;
	text-align: center;
	padding: 75px 0;
}
.related p{
	font-weight: 700;
	font-size: 18px;
	color: #fff;
}
.related p.note{
	font-weight: 400;
	font-size: 14px;
	letter-spacing: -.4px;
}
.related .botton{
	width: 660px;
	text-align: center;
	margin: 25px auto 15px;
	background: #fff;
	border-radius: 8px;
}
.related .botton a{
	display: block;
	width: 100%;
	height: 100%;
	padding: 25px 0;
	text-decoration: none;
}
.related .botton:hover{
	opacity: 0.8;
}
.related .botton a span{
	letter-spacing: -1.2px;
	font-weight: 500;
	font-size: 18px;
	color: #333;
}
.related .iconNewwin_R:after{
	color: #009272;
}
@media screen and (max-width: 768px) {
	.related{
		padding: 8.53vw 0;
	}
	.related p{
		font-size: 3.73vw;
	}
	.related .botton{
		border-radius: 2.13vw;
	}
	.related .botton a{
		padding: 5.33vw 0;
	}
	.related .botton a span{
		font-size: 3.2vw;
		line-height: 1.7;
	}
	.related .botton{
		width: 94%;
	}
}
.footerInner{
	padding: 73px 0 72px;
	margin: auto;
	width: 563px;
}
.footerInner img{
}
@media screen and (max-width: 768px) {
	.footerInner{
		padding: 36px 0 35px;
		width: 73vw;
	}
	.footerInner img{
		width: 100%;
	}
}
@media screen and (min-width: 1100px) {
	.main{
		padding-bottom: 250px;
	}
	.intro01{
		height: 910px;
	}
	.intro_title{
		width: 505px;
		height: 505px;
		padding: 115px 0 100px 55px;
	}
	.intro_title .h01{
		font-size: 25px;
		margin-bottom: 14px;
	}
	.intro_title p span.year-upper2,
	.intro_title p span.year-bottom2{
		font-size: 153px;
		letter-spacing: -6.3px;
	}
	.intro_title p span.year{
		font-size: 51px;
		margin-top: 14px;
	}
	.intro01_title p span.txt{
		font-size: 51px;
	}
	.intro01_title .note{
		font-size: 21px;
		text-align: right;
		margin-top: -10px;
		margin-right: 90px;
	}
	.intro01_img{
		width: 598px;
		height: 598px;
		padding: 107px 106px;
		top: 150px;
		right: 40px;
	}
	.intro01_img div{
		height: 384px;
	}
	.intro01_txt{
		width: 422px;
		height: 422px;
		padding: 119px 50px;
		top: 445px;
		left: 128px;
	}
	.intro01_txt p{
		font-size: 18px;
		letter-spacing: -.5px;
	}
	.intro02{
		height: 940px;
		margin-top: 200px;
	}
	.intro02_title p span.txt{
		font-size: 70px;
	}
	.intro02_img{
		width: 674px;
		height: 674px;
		padding: 132px 65px 165px 95px;
		top: 70px;
	}
	.intro02_img div{
		height: 377px;
	}
	.intro02_txt{
		width: 422px;
		height: 422px;
		padding: 119px 50px;
		top: 455px;
		left: 128px;
	}
	.intro02_txt p{
		font-size: 18px;
		letter-spacing: -.5px;
	}
	.main-bottom{
		padding-top: 88px;
		height: 250px;
	}
	.intro_note{
		max-width: 979px;
	}
	.intro_note ul li{
		font-size: 10px;
	}
}
@media screen and (min-width: 1039px) {
	.desc_catch{
		padding-bottom: 126px;
	}
	.desc_catch_title{
		padding-top: 125px;
		margin-bottom: 60px;
		font-size: 28px;
		letter-spacing: -.3px;
	}
	.desc_catch_inner .desc_catch_img{
		width: 550px;
		height: 550px;
		padding: 110px 0;
	}
	.bar{
		width: 329px;
		height: 8px;
	}
	.desc_catch_img_txt{
		padding: 31px 0 35px;
		font-size: 26px;
		letter-spacing: -1px;
	}
	.desc_catch_img_title{
		margin-bottom: 30px;
		font-size: 160px;
	}
	.desc_catch_txt p{
		font-size: 27px;
	}
}
@media screen and (min-width: 1440px) {
	.desc_summary_EX{
		padding-bottom: 130px;
	}
	.desc_summary_DX{
		padding-bottom: 165px;
	}
	.desc_summary_item{
		padding-top: 63px;
	}
	.desc_summary_EX_img{
		padding-left: 45px;
		width: 690px;
	}
	.desc_summary_txt{
		max-width: 730px;
	}
	.desc_summary_DX_txt{
		padding-left: 117px;
		margin-left: 105px;
	}
	.desc_summary_txt_top .title{
		width: 159px;
	}
	.desc_summary_txt_top .subtitle p{
		font-size: 31px;
	}
	.desc_summary_txt_middle{
	margin-top: 35px;
	}
	.desc_summary_txt_middle div{
		width: 387px;
	}
	.desc_summary_txt_bottom{
		width: 390px;
	}
	.desc_summary_DX_txt .desc_summary_txt_bottom{
		width: 554px;
	}
	.desc_summary_txt_bottom p{
		margin-top: 20px;
		font-size: 16px;
	}
	.desc_summary_card{
		width: 1036px;
	}
	.desc_summary_EX_card{
		margin: -150px auto 0;
	}
	.desc_summary_DX_card{
		margin: -60px auto 0;
	}
	.desc_summary_card li{
		width: 298px;
		margin: 0 17px;
	}
	.desc_summary_DX_img{
		margin: 0 0 0 -20px;
		width: 592px;
	}
}
@media screen and (min-width: 1627px) {
	.desc_feature_txt{
		padding-top: 175px;
	}
	.desc_feature_title h3 .desc_feature_title_img img{
		width: 152px;
		vertical-align: middle;
	}
	.desc_feature_title h3 .desc_feature_title_img .cross{
		width: 64px;
		height: 64px;
	}
	.desc_feature_title h3 .desc_feature_title_img .cross .cross_col{
		width: 64px;
		top: 30px;
		height: 3px;
	}
	.desc_feature_title h3 .desc_feature_title_img .cross .cross_row{
		width: 64px;
		top: 31px;
		height: 3px;
	}
	.desc_feature_title_txt{
		width: 363px;
		margin: 20px auto 0;
	}
	.desc_feature_info{
		width: 530px;
		margin-top: 25px;
		font-size: 18px;
	}
	.desc_feature_img{
		width: 300px;
		top: 106px;
		height: 300px;
	}
	.desc_feature_img_left{
		left: 250px;
	}
	.desc_feature_img_right{
		right: 250px;
	}
	.desc_feature_img span{
		font-size: 20px;
	}
}
@media screen and (min-width: 1202px) {
	.desc_emphasis{
		margin-top: -80px;
	}
	.desc_emphasis_inner{
		padding: 240px 0 0;
	}
	.desc_emphasis_inner p{
		font-size: 20px;
	}
	.desc_emphasis_img{
		padding-bottom: 230px;
	}
	.desc_emphasis_img02{
		width: 940px;
		top: 90px;
	}
	.desc_emphasis_img03{
		top: 220px;
	}
	.desc_emphasis_img04{
		width: 1055px;
		top: 527px;
		margin-left: -7px;
	}
}

.pc{
	display: block;
}
.sp{
	display: none;
}
@media screen and (max-width: 768px) {
	.pc{
		display: none;
	}
	.sp{
		display: block;
	}
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
.l-footer {
    display: none;
}