@charset "utf-8";

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

/* ################################################################################################ */
/* ## PC						 ################################################################## */
/* ################################################################################################ */
.title-lv1
{
	display: block;
	padding-bottom:2em;

}

.title-lv1 .main:after
{

}
.bg-title-lv1 {
	background-image: url(../../img/common/bg-title-lv1.svg);
	background-position: 48% 0%;
	background-repeat: no-repeat;
}



.title-lv1 > span
{
	display:block;
	text-align:center;
}
.title-lv1 .main
{
	max-width: 600px;
	width: 100%;

	margin: 0 auto;
	font-size: 1.8em;
	color: #FCCC00;
	font-weight: bold;
	padding: 1em 0 0.5em 0;

	letter-spacing: 0.2em;

}
.title-lv1 .sub
{
	font-weight:bold;
	font-size: 0.875em;
	line-height:1;
	color: #909090;
}
.title-lv1 .sub > span
{
}
.title-underline {
	text-align: center;
	margin-bottom: 3em;
}
.title-underline .main {
	font-size: 1.6em;
	font-weight: bold;
	color: #009FE8;
background: linear-gradient(to top, #FCCC00 30%, rgba(255, 255, 255, 0) 30% 100%);
}



.title-lv2
{
	text-align: center;
	margin-bottom:2em;
}
.title-lv2 .main
{
	font-size:1.875em;
	font-weight:bold;
	color: #0086E8;
	text-align: center;
}

.title-lv3
{
	font-size: 1.3125em;
	font-weight: bold;
	color: #009FE8;
	text-align: left;
	margin-bottom: 1em;
}
.title-lv3 .main
{
	line-height:1.2;
	font-size:1.625em;
	color: #0086E8;
	font-weight:bold;
	background-color: #fff;
	padding: 0 1em;
	display: inline-block;
}



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

}

/* ################################################################################################ */
/* ## スマホサイト用スタイル ###################################################################### */
/* ################################################################################################ */
@media screen and (max-width:640px) {
	.title-lv1
	{
		padding-bottom:3em;
		margin-bottom: 0em;
	}
	.bg-title-lv1 {
		margin: 0;
		background-size: contain;
		background-position: -1.5625vw 50%;
	}
	.title-lv1 .main
	{
		padding: 2em 0 0.5em 0;
		font-size: 6.25vw;
	}
	.title-lv1 .sub {
		font-size: 4.6875vw;
	}
	.title-lv1.title-lv1-uzu .main {
	}
	.title-lv2 .main {
		font-size: 7.8125vw;
	}

	.title-lv3
	{
		font-size: 4.6875vw;
		margin-bottom: 1em;
	}
	.title-lv3 .main
	{
		font-size: 4.6875vw;
	}
}