.bgLightBlue{
	display: block; height: 980px; border-radius: 0 20px 20px 0; width: 99% !important;
	position: absolute; left: 0; bottom: 0;
}


#keyvisual{background-color: #0181c0;}
#keyvisual, #keyvisual .kvImage{
	width: 100%;
    height: calc(100vh - 60px);
    overflow: hidden;
    /*border-radius: 20px;*/
    position: relative;
}
#keyvisual .kvImage img{
	opacity: 0; -webkit-opacity:0; transform: scale(0.2); /*border-radius: 20px;*/ transition: all .8s ease-in;
}
#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: 0;
    right: 0;
    margin: auto;
    bottom: 270px;
    overflow: hidden;
    height: 140px;
	width: 100%;
}
#keyvisual .kv_catchcopy span{
	display: block; position: absolute; top: 0; left: 0; right: 0; margin: auto;
    text-align: center;
    font-size: 26px;
    line-height: 46px;
    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: 550px;
	z-index: 5;
}

#keyvisual .kvBtn {
	display: block;
    position: absolute;
    border-radius: 50%;
    right: 0;
    left: 0;
    margin: auto;
    bottom: 120px;
    background-color: rgba(60, 168, 221, .5);
    width: 100px;
    height: 100px;
    transform: scale(0.1);
    opacity: 0;
    -webkit-opacity: 0;
    transition: all .8s ease-out .6s;
	-webkit-animation: 1.2s linear 0s infinite alternate move_button;
    animation: 1.2s linear 0s infinite alternate move_button;
}

@-webkit-keyframes move_button { 
	0% { bottom:120px; } 
	50% { bottom:140px; } 
	100% { bottom:120px; } 
}
@keyframes move_button { 
	0% { bottom:120px; } 
	50% { bottom:140px; } 
	100% { bottom:120px; } 
}


#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: 80px;
    height: 80px;
}

#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: 26px;
    font-size: 12px;
    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: 16px;
    font-size: 20px;
    width: 20px;
    height: 20px;
}

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




#feature{margin: 60px 0;}

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

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

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

.features div:nth-of-type(2){
	display:block; position: absolute; top: 180px; left: 0; right: 0; margin: auto; font-size: 12px; font-weight: 400; color: #fff; width: 90%;
	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: 14px; font-weight: 700; margin: 10px 0 20px;}
.features div:nth-of-type(2) span:nth-of-type(3){font-size: 12px; line-height: 20px;}