.bgLightBlue{
	display: block; height: 980px; border-radius: 0 30px 30px 0;
	position: absolute; left: 0; bottom: 0;
}


#keyvisual{background-color: #0181c0;}
#keyvisual, #keyvisual .kvImage{width: 100%; height: 800px; overflow: hidden; border-radius: 40px; position: relative;}
#keyvisual .kvImage img{
	opacity: 0; -webkit-opacity:0; transform: scale(0.2); border-radius: 40px; 
	transition: all .8s ease;
}
#keyvisual .kvImage img.selected{
	opacity: 1 !important; -webkit-opacity:1 !important; transform: scale(1) !important; z-index: 5;
}
#keyvisual .kvImage img.preselected{
	opacity: 1 !important; -webkit-opacity:1 !important; transform: scale(1) !important; z-index: 2;
}

#keyvisual .kv_catchcopy{
	position: absolute;
    left: 160px;
    bottom: 105px;
    overflow: hidden;
    height: 256px;
    width: 800px;
}
#keyvisual .kv_catchcopy span{
	display: block; position: absolute; top: 0; left: 0; font-size: 56px; line-height: 78px; font-weight: 700; color: #fff;
	opacity: 0; -webkit-opacity:0; transform: translateY(100px); transition: all .8s ease-out .6s; 
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#keyvisual .kv_catchcopy span.selected{
	opacity: 1 !important; -webkit-opacity:1 !important; transform: translateY(0) !important;
	z-index: 5;
}

.overlay {
  background-image: -moz-linear-gradient( 90deg, rgba(0,0,0,0.90196) 0%, rgba(0,0,0,0.6) 27%, rgba(0,0,0,0) 100%);
  background-image: -webkit-linear-gradient( 90deg, rgba(0,0,0,0.90196) 0%, rgba(0,0,0,0.6) 27%, rgba(0,0,0,0) 100%);
  background-image: -ms-linear-gradient( 90deg, rgba(0,0,0,0.90196) 0%, rgba(0,0,0,0.6) 27%, rgba(0,0,0,0) 100%);
  position: absolute;
  left: 0; bottom: 0;
  width: 100%; height: 500px; z-index: 5;
}

#keyvisual .kvBtn {
	display: block; position: absolute; border-radius: 50%; right: 200px; bottom: 136px;
	background-color: rgba(60, 168, 221, .5); width: 180px; height: 180px;
	transform: scale(0.2); opacity: 0; -webkit-opacity: 0; transition: all .8s ease-out .6s;
}

#keyvisual .kvBtn div {
  border-radius: 50%; 
  background-color: rgb(1, 129, 192);
  position: absolute; margin: auto;
  left: 0; right: 0; top: 0; bottom:0; width: 140px; height: 140px;
}

#keyvisual .kvBtn div span, #keyvisual .kvBtn div i{color: #fff;}
#keyvisual .kvBtn div span{
	display: block; position: absolute; left: 0; right: 0; margin: auto; top: 45px;
	font-size: 16px; font-family: 'Montserrat', sans-serif; font-weight: 700;
	width: fit-content; width: -ms-fit-content; width: -moz-fit-content; width: -webkit-fit-content; width: -o-fit-content;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}
#keyvisual .kvBtn div i{
	position: absolute; left: 0; right: 0; margin: auto; bottom: 40px;
	font-size: 24px; width: 24px; height: 24px;
	transition: all .4s ease-out;
}
#keyvisual .kvBtn:hover div i{transform: translateY(10px);}

#keyvisual .kvBtn.selected{
  transform: scale(1) !important; opacity: 1 !important; -webkit-opacity: 1 !important; z-index: 5;
}




#feature{margin: 120px 0 60px;}

.features{width: 100%; height: 300px; border-radius: 20px; background-color: #0181c0; position: relative;}

.features:nth-of-type(1){margin-top: 60px;}
.features:nth-of-type(2){margin: 30px 0;}
.features:nth-of-type(3){margin-bottom: 80px;}

.features div:nth-of-type(1){
	width: 450px; height: 300px; border-radius: 20px 0 0 20px;
	position: absolute; left: 0; top: 0; bottom: 0; margin: auto; overflow: hidden;
}

.features div:nth-of-type(2){
	display:block; position: absolute; top: 0; bottom: 0; left: 500px; margin: auto; font-size: 12px; font-weight: 400; color: #fff; width: 640px;
	height: fit-content; height: -ms-fit-content; height: -moz-fit-content; height: -webkit-fit-content; height: -o-fit-content;
}

.features div:nth-of-type(2) span{display: block; color: #fff;}
.features div:nth-of-type(2) span:nth-of-type(1){
	text-transform: uppercase; color: #ffc64b !important;
	font-family: 'Montserrat', sans-serif; font-weight: 700; font-size: 14px;
}
.features div:nth-of-type(2) span:nth-of-type(2){font-size: 24px; font-weight: 700; margin: 20px 0 35px;}
.features div:nth-of-type(2) span:nth-of-type(3){font-size: 16px; line-height: 26px;}