@charset "utf-8";

/*
************************************************************************
* 見出し
* @copyright Revolme Inc.
************************************************************************
*/

/* ################################################################################################ */
/* ## PC						 ################################################################## */
/* ################################################################################################ */
.title-lv1
{
}
.title-lv1 > span,
.title-lv1 > span > span
{
	display:block;
	text-align:center;
}
.title-lv1 .main
{
	font-size:1.8em;
	line-height:1.2;
	letter-spacing: 0.15em;
}
.title-lv1 .sub
{
	font-size:1.0em;
	line-height:1.2;
	margin-top:0.5em;
}

.title-lv2
{
	margin-bottom:1em;
	/* border-left:0.5em solid; */
	padding:0.5em 0.5em;
	border:1px solid rgba(128, 128, 128, 0.5);
	border-radius:0.5em;
	background-color:#F9F9F9;
}
.title-lv2:before
{
	content:"";
	display:inline-block;
	
	width:1.8em;
	height:1.8em;
	
	background-position:center center;
	background-repeat:no-repeat;
	background-size:contain;
	background-image:url(../../icon/title-lv2.svg);
	
	margin-right:0.5em;
	
	vertical-align:text-bottom;
}
.title-lv2.title-lv2-footer:before
{
	background-image:url(../../icon/title-lv2-footer.svg);
}
.title-lv2 .main
{
	font-size:1.5em;
}
.title-lv2 .sub
{
	margin-left:0.5em;
}

.title-lv3
{
	margin-bottom:0.5em;
}
.title-lv3 .main
{
	line-height:1.2;
	font-size:1.1em;
}


/* ################################################################################################ */
/* ## TAB						 ################################################################## */
/* ################################################################################################ */
@media screen and (max-width:1100px) {


}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.title-lv1 .main
	{
		font-size:1.8em;
	}
	.title-lv2 .sub
	{
		display:block;
		margin-left:0.5em;
	}
}