#main img{
	margin:30px 0 0;
}
@media screen and (min-width: 768px){
.pc #main{
	background:url(../images/img_main.jpg) top center no-repeat;
	height:280px;
	background-size:cover;
	width:100%;
	text-align:center;
}

h2{
	background:url(../../common/images/ttl_bg.gif) top left no-repeat;
	border-bottom:1px solid #d8d8d8;
	font-size:2.0rem;
	font-weight:bold;
	margin:15px auto 40px;
	padding: 7px 0 7px 20px;
}

h3{
	font-size:2.0rem;
	margin:0 0 30px;
	display: inline-block;
	position: relative;
}

h3 span.icon{
	width: 0;
	height: 0;
	border-top: 10px solid #9b0d0a;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid transparent;
	display:inline-block;
	margin:6px 5px 0 0;
	vertical-align: middle;
}

h3:after{
	position: absolute;
	top: -10px;
	display: inline-block;
	margin:0;
	vertical-align: middle;
	z-index: -3;
}
h3 span.line{
	border-bottom: 1px solid #000;
	padding: 0 40px 18px 0;
}
.kiso07 h3 span.line{
	border-bottom: 1px solid #000;
	padding: 0 0 10px 0;
}

.kiso{
	margin:0 auto 50px;
}

.kiso07{
	margin:0 auto;
}

.kiso01 h3:after{
	content:url(../images/icn_chara01.gif);
	left: 80%;
}

.kiso02 h3:after{
	content:url(../images/icn_chara02.gif);
	left: 80%;
}

.kiso03 h3:after{
	content:url(../images/icn_chara03.gif);
	left: 84%;
}

.kiso04 h3:after{
	content:url(../images/icn_chara04.gif);
	left: 80%;
}

.kiso05 h3:after{
	content:url(../images/icn_chara05.gif);
	left: 74%;
}

.kiso06 h3:after{
	content:url(../images/icn_chara06.gif);
	left: 80%;
}
}

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

.sp #main{
	background:url(../images/sp_img_main.jpg) top center no-repeat;
	height:280px;
	background-size:cover;
	width:100%;
	text-align:center;
}

	
h2{
	background:url(../../common/images/ttl_bg.gif) bottom left no-repeat;
	background-size:contain;
	border-bottom:1px solid #d8d8d8;
	font-size:1.8rem;
	font-weight:bold;
	margin:7% auto 8%;
	padding:0 0 0.5% 3%;
}

h3{
	font-size:1.6rem;
	margin:0 0 15px;
	position: relative;
	display: inline-block;
}

h3 span.icon{
	width: 0;
	height: 0;
	border-top: 9px solid #9b0d0a;
	border-right: 9px solid transparent;
	border-bottom: 9px solid transparent;
	border-left: 9px solid transparent;
	display:inline-block;
	margin:4px 5px 0 0;
	vertical-align: middle;
}
h3 span.line{
	border-bottom: 1px solid #000;
	padding: 0 30px 10px 0;
}

h3:after{
	display: inline-block;
	position: absolute;
	top: -11%;
	right: 0%;
}
.kiso07 h3 span.line{
	border-bottom: 1px solid #000;
	padding: 0 0 5px 0;
}
.kiso{
	margin:0 auto 45px;
}

.kiso07{
	margin:0 auto;
}

.kiso01 h3:after{
	margin:0 0px 0 6px;
 	content:" ";
 	display:inline-block;
	width: 22px;
	height: 31px;
 	background:url(../images/icn_chara01.gif) 0 0 no-repeat;
 	background-size:contain;
 	vertical-align:middle;
}

.kiso02 h3:after{
	margin:0 0px 0 6px;
 	content:" ";
 	display:inline-block;
 	width: 22px;
	height: 30px;
 	background:url(../images/icn_chara02.gif) 0 0 no-repeat;
 	background-size:contain;
 	vertical-align:middle;
}

.kiso03 h3:after{
	margin:0 0px 0 6px;
 	content:" ";
 	display:inline-block;
 	width: 22px;
	height: 25px;
 	background:url(../images/icn_chara03.gif) 0 0 no-repeat;
 	background-size:contain;
 	vertical-align:middle;
}

.kiso04 h3:after{
	margin:0 0px 0 6px;
 	content:" ";
 	display:inline-block;
 	width: 22px;
	height: 32px;
 	background:url(../images/icn_chara04.gif) 0 0 no-repeat;
 	background-size:contain;
 	vertical-align:middle;
}

.kiso05 h3:after{
	margin:0 0px 0 6px;
 	content:" ";
 	display:inline-block;
 	width: 20px;
	height: 24px;
 	background:url(../images/icn_chara05.gif) 0 0 no-repeat;
 	background-size:contain;
 	vertical-align:middle;
}

.kiso06 h3:after{
	margin:0 0px 0 6px;
 	content:" ";
 	display:inline-block;
 	width: 22px;
	height: 26px;
 	background:url(../images/icn_chara06.gif) 0 0 no-repeat;
 	background-size:contain;
 	vertical-align:middle;
}
#pagetop{
	margin-top: 120px!important;
}
}