@charset "utf-8";


@media screen and (min-width:641px){

/*現在地*/
#siteheader nav ul li:nth-child(2) a:after {display:block;}

main {}
#wrap{background-image:url(../images/outline/bg.jpg);}
main h1.title img {width:185px; height:auto; position:relative; top:-2px;}

.section01{height:720px;}
.section01 section h2 {font-size:0; line-height:1; text-indent:200%; overflow:hidden;}
.section01 section {padding-left:620px; padding-top:410px;}
.section01:before{content:''; background:url(../images/outline/chara01.png) center top no-repeat; width:1920px; height:1100px; position:absolute; left:50%; top:-138px; margin-left:-960px; z-index:1;}
.section01:after {content:''; background:url(../images/outline/h201.png) center top no-repeat; width:1920px; height:526px; position:absolute; left:50%; top:-91px; margin-left:-960px; z-index:0;}

.section01 p {letter-spacing:0.15em;}

.section02{height:520px;}
.section02 section h2 {font-size:0; line-height:1; text-indent:200%; overflow:hidden;}
.section02 section {padding-right:620px; padding-left:50px;}
.section02 section p + p {margin-top:32px;}
.section02 p {letter-spacing:0.15em;}

.section02:before{content:''; background:url(../images/outline/chara02.png) center top no-repeat; width:1920px; height:1100px; position:absolute; left:50%; top:-110px; margin-left:-960px; z-index:0;}

.section03 {height:805px; background:url(../images/outline/artwork.jpg) center top no-repeat;}
@media screen and (min-width:1920px){
	.section03 {margin:0;}
	.section03 {background-size:100% auto;}
}
.section03 h2 {font-size:0; line-height:1; text-align:center; position:relative; padding:90px 0 0; margin-bottom:45px;}

/* swiper */
.swiper {width:914px; margin:0 auto; padding:0; font-size:0; line-height:1;}
.swiper .item {width:457px !important; padding:0 19px 0; float:left; position:relative;}
.swiper .item a{display:inline-block; width:419px; height:561px; position:relative; overflow:hidden; zoom:1;}
.swiper .item a:before {content:''; background:url(../images/outline/waku.png) left top no-repeat; width:419px; height:561px; position:absolute; left:0; top:0; z-index:10;}
.swiper .item a:after  {content:''; background:url(../images/common/icon-zoom.png) right bottom no-repeat; width:94px; height:90px; position:absolute; right:1px; bottom:1px; z-index:20;}
.swiper .item a.check:before {content:''; background:url(../images/outline/waku.png) left top no-repeat , url(../images/common/icon-check02.png) 10px 8px no-repeat; width:419px; height:561px; position:absolute; left:0; top:0; z-index:10;}

.swiper .item img {width:auto; height:561px; position:absolute; left:19px; top:0;}
.slick-next {background:none; border:none; font-size:0; line-height:1; width:104px; height:162px; background:url(../images/common/arr-right.png) left top no-repeat; position:absolute; right:-110px; top:50%; margin:-81px 0 0 0;}
.slick-prev {background:none; border:none; font-size:0; line-height:1; width:104px; height:162px; background:url(../images/common/arr-left.png) left top no-repeat; position:absolute; left:-110px; top:50%; margin:-81px 0 0 0;}
.slick-next:hover,.slick-prev:hover{opacity:0.7; transition:0.5s;}
.swiper .item a:hover {background-color:#fff;}
.swiper .item a:hover + img{opacity:0.8; transition:0.5s;}

.section04 {height:795px; background:url(../images/outline/staff.jpg) center top no-repeat;}
@media screen and (min-width:1920px){
	.section04 {margin:0;}
	.section04 {background-size:100% auto;}
}
.section04 h2 {font-size:0; line-height:1; text-align:center; position:relative; padding:90px 0 0; margin-bottom:35px;}
.section04 h3 {font-size:32px; line-height:1; color:#ff00ae; text-align:center;
font-family:'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro R', '小塚明朝 Std R', 游明朝, YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E',  HG明朝E, 'HGS明朝E',  HGS明朝E, 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', 'MS PMincho', serif; letter-spacing:0.15em;}
.section04 p {font-size:17px; line-height:29px; color:#fff; text-align:center; margin-top:12px; letter-spacing:0.15em;}
.section04 p + h3 {margin-top:43px;}

}

@media screen and (max-width:640px){
main h1.title img {width:34.21875vw;}

main {}

#wrap {background-image:url(../images/outline/bgsp.jpg);}

.section01 {margin-bottom:10.41875vw;}
.section01:before{content:''; background:url(../images/outline/chara01-sp.png) left top no-repeat; width:100%; height:151.875vw; position:absolute; left:0; top:-22.5vw; background-size:100% auto;}
.section01 section h2 {font-size:0; line-height:1; text-indent:200%; overflow:hidden;}
.section01 section p br{display:none;}
.section01 section {padding:80vw 3.125vw 0;}

.section02:before{content:''; background:url(../images/outline/chara02-sp.png) left top no-repeat; width:100%; height:141.875vw; position:absolute; left:0; top:0vw; background-size:100% auto;}
.section02 section h2 {font-size:0; line-height:1; text-indent:200%; overflow:hidden;}
.section02 section p br{display:none;}
.section02 section p + p {margin-top:7.675vw;font-size:4.6875vw; line-height:6.875vw;}
.section02 section {padding:77vw 3.125vw 9.375vw;}

.section03 {height:87.5vw; background:url(../images/outline/artwork-sp.jpg) center top no-repeat; background-size:100% auto;}
.section03 h2 {font-size:0; line-height:1; text-align:center; position:relative; padding:10vw 1.5625vw 8.5vw;}
.section03 h2 img {width:100%; height:auto;}

/* swiper */
.swiper {width:76.5625vw; margin:0 auto; padding:0; font-size:0; line-height:1; position:relative; left:1.09375vw;}
.swiper .item {width:38.28125vw; height:48.8375vw; padding:0 2.03125vw 0 0; float:left; position:relative; text-align:left;}
.swiper .item a{display:block; width:36.25vw; height:48.4375vw; position:relative; overflow:hidden; zoom:1;}
.swiper .item a:before {content:''; background:url(../images/outline/waku-sp.png) left top no-repeat; width:36.25vw; height:48.4375vw; position:absolute; left:0; top:0; z-index:10; background-size:100% auto;}
.swiper .item a:after  {content:''; background:url(../images/common/icon-zoom.png) right bottom no-repeat; width:14.6875vw; height:14.6875vw; position:absolute; right:0.3125vw; bottom:0.3125vw; z-index:20; background-size:100% auto;}
.swiper .item img {width:36.25vw; height:48.4375vw; position:absolute; left:0; top:0;}
.swiper .item a.check:before {content:''; background:url(../images/outline/waku-sp.png) left top no-repeat, url(../images/common/icon-check02.png) 1.40625vw 1.40625vw no-repeat; width:36.25vw; height:48.4375vw; position:absolute; left:0; top:0; z-index:10; background-size:100% auto, 15.625vw auto;}

.slick-next {background:none; border:none; font-size:0; line-height:1; width:12.65625vw; height:19.6875vw; background:url(../images/common/arr-right.png) left top no-repeat; position:absolute; right:-11vw; top:50%; margin:-9.84375vw 0 0 0; background-size:100% auto;}
.slick-prev {background:none; border:none; font-size:0; line-height:1; width:12.65625vw; height:19.6875vw; background:url(../images/common/arr-left.png) left top no-repeat; position:absolute; left:-13vw; top:50%; margin:-9.84375vw 0 0 0; background-size:100% auto;}



.section04 {height:173.2375vw; background:url(../images/outline/staff-sp.jpg) center top no-repeat;}
@media screen and (min-width:1920px){.section03 {background-size:100% auto;}}
.section04 h2 {font-size:0; line-height:1; text-align:center; position:relative; padding:12.5vw 9.375vw 7.8125vw;}
.section04 h2 img {width:100%; height:auto;}
.section04 h3 {font-size:4.0625vw; line-height:6.25vw; text-align:center; margin-bottom:-1.8vw;}
.section04 h3 img {height:3.59375vw; width:auto; display:inline-block;}
.section04 p {font-size:4.0625vw; line-height:6.25vw; color:#fff; text-align:center; margin-top:12px;}
.section04 p + h3 {margin-top:5.9vw;}


}