@charset "utf-8";

.content > div {position : relative;}
.section01 .txt01 {font-size : 8vw; color : #fff; opacity : 0; transform : translateX(-50px); font-weight : 600; position : absolute; width : 100%; top : 10%; text-align : center;}
.section01 .txt01 span {font-weight : 600;}
.section01 .txt02 {font-size : 7vw; color : #fff; position : absolute; width : 100%; top : 18%; text-align : center;}
.section01 .txt02 span {opacity : 0; font-weight : 600;}
.section01 .txt02 span.slide01 {font-weight : 600; transform : translateX(-50px);}
.section01 .txt03 {font-size : 4.8vw; color : #fff;  opacity : 0; transform : translateX(-50px); position : absolute; width : 100%; top : 32%; text-align : center;}
.section01 .txt03 span {font-weight : 300; }
.section01.current .txt01 {opacity : 1; transform : translateX(0); transition : all 0.1s 0.2s;}
.section01.current .txt02 span.slide01 {opacity : 1; transform : translateX(0); transition : all 0.1s 0.3s;}
.section01.current .txt02 span.fade01 {opacity : 1; transition : all 0.1s 0.5s;}
.section01.current .txt02 span.fade02 {opacity : 1; transition : all 0.1s 0.7s;}
.section01.current .txt02 span.fade03 {opacity : 1; transition : all 0.1s 0.9s;}
.section01.current .txt03 {opacity : 1; transform : translateX(0); transition : all 0.1s 1.2s;}
.section02 h2 {font-size : 3.6vw; color : #fff; letter-spacing : 0; border-radius : 25px; background : #dd6b89; width : 150px; height : 25px; line-height : 25px; text-align : center; position : absolute; top : 6%; left : 50%; margin-left : -75px;}
.section02 h3 {font-size : 5vw; font-weight : 400; color : #fff; width : 100%; text-align : center; position : absolute; top : 15%; line-height : 120%; letter-spacing : -1px;}
.section02 h3 span {font-weight : 600;}
.section03 h2 {font-size : 3.6vw; font-weight : 400; color : #fff; letter-spacing : 0; border-radius : 25px; background : #360915; width : 300px; height : 25px; line-height : 25px; text-align : center; position : absolute; top : 19%; left : 50%; margin-left : -150px;}
.section03 h3 {font-size : 6.5vw; font-weight : 200; color : #360915; width : 100%; text-align : center; position : absolute; top : 5%; line-height : 120%; letter-spacing : -2px;}
.section03 h3 span {font-weight : 600;}
.section03 .txt1 {font-size : 4vw; position : absolute; font-weight : 400; text-align : center; width : 100%; color : #360915; top : 22%;}
.section03 .txt2 {font-size : 4vw; position : absolute; font-weight : 400; text-align : center; width : 100%; color : #360915; top : 83%; line-height : 130%;}
.section03 .txt2 span.bg {font-weight : 700; line-height : 110%; font-size : 4vw; background : #f8d6df;}

.section04 h3 {font-size : 5vw; font-weight : 400; color : #360915; width : 100%; text-align : center; position : absolute; top : 5%; line-height : 120%; letter-spacing : -1px;}
.section04 h3 span {font-weight : 600; line-height : 120%;}
.section04 .descWrap {padding : 0 10px; position : absolute; top : 52%;}
.section04 .descWrap li {padding : 0 10px; margin-bottom : 10px;}
.section04 .descWrap .title {font-size : 5vw; font-weight : 600; color : #360915;}
.section04 .descWrap .title img {vertical-align : bottom; width : 50px;}
.section04 .descWrap .desc {margin-top : 10px; font-size : 3.5vw; color : #360915; font-weight : 400; line-height : 120%;}
.section04 .descWrap .desc span {font-weight : 700; line-height : 120%;}
.section04 .descWrap .desc span.bg {background : #f4dbcd;}
.section05 {position:relative;padding : 30px 0; background : #d28099;}
.section05 .swiper-slide h2 {font-size : 5.5vw; color : #fff; text-align : center; letter-spacing : -1px; padding-top : 20px; line-height : 120%;}
.section05 .swiper-slide h2 span {font-weight : 600; line-height : 120%;}
.section05 .swiper-slide p {font-size : 4.5vw; color : #fff; font-weight : 400; line-height : 120%; text-align : Center;}
.section05 .swiper-slide .thumb {padding-top : 20px; text-align : center;}
.section05 .swiper-slide .thumb img {width : 62.5%;}
.section05 .swiper-button-next, .section05 .swiper-button-prev {background-image: none!importnat;width : 30px; height : 30px; font-size : 20px; position : absolute; top : 62%; margin-top : -15px; text-align : center; border : 1px solid #fff;}
.section05 .swiper-button-next {right : 0;}
.section05 .swiper-button-prev {left : 0;}
.section05 .swiper-button-next i, .section05 .swiper-button-prev i {font-size : 25px; line-height : 30px; color : #fff;}
.section06 {padding : 30px 0 50px; background : #eb9fb7;}
.section06 p {padding-top : 25px; font-size : 5vw; color : #fff; text-align : center; letter-spacing : 1px; line-height : 120%; position : relative;}
.section06 p span.bold {font-weight : 600; line-height : 120%;}
.section06 p span.line {border-bottom : 1px solid #fff;}
.section06 p:after {width : 1px; height : 30px; background : #fff; position : absolute; top : -20px; left : 50%;}
.section07 {padding : 30px 0; background : #ececec;}
.section07 h2 {font-size : 4vw; color : #fff; border-radius : 30px; background : #360915; width : 300px; height : 30px; line-height : 30px; text-align : center; margin : 0 auto;}
.section07 h3 {padding-top : 10px; font-size : 5vw; font-weight : 400; color : #360915; text-align : center; letter-spacing : -2px; line-height : 130%;}
.section07 h3 span {font-weight : 600; line-height : 130%;}
.section07 h3.last {padding-top : 20px; padding-bottom : 30px;}
.section07 .case {padding : 0 15px; margin-top : 20px;}
.section07 .case ul li {margin-bottom : 15px;}
.section07 .case ul li span {display : block;}
.section07 .case ul li span.text {text-align : center; padding : 15px 10px; background : #dd6b89;}
.section07 .case ul li span img {width : 100%;}
.section07 .case ul li span.text .title {font-size : 4vw; font-weight : 600; color : #fff; line-height : 120%;}
.section07 .case ul li span.text .title .small {font-size : 3.5vw; line-height : 120%;}
.section07 .case ul li span.text .desc {font-size : 3vw; line-height : 120%; color : #fff; margin-top : 10px;}
.section07 .case p {font-size : 3vw; color : #5b5b5b; text-align : center;}
.section07 .txt01 {font-size : 3vw; color : #5b5b5b; text-align : center; padding : 30px 10px; line-height : 150%;}
.section07 .txt02 {font-size : 4vw; color : #360915; text-align : center; padding : 30px 0 0; line-height : 150%; position : relative;}
.section07 .txt02 span.bg {background : #f8d6df; font-weight : 700; line-height : 150%;}
.section07 .txt02:after {content : ''; width : 1px; height : 20px; top : -10px; background : #360915; position : absolute; left : 50%;}

.section08 {padding : 0 0 30px; background : #ececec;}
.section08 h2 {font-size : 3.8vw; color : #fff; border-radius : 25px; background : #360915; width : 300px; height : 25px; line-height : 25px; text-align : center; margin : 0 auto;}
.section08 h3 {padding-top : 10px; font-size : 5vw; font-weight : 400; color : #360915; text-align : center; line-height : 120%;}
.section08 h3 span {font-weight : 600; line-height : 120%;}
.section08 .case {padding : 0 15px; margin-top : 30px;}
.section08 .case ul li {margin-bottom : 30px;}
.section08 .case ul li span {display : block; text-align : center;}
.section08 .case ul li span img {max-width : none; height : auto; width : 65.625%;}
.section08 .case ul li span.title {font-size : 4vw; font-weight : 400; line-height : 120%; color : #360915; padding : 10px 0;}
.section08 .case ul li span.link a {font-size : 3.5vw; color : #fff; width : 95px; height : 25px; line-height : 25px; text-align : center; margin : 0 auto; display : block; background : #dd6b89; border-radius : 54px;}

.section09 h2 {font-size : 6vw; color : #fff; width : 100%; text-align : center; position : absolute; top : 42%; line-height : 120%; letter-spacing : -3px;}
.section09 h2 span {font-weight : 600; line-height : 120%;}
.section09 p {font-size : 3vw; line-height : 120%; color : #360915; position : absolute; text-align : center; width : 100%; top : 65%;}
.section09 h3 {font-size : 4vw; line-height : 120%; color : #360915; padding : 30px 0 0; position : absolute; text-align : center; width : 100%; top : 60%;}
.section09 h3 span {font-size : 6vw; background : #f4d2db; font-weight : 700; line-height : 150%; padding : 0 5px;}
.section10 {position:relative;}
.section10 h2 {font-size : 5.5vw; line-height : 110%; color : #fff; position : absolute; text-align : center; width : 100%; top :64%;}
.section10 h2 span {font-weight : 600; line-height : 110%;}
.section10 h3 {font-size : 6vw; line-height : 110%; color : #fff; position : absolute; text-align : center; width : 100%; top :71.7%;}
.section10 h3 span {font-weight : 600; line-height : 11%;}

.section11 h2 {font-size : 4vw; font-weight : 400; color : #fff; border-radius : 30px; background : #dd6b89; width : 180px; height : 30px; line-height : 30px; text-align : center; position : absolute; top : 8%; left : 50%; margin-left : -90px; letter-spacing : 3px;}
.section11 h3 {font-size : 7vw; font-weight : 400; line-height : 120%; color : #fff; position : absolute; text-align : center; width : 100%; top : 15%;}
.section11 h3 span {font-weight : 600; line-height : 120%;}
.section11 p {font-size : 3vw; font-weight : 400; color : #fff; line-height : 120%; position : absolute; text-align : center; width : 100%; top : 33%;}
.datv_wrap .datv_list ul li.on {background : #dd6b89 !important;}

@media (min-width:640px) {
	.section01.current .txt01 {font-size:76px;}
	.section01.current .txt02 {font-size:76px;}
	.section01.current .txt03 {top:32.2%;font-size:26px;}
	.section02 h2 {font-size:18px;}
	.section02 h3 {font-size:38px;}
	.section03 h2 {font-size:18px;}
	.section03 h3 {font-size:38px;}
	.section03 .txt1 {font-size:16px;}
	.section03 .txt2 {font-size:20px;}
	.section03 .txt2 span.bg {font-size:28px;}
	.section04 h3 {font-size:38px;}
	.section04 .descWrap .title {font-size:38px;}
	.section04 .descWrap .desc {font-size:20px;}
	.section05 .swiper-slide h2 {font-size:38px;}
	.section05 .swiper-slide p {font-size:20px;}
	.section06 p {font-size:38px;}
	.section07 h2 {font-size:18px;letter-spacing:-2px;}
	.section07 h3 {font-size:38px;}
	.section07 .case ul li span.text .title {font-size:18px;}
	.section07 .case ul li span.text .title .small {font-size:16px;}
	.section07 .case ul li span.text .desc,.section07 .case p,.section07 .txt01 {font-size:14px;}
	.section07 .txt02 {font-size:18px;}
	.section08 h2 {font-size:18px;letter-spacing:-2px;}
	.section08 h3 {font-size:38px;}
	.section08 .case ul li span.text .title {font-size:18px;}
	.section08 .case ul li span.text .link a {font-size:14px;}
	.section09 h2 {font-size:38px;}
	.section09 p {font-size:14px;}
	.section09 h3 {font-size:18px;}
	.section09 h3 span {font-size:38px	}
	.section10 h2 {font-size:38px;}
	.section10 h3 {font-size:48px;}
	.section11 h2 {font-size:18px;}
	.section11 h3 {font-size:38px;}
	.section11 p {font-size: 14px;}
}