@charset "utf-8";

#wrap{}

/* main_nav */
.main_nav{position:fixed;top:30%;left:10px;display:none;}

/* section */
section {margin:160px 0;}
section.last{margin-bottom:0;}
section .inner{max-width:1400px;margin:0 auto;width:100%;}
section .main_top{max-width:1400px;margin:0 auto;margin-bottom:100px;justify-content:space-between;}
section .main_top em {color: #8b8bc3; font-style: initial;font-size: 1.4rem;font-weight: 700;}
section .main_top p {font-size:1.2rem; line-height:1.3;}
section h2.main_tit{display: block;font-size:4.5em;line-height: 1.5;margin-bottom: 15px; font-weight: 700;}
@media screen and (max-width:1200px){
	section {padding: 0 15px; box-sizing:border-box;}
}
@media screen and (max-width:1024px){
	section .main_top {text-align: center;}
	section h2.main_tit{font-size: 4em; line-height: 1.2; margin-bottom: 25px;}
	section .main_top p{width: 80%; margin: 0 auto; word-break: keep-all; font-size: 1.05rem; line-height: 1.5;}
	section .main_top p > br {display: none;}
}
@media screen and (max-width:640px){
	section {margin:120px 0;}
	section .main_top {margin-bottom: 70px;}
	section h2.main_tit {font-size: 3em;}
	section .main_top em {font-size: 1.05rem;}
	section .main_top p {font-size: 0.95rem;}
}
@media screen and (max-width:480px){
	section {margin: 80px 0;}
	section .main_top {margin-bottom: 50px;}
	section h2.main_tit {font-size: 2.3em;}
	section .main_top p {width: 100%;}
	section .main_top em {margin-bottom: 5px;}
}

/* common */

/* main_visual */
@keyframes fadeUp {
	0% {
		opacity: 0;
		transform: translate3d(0, 100%, 0);
	}
	to {
		opacity: 1;
		transform: translateZ(0);
	}
}
.main_visual{width:100%;height:100%;margin:0 auto;position:relative; padding:0;}
.mainVisual .swiper-slide{width:100%;height:100vh;display:flex;align-items: center;}
.mainVisual .swiper-slide > .main_t{max-width:1400px; color:#FFF;margin: 0 auto;text-align:center;}
.mainVisual .swiper-slide > .main_t > h3{ font-weight:800; font-size: 4.5em; line-height:1.2; text-shadow:2px 2px 10px rgba(0,0,0,.05); animation: fadeUp 1s;word-break:keep-all;}
.mainVisual .swiper-slide > .main_t > h3 > b{color:#ffc700;}
.mainVisual .swiper-slide > .main_t > p{margin-top:40px;font-size:1.3rem;line-height:1.3;color:rgba(255,255,255,.7);}
.mainVisual .swiper-slide > .main_t > a.btn_more {display: inline-block;color:#FFF; font-size:1.05rem; margin-top:40px;border: 1px solid #FFF; padding:10px 5%; box-sizing:border-box;}
.mainVisual .swiper-slide > .main_t > a.btn_more:hover {background-color:#FFF; color:#000; transition: all .3s;}
.mainVisual .swiper-slide > .main_t > a.btn_more > i {margin-left: 10px;}
.mainVisual .swiper-button-next,
.mainVisual .swiper-button-prev{display:none;}
@media screen and (max-width:1024px){
	.mainVisual .swiper-slide > .main_t > h3{ font-size: 4em; }
}
@media screen and (max-width:640px){
	.mainVisual .swiper-slide > .main_t {padding: 0 15px; box-sizing: border-box;}
	.mainVisual .swiper-slide > .main_t > h3{ font-size: 3em; }
	.mainVisual .swiper-slide > .main_t > p {font-size: 1.05rem;}
}
@media screen and (max-width:480px){
	.mainVisual .swiper-slide {height: 80vh;}
	.mainVisual .swiper-slide > .main_t > h3 {font-size: 2.5em; }
	.mainVisual .swiper-slide > .main_t > p {font-size: 0.95rem; word-break: keep-all;}
	.mainVisual .swiper-slide > .main_t > p > br {display: none;}
}

/* main_story */
.main_story {display: flex; position: relative;}
.main_story .main_top {width: 25%; margin-left: 13.3%; margin-bottom: 0;}
.main_story .main_top p {}
.main_story .btn_more {display: block; max-width: 200px;border: 1px solid #8b8bc3;box-sizing: border-box;padding: 10px;text-align: center; margin-top: 50px; background-color:#8b8bc3; color: #FFF; font-size: 1.05rem; font-weight: 600;}
.main_story .btn_more:hover {background-color:#FFF; color:#8b8bc3; transition: all .3s;}
.mainStory {width: 75%; position: static !important; }
.mainStory .swiper-wrapper {}
.mainStory .swiper-slide {}
.mainStory .swiper-slide > a {}
.mainStory .swiper-slide > a > .img_box {background-image: url('/common/img/main/mainStory01.jpg'); background-position: center; background-repeat: no-repeat; background-size: cover; padding: 50%; box-sizing: border-box;}
.mainStory .swiper-slide > a > .txt_box {padding: 20px; box-sizing: border-box; background: #8b8bc3;}
.mainStory .swiper-slide > a > .txt_box > p {font-size: 1.2rem; font-weight: 600; color: #FFF; text-align: center;}
.mainStory .swiper-button-next:after,
.mainStory .swiper-button-prev:after {display: none;}
@media screen and (max-width:1024px){
	.main_story {flex-direction: column; padding: 0;}
	.main_story .main_top {width: 100%; margin: 0; margin-bottom: 60px; padding: 0 15px; box-sizing: border-box;}
	.main_story .btn_more {margin: 0 auto; margin-top: 50px;}
	.mainStory {width: 100%;}
}
@media screen and (max-width:480px){
	.main_story .btn_more {margin-top: 25px; max-width: 150px; font-size: 0.95rem;}
	.mainStory .swiper-slide > a > .txt_box {padding: 10px; }
	.mainStory .swiper-slide > a > .txt_box > p {font-size: 0.95rem;}
}

/* main_bg */
.main_bg {background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ), url('/common/img/main/mainBg01.jpg'); background-repeat: no-repeat; background-size: cover; background-position: 100% 20%; padding: 160px 15px 120px; color: #FFF; box-sizing: border-box;}
.main_bg h2.main_tit {margin-top: 50px; line-height: 1.4;}
.main_bg h2.main_tit span {font-size: 3rem;}
.main_bg p {font-size: 1.3rem;}
@media screen and (max-width:640px){
	.main_bg h2.main_tit {margin-top: 30px;}
	.main_bg h2.main_tit span {font-size: 2rem;}
	.main_bg p {font-size: 1.05rem; width: 80%; line-height: 1.5;}
}
@media screen and (max-width:480px){
	.main_bg {padding: 100px 15px;}
	.main_bg h2.main_tit span {font-size: 1.5rem;}
	.main_bg p {font-size: 0.95rem; width: 100%;}
}

/* main_program */
.main_program {text-align: center;}
.main_program ul {display: flex; margin-bottom: 80px;}
.main_program ul > li {width: 24%; margin-right: 30px; }
.main_program ul > li > .txt_box {padding: 20px; box-sizing:border-box; }
.main_program ul > li > .txt_box > p {line-height: 1.5;}
.main_program ul > li > .txt_box > p.tit {font-size: 1.3rem; font-weight: 600; margin-bottom: 10px;}
.main_program .btn_more {display: block; margin: 0 auto; max-width: 200px;border: 1px solid #8b8bc3;box-sizing: border-box;padding: 10px;text-align: center; margin-top: 50px; background-color:#8b8bc3; color: #FFF; font-size: 1.05rem; font-weight: 600;}
.main_program .btn_more:hover {background-color:#FFF; color:#8b8bc3; transition: all .3s;}
@media screen and (max-width:640px){
	.main_program ul {flex-wrap: wrap; margin-bottom: 60px;}	
	.main_program ul > li {width: 48%; margin-right: 2%; margin-bottom: 30px;}
	.main_program ul > li:nth-child(2n) {margin-right: 0;}
	.main_program ul > li > .txt_box {padding: 0; padding-top: 20px;}
}
@media screen and (max-width:480px){
	.main_program ul {margin-bottom: 20px;}
	.main_program ul > li {width: 100%; margin-right: 0; margin-bottom: 30px;}
	.main_program ul > li > .txt_box > p {word-break: keep-all; font-size: 0.95rem;}
	.main_program ul > li > .txt_box > p.tit {font-size: 1.05rem;}
	.main_program .btn_more {margin-top: 0; max-width: 150px; font-size: 0.95rem;}
}


/* main_process */
.main_process {background: #f7f7fb; padding: 160px 15px; box-sizing: border-box; position: relative;}
.main_process .main_top {text-align: center;}
.main_process ul {display: flex; width: 100%;}
.main_process ul:before {content: ''; position: absolute; top: 60%; left: 0; width: 100%; height: 1px; background: #8b8bc3;}
.main_process ul > li {width: 25%; text-align: center; position: relative;}
.main_process ul > li:after {content: '10회'; position: absolute; right: -10px; top: 23%; font-weight: 600;}
.main_process ul > li:nth-child(2):after {content: '20회'; }
.main_process ul > li:nth-child(3):after {content: '30회'; }
.main_process ul > li:nth-child(4):after {content: '50회'; }
.main_process ul > li > .top {position: relative; padding-bottom: 60px; }
.main_process ul > li > .top:after {content: ''; position: absolute; bottom: 0; left: 50%; width: 1px; height: 50%; background: #8b8bc3;}
.main_process ul > li > .top > p.tit {line-height: 1.5; font-size: 2em; font-weight: 600;}
.main_process ul > li > .bottom {width: 180px; height: 180px; background: #8b8bc3; margin: 0 auto; border-radius: 50%; display: flex; flex-direction: column;align-items: center;justify-content: center; color:#FFF; margin-top: 20px; line-height: 1.5;}
.main_process ul > li > .bottom > span {font-size: 1.6em; font-weight: 600;}
.main_process ul > li > .bottom > p {font-size: 1.2rem;}
@media screen and (max-width:1024px){
	.main_process ul:before {top: 59%;}
}
@media screen and (max-width:640px){
	.main_process {padding: 100px 15px;}
	.main_process ul {flex-direction: column; margin: 0 auto; align-items: center; justify-content: center; position: relative;}
	.main_process ul:before {width: 1px; height: 100%; top: 10px; left: 50%;}
	.main_process ul > li {width: 100%; margin-bottom: 30px;}
	.main_process ul > li:after {top: 27%; right: 30%;}
	.main_process ul > li > .top {background: #f7f7fb; padding: 10px;}
	.main_process ul > li > .top:after {display: none;}
	.main_process ul > li > .top > p.tit {font-size: 1.6em;}
	.main_process ul > li > .bottom {width: 150px; height: 150px; margin-top: 50px}
	.main_process ul > li > .bottom > span {font-size: 1.3em;}
}
@media screen and (max-width:480px){
}


/* main_fin */
.main_fin {}
.main_fin ul {display: flex;}
.main_fin ul > li {width: 49%; margin-right: 80px;}
.main_fin ul > li:last-child {margin-right: 0;}
.main_fin ul > li > .top {margin-bottom: 20px; text-align: center;}
.main_fin ul > li > .top > p {font-size: 1.05rem; word-break: keep-all; line-height: 1.3; min-height: 44px;}
.main_fin ul > li > .top > p.tit {font-weight: 700;font-size: 1.8rem; margin-bottom: 10px;}
.main_fin ul > li > .top > p > span {font-weight: 800; color: #8b8bc3;}
.main_fin ul > li > .bottom {border-radius: 30px; overflow: hidden;}
.main_fin ul > li > .bottom > img {}
@media screen and (max-width:1024px){
	.main_fin ul > li {margin-right: 30px;}
}
@media screen and (max-width:640px){
	.main_fin ul {flex-direction: column;align-items: center;justify-content: center;}
	.main_fin ul > li {margin-right: 0; margin-bottom: 50px; width: 80%;}
	.main_fin ul > li:last-child {margin-bottom: 0;}
	.main_fin ul > li > .top {}
	.main_fin ul > li > .top > p {min-height: auto;}
	.main_fin ul > li > .top > p.tit {font-size: 1.5rem;}
	.main_fin ul > li > .top > p > br {display: none;}
	.main_fin ul > li > .bottom {border-radius: 20px;}
}
@media screen and (max-width:480px){
	.main_fin ul > li {width: 100%;}
	.main_fin ul > li > .top > p {font-size: 0.85rem;}
	.main_fin ul > li > .top > p.tit {font-size: 1.3rem;}
}