@charset "UTF-8";
/* CSS Document */

/*--------------------------------------------------------
　基本設定
--------------------------------------------------------*/



/*--------------------------------------------------------
　PC
--------------------------------------------------------*/

@media print, screen and (min-width: 961px){
	
	footer div.f_bottom div.illust::before{
		content: "";
		width: 150%;
		height: 96%;
		background: url("../images/top/f_text_pc.svg") no-repeat;
		background-size: contain;
		top: 0;
		left: -148%;
		z-index: 3;
	}
	
	section#mv {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#mv div.photo_block{
		width: 49.2%;
		padding-bottom: 10.2vw;
		padding-bottom: 10.2cqw;
		position: relative;
	}
	
	section#mv div.photo_block div.photo{
		line-height: 0;
		position: relative;
		z-index: 0;
		overflow: hidden;
	}
	
	section#mv div.photo_block div.photo::before{
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background: #FFF;
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		z-index: 3;
		transition: width 1s ease;
	}
	
	section#mv div.photo_block div.photo.aos-animate::before{
      width: 0;
    }
	
	section#mv div.photo_block div.illust {
		width: 107.7%;
		line-height: 0;
		position: absolute;
		right: -22%;
		bottom: 0;
		z-index: 5;
	}
	
	section#mv div.photo_block div.illust p{
		width: 69%;
		line-height: 0;
		margin-left: 7.14%;
	}
	
	section#mv div.photo_block div.illust div.anime_box{
		width: 8%;
		line-height: 0;
		position: absolute;
		right: 13.7%;
		top: 40.3%;
		z-index: 5;
	}
	
	section#mv div.photo_block div.illust div.anime_box span.text{
		width: 110%;
		top: -52%;
		left: -78%;
		z-index: 9;
		opacity: 0;
	}
	
	section#mv div.text_block{
		width: 50.8%;
		padding-left: 8.3%;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		position: relative;
	}
	
	section#mv div.text_block h2{
		font-size: 2.2rem;
		font-size: clamp(calc((2.2rem * 0.64)), 1.54vw, 2.2rem);
		font-weight: 900;
		line-height: 1.6;
		letter-spacing: 0.16em;
		margin-left: 2em;
	}
	
	section#mv div.text_block p{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		line-height: 1.85;
		letter-spacing: 0.16em;
	}
	
	section#mv div.text_block p + p{
		margin-right: 2em;
	}
	
	section#mv div.text_block div.photo_box{
		width: 37.6vw;
		width: 37.6cqw;
		position: absolute;
		bottom: 0;
		left: 14.3%;
		z-index: 0;
	}
	
	section#mv div.text_block div.photo_box div.photo{
		width: 100%;
		line-height: 0;
		position: relative;
		overflow: hidden;
	}

	section#mv div.text_block div.photo_box div.photo::before{
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background: #FFF;
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		z-index: 3;
		transition: width 1s ease;
	}
	
	section#mv div.text_block div.photo_box div.photo.aos-animate::before{
      width: 0;
    }
	
	section#news {
		margin-top: 66px;
		background: linear-gradient(90deg, #FFF 0%, #FFF 50%, #d4e9ee 50%, #d4e9ee 100%);
		line-height: 0;
	}
	
	section#news .section_inner{
		width: 88.7%;
		max-width: 1260px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	
	section#news .section_inner div.news_block {
		width: 91.5%;
		background: #d4e9ee;
		border-radius: 98px 0 0 98px;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		line-height: 1;
		padding: 4em 0 6em 6em;
		position: relative;
	}
	
	section#news .section_inner div.news_block h2{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.16em;
		text-align: left;
		margin-bottom: 2em;
	}
	
	section#news .section_inner div.news_block a.more{
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		font-weight: 400;
		color: #000;
		display: inline-block;
		padding-bottom: 0.2em;
		border-bottom: 1px solid #000;
		position: absolute;
		bottom: 2em;
		right: 0;
	}
	
	section#news .section_inner div.news_block div.block_inner{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box{
		width: 46.4%;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul{
		list-style: none;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0;
		padding-bottom: 1em;
		border-bottom: 1px solid #000;
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li + li{
		margin-top: 2.5em;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li time{
		width: 20%;
		display: block;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div{
		width: 80%;
		
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div a{
		color: #000;
		display: block;
		padding-right: 2em;
		position: relative;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div a::after{
		content: "→";
		position: absolute;
		top: calc(50% - 0.55em);
		right: 0;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div h4{
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		font-weight: 400;
	}
	
	section#contents {
		margin-top: 64px;
		padding-bottom: 5vw;
	}
	
	section#contents .section_inner{
		width: 97.1%;
		max-width: 1380px;
		height: 47.6vw;
		height: 47.6cqw;
		max-height: 676px;
		margin: 0 auto;
		position: relative;
	}
	
	section#contents .section_inner div.illust01{
		display: inline-block;
		width: 5.8%;
		position: absolute;
		top: 54.4%;
		left: 63.4%;
		z-index: 9;
	}
	section#contents .section_inner div.illust01 span.text{
		width: 175%;
		top: -47.8%;
		left: -96%;
		z-index: 9;
		opacity: 0;
	}
	
	section#contents .section_inner div.content{
		position: absolute;
	}
	
	section#contents .section_inner div.content.soon{
		cursor: pointer;
	}
	
	section#contents .section_inner div.content.soon span.soon_box{
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		opacity: 0;
		transition-duration: 0.5s;
		transition-property: opacity;
	}
	
	section#contents .section_inner div.content.soon:hover span.soon_box{
		opacity: 1;
	}
	
	section#contents .section_inner div.content div.block{
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
	}
	
	section#contents .section_inner div.content div.block div.box{
		display: inline-block;
	}
	
	section#contents .section_inner div.content div.block div.box h3{
		font-size: 1.8rem;
		font-size: clamp(calc((1.8rem * 0.64)), 1.26vw, 1.8rem);
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0.1em;
		text-align: center;
	}
	
	section#contents .section_inner div.content div.block div.box h3.left{
		text-align: left;
	}
	
	section#contents .section_inner div.content.nav06 div.block div.box h3{
		padding-top: 1.5em;
	}
	
	section#contents .section_inner div.content div.block div.box a{
		color: #000;
	}
	
	section#contents .section_inner div.content div.block div.box ul{
		width: 10.5em;
		font-size: 1.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 1.12vw, 1.6rem);
		font-weight: 400;
		letter-spacing: 0;
		line-height: 1.35;
		list-style: none;
		margin-top: 2em;
	}
	
	section#contents .section_inner div.content div.block div.box ul li{
		padding-right: 1em;
		position: relative;
	}
	
	section#contents .section_inner div.content div.block div.box ul li::after{
		content: "→";
		position: absolute;
		top: calc(50% - 0.55em);
		right: 0;
	}
	
	section#contents .section_inner div.content div.block div.box ul li + li{
		margin-top: 0.75em;
	}
	
	section#contents .section_inner div.content span.bg{
		display: block;
		position: relative;
		z-index: 0;
	}
	
	section#contents .section_inner div.nav01{
		width: 17.8%;
		line-height: 0;
		top: 0;
		left: 8.69%;
	}
	section#contents .section_inner div.nav01 span.illust01{
		display: inline-block;
		width: 45.6%;
		position: absolute;
		top: -18%;
		left: -10%;
		z-index: 9;
	}
	section#contents .section_inner div.nav01 span.illust02{
		display: inline-block;
		width: 65.3%;
		position: absolute;
		bottom: -17.5%;
		right: 0;
		z-index: 9;
	}
	section#contents .section_inner div.nav01 span.illust02 span.text{
		width: 76.2%;
		bottom: -56.3%;
		left: 16.5%;
		z-index: 9;
		opacity: 0;
	}
	
	section#contents .section_inner div.nav02{
		width: 20.28%;
		line-height: 0;
		top: 18.9%;
		left: 30.14%;
	}
	section#contents .section_inner div.nav02 span.illust01{
		display: inline-block;
		width: 52.6%;
		position: absolute;
		top: -18%;
		left: -2%;
		z-index: 9;
	}
	section#contents .section_inner div.nav02 span.illust02{
		display: inline-block;
		width: 20.7%;
		position: absolute;
		top: 1.7%;
		right: 5.9%;
		z-index: 9;
	}
	section#contents .section_inner div.nav02 span.illust03{
		display: inline-block;
		width: 48.6%;
		position: absolute;
		bottom: -4%;
		left: -1.4%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav03{
		width: 23.2%;
		line-height: 0;
		top: 4.4%;
		left: 52.8%;
	}
	section#contents .section_inner div.nav03 span.illust01{
		display: inline-block;
		width: 31.2%;
		position: absolute;
		top: -7.2%;
		left: 2%;
		z-index: 9;
	}
	section#contents .section_inner div.nav03 span.illust02{
		display: inline-block;
		width: 31.2%;
		position: absolute;
		bottom: -9.3%;
		right: 1.5%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav04{
		width: 20.9%;
		line-height: 0;
		top: 23.5%;
		right: 0;
	}
	section#contents .section_inner div.nav04 span.illust01{
		display: inline-block;
		width: 40%;
		position: absolute;
		top: -36%;
		left: 16%;
		z-index: 9;
	}
	section#contents .section_inner div.nav04 span.illust02{
		display: inline-block;
		width: 35%;
		position: absolute;
		bottom: -14.7%;
		right: 8%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav05{
		width: 19.7%;
		line-height: 0;
		bottom: 0;
		left: 8.69%;
	}
	section#contents .section_inner div.nav05 span.illust01{
		display: inline-block;
		width: 13.5%;
		position: absolute;
		top: 6.4%;
		left: 13%;
		z-index: 9;
	}
	section#contents .section_inner div.nav05 span.illust02{
		display: inline-block;
		width: 17.3%;
		position: absolute;
		bottom: 8%;
		right: 0;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav06{
		width: 22.8%;
		line-height: 0;
		bottom: 9.7%;
		left: 39.1%;
	}
	section#contents .section_inner div.nav06 span.illust01{
		display: inline-block;
		width: 24.7%;
		position: absolute;
		bottom: -20%;
		left: -7.4%;
		z-index: 9;
	}
	section#contents .section_inner div.nav06 span.illust01 span.text{
		width: 120%;
		bottom: -14.2%;
		right: -128%;
		z-index: 9;
		opacity: 0;
	}
	section#contents .section_inner div.nav06 span.illust02{
		display: inline-block;
		width: 6.34%;
		position: absolute;
		top: 35%;
		right: 6.6%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav07{
		width: 19.4%;
		line-height: 0;
		bottom: 8%;
		right: 6.9%;
	}
	section#contents .section_inner div.nav07 span.illust01{
		display: inline-block;
		width: 29%;
		position: absolute;
		top: -11%;
		left: 3.7%;
		z-index: 9;
	}
	section#contents .section_inner div.nav07 span.illust02{
		display: inline-block;
		width: 54%;
		position: absolute;
		bottom: -11%;
		right: 0;
		z-index: 9;
	}
}


@media screen and (min-width:961px) and (max-width: 1500px){
	section#news {
		margin-top: 4.6vw;
		margin-top: 4.6cqw;
	}
	
	section#news .section_inner div.news_block {
		border-radius: 6.9vw 0 0 6.9vw;
		border-radius: 6.9cqw 0 0 6.9cqw;
	}
	
	section#contents {
		margin-top: 4.5vw;
		margin-top: 4.5cqw;
	}
}
	

/*--------------------------------------------------------
　SP
--------------------------------------------------------*/

@media screen and (max-width: 960px){
	
	footer div.f_bottom div.illust::before{
		content: "";
		width: 138%;
		height: 91.6%;
		background: url("../images/top/f_text_sp.svg") no-repeat;
		background-size: contain;
		top: 0;
		left: -154.5%;
		z-index: 3;
	}
	
	section#mv {
		display: block;
	}
	
	section#mv div.photo_block{
		position: relative;
		padding-bottom: 17.6vw;
		padding-bottom: 17.6cqw;
	}
	
	section#mv div.photo_block div.photo{
		line-height: 0;
		position: relative;
		margin-right: 10%;
		z-index: 0;
		overflow: hidden;
	}
	
	section#mv div.photo_block div.photo::before{
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background: #FFF;
		position: absolute;
		top: 0;
		right: 0;
		left: auto;
		z-index: 3;
		transition: width 1s ease;
	}
	
	section#mv div.photo_block div.photo.aos-animate::before{
      width: 0;
    }
	
	section#mv div.photo_block div.illust {
		width: 90%;
		line-height: 0;
		position: absolute;
		bottom: 0;
		left: 7%;
		z-index: 3;
	}
	
	section#mv div.photo_block div.illust p{
		width: 69%;
		line-height: 0;
		margin-left: 11%;
	}
	
	section#contents .section_inner div.illust01 .anime_box {
		display: block;
		width: 100%;
		position: relative;
		cursor: pointer;
    }
	
	section#mv div.photo_block div.illust div.anime_box{
		width: 9.1%;
		line-height: 0;
		position: absolute;
		right: 5%;
		top: 40.3%;
		z-index: 5;
	}
	
	section#mv div.photo_block div.illust div.anime_box span.text{
		width: 110%;
		top: -52%;
		left: -78%;
		z-index: 9;
		opacity: 0;
	}
	
	section#mv div.text_block{
		width: 100%;
		padding-left: 10%;
		-webkit-writing-mode: vertical-rl;
		writing-mode: vertical-rl;
		display: flex;
		flex-wrap: wrap;
		align-items: flex-end;
		position: relative;
		margin-top: 3.6vw;
	}
	
	section#mv div.text_block h2{
		font-size: calc(1.7rem * 0.72);
		font-size: clamp(calc((1.7rem * 0.72)), 3.4vw, calc(1.7rem * 1.92));
		font-weight: 900;
		line-height: 1.6;
		letter-spacing: 0.16em;
		margin-left: 2em;
	}
	
	section#mv div.text_block p{
		font-size: calc(1.5rem * 0.72);
		font-size: clamp(calc((1.5rem * 0.72)), 3vw, calc(1.5rem * 1.92));
		line-height: 1.73;
		letter-spacing: 0.16em;
	}
	
	section#mv div.text_block p + p{
		margin-right: 1.5em;
	}
	
	section#mv div.text_block div.photo_box{
		width: 63%;
		margin-top: 3.4vw;
		margin-left: -11%;
	}
	
	section#mv div.text_block div.photo_box div.photo{
		width: 100%;
		line-height: 0;
		position: relative;
		overflow: hidden;
	}

	section#mv div.text_block div.photo_box div.photo::before{
		content: "";
		width: 100%;
		height: 100%;
		display: block;
		background: #FFF;
		position: absolute;
		top: 0;
		left: 0;
		right: auto;
		z-index: 3;
		transition: width 1s ease;
	}
	
	section#mv div.text_block div.photo_box div.photo.aos-animate::before{
      width: 0;
    }
	
	section#mv div.text_block span.illust{
		width: 30.4%;
		display: inline-block;
		position: absolute;
		bottom: 6%;
		right: 6%;
		z-index: 9;
	}
	
	section#news {
		margin-top: 16vw;
		background: linear-gradient(90deg, #FFF 0%, #FFF 50%, #d4e9ee 50%, #d4e9ee 100%);
		line-height: 0;
	}
	
	section#news .section_inner{
		width: 88%;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	
	section#news .section_inner div.news_block {
		width: 100%;
		background: #d4e9ee;
		border-radius: 19.8vw 0 0 19.8vw;
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		line-height: 1;
		padding: 4em 0 6em 4em;
		position: relative;
	}
	
	section#news .section_inner div.news_block h2{
		font-size: calc(1.8rem * 0.72);
		font-size: clamp(calc((1.8rem * 0.72)), 3.6vw, calc(1.8rem * 1.92));
		font-weight: 500;
		line-height: 1.4;
		letter-spacing: 0.16em;
		text-align: left;
		margin-bottom: 1.5em;
	}
	
	section#news .section_inner div.news_block a.more{
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		font-weight: 400;
		color: #000;
		display: inline-block;
		padding-bottom: 0.2em;
		border-bottom: 1px solid #000;
		position: absolute;
		bottom: 2em;
		right: 0;
	}
	
	section#news .section_inner div.news_block div.block_inner{
		display: block;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box{
		width: 100%;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul{
		list-style: none;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li{
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		font-weight: 400;
		line-height: 1.4;
		letter-spacing: 0;
		padding-bottom: 1em;
		border-bottom: 1px solid #000;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box + div.box,
	section#news .section_inner div.news_block div.block_inner div.box ul li + li{
		margin-top: 1.25em;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li time{
		display: block;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div{
		display: block;
		margin-top: 0.25em;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div a{
		color: #000;
		display: block;
		padding-right: 2em;
		position: relative;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div a::after{
		content: "→";
		position: absolute;
		top: calc(50% - 0.55em);
		right: 0;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div h4{
		font-size: calc(1.4rem * 0.72);
		font-size: clamp(calc((1.4rem * 0.72)), 2.8vw, calc(1.4rem * 1.92));
		font-weight: 400;
	}
	
	section#contents {
		margin-top: 14.8vw;
		padding-bottom: 5vw;
	}
	
	section#contents .section_inner{
		width: 97.6%;
		margin: 0 auto;
		position: relative;
	}
	
	section#contents .section_inner div.illust01{
		display: inline-block;
		width: 16.4%;
		position: absolute;
		top: 58%;
		left: 25%;
		z-index: 10;
	}
	section#contents .section_inner div.illust01 span.text{
		width: 175%;
		top: -47.8%;
		left: -96%;
		z-index: 9;
		opacity: 0;
	}
	
	section#contents .section_inner div.illust02{
		display: inline-block;
		width: 33.9%;
		position: absolute;
		top: 65.1%;
		right: 0%;
		z-index: 9;
	}
	
	section#contents .section_inner div.content{
		position: relative;
	}
	
	section#contents .section_inner div.content.soon{
		cursor: pointer;
	}
	
	section#contents .section_inner div.content.soon span.soon_box{
		width: 100%;
		height: 100%;
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
		opacity: 0;
		transition-duration: 0.5s;
		transition-property: opacity;
	}
	
	section#contents .section_inner div.content.soon:hover span.soon_box{
		opacity: 1;
	}
	
	section#contents .section_inner div.content div.block{
		width: 100%;
		height: 100%;
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 5;
	}
	
	section#contents .section_inner div.content div.block div.box{
		display: inline-block;
	}
	
	section#contents .section_inner div.content div.block div.box h3{
		font-size: calc(1.8rem * 0.72);
		font-size: clamp(calc((1.8rem * 0.72)), 3.6vw, calc(1.8rem * 1.92));
		font-weight: 500;
		line-height: 1;
		letter-spacing: 0;
		text-align: center;
	}
	
	section#contents .section_inner div.content div.block div.box h3.left{
		text-align: left;
	}
	
	section#contents .section_inner div.content.nav06 div.block div.box h3{
		padding-top: 1em;
	}
	
	section#contents .section_inner div.content div.block div.box a{
		color: #000;
	}
	
	section#contents .section_inner div.content div.block div.box ul{
		width: 10.5em;
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		font-weight: 400;
		letter-spacing: 0;
		line-height: 1.35;
		list-style: none;
		margin-top: 1em;
	}
	
	section#contents .section_inner div.content div.block div.box ul li a{
		display: inline-block;
		padding-right: 1.25em;
		position: relative;
	}
	
	section#contents .section_inner div.content div.block div.box ul li a::after{
		content: "→";
		position: absolute;
		top: calc(50% - 0.55em);
		right: 0;
	}
	
	section#contents .section_inner div.content div.block div.box ul li + li{
		margin-top: 0.75em;
	}
	
	section#contents .section_inner div.content span.bg{
		display: block;
		position: relative;
		z-index: 0;
	}
	
	section#contents .section_inner div.nav01{
		width: 42%;
		line-height: 0;
		margin-left: 6.9%;
	}
	section#contents .section_inner div.nav01 span.illust01{
		display: inline-block;
		width: 43%;
		position: absolute;
		top: -18%;
		left: -10%;
		z-index: 9;
	}
	section#contents .section_inner div.nav01 span.illust02{
		display: inline-block;
		width: 77.8%;
		position: absolute;
		bottom: -17.5%;
		right: 0;
		z-index: 9;
	}
	section#contents .section_inner div.nav01 span.illust02 span.text{
		width: 78%;
		bottom: -56.3%;
		left: 16.5%;
		z-index: 9;
		opacity: 0;
	}
	
	section#contents .section_inner div.nav02{
		width: 48%;
		line-height: 0;
		margin-top: -19.2vw;
		margin-top: -19.2cqw;
		margin-left: 51.8%;
	}
	section#contents .section_inner div.nav02 span.illust01{
		display: inline-block;
		width: 50%;
		position: absolute;
		top: -41.3%;
		left: 7%;
		z-index: 9;
	}
	section#contents .section_inner div.nav02 span.illust02{
		display: inline-block;
		width: 20.7%;
		position: absolute;
		top: 1.7%;
		right: 5.9%;
		z-index: 9;
	}
	section#contents .section_inner div.nav02 span.illust03{
		display: inline-block;
		width: 48.4%;
		position: absolute;
		bottom: -3%;
		left: 1.4%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav03{
		width: 40%;
		line-height: 0;
		margin-top: 0;
		margin-left: 7.9%;
	}
	section#contents .section_inner div.nav03 span.illust01{
		display: inline-block;
		width: 37.7%;
		position: absolute;
		top: -7.2%;
		left: -2%;
		z-index: 9;
	}
	section#contents .section_inner div.nav03 span.illust02{
		display: inline-block;
		width: 41.2%;
		position: absolute;
		bottom: -9.3%;
		right: -4%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav04{
		width: 38.3%;
		line-height: 0;
		margin-top: 0.8vw;
		margin-top: 0.8cqw;
		margin-left: 57.9%;
	}
	section#contents .section_inner div.nav04 span.illust01{
		display: inline-block;
		width: 44%;
		position: absolute;
		top: -41.7%;
		left: 8%;
		z-index: 9;
	}
	section#contents .section_inner div.nav04 span.illust02{
		display: inline-block;
		width: 35%;
		position: absolute;
		bottom: -14.7%;
		right: 2%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav05{
		width: 37.7%;
		line-height: 0;
		margin-top: -0.6vw;
		margin-top: -0.6cqw;
		margin-left: 4%;
	}
	section#contents .section_inner div.nav05 span.illust01{
		display: inline-block;
		width: 19.5%;
		position: absolute;
		top: 6.4%;
		left: 5%;
		z-index: 9;
	}
	section#contents .section_inner div.nav05 span.illust02{
		display: inline-block;
		width: 21%;
		position: absolute;
		bottom: 19.6%;
		right: -4.5%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav06{
		width: 39.3%;
		line-height: 0;
		margin-top: 15.4vw;
		margin-top: 15.4cqw;
		margin-left: 51.8%;
	}
	section#contents .section_inner div.nav06 span.illust01{
		display: inline-block;
		width: 30%;
		position: absolute;
		bottom: -20%;
		left: -7.4%;
		z-index: 9;
	}
	section#contents .section_inner div.nav06 span.illust01 span.text{
		width: 165.5%;
		bottom: -44%;
		right: -179%;
		z-index: 9;
		opacity: 0;
	}
	section#contents .section_inner div.nav06 span.illust02{
		display: inline-block;
		width: 8.34%;
		position: absolute;
		top: 20%;
		right: 11.6%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav07{
		width: 40%;
		line-height: 0;
		margin-top: -11.8vw;
		margin-top: -11.8cqw;
		margin-left: 54.3%;
	}
	section#contents .section_inner div.nav07 span.illust01{
		display: inline-block;
		width: 29%;
		position: absolute;
		top: -11%;
		left: 3.7%;
		z-index: 9;
	}
	section#contents .section_inner div.nav07 span.illust02{
		display: inline-block;
		width: 54%;
		position: absolute;
		bottom: -11%;
		right: 0;
		z-index: 9;
	}
}