@charset "utf-8"; 

#intro{
	max-width: 1680px;
	margin: 6.25em auto 7.875em;
}
#intro .ttl{
	font-size: 3.4rem;
	padding: 0 1.647em;
	margin-bottom: 1em;
}
#intro .block{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
}
#intro .block img{
	align-self: flex-start;
	max-width: 35em;
	height: auto;
}
#intro .block .txt{
	padding: 0 3.5em 0 3em;
}
#intro .block p{
	margin-top: 2em;
}
#intro .block p:first-child{
	margin-top: 0;
}
#intro .block .sign{
	text-align: right;
}
.point .hide{
	display: none;
	padding: 3.5em 0 0;
}
.point + .point{
	margin-top: 5.25em;
}
.point .button{
	position: relative;
	font-size: 2.0rem;
	border-bottom: 1px solid #9F9F9F;
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 0 1em;
	cursor: pointer;
	box-sizing: border-box;
}
@media screen and (max-width : 1950px){
	.point .button{
		margin: 0 2.8em;
	}
}
.point .button::before{
	content: '';
	position: absolute;
	top: calc(1em - 1px);
	right: calc(2.4rem - 0.6rem);
	width: 0.8rem;
	height: 0.8rem;
	border-bottom: 1px solid #9F9F9F;
	border-left: 1px solid #9F9F9F;
	transform: rotate(-45deg);
}
.point .button.on::before{
	top: 1.2em;
	border-bottom: 0;
	border-left: 0;
	border-top: 1px solid #9F9F9F;
	border-right: 1px solid #9F9F9F;
}
.point .button::after{
	content: '';
	position: absolute;
	bottom: -1px;
	right: 0;
	width: 4.8rem;
	height: 4.8rem;
	box-sizing: border-box;
	border: 1px solid #9F9F9F;
}
.point .button .en{
	font-size: 4.8rem;
}
.point .button .en span{
	font-size: 3.4rem;
}
.point .button .min{
	font-size: 2.0rem;
	margin-left: 0.5em;
}
.point .button .ann{
	font-size: 1.0rem;
	vertical-align: top;
}
#feature .imgBlock{
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-left: 3.5em;
	box-sizing: border-box;
	max-width: 1680px;
	margin: 0 auto;
}
#feature .imgBlock + .imgBlock{
	margin-top: 6.25em;
}
#feature .imgBlock .ttl{
	font-size: 3.4rem;
	line-height: 1.5;
}
#feature .imgBlock .ttl + p{
	margin-top: 0.5em;
}
#feature .imgBlock .txt{
	width: calc(100% - 37.5em);
	padding-right: 2.875em;
	box-sizing: border-box;
}
#feature .imgBlock .img{
	width: 37.5em;
	box-sizing: border-box;
}
#feature .imgBlock .img03{
	padding-left: 3.5em;
}
#feature .imgBlock .img img{
	max-width: 100%;
	height: auto;
}
#feature .imgBlock.reverse{
	flex-flow: row-reverse;
	padding: 0 3.5em 0 0;
}
#feature .imgBlock.reverse .txt{
	width: calc(100% - 44.5em);
	padding: 0 0 0 3.5em;
}
#feature .imgBlock.reverse .img{
	display: block;
	width: 44.5em;
}
#feature .detail{
	display: flex;
	justify-content: space-between;
	margin-top: 2.875em;
}
#feature .detail .detail-ttl{
	font-size: 1.2rem;
	font-weight: bold;
	color: #fff;
	letter-spacing: -0.02em;
	line-height: 1.0;
	background: rgba(0,0,0,0.4);
	text-align: center;
	padding: 0.7em 0;
}
#feature .detail .column{
	/*width: 12.5em;*/
	width: 33%;
	background: #DBDCDC;
}
#feature .detail .column:nth-child(2) .detail-ttl{
	background: rgba(0,0,0,0.6);
}
/*
#feature .detail .column:last-child{
	width: calc(100% - 25em - 6px);
}
*/
#feature .detail .column .tab {
	display: none;
}
#feature .detail .column:last-child .detail-ttl{
	background: #000;
}
#feature .detail .detail-txt{
	padding: 0.5em 1em 1em;
}
#feature .detail .detail-txt p{
	font-size: 1.0rem;
}
#feature .imgBlock .notes{
	font-size: 1.0rem;
	margin-top: 1em;
}
#feature .data{
	background: rgba(0,0,0,0.15);
	padding: 3.125em 3.5em;
	margin: 3.75em 0 8.75em;
}
#feature .data .ttlWrap{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	/*margin-bottom: 1.125em;*/
	max-width: 1680px;
	margin: 0 auto 1.125em;
}
#feature .data .ttl{
	font-size: 2.0rem;
}
#feature .data .ttl .min{
	margin: 0 0.5em;
}
#feature .data .ttl .en{
	font-size: 3.2rem;
}
#feature .data .ttlWrap .notes{
	font-size: 1.0rem;
	line-height: 1.0;
}
#feature .data ul{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1680px;
	margin: 0 auto;
}
#feature .data ul li{
	display: flex;
	justify-content: space-between;
	flex-flow: row-reverse;
	align-items: center;
	width: calc((100% - 0.75em) / 3);
	background: #fff;
	box-sizing: border-box;
	margin-top: 0.375em;
	padding: 0 1em 0 2em;
}
#feature .data ul li:nth-child(-n+3){
	margin-top: 0;
}
#feature .data ul li div{
	width: 60%;
}
#feature .data ul li div img{
	width: 100%;
	height: auto;
}
#feature .data ul li p{
	width: 35%;
	font-size: 0.9vw;
}
@media screen and (min-width : 1681px){
	#feature .data ul li p{
		font-size: 1.6rem;
	}
}
@media screen and (max-width : 1360px){
	#feature .data ul li p{
		font-size: 1.2rem;
	}
}
#popular .block_m{
	background: #3A3A3A;
}
#popular .block_m::before{
	content: '';
}
#popular .block{
	display: flex;
	justify-content: space-between;
	max-width: 1680px;
	margin: 0 auto;
}
#popular .block img{
	position: relative;
	align-self: flex-start;
	max-width: 56.25em;
	height: auto;
}
#popular .block .txt{
	background: #3A3A3A;
}
#popular .block .ttl{
	position: relative;
	font-size: 2.4rem;
	background: #fff;
	padding: 2.8em 0 1em 2.3em;
}
#popular .block .ttl::before{
	content: '';
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: calc(((100vw - 1680px) / 2) * (-1));
	background: #fff;
	z-index: 0;
}
#popular .block .ttl span{
	position: relative;
}
#popular .block .ttl .num{
	font-size: 4.8rem;
	margin-right: 0.3em;
}
#popular .block p{
	color: #fff;
	padding: 1em 2em 1em 3.5em;
}
#popular .blockWrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	max-width: 1680px;
	margin: 0 auto;
}
#popular .block02{
	width: 50%;
	background: #3A3A3A;
	margin-top: 3.125em;
}
#popular .block02 .inner{
	position: relative;
	display: flex;
	justify-content: space-between;
	height: calc(100% - 5.76rem);
}
#popular .block02 .inner::before{
	content: '';
	width: 100vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: calc(((100vw - 1680px) / 2) * (-1));
	background: #3A3A3A;
	z-index: 0;
}
#popular .block02 .inner .txt{
	position: relative;
	width: 58%;
	color: #fff;
	font-size: 1.4rem;
	padding: 0.8em 1em;
	box-sizing: border-box;
	z-index: 2;
}
#popular .block02 .inner .img{
	position: relative;
	align-items: flex-start;
	width: 42%;
}
#popular .block02 .inner .img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}
#popular .block02 .ttl{
	background: #fff;
	font-size: 2.4rem;
	height: 2.4em;
	padding-left: 2.3em;
}
#popular .block02:nth-child(even) .ttl{
	padding-left: 1em;
}
#popular .block02 .ttl span{
	font-size: 4.8rem;
	margin-right: 0.3em;
}
#popular .notes{
	text-align: right;
	font-size: 1.0rem;
	margin: 1.5em 2em 12em 0;
}
#investment{
	text-align: right;
}
#investment .hide{
	padding-bottom: 5.4em;
}
#investment .ttl{
	position: relative;
	font-size: 2.6rem;
	background: linear-gradient(to right, rgba(0,0,0,1) 0%,rgba(0,0,0,1) 50%,rgba(238,238,239,1) 50%,rgba(238,238,239,1) 50%,rgba(238,238,239,1) 100%);
	margin-top: 3.5em;
	margin-bottom: 1.7em;
}
#investment .ttl .ttl_inner{
	display: flex;
	justify-content: flex-start;	
	background: #EEEEEF;
	max-width: 1680px;
	margin: 0 auto;
}
#investment .ttl:first-of-type{
	margin-top: 0;
}
#investment .ttl .min{
	line-height: 1.0;
	padding: 0.4em 0;
	margin-left: 1em;
}
#investment .ttl .en{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 4em;
	font-size: 3.4rem;
	line-height: 1.0;
	background: #000;
	color: #fff;
}
#investment .imgBlock{
	display: flex;
	justify-content: space-between;
	max-width: 1680px;
	box-sizing: border-box;
	margin: 0 auto;
	padding: 0 3.5em;
}
#investment .imgBlock .img{
	width: 25em;
	text-align: center;
}
#investment .imgBlock .txt{
	width: calc(100% - 25em);
	padding: 0 3em 0 0;
	box-sizing: border-box;
}
#investment .imgBlock .img img{
	max-width: 100%;
	height: auto;
}
#investment .imgBlock .txt h4{
	font-size: 2.4rem;
	line-height: 1.4;
	margin-bottom: 0.3em;
}
#investment .imgBlock + .imgBlock{
	margin-top: 1.75em;
}
#investment .caution{
	display: inline-block;
	font-size: 1.0rem;
	line-height: 1.5;
	margin: 3em 5.6em 0 0;
}
#flow .hide{
	/*padding-bottom: 9.125em;*/
	padding-bottom: 3.875em;
}
#flow .list{
	display: flex;
	justify-content: flex-start;
	max-width: 1680px;
	margin: 0 auto;
	padding: 0 3.5em;
	box-sizing: border-box;
}
#flow .list li{
	position: relative;
	font-size: 1.2rem;
	line-height: 1.4rem;
	font-weight: bold;
	padding: 0 0 0 1.5em;
}
#flow .list li + li{
	margin-left: 3em;
}
#flow .list li::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 1.4rem;
	height: 1.4rem;
	border-radius: 100%;
}
#flow .list .mark01::before{
	background: #8DC21F;
}
#flow .list .mark02::before{
	background: #ED7600;
}
#flow .list .mark03::before{
	background: #319EB4;
}
#flow .step{
	display: flex;
	justify-content: flex-start;
	flex-wrap: wrap;
	max-width: 1680px;
	margin: 1.875em auto;
	padding: 0 3.5em;
	box-sizing: border-box;
}
#flow .step dt{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 19em;
	min-height: 3.5em;
	background: #000;
	font-weight: bold;
	color: #fff;
	line-height: 1.5;
	margin-bottom: 0.5em;
}
#flow .step dd{
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: calc(100% - 19em);
	min-height: 3.5em;
	background: #F2F3F3;
	line-height: 1.5;
	letter-spacing: -0.03em;
	margin-bottom: 0.5em;
	padding: 0 1.5em;
	box-sizing: border-box;
}
#flow .step .mark{
	display: flex;
	justify-content: space-between;
	flex-shrink: 0;
	width: calc(((1.4rem + 1px) * 3) + 2.8em);
	height: 100%;
	padding-left: 1em;
}
#flow .step .mark span{
	position: relative;
	width: calc(1.4rem + 1px);
}
#flow .step .mark .mark01,
#flow .step .mark .mark02,
#flow .step .mark .mark03{
	display: flex;
	align-items: center;
	height: 100%;
}
#flow .step .mark .mark01::before,
#flow .step .mark .mark02::before,
#flow .step .mark .mark03::before{
	content: '';
	display: block;
	width: calc(1.4rem + 1px);
	height: calc(1.4rem + 1px);
	border-radius: 100%;
	z-index: 2;
}
#flow .step .mark .mark01::before{
	background: #8DC21F;
}
#flow .step .mark .mark02::before{
	background: #ED7600;
}
#flow .step .mark .mark03::before{
	background: #319EB4;
}
#flow .step .mark .mark01::after,
#flow .step .mark .mark02::after,
#flow .step .mark .mark03::after,
#flow .step .mark .line::after{
	content: '';
	position: absolute;
	top: 50%;
	left: 0.7rem;
	width: 1px;
	height: calc(100% + 0.5em);
	background: #B4B4B5;
	z-index: 1;
}
#flow .step dd:last-of-type .mark .mark01::after,
#flow .step dd:last-of-type .mark .mark02::after,
#flow .step dd:last-of-type .mark .mark03::after{
	content: none;
}
#flow .support{
	position: relative;
	background: #F2F2F2;
	margin-top: 3.5em;
	padding-bottom: 1.7em;
}
#flow .support + .support{
	margin-top: 2.625em;
}
#flow .support::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 2.4rem;
	background: #fff;
}
#flow .support .ttl{
	position: relative;
	max-width: 1680px;
	font-size: 2.2rem;
	margin: 0 auto;
	margin: 0 auto 0.72em;
}
#flow .support .ttl span{
	display: block;
	width: calc((100% - 7.5em) / 4);
	font-size: 2.2rem;
	background: #000;
	color: #fff;
	padding: 0.6em 0 0.6em 2.55em;
	box-sizing: border-box;
}
#flow .support .block{
	display: flex;
	justify-content: space-between;
	max-width: 1680px;
	margin: 0 auto;
}
#flow .support .block .inner{
	width: calc((100% - 10.5em) / 4);
}
#flow .support .block .inner p{
	padding: 1em 1em 0;
}
#flow .support .img{
	display: flex;
	align-items: center;
	justify-content: center;
	flex-flow: column;
	height: 10em;
	background: #fff;
}
#flow .support .img h4{
	font-size: 2.0rem;
	margin-top: 1em;
}
#interview .block{
	background: #F2F2F2;
}
#interview .head{
	position: relative;
	background: #F2F2F2;
	padding-bottom: 3em;
}
#interview .head .img{
	display: block;
}
#interview .head .img img{
	width: 100%;
	height: auto;
}
#interview .head .name{
	display: flex;
	justify-content: flex-start;
	align-items: flex-end;
	padding-left: 3.5em;
	margin-top: -3.75em;
}
#interview .head .name p{
	font-size: 2.0rem;
	line-height: 1.0;
	padding-left: 1em;
}
#interview .head .name p span{
	font-size: 1.6rem;
}
#interview .faqWrap{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #F2F2F2;
	padding: 0 0 4em;
	max-width: 1680px;
	margin: 0 auto;
}
#interview .faq{
	width: 48%;
	margin-top: 2em;
}
#interview .faq:nth-child(-n+2){
	margin-top: 0;
}
#interview .que{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	height: 5em;
	background: #DBDBDB;
	margin-right: 5.25em;
	box-sizing: border-box;
}
#interview .que .en{
	font-size: 3.4rem;
	padding: 0 0.7em;
}
#interview .que .min{
	font-size: 2.0rem;
	line-height: 1.5;
}
#interview .ans{
	height: calc(100% - 3em);
	background: #fff;
	margin: -2em 0 0 3.5em;
	padding: 3.25em 1.5em 1.5em;
	box-sizing: border-box;
}
#interview .ans p{
	font-size: 1.4rem;
}
#interview .ans .bold,
#interview .ans strong{
	font-weight: 600;
}
#website{
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
	padding: 0 0 0 3.5em;
	margin: 6.75em 0 6.375em;
}
#website .block{
	display: flex;
	justify-content: flex-start;
}
#website .txt{
	padding-left: 2.375em;
}
#website .txt .ttl{
	font-size: 3.4rem;
}
#website .cmn-btn{
	width: 30vw;
}
#book{
	background: #F2F2F2;
	padding: 5.625em 0 7.5em;
	margin: 4em 0;
}
#book .letter{
	margin: 0.5em 3.5em 0;
}
#book .sliderWrap{
	margin-top: 3.5em;
}
#book .sliderWrap .slider{
	/*width: calc(100% + 3.5em);*/
	width: 100%;
}
#book .sliderWrap .book{
	width: 31vw;
	max-width: 416px;
	/*margin-right: 3.5em;*/
	margin: 0 1.75em;
}
#book .sliderWrap .book .detail{
	position: relative;
	background: #fff;
	padding: 0 0 2em;
	z-index: 2;
}
#book .sliderWrap .book .detail::before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 3.75em;
	background: #F2F2F2;
}
#book .sliderWrap .book .detail .img{
	position: relative;
}
#book .sliderWrap .book .detail .img img{
	width: 10em;
	height: auto;
	margin: 0 auto;
}
#book .sliderWrap .book .detail .ttl{
	min-height: 6.4rem;
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.6;
	margin: 1em 0 0.5em;
}
#book .sliderWrap .book .detail .link img{
	margin: 0 auto;
}
#book .sliderWrap .book .txt{
	font-size: 1.4rem;
	padding: 1em;
}
#book .slick-arrow{
	position: absolute;
	top: calc(50% - 2.25vw);
	width: 1.5em;
	height: 8em;
	white-space: nowrap;
	overflow: hidden;
	text-indent: 100%;
	border: 0;
	padding: 0;
	transform: translateY(-50%);
	z-index: 2;
	cursor: pointer;
}
#book .slick-arrow:hover{
	opacity: 0.7;
}
#book .slick-prev{
	left: 0;
	background: url(../img/common/icon_floor_prev.png) 0 0 no-repeat;
	background-size: 100% auto;
}
#book .slick-next{
	right: 0;
	background: url(../img/common/icon_floor_next.png) 0 0 no-repeat;
	background-size: 100% auto;
}
.mfp-content button.cmn-btn{
	position: relative;
	display: flex;
	align-items: center;
	justify-content: center;
	right: 0;
	max-width: 18.75em;
	height: 3.5em;
	font-size: 1.6rem;
	background: #fff;
	color: #000;
	font-weight: bold;
	margin: 0 0 0 auto;
	padding: 0 4em 0 0;
	opacity: 1;
	transition: 0.3s;
	cursor: pointer!important;
}
.mfp-content button.cmn-btn::before{
	content: '';
	position: absolute;
	top: 50%;
	right: 1em;
	width: 0.75em;
	height: 0.6875em;
	background: url(../img/case/icon_close.png) 0 0 no-repeat;
	background-size: 100% auto;
	transform: translateY(-50%);
}
.mfp-content button.cmn-btn:hover{
	opacity: 0.7;
}
.mfp-content{
	max-height: 90vh;
}
.mfp-figure{
	display: flex;
	flex-flow: column-reverse;
}
.mfp-figure img.mfp-img{
	height: calc(90vh - 4.5em);
	padding: 0;
}
.mfp-figure:after{
	content: none;
}
#faq{
	background: #F2F2F2;
	padding: 3.5em 0;
}
#faq dl{
	margin: 2.5em 3.5em 0;
}
#faq dt{
	position: relative;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	width: calc(100% - 21em);
	line-height: 1.5;
	font-weight: bold;
	background: #fff;
	padding: 1.75em 5.25em 1.75em 2.25em;
	cursor: pointer;
}
#faq dt::after{
	content: '';
	position: absolute;
	top: calc(50% - 0.8em);
	right: 1.875em;
	width: 1em;
	height: 1em;
	border-left: 1px solid #444;
	border-bottom: 1px solid #444;
	box-sizing: border-box;
	transform: rotate(-45deg);
}
#faq dt.on::after{
	top: calc(50% - 0.3em);
	border-left: 0;
	border-bottom: 0;
	border-right: 1px solid #444;
	border-top: 1px solid #444;
}
#faq dt span{
	font-size: 3.8rem;
	font-weight: normal;
	margin-right: 0.8em;
}
#faq dd{
	width: calc(100% - 11.5em);
	display: none;
	background: #000;
	padding: 3.625em 5.25em 1.75em 2.25em;
	margin: -1.875em 0 0 auto;
}
#faq dd:first-of-type {
	display: block;
}
#faq dd div{
	display: flex;
	justify-content: flex-start;
	align-items: center;
	line-height: 1.5;
	color: #fff;
}
#faq dd span{
	font-size: 3.8rem;
	margin-right: 0.8em;
}
#faq dd + dt{
	margin-top: 1.25em;
}
@media screen and (max-width : 1100px){
	#feature .detail .column{
		width: 32%;
	}
	#feature .detail .column .tab{
		display: block;

	}
	#feature .detail .column:last-child{
		width: calc(100% - 64% - 6px);
	}
	#feature .detail .detail-ttl{
		line-height: 1.4;
	}
}
@media screen and (max-width : 1000px){

	#feature .data ul li{
		padding: 0 1em;
	}
	#feature .data ul li div{
		width: 52%;
	}
	#feature .data ul li p{
		width: 48%;
		line-height: 1.6;
	}
	#flow .list li{
		line-height: 1.5;
	}
	#flow .list li::before{
		top: 0.5em;
	}
}

@media screen and (max-width : 767px){

	#intro{
		margin: 10vw 0 0;
	}
	#intro .ttl{
		font-size: 2.8rem;
		line-height: 1.5;
		padding: 0 6.4vw;
	}
	#intro .block{
		position: relative;
		display: block;
	}
	#intro .block img{
		display: block;
		width: 74vw;
		margin: 2em auto 0;
	}
	#intro .block .txt{
		padding: 0 6.4vw;
	}
	.point{
		margin-top: 18vw;
	}
	.point .button{
		pointer-events: none;
		line-height: 1.2;
		margin: 0 6.4vw;
	}
	.point .button::after,
	.point .button::before{
		content: none;
	}
	.point .button span{
		display: block;
	}
	.point .button .en{
		font-size: 4.4rem;
	}
	.point .button .en span{
		font-size: 2.4rem;
	}
	.point .button .min{
		letter-spacing: -0.02em;
		margin: 0.5em 0 0 0;
	}
	.point .hide{
		display: block;
		padding: 10vw 0 0;
	}
	#feature .imgBlock,
	#feature .imgBlock.reverse{
		display: block;
		padding: 0 6.4vw;
	}
	#feature .imgBlock .txt,
	#feature .imgBlock.reverse .txt{
		width: auto;
		padding: 0;
	}
	#feature .imgBlock .ttl{
		font-size: 2.4rem;
	}
	#feature .imgBlock .img,
	#feature .imgBlock.reverse .img{
		width: 100%;
		margin-top: 5vw;
	}
	#feature .imgBlock + .imgBlock{
		margin-top: 13vw;
	}
	#feature .detail{
		display: block;
	}
	#feature .detail .column,
	#feature .detail .column:last-child{
		width: 100%;
	}
	#feature .detail .detail-txt p{
		font-size: 1.2rem;
	}
	#feature .detail .column .tab{
		display: none;
	}
	#feature .detail .detail-ttl{
		font-size: 1.4rem;
	}
	#feature .imgBlock .img03{
		padding: 0;
	}
	#feature .data{
		padding: 14vw 6.4vw;
	}
	#feature .data .ttlWrap{
		display: block;
		margin-bottom: 8vw;
	}
	#feature .data .ttl{
		line-height: 1.2;
	}
	#feature .data .ttl .en{
		display: block;
		font-size: 4.4rem;
	}
	#feature .data .ttl .min{
		display: block;
		margin: 0.5em 0 0.8em;
	}
	#feature .data ul{
		display: block;
	}
	#feature .data ul li{
		flex-flow: column-reverse;
		width: 100%;
		background: none;
		padding: 0;
		margin-top: 8vw;
	}
	#feature .data ul li:first-child{
		margin-top: 0;
	}
	#feature .data ul li:nth-child(-n+3){
		margin-top: 8vw;
	}
	#feature .data ul li div{
		width: 100%;
		height: 53vw;
		background: #fff;
		overflow: hidden;
		box-sizing: border-box;
		padding: 0 3vw;
	}
	#feature .data ul li p{
		width: 100%;
		font-size: 2.0rem;
		font-family: 'Noto Sans JP', sans-serif;
		margin-bottom: 0.7em;
	}
	#feature .data ul li div img{
		height: 100%;
		object-fit: cover;
	}
	.point .button .ann{
		display: inline-block;
	}
	#popular .block{
		display: block;
	}
	#popular .block .ttl{
		padding: 0 6.4vw 0.8em;
	}
	#popular .block p{
		font-size: 1.5rem;
		padding: 1.2em 6.4vw;
	}
	#popular .blockWrap{
		display: block;
	}
	#popular .block02{
		width: auto;
		margin-top: 10vw;
	}
	#popular .block02 span{
		line-height: 1.0;
	}
	#popular .block02 .ttl{
		display: flex;
		justify-content: flex-start;
		line-height: 1.4;
		padding: 0 6.4vw 0.8em;
	}
	#popular .block02 .inner{
		display: block;
	}
	#popular .block02 .inner .img{
		width: auto;
	}
	#popular .block02 .inner .txt{
		width: auto;
		font-size: 1.5rem;
		padding: 1.2em 6.4vw;
	}
	#popular .block02:nth-last-child(-n+3) .ttl{
		align-items: flex-end;
		
	}
	#investment .hide{
		padding: 10vw 0 0 0;
	}
	#investment .ttl{
		background: none;
		margin-bottom: 1em;
	}
	#investment .ttl .ttl_inner{
		display: block;
		font-size: 2.3rem;
		background: #fff;
	}
	#investment .ttl .min{
		display: block;
		line-height: 1.5;
		background: #EEEEEF;
		margin-left: 0;
		padding: 0.3em 6.4vw;
	}
	#investment .ttl .en{
		display: inline-block;
		width: auto;
		padding: 0.2em 6.4vw;
	}
	#investment .imgBlock{
		display: block;
		padding: 0 6.4vw;
	}
	#investment .imgBlock .txt{
		width: auto;
		padding: 0;
	}
	#investment .imgBlock .txt h4{
		font-size: 2.3rem;
		margin-bottom: 0.8em;
	}
	#investment .imgBlock .img{
		width: auto;
		margin-top: 5vw;
	}
	#investment .imgBlock + .imgBlock{
		margin-top: 8vw;
	}
	#investment .caution{
		display: block;
		margin: 5vw 6.4vw 0;
	}
	#flow .hide{
		padding: 7vw 0 0;
	}
	#flow .step{
		display: block;
		margin: 10vw 6.4vw 0;
		padding: 0;
	}
	#flow .step dt{
		width: auto;
	}
	#flow .step dd{
		display: block;
		width: auto;
		margin-bottom: 5vw;
	}
	#flow .step .mark{
		width: 24vw;
		margin: 6vw 0 0;
		padding: 0;
	}
	#flow .step .mark .mark01::after,
	#flow .step .mark .mark02::after,
	#flow .step .mark .mark03::after,
	#flow .step .mark .line::after{
		content: none;
	}
	#flow .list{
		display: block;
		margin: 0 6.4vw;
		padding: 0;
	}
	#flow .list li{
		font-size: 1.4rem;
	}
	#flow .list li + li{
		margin: 1em 0 0 0;
	}
	#flow .list li::before{
		top: 0.2em;
	}
	#flow .step .mark .none,
	#flow .step .mark .line{
		background: #fff;
		border-radius: 100%;
	}
	#flow .step dd{
		padding: 2vw 4vw 3vw;
	}
	#flow .support{
		padding: 0 0 10vw;
	}
	#flow .support + .support{
		margin-top: 0;
	}
	#flow .support .ttl{
		margin: 0 0 10vw;
	}
	#flow .support .ttl span{
		width: 100%;
		padding: 0.5em 6.4vw;
	}
	#flow .support .block{
		display: block;
	}
	#flow .support .block .inner{
		width: 80%;
		margin: 0 auto;
	}
	#flow .support .block .inner + .inner{
		margin-top: 10vw;
	}
	#flow .support .block .inner p{
		font-size: 1.5rem;
	}
	#flow .support .img img{
		width: auto;
		height: 10vw;
	}
	#interview .block{
		background: none;
	}
	#interview .block + .block{
		margin-top: 10vw;
	}
	#interview .head{
		background: none;
		padding: 0 6.4vw 6.4vw;
	}
	#interview .head .name{
		font-size: 2.2rem;
		margin: 6.4vw 0 0;
		align-items: flex-start;
		padding: 0;
	}
	#interview .head .name p{
		font-size: 2.3rem;
		line-height: 1.4;
	}
	#interview .head .name p span{
		display: block;
		margin-top: 1em;
	}
	#interview .head .name img{
		width: 35%;
	}
	#interview .faqWrap{
		display: flex;
		flex-flow: column;
		padding: 8.5vw 0;
	}
	#interview .faq{
		width: 100%;
	}
	#interview .faq:nth-child(-n+2){
		margin-top: 2em;
	}
	#interview .faq:first-child{
		margin-top: 0;
	}
	#interview .que{
		width: 100%;
		height: auto;
		align-items: flex-start;
		box-sizing: border-box;
		padding: 3vw 6.4vw;
	}
	#interview .que .en{
		line-height: 1.0;
		padding: 0 0.5em 0 0;
	}
	#interview .que .min{
		letter-spacing: -0.03em;
	}
	#interview .ans{
		width: auto;
		font-size: 1.6rem;
		margin: 0 6.4vw;
		padding: 1.2em 1.5em;
	}
	#website{
		display: block;
		margin: 10vw 0;
		padding: 0 6.4vw;
	}
	#website .block{
		display: block;
	}
	#website .block img{
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	#website .txt{
		padding: 0;
	}
	#website .txt .ttl{
		font-size: 2.8rem;
		margin: 0.5em 0;
	}
	#website .cmn-btn{
		width: 100%;
		margin: 4vw 0 0;
	}
	#book{
		margin: 12vw 0 0;
		padding: 12vw 0 0;
	}
	#book .letter{
		margin: 1em 6.4vw 0;
	}
	#book .sliderWrap{
		margin: 5vw 0 0;
	}
	#book .sliderWrap .slide img{
		width: 100%;
		margin: 0;
	}
	#book .sliderWrap .slider{
		width: 100%;
	}
	#book .slick-next{
		right: 0;
	}
	#book .sliderWrap .slide .cmn-btn{
		margin-right: 0;
	}
	#book .sliderWrap .book{
		width: 100%;
		max-width: inherit;
		margin: 0;
		padding: 0 1.5em;
		box-sizing: border-box;
	}
	#book .sliderWrap .book .detail .ttl{
		width: 80%;
		margin: 1.5em auto 1em;
	}
	#book .sliderWrap .book .detail .link{
		width: 30%;
		margin: 0 auto;
	}
	#faq dl{
		margin: 6.4vw 6.4vw 0;
	}
	#faq dt{
		width: auto;
		padding: 5vw 13vw 5vw 5vw;
	}
	#faq dt span{
		margin-right: 0.5em;
	}
	#faq dt::after{
		right: 5vw;
	}
	#faq dd + dt{
		margin-top: 1em;
	}
	#faq dd{
		width: calc(100% - 6.4vw);
		box-sizing: border-box;
		padding: 2vw 5vw 5vw;
		margin: 0 0 0 auto;
	}
	#faq dd div{
		display: block;
	}
	#faq dd span{
		display: block;
		margin: 0;
	}

}
@media (orientation: landscape) and (max-width : 767px){


}