.main_sc{ overflow:hidden; }
.main_sc, .main_sc *{ box-sizing:border-box; }
.main_sc > .sc_con{ width:100%; margin:0 auto; }


.sc01_bg{ position:absolute; z-index:1; top:0; bottom:0; left:0; right:0; background-color:#333; background-position:center; background-size:cover; background-repeat:no-repeat; }
.sc01_bg.bg_01{ background-image:url(../img/main/01-01.jpg); }
.sc01_bg.bg_02{ background-image:url(../img/main/01-02.jpg); }
.sc01_bg.bg_03{ background-image:url(../img/main/01-03.jpg); }

.sc01Sli{ height:auto; }
.sc01_fr{ position:relative; z-index:5; width:100%; min-height:max(600px, 47vw); height:auto; padding:150px 20px; background-color:rgba(0,0,0,.2); display:-webkit-flex; display:-ms-flexbox; display:flex; justify-content:center; align-items:center; }
.sc01_txt{ max-width:800px; width:100%; text-align:center; word-break:keep-all; text-shadow:1px 1px 3px rgba(0,0,0,.3); }
.sc01_txt > h4{ font-size:26px; font-weight:300; color:#fff; margin-bottom:10px; opacity:0; transform:translate(0, 100px); transition:0s opacity 0.8s, 0s transform 0.8s; }
.sc01_txt > h4 > b{ font-weight:800; }
.sc01_txt > h2{ font-family:'rw','noto',sans-serif; font-size:80px; font-weight:800; color:#fff; margin-bottom:40px; line-height:1em; opacity:0; transform:translate(0, 100px); transition:0s opacity 0.8s, 0s transform 0.8s; }
.sc01_txt > p{ font-size:20px; font-weight:300; color:#fff; line-height:1.5em; opacity:0; transform:translate(0, 100px); transition:0s opacity 0.8s, 0s transform 0.8s; }

.sc01Sli.swiper-slide-active .sc01_txt > h4{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.5s, 1s transform 0.5s; }
.sc01Sli.swiper-slide-active .sc01_txt > h2{ opacity:1; transform:translate(0, 0); transition:1s opacity 0.75s, 1s transform 0.75s; }
.sc01Sli.swiper-slide-active .sc01_txt > p{ opacity:1; transform:translate(0, 0); transition:1s opacity 1s, 1s transform 1s; }

#sc01_pg{ position:absolute; z-index:1; width:auto; bottom:30px; left:50%; transform:translate(-50%, 0); }
#sc01_pg > .swiper-pagination-bullet{ opacity:1; width:12px; height:12px; background-color:#fff; border-radius:100px; box-shadow:2px 2px 5px 0 rgba(0,0,0,.3); transition:0.7s all; }
#sc01_pg > .swiper-pagination-bullet-active{ width:40px; background-color:#2bb06f; }

@media(max-width:850px){
	.sc01_fr{ min-height:calc(95vh - 50px); }
	.sc01_txt > h2{ font-size:min(12.41vw, 70px); margin-bottom:20px; }
}
@media(max-width:600px){
	.sc01_txt > h4{ font-size:20px; transform:translate(0, 60px); }
	.sc01_txt > h2{ margin-bottom:20px; transform:translate(0, 60px); }
	.sc01_txt > p{ font-size:15px; transform:translate(0, 60px); }
}




#sc02{ padding:150px 20px; background-color:#2bb06f; }
#sc02 > .sc_con{ max-width:1400px; }
.sc02_ptwrap{ display:flex; flex-flow:row wrap; justify-content:space-between; }
.sc02_pt{ width:50%; }
.sc02_pt.lf{ width:min(544px, 50%); }
.sc02_img{ position:relative; z-index:1; width:100%; padding-top:93.75%; }
.sc02_img > .img_01{ position:absolute; z-index:1; width:100%; top:50%; left:50%; transform:translate(-50%, -48%); filter: drop-shadow(5px 5px 5px rgba(0,0,0,.3)); animation:7s wave 0s infinite; }
.sc02_img > .img_02{ position:absolute; z-index:2; width:100%; top:50%; left:50%; transform:translate(-50%, -48%); filter: drop-shadow(5px 5px 5px rgba(0,0,0,.3)); animation:7s wave 0.3s infinite; }
.sc02_img > .img_01 > img, .sc02_img > .img_02 > img{ display:block; width:100%; height:auto; }

.sc02_pt.rt{ display:flex; align-items:center; }
.sc02_txt{ padding-left:40px; word-break:keep-all; }
.sc02_txt > h4{ font-size:24px; font-weight:400; color:#fff; margin-bottom:10px; }
.sc02_txt > h2{ display:inline-block; padding:0 10px; background-color:#fff; font-family:'rw','score',sans-serif; font-size:60px; font-weight:700; color:rgba(43,176,111,0.5); margin-bottom:30px; box-shadow:5px 5px 8px 0 rgba(0,0,0,.4); text-shadow:4px 4px 4px rgba(255,255,255,.6), 0 0 0 #000; }
.sc02_txt > p{ font-size:17px; font-weight:300; color:#fff; line-height:1.5em; margin-bottom:30px; }
.sc02_txt > a{ position:relative; z-index:1; display:inline-block; padding:45px 15px; width:90px; border-radius:100%; line-height:0; font-size:15px; color:#fff; text-align:center; box-shadow:3px 3px 6px 0 rgba(0,0,0,.3), inset 0 0 0 8px #fff, inset 8px 8px 8px 0 rgba(0,0,0,0.3); transition:0.3s all; }
.sc02_txt > a:hover{ color:#2bb06f; box-shadow:3px 3px 6px 0 rgba(0,0,0,.3), inset 0 0 0 45px #fff; }
.sc02_txt > a:after{ content:"\f06c"; position:absolute; z-index:1; width:16px; height:16px; line-height:1em; top:4px; right:-6px; font-family:'FontAwesome'; font-size:16px; font-weight:900; color:#fff; transform-origin:left bottom; }
.sc02_txt > a:hover:after{ animation:0.3s shake; }

@keyframes shake{
	0%{ transform:rotate(0deg); }
	20%{ transform:rotate(25deg); }
	40%{ transform:rotate(-40deg); }
	60%{ transform:rotate(10deg); }
	80%{ transform:rotate(-20deg); }
	100%{ transform:rotate(0deg); }
}

@keyframes wave{
	0%{ transform:translate(-50%, -48%); }
	50%{ transform:translate(-50%, -52%); }
	100%{ transform:translate(-50%, -48%); }
}

@media(max-width:850px){
	.sc02_pt.lf{ width:min(544px, 100%); margin-bottom:60px; }
	.sc02_pt.rt{ width:100%; }
	.sc02_txt{ padding-left:0; }
}






#sc03{ padding:150px 20px; background-color:#f5f5f5; }

.sc03_tt{ max-width:960px; width:100%; margin:0 auto; word-break:keep-all; text-align:center; }
.sc03_tt > .sc03_img{ max-width:80px; width:100%; margin:0 auto 40px; }
.sc03_tt > .sc03_img > img{ display:block; width:100%; height:auto; }
.sc03_vd{ position:relative; z-index:1; padding-top:56.25%; overflow:hidden; margin-bottom:40px; box-shadow:5px 5px 10px 0 rgba(0,0,0,.25); }
.sc03_vd > iframe{ position:absolute; z-index:1; top:0; left:0; width:100%; height:100%; }
.sc03_tt > h2{ font-family:'score'; font-size:35px; font-weight:700; color:#2bb06f; margin-bottom:10px; }
.sc03_tt > p{ font-size:20px; font-weight:400; color:#aaa; margin-bottom:30px; }
.sc03_tt > a{ position:relative; z-index:1; display:inline-block; padding:45px 15px; width:90px; border-radius:100%; line-height:0; font-size:15px; color:#2bb06f; text-align:center; box-shadow:3px 3px 6px 0 rgba(0,0,0,.3), inset 0 0 0 8px #2bb06f, inset 8px 8px 8px 0 rgba(0,0,0,0.3); transition:0.3s all; }
.sc03_tt > a:hover{ color:#fff; box-shadow:3px 3px 6px 0 rgba(0,0,0,.3), inset 0 0 0 45px #2bb06f; }
.sc03_tt > a:after{ content:"\f06c"; position:absolute; z-index:1; width:16px; height:16px; line-height:1em; top:4px; right:-6px; font-family:'FontAwesome'; font-size:16px; font-weight:900; color:#2bb06f; transform-origin:left bottom; }
.sc03_tt > a:hover:after{ animation:0.3s shake; }

@media(max-width:600px){
	.sc03_tt > h2{ font-size:30px; }
	.sc03_tt > p{ font-size:16px; }
}






#sc04{ padding:150px 20px; background-color:#2bb06f; }
#sc04 > .sc_con{ max-width:1560px; }
.sc04_ptwrap{ margin:0 -15px; display:flex; flex-flow:row wrap; }
.sc04_pt{ position:relative; z-index:1; width:33.33333333%; padding:0 15px; }
.sc04_pt:not(:last-child):after{ content:"\f105"; position:absolute; z-index:1; top:50%; right:0; transform:translate(50%, -50%); font-family:'Line Awesome Free'; font-weight:900; font-size:min(4.6875vw, 80px); color:#fff; }
.sc04_img{ position:relative; z-index:1; width:100%; padding-top:100%; }
.sc04_img > img{ position:absolute; }

.sc04_img.img_01 > .img01_1{ bottom:0; left:0; width:54%; animation:5s bounce infinite; }
.sc04_img.img_01 > .img01_2{ top:0; right:0; width:53.6%; animation:6.7s bounce2 infinite; }

.sc04_img.img_02 > .img02_1{ top:50%; left:50%; transform:translate(-50%, -50%) rotate(0deg); animation:20s revolve infinite; }

.sc04_img.img_03 > .img03_1{ z-index:2; bottom:0; left:8.2%; width:83.6%; }
.sc04_img.img_03 > .img03_2{ top:0; left:8%; width:55.6%; animation:5s wind infinite; transform-origin:bottom center; }
.sc04_img.img_03 > .img03_3{ bottom:0; right:2%; width:38.6%; animation:7s wind2 infinite; transform-origin:bottom center; }

.sc04_txt{ position:absolute; z-index:1; top:50%; left:50%; width:100%; transform:translate(-50%, -50%); text-align:center; }
.sc04_txt > h3{ font-family:'score','noto',sans-serif; font-size:34px; font-weight:700; color:#fff; text-shadow:2px 2px 2px rgba(0,0,0,.4); }

@keyframes bounce{
	0%{ transform:translate(0%, 0%); }
	50%{ transform:translate(0, -10%); }
	100%{ transform:translate(0%, 0%); }
}
@keyframes bounce2{
	0%{ transform:translate(0%, 0%); }
	50%{ transform:translate(0, 10%); }
	100%{ transform:translate(0%, 0%); }
}

@keyframes revolve{
	0%{ transform:translate(-50%, -50%) rotate(0deg); }
	100%{ transform:translate(-50%, -50%) rotate(360deg); }
}
@keyframes wind{
	0%{ transform:rotate(3deg); }
	33%{ transform:rotate(-3deg); }
	100%{ transform:rotate(3deg); }	
}
@keyframes wind2{
	0%{ transform:rotate(5deg); }
	50%{ transform:rotate(-5deg); }
	100%{ transform:rotate(5deg); }
}

@media(max-width:850px){
	.sc04_ptwrap{ justify-content:center; }
	.sc04_pt{ max-width:500px; width:85%; }
	.sc04_pt:not(:last-child){ padding:0 15px 60px }
	.sc04_pt:not(:last-child):after{ content:"\f107"; top:auto; bottom:0; right:50%; transform:translate(50%, -10px); font-size:40px; }
}




#sc06{ padding:50px 20px; }
#sc06 > .sc_con{ max-width:1500px; }

#sc06Sli{ margin:0 -10px; }
.sc06Sli{ padding:10px; }
.sc06_img{ box-shadow:4px 4px 7px 0 rgba(0,0,0,.3); padding:10px; }
.sc06_img > img{ display:block; max-width:100%; height:auto; margin:0 auto; }