@charset "utf-8";

/*
************************************************************************
* テキスト段落
* @copyright Revolme Inc.
************************************************************************
*/

/*
************************************************************************
* 回り込み画像
************************************************************************
*/
.text
{
	overflow:hidden;
}
.text > p
{
	margin-bottom:1em;
}
.text > p:last-child
{
	margin-bottom:0em;
}
.text-left
{
	float:left;
	width:35%;
}
.text-left + .text
{
	margin-left:calc(35%);
	padding-left:2.5em
}
.text-left.width-s
{
	width:25%;
}
.text-left.width-s + .text
{
	margin-left:calc(25%);
	padding-left:2.5em
}
.text-left.width-m
{
	width:35%;
}
.text-left.width-m + .text
{
	margin-left:calc(35%);
	padding-left:2.5em
}
.text-left.width-l
{
	width:45%;
}
.text-left.width-l + .text
{
	margin-left:calc(45%);
	padding-left:2.5em
}
.text-left.width-ll
{
	width:55%;
}
.text-left.width-ll + .text
{
	margin-left:calc(55%);
	padding-left:2.5em
}
.text-left.width-lll
{
	width:65%;
}
.text-left.width-lll + .text
{
	margin-left:calc(65%);
	padding-left:2.5em
}
.text-right
{
	float:right;
	width:35%;
}
.text-right + .text
{
	margin-right:calc(35%);
	padding-right:2.5em
}
.text-right.width-s
{
	width:25%;
}
.text-right.width-s + .text
{
	margin-right:calc(25%);
	padding-right:2.5em
}
.text-right.width-m
{
	width:35%;
}
.text-right.width-m + .text
{
	margin-right:calc(35%);
	padding-right:2.5em
}
.text-right.width-l
{
	width:45%;
}
.text-right.width-l + .text
{
	margin-right:calc(45%);
	padding-right:2.5em
}
.text-right.width-ll
{
	width:55%;
}
.text-right.width-ll + .text
{
	margin-right:calc(55%);
	padding-right:2.5em
}
.text-right.width-lll
{
	width:65%;
}
.text-right.width-lll + .text
{
	margin-right:calc(65%);
	padding-right:2.5em
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.text
	{
	}
	.text-left,
	.text-left.width-s,
	.text-left.width-m,
	.text-left.width-l,
	.text-left.width-ll,
	.text-left.width-lll,
	.text-right,
	.text-right.width-s,
	.text-right.width-m,
	.text-right.width-l,
	.text-right.width-ll,
	.text-right.width-lll
	{
		float:none;
		width:100%;
		margin-bottom:1.5em;
	}
	
	.text-left + .text,
	.text-left.width-s + .text,
	.text-left.width-m + .text,
	.text-left.width-l + .text,
	.text-left.width-ll + .text,
	.text-left.width-lll + .text,
	.text-right + .text,
	.text-right.width-s + .text,
	.text-right.width-m + .text,
	.text-right.width-l + .text,
	.text-right.width-ll + .text,
	.text-right.width-lll + .text
	{
		margin-left:0em;
		margin-right:0em;
		padding-left:0.0em;
		padding-right:0.0em;
	}
}

/*
************************************************************************
* リンクボタングループ
************************************************************************
*/
.link-group
{
	
}
.link-group ul
{
	margin:0em;
	padding:0em;
	list-style:none;
	
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
}
.link-group ul li
{
	display:block;
	line-height: 1;

	margin:0em;
	padding:0em;
	
	margin-right:1em;
	
	width:280px;
}
.link-group ul li:last-child
{
	margin-right:0em;
}
.link-group ul li .button,
.link-group ul li .button span
{
	width:100%;
	text-align:center;
}

.link-group-l
{
	
}
.link-group-l ul
{
	margin:0em;
	padding:0em;
	list-style:none;
	
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	
	width:calc(600px + 1em);
	margin:0em auto;
}
.link-group-l ul li
{
	display:block;
	line-height: 1;
	
	margin:0em;
	padding:0em;
	
	margin-right:0.5em;
	
	width:calc(300px + 0.25em);
}
.link-group-l ul li:last-child
{
	margin-right:0em;
}
.link-group-l ul li .button,
.link-group-l ul li .button span
{
	width:100%;
	text-align:center;
}

.link-group-s
{
	
}
.link-group-s ul
{
	margin:0em;
	padding:0em;
	list-style:none;
	
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	justify-content:center;
	
	width:calc(600px + 1em);
	margin:0em auto;
}
.link-group-s ul li
{
	display:block;
	line-height: 1;
	
	margin:0em;
	padding:0em;
	
	margin-right:0.5em;
	
	width:200px;
}
.link-group-s ul li:last-child
{
	margin-right:0em;
}
.link-group-s ul li a,
.link-group-s ul li a span
{
	width:100%;
	text-align:center;
}

/* == タブレットサイズ ==========================================================*/
@media screen and (max-width: 1200px) {
}
/* == スマートフォンサイズ ==========================================================*/
@media screen and (max-width: 640px) {
	.link-group ul,
	.link-group-l ul,
	.link-group-s ul
	{
		margin:0em;
		padding:0em;
		list-style:none;
		
		display:block;
		width:auto;
	}
	.link-group ul li,
	.link-group-l ul li,
	.link-group-s ul li
	{
		margin:0em;
		padding:0em;
		margin-bottom:0.0em;
		width:100%;
	}
	.link-group ul li:last-child,
	.link-group-l ul li:last-child,
	.link-group-s ul li:last-child
	{
		margin-bottom:0em;
	}
}

/*
************************************************************************
* 注釈・備考
************************************************************************
*/
ul.notice
{
	
}
ul.notice li
{
	line-height:1.2;
	margin-bottom:0.5em;
}
ul.notice li:last-child
{
	margin-bottom:0.0em;
}