@charset "utf-8";

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

/* ################################################################################################ */
/* ## PC						 ################################################################## */
/* ################################################################################################ */
.title-lv1
{
	padding-bottom:2em;
}
/*
.title-lv1:after
{
	content:"";
	display:block;
	position:absolute;
	bottom:0;
	left:50%;
	transform:translateX(-50%);

	width:8em;
	height:0.2em;
}
*/
.title-lv1 > span
{
	display:block;
	text-align:center;
}
.title-lv1 .main
{
	font-size:1.8em;
	font-weight:bold;
	text-align:center;
	letter-spacing: 0.15em;
	width: 100%;
	margin: 0 auto;
	padding: 0 3em;
	box-sizing: border-box;
}

#sec-01 .title-lv1 .main {
	max-width: 864px;
}
#sec-02 .title-lv1 .main {
	max-width: 708px;
}
#sec-03 .title-lv1 .main {
	max-width: 980px;
}
#sec-03 .title-lv1 .main {
	max-width: 784px;
}


.title-lv1 .sub
{
	font-weight:bold;
	font-size:1.25em;
	line-height:1;
	color: #3885FF;
}
.title-lv1 .sub > span
{
}




.title-lv2
{
	margin-bottom:1em;
}
.title-lv2 .main
{
	font-size:1.375em;
	font-weight:bold;
	color: #9F663C;
}
.title-lv2-2
{
	margin-bottom:1em;
}
.title-lv2-2 .main
{
	font-size:1.5em;
	font-weight:bold;
}

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


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

}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.title-lv1
	{
		padding-bottom:1em;
	}
	.title-lv1 .main
	{
		padding: 0 1.5em;
	}
}