@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.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.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		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: 77.46%;
		max-width: 1100px;
		margin: 0 auto;
		display: flex;
		flex-wrap: wrap;
		justify-content: flex-end;
	}
	
	section#news .section_inner div.news_block {
		width: 84%;
		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: 48.2%;
	}
	
	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.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		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: 23%;
		display: block;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div{
		width: 77%;
		
	}
	
	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.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		font-weight: 400;
	}
	
	section#contents {
		margin-top: 64px;
		padding-bottom: 5vw;
	}
	
	section#contents .section_inner{
		width: 81.6%;
		max-width: 1160px;
		height: 47.46vw;
		height: 47.46cqw;
		max-height: 674px;
		margin: 0 auto;
		position: relative;
	}
	
	section#contents .section_inner div.illust01{
		display: inline-block;
		width: 5.76%;
		position: absolute;
		top: 44%;
		left: 52%;
		z-index: 9;
	}
	
	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.6rem;
		font-size: clamp(calc((1.6rem * 0.64)), 0.98vw, 1.6rem);
		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: 10em;
		font-size: 1.4rem;
		font-size: clamp(calc((1.4rem * 0.64)), 0.98vw, 1.4rem);
		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: 1em;
	}
	
	section#contents .section_inner div.content span.bg{
		display: block;
		position: relative;
		z-index: 0;
	}
	
	section#contents .section_inner div.nav01{
		width: 21.4%;
		line-height: 0;
		top: 0;
		left: 0;
	}
	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: 53.2%;
		position: absolute;
		bottom: -17.5%;
		right: 3.2%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav02{
		width: 24.5%;
		line-height: 0;
		top: 18.39%;
		left: 24.93%;
	}
	section#contents .section_inner div.nav02 span.illust01{
		display: inline-block;
		width: 52.6%;
		position: absolute;
		top: -15%;
		left: -1.4%;
		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: -2%;
		left: 1.4%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav03{
		width: 30%;
		line-height: 0;
		bottom: 0;
		left: 37.1%;
	}
	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: 24.5%;
		line-height: 0;
		top: 4.4%;
		right: 22.7%;
	}
	section#contents .section_inner div.nav04 span.illust01{
		display: inline-block;
		width: 35%;
		position: absolute;
		bottom: -14.7%;
		right: 8%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav05{
		width: 21.6%;
		line-height: 0;
		top: 12.8%;
		right: 0;
	}
	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: 54%;
		position: absolute;
		bottom: -7.4%;
		right: -1.5%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav06{
		width: 27%;
		line-height: 0;
		bottom: 12.6%;
		left: 4.29%;
	}
	section#contents .section_inner div.nav06 span.illust01{
		display: inline-block;
		width: 21.5%;
		position: absolute;
		bottom: -20%;
		left: -7.4%;
		z-index: 9;
	}
	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: 23%;
		line-height: 0;
		bottom: 8%;
		right: 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;
	}
}


@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-left: 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#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.4rem * 0.72);
		font-size: clamp(calc((1.4rem * 0.72)), 2.8vw, calc(1.4rem * 1.92));
		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: 57%;
		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#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.4rem * 0.72);
		font-size: clamp(calc((1.4rem * 0.72)), 2.8vw, calc(1.4rem * 1.92));
		line-height: 1;
		padding: 4em 0 6em 4em;
		position: relative;
	}
	
	section#news .section_inner div.news_block h2{
		font-size: calc(1.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		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: calc(1.4rem * 0.72);
		font-size: clamp(calc((1.4rem * 0.72)), 2.8vw, calc(1.4rem * 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.4rem * 0.72);
		font-size: clamp(calc((1.4rem * 0.72)), 2.8vw, calc(1.4rem * 1.92));
		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 + div.box,
	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: 23%;
		display: block;
	}
	
	section#news .section_inner div.news_block div.block_inner div.box ul li div{
		width: 77%;
	}
	
	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: 88.4%;
		margin: 0 auto;
		position: relative;
	}
	
	section#contents .section_inner div.illust01{
		display: inline-block;
		width: 16%;
		position: absolute;
		top: 51%;
		left: 11.3%;
		z-index: 9;
	}
	
	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.6rem * 0.72);
		font-size: clamp(calc((1.6rem * 0.72)), 3.2vw, calc(1.6rem * 1.92));
		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: 10em;
		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;
		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: 1em;
	}
	
	section#contents .section_inner div.content span.bg{
		display: block;
		position: relative;
		z-index: 0;
	}
	
	section#contents .section_inner div.nav01{
		width: 55.8%;
		line-height: 0;
		margin-left: 5.2%;
	}
	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: 53.2%;
		position: absolute;
		bottom: -17.5%;
		right: 3.2%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav02{
		width: 64.4%;
		line-height: 0;
		margin-top: 10vw;
		margin-top: 10cqw;
		margin-left: 35.6%;
	}
	section#contents .section_inner div.nav02 span.illust01{
		display: inline-block;
		width: 52.6%;
		position: absolute;
		top: 15%;
		left: -42.6%;
		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: -2%;
		left: 1.4%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav03{
		width: 72.3%;
		line-height: 0;
		margin-top: 13.2vw;
		margin-top: 13.2cqw;
		margin-left: 0;
	}
	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: 63.3%;
		line-height: 0;
		margin-top: 13.4vw;
		margin-top: 13.4cqw;
		margin-left: 33.4%;
	}
	section#contents .section_inner div.nav04 span.illust01{
		display: inline-block;
		width: 35%;
		position: absolute;
		bottom: -14.7%;
		right: 8%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav05{
		width: 57%;
		line-height: 0;
		margin-top: 4.6vw;
		margin-top: 4.6cqw;
		margin-left: 1.3%;
	}
	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: 54%;
		position: absolute;
		bottom: -7.4%;
		right: -1.5%;
		z-index: 9;
	}
	
	section#contents .section_inner div.nav06{
		width: 71.2%;
		line-height: 0;
		margin-top: 7.6vw;
		margin-top: 7.6cqw;
		margin-left: 28.8%;
	}
	section#contents .section_inner div.nav06 span.illust01{
		display: inline-block;
		width: 21.5%;
		position: absolute;
		bottom: -20%;
		left: -7.4%;
		z-index: 9;
	}
	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: 61%;
		line-height: 0;
		margin-top: 19.1vw;
		margin-top: 19.1cqw;
		margin-left: 6.5%;
	}
	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;
	}
}