@charset "utf-8";

/*
************************************************************************
* INDEX
* @copyright Revolme Inc.
************************************************************************
*/
body
{
}
section.bordered
{
	border-top:1px solid #e3e3e3;
}
.important-notice
{
	background-color:#f0f0f0;
	font-size:1.3rem;
	line-height:1.4;
	text-align:center;
	padding:0.5em;
	padding-right:2.0em;
}
.important-notice .btnClose
{
	position:absolute;
	top:calc(50% - 8px);
	right:10px;
	
	width:16px;
	height:16px;
	
	background-image:url(../../../_img/icon/close-notice.svg);
	background-position:center center;
	background-repeat:no-repeat;
	
	cursor:pointer;
}
.important-notice .btnClose:hover
{
	opacity:0.7;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	body
	{
		min-width:auto;
	}
	.important-notice
	{
		background-color:#f0f0f0;
		font-size:2.0rem;
		text-align:center;
		padding:0.5em;
		padding-right:3.0em;
	}
	.important-notice .btnClose
	{
		position:absolute;
		top:calc(50% - 2.5vw);
		right:2.5vw;
		
		width:5vw;
		height:5vw;
		
		background-image:url(../../../_img/icon/close-notice.svg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		
		cursor:pointer;
	}
}

#index-header
{
	text-align:center;
}
#index-header .mv
{
	padding-bottom:85px;
	
	background-image:url(../../../_img/index/mv-bg.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:auto 100%;
}
#index-header .mv .illust
{
	width:1120px;
	height:575px;
	margin:0 auto;
}
#index-header .mv .illust > *
{
	position:absolute;
	top:0;
	left:0;
	
	width:100%;
	height:100%;
	
	opacity:0.0;
	
	animation-timing-function:ease;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
	
	overflow:hidden;
}
#index-header .mv .illust > * > img
{
	width:1120px;
	max-width:1120px;
	min-width:1120px;
	height:575px;
}
#index-header .mv .illust > *:nth-child(1)
{
	animation-name:fncMvFade01;
	animation-duration:0.8s;
	animation-delay:0.5s;
}
#index-header .mv .illust > *:nth-child(2),
#index-header .mv .illust > *:nth-child(3),
#index-header .mv .illust > *:nth-child(4),
#index-header .mv .illust > *:nth-child(5),
#index-header .mv .illust > *:nth-child(6),
#index-header .mv .illust > *:nth-child(7)
{
	animation-name:fncMvFade01;
	animation-duration:0.3s;
}
#index-header .mv .illust > *:nth-child(2){animation-delay:1.00s;}
#index-header .mv .illust > *:nth-child(3){animation-delay:1.10s;}
#index-header .mv .illust > *:nth-child(4){animation-delay:1.20s;}
#index-header .mv .illust > *:nth-child(5){animation-delay:1.30s;}
#index-header .mv .illust > *:nth-child(6){animation-delay:1.40s;}
#index-header .mv .illust > *:nth-child(7){animation-delay:1.50s;}

#index-header .mv .illust > *:nth-child(8)
{
	animation-name:fncMvSlide;
	animation-duration:1.0s;
	animation-delay:1.80s;
}

#index-header .mv .plan-price
{
	opacity:0;
	
	animation-name:fncMvFade01;
	animation-duration:0.8s;
	animation-delay:2.5s;
	animation-timing-function:ease;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
@keyframes fncMvFade01
{
	0% {
		opacity:0;
		transform:translateY(10px);
	}
	100% {
		opacity:1;
		transform:translateY(0%);
	}
}
@keyframes fncMvSlide
{
	0% {
		opacity:1;
		width:0%;
	}
	100% {
		opacity:1;
		width:100%;
	}
}


#index-header .mv .plan-price
{
	display: inline-flex;
	justify-content: center;
	align-items: center;
	align-content: center;
	
	margin-top:1em;
}
#index-header .mv .plan-price .label
{
	line-height:1;
	margin-right:1em;
}
#index-header .mv .plan-price .label .label-01
{
	font-size:1.4rem;
	text-align:center;
}
#index-header .mv .plan-price .label .label-02
{
	font-size:1.6rem;
	text-align:center;
	margin-top:0.5em;
}
#index-header .mv .plan-price .label .label-02:before,
#index-header .mv .plan-price .label .label-02:after
{
	content:"";
	
	position:absolute;
	top:calc(50% - 1px);
	
	width:1em;
	height:0px;
	
	border-top:1px solid #000000;
}
#index-header .mv .plan-price .label .label-02:before
{
	left:0;
}
#index-header .mv .plan-price .label .label-02:after
{
	right:0;
}
#index-header .mv .plan-price .price
{
	font-size:3.6rem;
	color:#958626;
	line-height:1;
}
#index-header .mv .plan-price .price .amount
{
	font-size:5.2rem;
}
#index-header .mv .plan-price .tax
{
	font-size:1.6rem;
	color:#958626;
	line-height:1;
	
	position:absolute;
	top:100%;
	right:-0.5em;
}
#index-header .mv .plan-price .tax .amount
{
	font-size:2.0rem;
}

#index-header .mv .contacts
{
	position:absolute;
	top:20px;
	right:30px;
}
#index-header .mv .contacts a
{
	display:block;
	width:95px;
	height:95px;
	
	background-color:#f7f7f7;
	border-radius:40px;
	
	margin-bottom:20px;
}
#index-header .mv .contacts a .label
{
	display:block;
	position:absolute;
	top:50%;
	left:0;
	right:0;
	width:100%;
	
	text-align:center;
	font-size:1.2rem;
	line-height:1.2;
	
}
#index-header .mv .contacts a.link-contact:before
{
	content:"";
	display:block;
	
	position:absolute;
	top:calc(25% - 15px);
	left:calc(50% - 15px);
	
	width:30px;
	height:30px;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../../../_img/index/icon-contact.svg);
}
#index-header .mv .contacts a.link-reserve:before
{
	content:"";
	display:block;
	
	position:absolute;
	top:calc(25% - 10px);
	left:calc(50% - 15px);
	
	width:30px;
	height:30px;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-image:url(../../../_img/index/icon-reserve.svg);
}
#index-header .mv .contacts a:hover
{
	opacity:0.7;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	#index-header .mv .illust
	{
		width:100vw;
		height:97.333333vw;
		margin:0 auto;
	}
	#index-header .mv .illust > *
	{
		position:absolute;
		top:0;
		left:0;
		
		width:100%;
		height:100%;
		
		opacity:0.0;
		
		animation-timing-function:ease;
		animation-iteration-count:1;
		animation-fill-mode:forwards;
		
		overflow:hidden;
	}
	#index-header .mv .illust > * > img
	{
		width:100vw;
		max-width:100vw;
		min-width:100vw;
		height:97.333333vw;
	}
	/*
	#index-header .mv .illust > *:nth-child(1)
	{
		animation-name:fncMvFade01;
		animation-duration:0.8s;
		animation-delay:0.5s;
	}
	#index-header .mv .illust > *:nth-child(2),
	#index-header .mv .illust > *:nth-child(3),
	#index-header .mv .illust > *:nth-child(4),
	#index-header .mv .illust > *:nth-child(5),
	#index-header .mv .illust > *:nth-child(6),
	#index-header .mv .illust > *:nth-child(7)
	{
		animation-name:fncMvFade01;
		animation-duration:0.3s;
	}
	#index-header .mv .illust > *:nth-child(2){animation-delay:1.0s;}
	#index-header .mv .illust > *:nth-child(3){animation-delay:1.05s;}
	#index-header .mv .illust > *:nth-child(4){animation-delay:1.10s;}
	#index-header .mv .illust > *:nth-child(5){animation-delay:1.15s;}
	#index-header .mv .illust > *:nth-child(6){animation-delay:1.20s;}
	#index-header .mv .illust > *:nth-child(7){animation-delay:1.25s;}

	#index-header .mv .illust > *:nth-child(8)
	{
		animation-name:fncMvSlide;
		animation-duration:1.0s;
		animation-delay:1.3s;
	}

	#index-header .mv .plan-price
	{
		opacity:0;
		
		animation-name:fncMvFade01;
		animation-duration:0.8s;
		animation-delay:1.5s;
		animation-timing-function:ease;
		animation-iteration-count:1;
		animation-fill-mode:forwards;
	}
	@keyframes fncMvFade01
	{
		0% {
			opacity:0;
			transform:translateY(10px);
		}
		100% {
			opacity:1;
			transform:translateY(0%);
		}
	}
	@keyframes fncMvSlide
	{
		0% {
			opacity:1;
			width:0%;
		}
		100% {
			opacity:1;
			width:100%;
		}
	}
	*/
	#index-header .mv
	{
		padding-bottom: 10vw;
	}
	#index-header .mv .contacts
	{
		display:none;
	}
	#index-header .mv .plan-price .label .label-01
	{
		font-size:1.8rem;
		text-align:center;
	}
	#index-header .mv .plan-price .label .label-02
	{
		font-size:2.2rem;
		text-align:center;
		margin-top:0.5em;
	}
	#index-header .mv .plan-price .label .label-02:before,
	#index-header .mv .plan-price .label .label-02:after
	{
		content:"";
		
		position:absolute;
		top:calc(50% - 1px);
		
		width:1em;
		height:0px;
		
		border-top:1px solid #000000;
	}
	#index-header .mv .plan-price .label .label-02:before
	{
		left:0;
	}
	#index-header .mv .plan-price .label .label-02:after
	{
		right:0;
	}
	#index-header .mv .plan-price .price
	{
		font-size:4.2rem;
		color:#958626;
		line-height:1;
	}
	#index-header .mv .plan-price .price .amount
	{
		font-size:6.4rem;
	}
	#index-header .mv .plan-price .tax
	{
		font-size:2.0rem;
		color:#958626;
		line-height:1;
		
		position:absolute;
		top:100%;
		right:-0.5em;
	}
	#index-header .mv .plan-price .tax .amount
	{
		font-size:2.8rem;
	}

}
/*
************************************************************************
* トピックス
************************************************************************
*/
.topics
{
	margin:60px auto;
}
.topics .title
{
	text-align:center;
	margin-bottom:1em;
}
.topics .title .main
{
	font-size:2.4rem;
}
.topics .title .button
{
	position:absolute;
	top:50%;
	right:0;
	
	transform:translateY(-50%);
}
.topics .topics-list
{
	margin:0 -10px;
}
.topics .topics-list .topics-item
{
	margin:0 10px;
}
.topics .topics-list .topics-item img
{
	border-radius:1.0em;
}
.topics .topics-list-arrow
{
	position:absolute;
	top:50%;
	width:100%;
}
.topics .topics-list-arrow .slick-arrow.slick-prev 
{
	position:absolute;
	top:20px;
	left:-35px;
	
	width:20px;
	height:40px;
}
.topics .topics-list-arrow .slick-arrow.slick-prev:before
{
	content:"";
	
	display:block;
	
	width:20px;
	height:40px;
	
	background-image:url(../../../_img/index/slick-arrow-left.svg);
	background-position:center center;
	background-repeat:no-repeat;
}
.topics .topics-list-arrow .slick-arrow.slick-next
{
	position:absolute;
	top:20px;
	right:-35px;
	
	width:20px;
	height:40px;
}
.topics .topics-list-arrow .slick-arrow.slick-next:before
{
	content:"";
	
	display:block;
	
	width:20px;
	height:40px;
	
	background-image:url(../../../_img/index/slick-arrow-right.svg);
	background-position:center center;
	background-repeat:no-repeat;
}
.topics .topics-list-arrow .slick-arrow:hover
{
	opacity:0.7;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.topics
	{
		margin:10vw auto;
		padding:0 3vw;
	}
	.topics .title
	{
		text-align:center;
	}
	.topics .title .main
	{
		font-size:3.6rem;
	}
	.topics .topics-list
	{
		margin:0 0px;
	}
	.topics .topics-list .topics-item
	{
		margin:0 0.5em;
	}
	.topics .topics-list .topics-item img
	{
		border-radius:1.0em;
	}
	.topics .topics-list-arrow
	{
		position:absolute;
		top:50%;
		width:100%;
	}
	.topics .topics-list-arrow .slick-arrow.slick-prev 
	{
		position:absolute;
		top:5vw;
		left:-5vw;
		
		width:4vw;
		height:6vw;
	}
	.topics .topics-list-arrow .slick-arrow.slick-prev:before
	{
		content:"";
		
		display:block;
		
		width:4vw;
		height:6vw;
		
		background-image:url(../../../_img/index/slick-arrow-left.svg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.topics .topics-list-arrow .slick-arrow.slick-next
	{
		position:absolute;
		top:5vw;
		right:0vw;
		
		width:4vw;
		height:6vw;
	}
	.topics .topics-list-arrow .slick-arrow.slick-next:before
	{
		content:"";
		
		display:block;
		
		width:4vw;
		height:6vw;
		
		background-image:url(../../../_img/index/slick-arrow-right.svg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.topics .topics-list-arrow .slick-arrow:hover
	{
		opacity:0.7;
	}
}
/*
************************************************************************
* 特徴
************************************************************************
*/
.feature
{
	display: flex;
	align-items: center;
	align-content: center;
	margin:60px auto;
}
.feature.feature-left .feature-contents
{
	flex:0 0 50%;
}
.feature.feature-right .feature-contents
{
	flex:0 0 50%;
	order: 2;
}
.feature .feature-contents .feature-contents-body
{
	width:560px;
}
.feature.feature-left .feature-contents .feature-contents-body
{
	width:560px;
	padding-right:60px;
	margin-left:auto;
}
.feature.feature-right .feature-contents .feature-contents-body
{
	width:560px;
	padding-left:60px;
	margin-right:auto;
}

.feature .feature-contents
{
	opacity:0;
}
.feature .feature-contents .title
{

}
.feature .feature-contents .title .main
{
	font-size:3.2rem;
	line-height:1.5;
}
.feature .feature-contents .description
{
	font-size:1.6rem;
	line-height:2.0;
	letter-spacing:0.1em;
	margin-top:60px;
}
.feature .feature-contents .link
{
	margin-top:60px;
}
.feature .feature-image
{
	opacity:0;
	
	background-repeat:no-repeat;
	background-size:contain;
}
.feature.feature-left .feature-image
{
	flex:0 0 calc(50%);
	text-align:right;
}
.feature.feature-left .feature-image img
{
	border-radius:50px 0 0 50px;
	width:100%;
	
	max-width:960px;
	min-width:530px;
	width:42vw;
}
.feature.feature-right .feature-image
{
	flex:0 0 calc(50%);
	text-align:left;
	background-position:right;
}
.feature.feature-right .feature-image img
{
	border-radius:0 50px 50px 0;
	width:100%;
	
	max-width:960px;
	min-width:530px;
	width:42vw;
}
.feature.feature-left .feature-image.image-contain
{
	flex:0 0 calc(50%);
	text-align:left;
	padding-left:45px;
	padding-right:35px;
}
.feature.feature-left .feature-image.image-contain img
{
	border-radius:0;
	width:100%;
	/*max-width: max-content;
	min-width:auto;*/
	/*↑元の指定　↓改修*/
	max-width: 762px;
	min-width:auto;
	max-height: 853px;
	min-width:auto;
}
.feature.feature-right .feature-image.image-contain
{
	flex:0 0 calc(50%);
	text-align:right;
	padding-right:60px;
	padding-left:20px;
}
.feature.feature-right .feature-image.image-contain img
{
	border-radius:0;
	width:100%;
	/*max-width: max-content;
	min-width:auto;*/
	/*↑元の指定　↓改修*/
	max-width: 813px;
	min-width:auto;
	max-height: 809px;
	min-width:auto;
}
.feature.isInWindow .feature-contents
{
	animation-name:fade;
	animation-delay:0.3s;
	animation-duration:0.5s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
.feature.feature-left.isInWindow .feature-image
{
	animation-name:fadeRight;
	animation-duration:0.5s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}
.feature.feature-right.isInWindow .feature-image
{
	animation-name:fadeLeft;
	animation-duration:0.5s;
	animation-timing-function:ease-out;
	animation-iteration-count:1;
	animation-fill-mode:forwards;
}


@keyframes fade {
	0% {
		opacity:0;
		transform:translateY(2em);
	}
	100% {
		opacity:1.0;
		transform:translateY(0em);
	}
}
@keyframes fadeLeft {
	0% {
		opacity:0;
		transform:translateX(-20px);
	}
	100% {
		opacity:1.0;
		transform:translateX(0px);
	}
}
@keyframes fadeRight {
	0% {
		opacity:0;
		transform:translateX(20px);
	}
	100% {
		opacity:1.0;
		transform:translateX(0px);
	}
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.feature
	{
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		align-content: center;
		/* margin:10vw 6.6vw; */
		margin:10vw 0.0vw;
	}
	.feature.feature-left
	{
		justify-content: flex-end;
	}
	.feature.feature-right
	{
		justify-content: flex-start;
	}
	
	.feature.feature-left .feature-contents
	{
		/*flex:0 0 100%;*/
		flex:0 0 calc(100% - 13.2vw);
		padding-right:0px;
	}
	.feature.feature-right .feature-contents
	{
		/*flex:0 0 100%;*/
		flex:0 0 calc(100% - 13.2vw);
		padding-left:0px;
		order: 0;
	}
	.feature.feature-left .feature-contents .feature-contents-body
	{
		width:auto;
		padding-right:0px;
		margin-left:auto;
	}
	.feature.feature-right .feature-contents .feature-contents-body
	{
		width:auto;
		padding-left:0px;
		margin-right:auto;
	}
	.feature .feature-contents
	{
		flex:0 0 calc(100% - 13.2vw);
		opacity:0;
		/* margin-bottom:8vw; */
		margin:0vw 6.6vw 8vw 6.6vw;
	}
	.feature .feature-contents .title
	{

	}
	.feature .feature-contents .title .main
	{
		font-size:4.2rem;
		line-height:1.5;
	}
	.feature .feature-contents .description
	{
		font-size:2.6rem;
		line-height:2.0;
		margin-top:8vw;
	}
	.feature .link
	{
		flex:0 0 100%;
		margin-top:8vw;
		text-align:center;
	}
	.feature .feature-image
	{
		opacity:0;
	}
	.feature.feature-left .feature-image
	{
		flex:0 0 calc(100% - 6.6vw);
		/* transform:translateX(6.6vw); */
		text-align:center;
	}
	.feature.feature-left .feature-image img
	{
		border-radius:10vw 0 0 10vw;
		width:100%;
		
		max-width: max-content;
		min-width:auto;
	}
	.feature.feature-right .feature-image
	{
		flex:0 0 calc(100% - 6.6vw);
		/* transform:translateX(-6.6vw); */
		text-align:center;
	}
	.feature.feature-right .feature-image img
	{
		border-radius:0 10vw 10vw 0;
		width:100%;
		
		max-width: max-content;
		min-width:auto;
	}
	.feature.feature-left .feature-image.image-contain
	{
		flex:0 0 calc(100% - 13.2vw);
		margin:0 6.6vw;
		/* flex:0 0 100%; */
		text-align:center;
		padding-left:0px;
		padding-right:0px;
	}
	.feature.feature-left .feature-image.image-contain img
	{
		border-radius:0;
		width:100%;
		
		max-width: max-content;
		min-width:auto;
	}
	.feature.feature-right .feature-image.image-contain
	{
		flex:0 0 calc(100% - 13.2vw);
		margin:0 6.6vw;
		/* flex:0 0 100%; */
		text-align:center;
		padding-right:0px;
		padding-left:0px;
	}
	.feature.feature-right .feature-image.image-contain img
	{
		border-radius:0;
		width:100%;
		
		max-width: max-content;
		min-width:auto;
	}
	
	.feature.sp-feature-center .feature-image
	{
		transform:translateX(0vw);
	}

	.feature.isInWindow .feature-contents
	{
		animation-name:fade;
		animation-delay:0.0s;
		animation-duration:0.5s;
		animation-timing-function:ease-out;
		animation-iteration-count:1;
		animation-fill-mode:forwards;
	}
	.feature.feature-left.isInWindow .feature-image
	{
		animation-name:fadeRight;
		animation-delay:0.3s;
		animation-duration:0.5s;
		animation-timing-function:ease-out;
		animation-iteration-count:1;
		animation-fill-mode:forwards;
	}
	.feature.feature-right.isInWindow .feature-image
	{
		animation-name:fadeLeft;
		animation-delay:0.3s;
		animation-duration:0.5s;
		animation-timing-function:ease-out;
		animation-iteration-count:1;
		animation-fill-mode:forwards;
	}
	.feature.sp-feature-center.isInWindow .feature-image
	{
		animation-name:fade;
		animation-delay:0.3s;
		animation-duration:0.5s;
		animation-timing-function:ease-out;
		animation-iteration-count:1;
		animation-fill-mode:forwards;
	}


	@keyframes fade {
		0% {
			opacity:0;
			transform:translateY(10vw);
		}
		100% {
			opacity:1.0;
			transform:translateY(0vw);
		}
	}
	@keyframes fadeLeft {
		0% {
			opacity:0;
			transform:translateX(-10vw);
		}
		100% {
			opacity:1.0;
			transform:translateX(0.0vw);
		}
	}
	@keyframes fadeRight {
		0% {
			opacity:0;
			transform:translateX(10vw);
		}
		100% {
			opacity:1.0;
			transform:translateX(0.0vw);
		}
	}
}

/*
************************************************************************
* インスタグラム
************************************************************************
*/
.instagram
{
	margin-top:80px;
	margin-bottom:80px;
}
.instagram .section-title
{
	text-align:center;
	padding-top:30px;
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(../../../_img/title-ribon.svg);
	background-size:74px auto;
}
.instagram .section-title .main
{
	font-size:3.2rem;
}
.instagram .images
{
	margin-top:60px;
	height:470px;
}
.instagram .images img
{
	height:470px;
	width:auto;
}
.instagram .link
{
	text-align:center;
	margin-top:80px;
	margin-bottom:80px;
}
.instagram .link .button span
{
	font-size:1.8rem;
}
.instagram .link .button span:before
{
	content:"";
	
	display:inline-block;
	
	width:1.5em;
	height:1.5em;
	
	margin-right:0.5em;
	margin-top:-0.5em;
	margin-bottom:-0.5em;
	
	background-image:url(../../../_img/icon/icon-instagram.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.instagram .link .button:hover span:before
{
	background-image:url(../../../_img/icon/icon-instagram-on.svg);
}

/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.instagram
	{
		margin-top:10vw;
		margin-bottom:10vw;
	}
	.instagram .section-title
	{
		text-align:center;
		
		padding-top:5vw;
		background-position:center top;
		background-repeat:no-repeat;
		background-image:url(../../../_img/title-ribon.svg);
		background-size:12vw auto;
	}
	.instagram .section-title .main
	{
		font-size:4.8rem;
	}
	.instagram .images
	{
		margin-top:10vw;
		height:64vw;
	}
	.instagram .images img
	{
		height:64vw;
		width:auto;
	}
	.instagram .link
	{
		text-align:center;
		margin-top:10vw;
		margin-bottom:10vw;
	}
	.instagram .link .button span
	{
		font-size:2.8rem;
	}
	.instagram .link .button span:before
	{
		content:"";
		
		display:inline-block;
		
		width:1.5em;
		height:1.5em;
		
		margin-right:0.5em;
		margin-top:-0.5em;
		margin-bottom:-0.5em;
		
		background-image:url(../../../_img/icon/icon-instagram.svg);
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
	}
	.instagram .link .button:hover span:before
	{
		background-image:url(../../../_img/icon/icon-instagram-on.svg);
	}
}
/*
************************************************************************
* ピックアップ
************************************************************************
*/
.pickup
{
	margin-top:80px;
	margin-bottom:80px;
}
.pickup .section-title
{
	text-align:center;
	
	padding-top:30px;
	background-position:center top;
	background-repeat:no-repeat;
	background-image:url(../../../_img/title-ribon.svg);
	background-size:74px auto;
}
.pickup .section-title .main
{
	font-size:2.8rem;
}
.pickup .pickup-list
{
	display: flex;
	margin:80px -30px
}
.pickup .pickup-list .pickup-item
{
	margin:0px 30px;
	flex:0 0 calc(33.33333% - 60px);
}
.pickup .pickup-list .pickup-item .thumbnail
{
	margin-bottom:40px;
}
.pickup .pickup-list .pickup-item .thumbnail img
{
	width:100%;
	border-radius:80px;
}
.pickup .pickup-list .pickup-item .title
{
	display: inline-flex;
	align-items: center;
	align-content: center;
	line-height:1;
}
.pickup .pickup-list .pickup-item .title .main
{
	font-size:2.4rem;
}
.pickup .pickup-list .pickup-item .title .tag
{
	display:inline-block;
	font-size:1.5rem;
	color:#958626;
	border:1px solid #958626;
	
	padding:0.25em;
	
	margin-left:0.5em;
}
.pickup .pickup-list .pickup-item .description
{
	font-size:1.5rem;
	line-height:1.7;
	margin:30px auto;
}
.pickup .pickup-list .pickup-item .sample
{
	margin-top:0px;
}
/*
.pickup .pickup-list .pickup-item .sample .btnSampleMovie
{
}
.pickup .pickup-list .pickup-item .sample .btnSampleMovie
{
	font-size: 1.6rem;
    padding-top: 0.2em;
}
*/
.pickup .link
{
	text-align:center;
	margin-top:80px;
	margin-bottom:80px;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.pickup
	{
		margin-top:10vw;
		margin-bottom:10vw;
	}
	.pickup .section-title
	{
		text-align:center;
		
		padding-top:5vw;
		background-position:center top;
		background-repeat:no-repeat;
		background-image:url(../../../_img/title-ribon.svg);
		background-size:12vw auto;
	}
	.pickup .section-title .main
	{
		font-size:3.8rem;
	}
	.pickup .pickup-list
	{
		display: flex;
		flex-wrap:wrap;
		margin:0 0px;
		margin-top:10vw;
	}
	.pickup .pickup-list .pickup-item
	{
		margin:0px 0px;
		flex:0 0 calc(100% - 0px);
		margin-bottom:10vw;
	}
	.pickup .pickup-list .pickup-item .thumbnail
	{
		margin-bottom:5vw;
	}
	.pickup .pickup-list .pickup-item .thumbnail img
	{
		width:100%;
		border-radius:10vw;
	}
	.pickup .pickup-list .pickup-item .title
	{
		display: inline-flex;
		align-items: center;
		align-content: center;
		line-height:1;
	}
	.pickup .pickup-list .pickup-item .title .main
	{
		font-size:3.4rem;
	}
	.pickup .pickup-list .pickup-item .title .tag
	{
		display:inline-block;
		font-size:1.8rem;
		color:#958626;
		border:1px solid #958626;
		
		padding:0.25em;
		
		margin-left:0.5em;
	}
	.pickup .pickup-list .pickup-item .description
	{
		font-size:2.4rem;
		line-height:1.7;
		margin:5vw auto;
	}
	.pickup .pickup-list .pickup-item .sample
	{
		margin-top:0px;
	}
	.pickup .link
	{
		text-align:center;
		margin-top:0;
		margin-bottom:10vw;
	}
}
/*
************************************************************************
* その他コンテンツ
************************************************************************
*/
.more-contents
{
	display: flex;
	flex-wrap: wrap;
	
	margin:-1em;
	margin-top:80px;
	margin-bottom:80px;
}
.more-contents > *
{
	margin:1em;
	flex:0 0 calc(50% - 2em);
	
}
.more-contents > a
{
}
.more-contents > a img
{
	width:100%;
}
.more-contents > a .label
{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	align-content: center;
	
	color:#FFFFFF;
	text-align:center;
	line-height:1;
}
.more-contents > a .main
{
	width:100%;
	font-size:3.2rem;
}
.more-contents > a .sub
{
	width:100%;
	font-size:1.8rem;
	margin-top:0.5em;
}
.more-contents > a.link-report .main:before
{
	content:"";
	
	display:inline-block;
	width:1em;
	height:1em;
	margin-bottom:-0.2em;
	margin-right:0.2em;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url(../../../_img/index/icon-report.svg);
}
.more-contents > a.link-blog .main:before
{
	content:"";
	
	display:inline-block;
	width:1em;
	height:1em;
	margin-bottom:-0.2em;
	margin-right:0.2em;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url(../../../_img/index/icon-blog.svg);
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.more-contents
	{
		display: flex;
		flex-wrap: wrap;
		
		margin:-1em;
		margin-top:10vw;
		margin-bottom:10vw;
	}
	.more-contents > *
	{
		margin:1em;
		flex:0 0 calc(50% - 2em);
		
	}
	.more-contents > a
	{
	}
	.more-contents > a img
	{
		width:100%;
	}
	.more-contents > a .label
	{
		position:absolute;
		top:0;
		bottom:0;
		left:0;
		right:0;
		
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		
		color:#FFFFFF;
		text-align:center;
		line-height:1;
	}
	.more-contents > a .main
	{
		width:100%;
		font-size:3.6rem;
	}
	.more-contents > a .sub
	{
		width:100%;
		font-size:2.2rem;
		margin-top:0.3em;
	}
	.more-contents > a.link-report .main:before
	{
		content:"";
		
		display:inline-block;
		width:1em;
		height:1em;
		margin-bottom:-0.2em;
		margin-right:0.2em;
		
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		background-image:url(../../../_img/index/icon-report.svg);
	}
	.more-contents > a.link-blog .main:before
	{
		content:"";
		
		display:inline-block;
		width:1em;
		height:1em;
		margin-bottom:-0.2em;
		margin-right:0.2em;
		
		background-position:center center;
		background-repeat:no-repeat;
		background-size:contain;
		background-image:url(../../../_img/index/icon-blog.svg);
	}
}

/*
************************************************************************
* その他コンテンツ
************************************************************************
*/
.news
{
	display: flex;
	margin-top:60px;
	margin-bottom:60px;
}
.news .title
{
	flex:0 0 80px;
}
.news .title .main
{
	font-size:2.4rem;
}
.news .news-article
{
	flex:0 0 calc(100% - 80px);
	display: flex;
	flex-wrap: wrap;
	margin:-20px 0;
}
.news .news-article > *
{
	margin: 20px 40px;
	flex: 0 0 calc(50% - 80px);
	width:(50%  - 80px);
}
.news .news-article .title
{
	
}
.news .news-article .title .main
{
	font-size:1.8rem;
}
.news .news-article .description
{
	font-size:1.5rem;
	line-height:1.7;
}
.news .news-article a.description
{
	text-decoration:underline;
}
.news .news-article a.description:hover
{
	text-decoration:none;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.news
	{
		display: flex;
		flex-wrap:wrap;
		margin-top:10vw;
		margin-bottom:10vw;
	}
	.news .title
	{
		flex:0 0 100%;
	}
	.news .title .main
	{
		font-size:3.6rem;
	}
	.news .news-article
	{
		flex:0 0 calc(100%);
		display: flex;
		flex-wrap: wrap;
		margin:0px 0;
	}
	.news .news-article > *
	{
		margin: 2.5vw 0px;
		flex: 0 0 calc(100% - 0px);
		width:(100%  - 0px);
	}
	.news .news-article .title
	{
		
	}
	.news .news-article .title .main
	{
		font-size:2.8rem;
	}
	.news .news-article .description
	{
		font-size:2.4rem;
		line-height:1.7;
	}
	.news .news-article a.description
	{
		text-decoration:underline;
	}
	.news .news-article a.description:hover
	{
		text-decoration:none;
	}
}

/*
************************************************************************
* モーダル
************************************************************************
*/
.sheild
{
	background-color:rgba(255, 255, 255, 0.6);
}
div.modal_w
{
	position:absolute;
	
	top:0;
	bottom:0;
	left:0;
	right:0;
	
	width:100%;
	height:calc(100vh);
	
	border-radius:0.5em;
	border:1px solid transparent;
	background-color:transparent;
	
	display: flex;
	justify-content: center;
	align-items: center;
	align-content: center;
}
div.modal
{
	width:640px;
	height:480px;
	
	border:1px solid transparent;
	background-color:transparent;
	
	border:1px solid #E0E0E0;
	background-color:#FFFFFF;
}
div.modal
{
	
}


button.btnModalClose
{
	position:absolute;

    /*
    top:calc(50% - 40vh - 2.0em);
    left:calc(50% + 480px - 4em);
    */
    top:2em;
    right:2em;

	border-radius:4em;

	width:4em;
	height:4em;

    border:0px solid transparent;
    background-color:transparent;
}
button.btnModalClose:before,
button.btnModalClose:after
{
	content:"";
	display:block;
	position:absolute;

	top:50%;
	left:23%;

	width:2.2em;
	height:2px;

	background-color:#000000;
}
button.btnModalClose:before
{
	transform:rotate(45deg);
}
button.btnModalClose:after
{
	transform:rotate(-45deg);
}

/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	div.modal_w
	{
		position:absolute;
		
		top:0vw;
		left:0;
		
		transform:translate(0%, 0%);
		
		width:100vw;
		height:calc(100vh - 0vw) !important;
		
		border-radius:0em;
		border:0px solid #FFFFFF;
		background-color:#FFFFFF;
		overflow: scroll;
		-webkit-overflow-scrolling: touch;
	}
	iframe.modal,
	div.modal
	{
		width:100vw;
		height:calc(100vh - 0vw) !important;
		
		border-radius:0.5em;
		border:1px solid #FFFFFF;
		background-color:#FFFFFF;
		/*
		position:absolute;

		top:15vw;
		bottom:0;
		left:0;
		right:0;

		transform:translate(0%, 0%);

		width:100%;
		height:calc(100% - 15vw);

		border-radius:0em;
		border:1px solid #FFFFFF;
		background-color:#FFFFFF;
		*/
	}
	button.btnModalClose
	{
		position:absolute;

		top:4.0vw;
		left:auto;
		right:4.0vw;

		border-radius:10vw;

		width:12vw;
		height:12vw;

        border:1px solid rgba(0,0,0,1.0);
	    background-color:rgba(0,0,0,1.0);
	}
	button.btnModalClose:before,
	button.btnModalClose:after
	{
		content:"";
		display:block;
		position:absolute;

		top:50%;
		left:25%;

		width:6vw;
		height:1px;

		background-color:#FFFFFF;
	}
	button.btnModalClose:before
	{
		transform:rotate(45deg);
	}
	button.btnModalClose:after
	{
		transform:rotate(-45deg);
	}
}