@charset "UTF-8";
@media (prefers-reduced-motion:no-preference) {
  :root {
    scroll-behavior: auto
  }
}
main{position: relative;height: 800vh;}
.sec_box_cs{width: 100%;height: 100vh;position: absolute;background-size: cover;background-position: center;background-repeat:no-repeat;background-attachment: fixed;overflow: hidden;-webkit-clip: rect(0, auto, auto, 0);clip: rect(0, auto, auto, 0);cursor: pointer;}
#sec_1{background-image: url("../images/vision/bg_vision_img_01.jpg");z-index: 1;top: 0;}
#sec_2{background-image: url("../images/vision/bg_vision_img_02.jpg");z-index: 2;top: 100vh;}
#sec_3{background-image: url("../images/vision/bg_vision_img_03.jpg");z-index: 3;top: 200vh;}
#sec_4{background-image: url("../images/vision/bg_vision_img_04.jpg");z-index: 4;top: 300vh;}
#sec_5{background-image: url("../images/vision/bg_vision_img_05.jpg");z-index: 5;top: 400vh;}
#sec_6{background-image: url("../images/vision/bg_vision_img_06.jpg");z-index: 6;top: 500vh;}
#sec_7{background-image: url("../images/vision/bg_vision_img_07.jpg");z-index: 7;top: 600vh;}
#sec_8{background-image: url("../images/vision/bg_vision_img_08.jpg");z-index: 8;top: 700vh;}
.textbox_cs{position: fixed;left: 50%;transform: translateX(-50%);top: 15%;text-align: center;width: 100%;padding:0 2rem;max-width: 1200px}
.textbox_cs h1{font-size: 36px;font-weight: 600; }
.textbox_cs p{text-align: center;font-size: 20px;}
#sec_1_textbox.textbox_cs p{font-weight: 600;}
.text_white_cs h1,.text_white_cs p{color: #FFF;text-shadow: 0px 0px 8.64px #000; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #000;  paint-order: stroke fill;}
.text_green_cs h1,.text_green_cs p{color: #083949;text-shadow: 0px 0px 8.64px #F7F7F7; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #F7F7F7;  paint-order: stroke fill;}
.text_deepgreen_cs h1,.text_deepgreen_cs p{color: #0D440C;text-shadow: 0px 0px 8.64px #EBF6E5; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #EBF6E5;  paint-order: stroke fill;}
#sec_7 .text_white_cs h1, #sec_7 .text_white_cs p{color: #FFF;text-shadow: 0px 0px 8.64px #0873b3; -webkit-text-stroke-width: 1px; -webkit-text-stroke-color: #054369;  paint-order: stroke fill;}
@media (min-width:2000px) {
	.textbox_cs p {font-size: 1vw;}
	.textbox_cs h1 {font-size: 2.6vw;}
}
@media (max-width:991px) {
	.textbox_cs h1 {font-size: 24px;}
}
@media (max-width:575px) {
	.textbox_cs {top: 12%;}
	.textbox_cs p{text-align: left}
	#sec_1_textbox.textbox_cs p {font-weight: 400;}
	#sec_1{background-position:  top center;background-image: url("../images/vision/bg_vision_img_01_sm.jpg")}
}
@media (max-width:450px) {
	.textbox_cs p {font-size: 18px;}    
	.textbox_cs h1 {font-size: 22px;}
}
@media (max-width:375px) {
	.textbox_cs h1 {font-size: 20px;}
	.textbox_cs p {font-size: 16px;}
}
@media (max-width:350px) {
}