@charset "UTF-8";
/*----------------------------------------

	- content
	- pc（1281px〜）
	- pc（1025px〜1280px）
	- tablet（737px〜1024px）
	- sp（〜736px）

-----------------------------------------*/

/*	content
-----------------------------------------*/

#content #content_r #content_r_layout01 {
	width: 88%;
	padding: 8.5% 6% 16.5%;
}

#content #content_r #content_r_layout01 h1 {
	width: 100%;
	padding-bottom: 1.4%;
	margin-bottom: 3%;
	border-bottom: 1px #080808 solid;
	font-size: 22px;
	font-size: 2.2rem;
	line-height: 1.0;
	font-weight: bold;
}

#content #content_r #content_r_layout01 a:link,
#content #content_r #content_r_layout01 a:visited {
	color: #333333;
	text-decoration: none;
}

#content #content_r #content_r_layout01 a:hover,
#content #content_r #content_r_layout01 a:active {
	color: #333333;
	text-decoration: underline;
}

#content #content_r #content_r_layout01 h2 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	border-bottom: 1px dotted #999999;
}

#content #content_r #content_r_layout01 .box01 h2 {
	margin-bottom: 2%;
	padding-bottom: 0.5%;
}

#content #content_r #content_r_layout01 .box02 h2,
#content #content_r #content_r_layout01 .box03 h2 {
	margin-bottom: 6%;
	padding-bottom: 1%;
}

#content #content_r #content_r_layout01 h2 a:link,
#content #content_r #content_r_layout01 h2 a:visited {
	color: #c30800;
	text-decoration: none;
}

#content #content_r #content_r_layout01 h2 a:hover,
#content #content_r #content_r_layout01 h2 a:active {
	color: #c30800;
	text-decoration: underline;
}

#content #content_r .box01,
#content #content_r .box02,
#content #content_r .box03 {
	width: 100%;
	padding-bottom: 6%;
	line-height: 2.0;
}

#content #content_r .box01 .box01_l {
	float: left;
	width: 100%;
}

#content #content_r .box01 ul li {
	float: left;
	width: 30%;
	padding-right: 3%;
}

#content #content_r .box02 .box02_l {
	float: left;
	width: 30%;
	padding-right: 3%;
}

#content #content_r .box03 .box03_l,
#content #content_r .box03 .box03_r {
	float: left;
	width: 30%;
	padding-right: 3%;
}

#content #content_r .box03 .box03_r {
	padding-top: 6.5%;
}

/*----------------------------------------
	pc（1281px〜）
-----------------------------------------*/
@media only screen and (min-width: 1281px) {

/*	content
-----------------------------------------*/

}

/*----------------------------------------
	pc（1025px〜1280px）
-----------------------------------------*/
@media only screen and (min-width: 1025px) and (max-width:1280px) {

/*	content
-----------------------------------------*/

}

/*----------------------------------------
	tablet（737px〜1024px）
-----------------------------------------*/
@media only screen and (min-width: 737px) and (max-width:1024px) {

/*	content
-----------------------------------------*/

}

/*----------------------------------------
	sp（〜736px）
-----------------------------------------*/

@media only screen and (max-width: 736px) {

/*	content
-----------------------------------------*/

#content #content_r #content_r_layout01 {
	width: 88%;
	padding: 12% 6% 24%;
}

#content #content_r #content_r_layout01 h1 {
	padding-bottom: 4%;
	margin-bottom: 8%;
	font-size: 22px;
	font-size: 2.2rem;
}

#content #content_r #content_r_layout01 h2 {
	font-size: 16px;
	font-size: 1.6rem;
}

#content #content_r #content_r_layout01 .box01 h2,
#content #content_r #content_r_layout01 .box02 h2,
#content #content_r #content_r_layout01 .box03 h2 {
	margin: 0;
	padding: 0;
	margin-top: 5%;
	margin-bottom: 2%;
}

#content #content_r .box01,
#content #content_r .box02,
#content #content_r .box03 {
	width: 100%;
	margin: 0;
	line-height: 2.0;
}

#content #content_r .box01 ul li,
#content #content_r .box01 .box01_l,
#content #content_r .box02 .box02_l,
#content #content_r .box03 .box03_l,
#content #content_r .box03 .box03_r {
	font-size: 14px;
	font-size: 1.4rem;
	float: none;
	width: 100%;
	margin: 0;
	padding: 0;
}

#content #content_r .box03 .box03_r {
	margin-top: 5%;
}

}