@charset "utf-8";

/*
************************************************************************
* プラン一覧
* @copyright Revolme Inc.
************************************************************************
*/

/*
プランアンカー
*/
.plan-anchor
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: stretch;
	
	margin:-1.5em -1.5em;
	margin-bottom:2em;
}
.plan-anchor > .plan-anchor-item
{
	display: flex;
	flex-wrap: wrap;
	
	align-items: flex-start;
	align-content: flex-start;
	
	margin:1.5em 1.5em;
	flex:0 0 calc(33.33333% - 3em);
	
	border:1px solid #000000;
	border-radius:2em;
	
	background-color:#FFFFFF;
	
	overflow:hidden;
	
	transition-duration:0.3s;
	transition-property:all;
	transition-timing-function:ease;
}
.plan-anchor .plan-anchor-item:after
{
	content:"";
	
	position:absolute;
	bottom:1.0em;
	right:1.0em;
	
	display:block;
	
	width:2em;
	height:2em;
	
	background-image:url(../../../_img/icon/circle-arrow-down.svg);
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
}
.plan-anchor > .plan-anchor-item:hover
{
	text-decoration:none;
	opacity:0.7;
}
.plan-anchor > .plan-anchor-item > *
{
	flex:0 0 calc(100.00000%);
}
.plan-anchor > .plan-anchor-item > .description
{
	padding:1.0em 1.5em 3.0em 1.5em;
}
.plan-anchor > .plan-anchor-item > .description > *
{
	display:block;
}
.plan-anchor > .plan-anchor-item > .description .sub-copy
{
	font-size:1.4rem;
	line-height:1;
	margin-bottom:0.8em;
}
.plan-anchor > .plan-anchor-item > .description .plan-name
{
	font-size:2.4rem;
	line-height:1.4;
}
.plan-anchor > .plan-anchor-item > .description .plan-price
{
	color:#958626;
	display:block;
	font-size:2.4rem;
	
	margin-top:0.5em;
}
.plan-anchor > .plan-anchor-item > .description .plan-price > .price
{
	display:block;
	font-size:2.4rem;
	line-height:1;
}
.plan-anchor > .plan-anchor-item > .description .plan-price > .price > .amount
{
	font-size:3.2rem;
}
.plan-anchor > .plan-anchor-item > .description .plan-price > .tax
{
	display:block;
	font-size:1.4rem;
	line-height:1;
	
	margin-top:0.25em;
}
.plan-anchor > .plan-anchor-item > .description .plan-price > .tax > .amount
{
	font-size:2.0rem;
}

.plan-anchor > .plan-anchor-item.plan-anchor-large
{
	align-items: center;
	align-content: center;
	flex:0 0 calc(100.00000% - 3em);
	margin-bottom:3em;
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > *
{
	flex:0 0 calc(50.00000%);
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > .eyecatch
{
	flex:0 0 calc(435px);
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > .description
{
	padding:3.0em;
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .sub-copy
{
	font-size:1.6rem;
	line-height:1;
	margin-bottom:0.8em;
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-name
{
	font-size:3.6rem;
	line-height:1.4;
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price
{
	color:#958626;
	display:block;
	font-size:3.6rem;
	
	margin-top:0.5em;
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price > .price
{
	display:block;
	font-size:3.6rem;
	line-height:1;
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price > .price > .amount
{
	font-size:5.2rem;
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price > .tax
{
	display:block;
	font-size:1.8rem;
	line-height:1;
	
	margin-top:0.25em;
}
.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price > .tax > .amount
{
	font-size:2.4rem;
}

/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.plan-anchor
	{
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		align-items: stretch;
		
		margin:-0.8em -2em;
		margin-bottom:2em;
	}
	.plan-anchor > .plan-anchor-item,
	.plan-anchor > .plan-anchor-item.plan-anchor-large
	{
		display: flex;
		flex-wrap: wrap;
		
		margin:0.8em 2em;
		flex:0 0 calc(100% - 4em);
		
		border:1px solid #000000;
		border-radius:2em;
		
		overflow:hidden;
	}
	.plan-anchor > .plan-anchor-item.plan-anchor-large > *,
	.plan-anchor > .plan-anchor-item.plan-anchor-large > .eyecatch
	{
		flex:0 0 calc(100.00000%);
	}
	.plan-anchor > .plan-anchor-item.plan-anchor-large > .description
	{
		padding:1.0em 1.5em 3.0em 1.5em;
	}
	
	.plan-anchor > .plan-anchor-item > .description .sub-copy,
	.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .sub-copy
	{
		font-size:2.2rem;
		line-height:1;
		margin-bottom:0.5em;
	}
	.plan-anchor > .plan-anchor-item > .description .plan-name,
	.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-name
	{
		font-size:4.2rem;
		line-height:1.4;
	}
	.plan-anchor > .plan-anchor-item > .description .plan-price,
	.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price
	{
		color:#958626;
		display:block;
		font-size:2.4rem;
		
		margin-top:0.8em;
	}
	.plan-anchor > .plan-anchor-item > .description .plan-price > .price,
	.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price > .price
	{
		display:block;
		font-size:4.2rem;
		line-height:1;
	}
	.plan-anchor > .plan-anchor-item > .description .plan-price > .price > .amount,
	.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price > .price > .amount
	{
		font-size:6.4rem;
	}
	.plan-anchor > .plan-anchor-item > .description .plan-price > .tax,
	.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price > .tax
	{
		display:block;
		font-size:2.4rem;
		line-height:1;
		
		margin-top:0.25em;
	}
	.plan-anchor > .plan-anchor-item > .description .plan-price > .tax > .amount,
	.plan-anchor > .plan-anchor-item.plan-anchor-large > .description .plan-price > .tax > .amount
	{
		font-size:3.4rem;
	}
}

/*
プラン概要
*/
.plan-detail
{
	padding:3em 0em;
}
.plan-detail .plan-description
{
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	align-items: center;
	
	margin-bottom:3em;
}
.plan-detail .plan-description > *
{
	flex:0 0 50%;
}
.plan-detail .plan-description > .plan-head > .plan-name
{
	font-size:3.6rem;
	line-height:1.4;
}
.plan-detail .plan-description > .plan-head > .plan-price
{
	color:#958626;
    line-height: 1;
    margin-top: 1em;
}
.plan-detail .plan-description > .plan-head > .plan-price > .price
{
	display:inline-block;
	font-size:3.2rem;
}
.plan-detail .plan-description > .plan-head > .plan-price > .price > .amount
{
	font-size:5.2rem;
}
.plan-detail .plan-description > .plan-head > .plan-price > .tax
{
	display:inline-block;
	font-size:1.8rem;
}
.plan-detail .plan-description > .plan-head > .plan-price > .tax > .amount
{
	font-size:2.4rem;
}

.plan-detail .plan-description > .plan-contents
{
	padding:2.5em 3em;
    text-align: justify;
    text-justify: inter-ideograph;
    border-left:1px solid #aaaaaa;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.plan-detail .plan-description > *
	{
		flex:0 0 100%;
	}
	.plan-detail .plan-description > .plan-contents
	{
		padding:2em 0em 2em 0em;
		font-size:2.4rem;
		letter-spacing:0.1em;
		line-height:1.5;
	    border-left:0px solid transparent;
	}
	.plan-detail .plan-description > .plan-head > .plan-name
	{
		font-size:4.2rem;
	}
	.plan-detail .plan-description > .plan-head > .plan-price
	{
		color:#958626;
	}
	.plan-detail .plan-description > .plan-head > .plan-price > .price
	{
		display:inline-block;
		font-size:4.2rem;
	}
	.plan-detail .plan-description > .plan-head > .plan-price > .price > .amount
	{
		font-size:6.4rem;
	}
	.plan-detail .plan-description > .plan-head > .plan-price > .tax
	{
		display:inline-block;
		font-size:2.6rem;
	}
	.plan-detail .plan-description > .plan-head > .plan-price > .tax > .amount
	{
		font-size:3.4rem;
	}
}

/*
プラン詳細
*/
.plan-detail .plan-set
{
	margin-bottom:3em;
}
.plan-detail .plan-set > .plan-set-title
{
	font-size:2.4rem;
	margin-bottom:1em;
}
.plan-detail .plan-set > .plan-set-list
{
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	
	margin:-1em;
}
.plan-detail .plan-set > .plan-set-list > .plan-set-list-item
{
	display: flex;
	align-items: flex-start;
	align-content: flex-start;
	flex-wrap: wrap;
	
	margin:1em;
	flex:0 0 calc(50% - 2em);
}
.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .thumbnail
{
	flex: 0 0 50%;
	border-radius:1em;
}
.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .thumbnail img
{
	border-radius:1.0em;
}

.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .content
{
	flex: 0 0 50%;
	padding-left:1em;
}
.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .content > .title
{
	background-color:#79756e;
	color:#FFFFFF;
	
	display: flex;
	align-items: center;
	
	padding:0.5em 0.8em;
	border-radius:0.8em;
	
	margin-bottom:1em;
}
.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .content > .title > .no
{
	flex:0 1 auto;
	font-size:1.8rem;
	line-height:1;
	margin-bottom:-0.3em;
}
.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .content > .title > .label
{
	flex:1 0 auto;
	font-size:1.6rem;
	text-align:center;
	padding-right:1em;
	line-height:1;
}
.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .content > .body
{
    text-align: justify;
    text-justify: inter-ideograph;
	font-size:1.3rem;
}

.plan-detail .plan-other
{
	margin-bottom:3em;
}
.plan-detail .plan-other > .plan-other-title
{
	font-size:2.4rem;
	margin-bottom:1em;
}
.plan-detail .plan-other > .plan-other-list
{
	display: flex;
	flex-wrap: wrap;
	margin:-1.5em -1em;
}
.plan-detail .plan-other > .plan-other-list > .plan-other-list-item
{
	margin:1.5em 1em;
	flex:0 0 calc(25% - 2em);
}
.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .thumbanil
{
	border-radius: 1.0em;
	overflow:hidden;
}
.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .title
{
	font-size:1.6rem;
	color:#958626;
	line-height:1;
	margin:1em 0;
}
.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .body
{
    text-align: justify;
    text-justify: inter-ideograph;
	font-size:1.3rem;
	margin-bottom:0.5em;
}
.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .link
{
	display:inline;
	padding:0.25em 0;
	border-bottom:1px solid #000000;
	font-size:1.3rem;
	transition-duration:0.3s;
	transition-property:all;
	transition-timing-function:ease;
}
.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .link:hover
{
	text-decoration:none;
	border-bottom:1px solid transparent;
	opacity:0.7;
}
.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .link .icon-after.icon-arrow-r:after
{
	width: 0.8em;
	height: 0.8em;
	background-size: contain;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.plan-detail .plan-set > .plan-set-title
	{
		font-size:3.2rem;
		margin-bottom:1em;
	}
	.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .thumbnail
	{
		flex: 0 0 100%;
		margin-bottom:0.5em;
	}
	.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .thumbnail img
	{
		border-radius:0.5em;
	}
	.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .content
	{
		flex: 0 0 100%;
		padding-left:0em;
	}
	.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .content > .title
	{
		border-radius:0.5em;
	}
	.plan-detail .plan-set > .plan-set-list > .plan-set-list-item > .content > .body
	{
		font-size:2.2rem;
	}
	
	.plan-detail .plan-other > .plan-other-title
	{
		font-size:3.2rem;
	}
	.plan-detail .plan-other > .plan-other-list > .plan-other-list-item
	{
		margin:1.5em 1em;
		flex:0 0 calc(50% - 2em);
	}
	.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .title
	{
		font-size:2.6rem;
	}
	.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .body
	{
		font-size:2.2rem;
	}
	.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .link
	{
		display:inline;
		padding:0.25em 0;
		border-bottom:1px solid #000000;
		font-size:2.2rem;
	}
	.plan-detail .plan-other > .plan-other-list > .plan-other-list-item > .link:hover
	{
		text-decoration:none;
		border-bottom:1px solid transparent;
	}
}

/*
プランセット
*/
.plan-detail .plan-sumary
{
	display: flex;
	flex-wrap: nowrap;
	justify-content: center;
	align-items: stretch;
	
	margin:-1em;
	margin-bottom:3em;
}
.plan-detail .plan-sumary > .plan-sumary-item
{
	flex:0 0 330px;
	margin:1.0em;
	border-radius:80px;
	overflow:hidden;
}
.plan-detail .plan-sumary > .plan-sumary-item > .eyecatch
{
	margin-bottom:4.0em;
}
.plan-detail .plan-sumary > .plan-sumary-item > .title
{
	background-color:#79756e;
	color:#FFFFFF;
	text-align:center;
	padding:1.5em;
	line-height:1;
	
    position: absolute;
    bottom: 0;
    width: 100%;
}
.plan-detail .plan-sumary > .plan-sumary-add
{
	align-self: center;
}
.plan-detail .plan-sumary > .plan-sumary-item > .title > .main
{
	font-size:1.8rem;
}
.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main
{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	
	background-color:#958626;
	color:#FFFFFF;
	
	padding: 3em 0 1.5em 0;
}
.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .eyecatch
{
	text-align:center;
	margin-bottom:0.0em;
    padding: 0 2em;
}
.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .eyecatch > .label
{
	margin-top:1.0em;
}
.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price
{
	text-align:center;
}
.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price .price
{
	font-size:3.0rem;
	line-height:1;
}
.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price .price >.amount 
{
	font-size:3.9rem;
}
.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price .tax
{
	font-size:1.3rem;
	line-height:1;
}
.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price .tax >.amount 
{
	font-size:1.5rem;
}
.plan-detail .plan-link
{
	text-align:center;
	margin-bottom:2em;
}
/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.plan-detail .plan-sumary
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: stretch;
		
		margin:-1em;
		margin-bottom:3em;
	}
	.plan-detail .plan-sumary > .plan-sumary-item
	{
		flex:0 0 calc(100% - 2em);
		
		display: flex;
		flex-wrap: nowrap;
		justify-content: center;
		align-items: stretch;
		align-content: center;
		
		margin:1.0em;
		border-radius:3em;
		overflow:hidden;
	}
	.plan-detail .plan-sumary > .plan-sumary-item > .eyecatch
	{
		margin-bottom:0.0em;
	}
	.plan-detail .plan-sumary > .plan-sumary-item > .title
	{
		background-color:#79756e;
		color:#FFFFFF;
		text-align:center;
		padding:1.5em;
		line-height:1;
		
	    position: relative;
	    bottom: auto;
	    flex:0 0 40%;
	    
	    text-align:center;
		display: flex;
		justify-content: center;
		align-items: center;
		align-content: center;

	}
	.plan-detail .plan-sumary > .plan-sumary-add
	{
		align-self: center;
	}
	.plan-detail .plan-sumary > .plan-sumary-item > .title > .main
	{
		font-size:2.6rem;
		line-height:1.2
	}
	.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main
	{
		display: flex;
		flex-wrap: wrap;
		justify-content: center;
		align-items: center;
		align-content: center;
		
		background-color:#958626;
		color:#FFFFFF;
		
		padding: 2em 2em 1.5em 2em;
	}
	.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > *
	{
		margin:0 0.5em;
	}
	.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .eyecatch
	{
		text-align:center;
		width: 50%;
		padding: 0;
	}
	.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .eyecatch > .label
	{
		margin-top:0.0em;
	}
	.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price
	{
		text-align:center;
	}
	.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price .price
	{
		font-size:3.9rem;
		line-height:1;
	}
	.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price .price >.amount 
	{
		font-size:5.2rem;
	}
	.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price .tax
	{
		font-size:1.9rem;
		line-height:1;
	}
	.plan-detail .plan-sumary > .plan-sumary-item.plan-sumary-item-main > .plan-price .tax >.amount 
	{
		font-size:2.5rem;
	}
	.plan-detail .plan-link
	{
		text-align:center;
		margin-bottom:0em;
	}
}

/*
プランフッター
*/
.plan-footer
{
	display: flex;
	margin:-0.5em;
	padding:5em 0;
}
.plan-footer > a
{
	margin:0.5em;
	flex:0 0 calc(33.33333% - 1em);
}
.plan-footer > a > .thumbnail > img
{
	display:inline-block;
	border-radius:1em;
}
.plan-footer > a > .label
{
	font-size:2.0rem;
	margin-top:0.5em;
	transition-duration:0.3s;
	transition-property:all;
	transition-timing-function:ease;
}
.plan-footer > a:hover
{
	text-decoration:none;
}
.plan-footer > a:hover > .label
{
	opacity:0.7;
}

/* == スマートフォンサイズ ======================================================*/
@media screen and (max-width: 750px) {
	.plan-footer
	{
		display: flex;
		flex-wrap: wrap;
		margin:-0.5em;
		padding:5em 0;
	}
	.plan-footer > a
	{
		margin:0.5em;
		flex:0 0 calc(100% - 1em);
		
		display: flex;
		align-items: center;
		align-content: center;
	}
	.plan-footer > a > *
	{
		flex:0 0 50%;
	}
	.plan-footer > a > .thumbnail > img
	{
		display:inline-block;
		border-radius:1em;
	}
	.plan-footer > a > .label
	{
		font-size:2.0rem;
		margin-top:0.5em;
		padding:1em;
	}
}