@charset "utf-8";

/*-----------------------------------------------------
Content
-------------------------------------------------------*/
#Content{
}
#Main section{
	margin: 0 15px 20px;
}
#Main section h3{
	font-weight: 600;
	font-family: 'Noto Sans Japanese';
	text-align: center;
	line-height: 1;
}

/*-------------------------------------
lead
---------------------------------------*/
#Main section.lead{
	margin: 0 0 20px;
	padding: 15px;
	background: #e4ecf2;
	border-top: 1px solid #363636;
}
#Main section.lead div.lead-inline h3 img{
	width: 100%;
	height: auto;
}
#Main section.lead div.lead-inline h3{
	margin: 0 0 20px;
	padding: 0 0 9px;
	border-bottom: 1px solid #bebebe;
}
#Main section.lead div.lead-inline p{
	font-size: 108%;
	line-height: 177%;
	text-align: justify;
}
#Main section.lead div.lead-inline p strong{
	display: block;
	margin: 15px 0 0;
	color: #51789b;
	line-height: 177%;
}

/*-------------------------------------
guide
---------------------------------------*/
#Main section.guide{
	padding: 14px;
	border: 1px solid #363636;
}
#Main section.guide h3{
	margin: 0 0 15px;
	padding: 0 0 10px;
	color: #51789b;
	font-size: 133%;
	border-bottom: 1px solid #363636;
}
#Main section.guide div.block{
	overflow: hidden;
	margin: 0 0 15px;
	padding: 0 0 15px;
	font-size: 92%;
	line-height: 163%;
	border-bottom: 1px solid #dcdcdc;
}
#Main section.guide div.block.last{
	margin: 0;
	padding: 0;
	border: none;
}
#Main section.guide div.block div.block-inline{
	text-align: justify;
}
#Main section.guide div.block .ico{
	width: 10px;
	margin: 0 0 0 4px;
}
#Main section.guide div.block h4{
	margin: 0 0 5px;
	padding: 12px 0;
    color: #fff;
    font-size: 118%;
    font-weight: 300;
    font-family: 'Noto Sans Japanese';
    text-align: center;
    background: #f0517b;
    line-height: 1;
}
#Main section.guide div.block h4.buy{
	color: #fff;
	border: 1px solid #fff;
	background: #f0517b;
}

#Main section.guide div.block h4.global{
	color: #f0517b;
	border: 1px solid #f0517b;
	background: #fff;
}

#Main section.guide div.block h4.off{
	color: #fff;
	border: none;
	background: #bebebe;
}
#Main section.guide div.block ul{
	overflow: hidden;
	margin: 4px 0 0;
}
#Main section.guide div.block ul li{
	width: 50%;
	float: left;
	padding: 8px;
	background: #e4ecf2;
	box-sizing:border-box;
	border:solid #fff;
	border-width:6px 6px 0 0;
	text-align: justify;
}
#Main section.guide div.block ul li:nth-child(even){
	border:solid #fff;
	border-width:6px 0 0 0;
}
#Main section.guide div.block ul li span{
	display: block;
}
#Main section.guide div.block ul li strong,
#Main section.guide div.block ul li img{
	display: block;
	text-align: center;
	color: #51789b;
}
#Main section.guide div.block ul li strong{
	font-size: 118%;
	margin-bottom: 7px;
	padding-bottom: 32px;
	background-position: 50% 100%;
	background-repeat: no-repeat;
	background-size: 40px auto;
}

#Main section.guide div.block ul li.guide01 strong{background-image: url(../images/sp/ico_guide01.png);}
#Main section.guide div.block ul li.guide02 strong{background-image: url(../images/sp/ico_guide02.png);}
#Main section.guide div.block ul li.guide03 strong{background-image: url(../images/sp/ico_guide03.png);}
#Main section.guide div.block ul li.guide04 strong{background-image: url(../images/sp/ico_guide04.png);}

/*-------------------------------------
attention
---------------------------------------*/
#Main section.attention dl dd{
	font-size: 92%;
}
#Main section.attention dl dd span{
	display: none;
}
#Main section.attention dl dd a{
	display: block;
	margin: 6px 0 0;
	padding: 13px 0;
	text-align: center;
	text-decoration: none;
	line-height: 20px;
	color: #fff;
	font-size: 108%;
	font-weight: 400;
	font-family: 'Noto Sans Japanese';
	background: #51789b;
	line-height: 1;
}
#Main section.attention dl dd .ico{
	display: inline-block;
	width: 10px;
	margin: 0 0 0 4px;
}


#Main section.attention dl dt.contact01{background-image: url(../images/sp/ico_contact01.png);}
#Main section.attention dl dt.contact02{background-image: url(../images/sp/ico_contact02.png);}
#Main section.attention dl dt.contact03{background-image: url(../images/sp/ico_contact03.png);}


/*-------------------------------------
Side
---------------------------------------*/
#Side ul.link li:first-of-type a{
	background: #e4ecf2;
	text-decoration: none;
}