/* plusstory */
.topback{background-image: linear-gradient(rgba(255,255,255,0.7),rgba(255,255,255,0.7)), url("/images/story_03.png");background-position:right 90px;background-repeat:no-repeat;background-size:60% auto;}
.story_aa{padding-top:25px;display:flex;}
.story_aa .mimg{padding: 0 0 30px 0;}
.story_aa .main_text{position:relative;}
.story_aa .main_text .big{font-size:16px;padding-bottom:12px;line-height:1.3}
.story_bb{padding-top:25px;text-align:center;line-height:0.8;letter-spacing:-0.04em}
.story_bb .llb1{font-size:25px;line-height:1}
.story_bb .llb2{font-size:45px;}
.story_bb .llb3{font-size:30px;}
.story_cc{padding-top:40px;text-align:center;}
.story_dd{padding-top:40px;text-align:center;}
.story_slide.swiper{padding-bottom:40px}
.story_slide .swiper-pagination-bullet{background:#aaa;border:1px solid #aaa;opacity:1;}
.story_slide .swiper-pagination-bullet-active{border-radius:5px;background:#008236;border:1px solid transparent;}
.hovertext{border-radius:50%;overflow:hidden;position:relative;}
.hovertext .info{padding:0 15px;color:#fff;position:absolute;display:flex;background:rgba(0,0,0,0.5);width:100%;height:100%;box-sizing:border-box;opacity:0;transition:opacity 0.35s ease-in-out;justify-content:center;align-items:center;flex-direction:column;}
.hovertext:hover .info{opacity:1;}
.hovertext .info .imgtext{font-size:16px;padding-bottom:5px;}
.story_ee{padding-top:40px;font-size:20px;line-height:1.3}
.story_ff{padding-top:40px;display:flex;justify-content:center;position:relative;}
.story_ff .img{width:340px}
.story_ff .line{border-bottom:1px solid #3f6037;width:100%;position:absolute;z-index:-1;top:60%}
.story_gg{padding-top:40px;}
.story_gg.wrap{width:86%;padding-bottom:60px}
.story_color{position:relative;background:#222327;z-index:0;margin-bottom:-20px;padding-top:30px}

.story_color{mask-image: url('/images/mask_top.svg');-webkit-mask-image: url('/images/mask_top.svg');-webkit-mask-repeat: repeat-x;-webkit-mask-size:40% auto; mask-position:top;}
@media (min-width:768px){
	.story_color{-webkit-mask-size:30% auto;}
}
@media (min-width:1000px){
	.story_color{-webkit-mask-size:18% auto;}
}

.story_back{
	background-image:url('/images/story_tb.png'),url('/images/story_02.png');
	background-position:right 90px,left bottom;
	background-repeat:no-repeat,no-repeat;
	background-size:60% auto,100% auto;
}
.story_hh{margin:70px 0 90px 0;width:60%;color:#fff;}
.story_hh .subtitle{font-size:15px;line-height:1.3;padding-bottom:10px}
.story_hh .subtitle span{font-size:28px;display:block}
.story_ii{position:relative;color:#fff;margin-top:40px;}
.story_ii .media div{font-size:20px;line-height:1.2;padding-bottom:10px}
.story_ii .img{height:300px;text-align:center;margin:30px 0}
.story_ii .img img{width:300px}

@media (min-width:768px){
	.story_aa{padding-top:40px;}
	.story_aa .mimg{padding-right:40px;}

	.story_aa .main_text .big{font-size:24px;padding-bottom:16px;}
	.story_bb{padding-top:40px;}
	.story_bb .llb1{font-size:32px;}
	.story_bb .llb2{font-size:55px;}
	.story_bb .llb3{font-size:38px;}
	.story_cc{padding-top:50px;}
	.story_dd{padding-top:50px;}
	.hovertext .info .imgtext{font-size:20px;padding-bottom:10px;}
	.story_ee{padding-top:90px;font-size:30px;}
	.story_ff{padding-top:50px;}
	.story_ff .img{width:450px}
	.story_gg{padding-top:50px;}
	.story_gg.wrap{width:600px;padding-bottom:50px}
	.story_color{margin-bottom:-25px;padding-top:40px}
	.story_hh{margin-top:60px 0 90px 0;width:500px}
	.story_hh .subtitle{font-size:22px;padding-bottom:15px}
	.story_hh .subtitle span{font-size:42px;}
}
@media (min-width:1024px){
	.story_aa{padding-top:60px;}


	.story_aa .main_text .big{font-size:30px;padding-bottom:20px;}
	.story_bb{padding-top:60px;}
	.story_bb .llb1{font-size:40px;}
	.story_bb .llb2{font-size:65px;}
	.story_bb .llb3{font-size:46px;}
	.story_cc{padding-top:60px;}
	.story_dd{padding-top:60px;}
	.hovertext .info .imgtext{font-size:24px;padding-bottom:15px;}
	.story_ee{padding-top:120px;font-size:40px;}
	.story_ff{padding-top:60px;}
	.story_ff .img{width:600px}
	.story_gg{padding-top:60px;}
	.story_gg.wrap{width:840px;padding-bottom:120px}
	.story_color{margin-bottom:-30px;padding-top:50px}
	.story_hh{margin:180px 0;width:350px}
	.story_hh .subtitle{font-size:30px;padding-bottom:20px}
	.story_hh .subtitle span{font-size:60px;}
}