@charset "utf-8";

/* common
--------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
sub {
	font-size: 65%;
	vertical-align: baseline;
}
h1 {
	background-color: #ffffff;
	border-left: 5px solid #d90000;
	border-bottom: 1px solid #e5e7e6;
	font-size: 175%;
	font-size: 2.8rem;
	font-weight: normal;
	line-height: 1.2;
	padding: 28px 30px;
}
	h1 span {
		display: block;
		font-size: 50%;
		font-size: 1.4rem;
		padding-bottom: 5px;
	}
h2 {
	background-color: #f8f8f8;
	margin-bottom: 20px;
	padding: 16px;
}

	h2 span {
		border-left: 3px solid #d90000;
		display: block;
		font-size: 150%;
		font-size: 2.4rem;
		font-weight: normal;
		line-height: 1.2;
		padding-left: 20px;
	}

		h2 span small {
			font-size: 50%;
			font-size: 1.2rem;
		}
		
.hd {
	line-height: 1.4;
}

}

@media screen and (max-width: 666px) {
h1 {
	background-color: #ffffff;
	border-left: 0px;
	border-bottom: 1px solid #e5e7e6;
	font-size: 6.25vw;
	line-height: 1.4;
	position: relative;
	padding: 3.59% 6.25%;
}
	h1:after {
		background-color: #d90000;
		content: "";
		position: absolute;
		top: 0px;
		left: 0px;
		width: 5px;
		height: 100%;
	}
	h1 span {
		display: block;
		font-size: 3.75vw;
		padding-bottom: 0;
	}
h2 {
	margin-bottom: 4.42%;
	padding: 3.4% 0;
}


	h2 span {
		border-left:0px solid #fff;
		display: block;
		font-size: 5.62vw;
		font-weight: normal;
		line-height: 1.2;
		line-height: 1.4;
		padding: 0 3.74%;

	}

	h2 span:before{
	content: "";
	border-left: 3px solid #d90000;
	position:absolute;
	left:4.06%;
	width:2px;
	height:6.5vw;
	margin-top:0.75vw;
			
		}
}
/*	

		h2 span small {
			font-size: 50%;
			font-size: 1.2rem;
		}
}

/* clearfix
--------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
.clearfix:after {
	height: 0;
	visibility: hidden;
	content: "";
	display: block;
	clear: both;
}
}

/* img
--------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
.cmn__imgFull {
}
}

@media screen and (max-width: 666px) {
.cmn__imgFull img {
	width: 100%;
	height: auto;
}
}

/* display
--------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
.cmn__pc_inline {
	display: inline;
}
.cmn__sp_inline {
	display: none;
}
.cmn__pc_block {
	display: block;
}
.cmn__sp_block {
	display: none;
}
}

@media screen and (max-width: 666px) {
.cmn__pc_inline {
	display: none;
}
.cmn__sp_inline {
	display: inline;
}
.cmn__pc_block {
	display: none;
}
.cmn__sp_block {
	display: block;
}
}

/* text align
--------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
.cmn__textC {
	text-align: center;
}
.cmn__textL {
	text-align: left;
}
.cmn__textR {
	text-align: right;
}

}

/* font size
--------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
.cmn__f24 {
	font-size: 150%;
	font-size: 2.4rem;
}
.cmn__f20 {
	font-size: 125%;
	font-size: 2.0rem;
}
.cmn__f14 {
	font-size: 87.5%;
	font-size: 1.4rem;
}
.cmn__f12 {
	font-size: 75%;
	font-size: 1.2rem;
}
}

@media screen and (max-width: 666px) {
.cmn__f24 {
	font-size: 5vw;
}
.cmn__f20 {
	font-size: 5vw;
}
.cmn__f14 {
	font-size: 3.75vw;
}
.cmn__f12 {
	font-size: 3.12vw;
	line-height: 1.4;
}
}

/* br
--------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
.br_sp{
	display:none;}
}

@media screen and (max-width: 666px) {
.br_sp{
	display:inherit;}
}

/* overflow
--------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
.overflow{
	overflow: hidden;}
}

/* SP/PC
--------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
.sp_only{display:none;
	}

.pc_only{display:inherit;}
}
@media screen and (max-width: 666px) {
.sp_only{display:inherit;
	}
.pc_only{display:none!important;
	}
}

/* margin - common -
-------------------------------------------------------------------*/
@media print, screen and (min-width: 0px) {
.mb00{margin-bottom:0!important;}
.mb05{margin-bottom:5px!important;}
.mb08{margin-bottom:8px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px!important;}
.mb40{margin-bottom:40px!important;}
.mb50{margin-bottom:50px!important;}
.mb60{margin-bottom:60px!important;}

.mt00{margin-top:0px!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}
.mt40{margin-top:40px!important;}
.mt50{margin-top:60px;}
.mt60{margin-top:60px;}

.pb00{padding-bottom:0!important;}

.pt00{padding-top:0!important;}
.pt20{padding-top:20px!important;}
.pt30{padding-top:30px!important;}

.pl00{padding-right:0!important;}
.pl0{padding-left:0!important;}
.pl10{padding-left:10px;}
.pl15{padding-left:15px;}
.pl20{padding-left:20px;}
.pl40{padding-left:40px;}

.pr00{padding-right:0!important;}
}

@media screen and (max-width: 666px) {
.mb00{margin-bottom:0!important;}
.mt05{margin-top:1.02%!important;}
.mb08{margin-bottom:1.36%!important;}
.mb10{margin-bottom:2.04%!important;}
.mb15{margin-bottom:3.06%!important;}
.mb20{margin-bottom:4.42%!important;}
.mb25{margin-bottom:4.42%;}
.mb30{margin-bottom:5.78%!important;}
.mb40{margin-bottom:7.48%!important;}
.mb50{margin-bottom:9.35%!important;}
.mb60{margin-bottom:9.35%!important;}
	
.mt00{margin-top:0px!important;}
.mt10{margin-top:2.04%!important;}
.mt20{margin-top:4.42%!important;}
.mt30{margin-top:5.78%;}
.mt40{margin-top:7.48%!important;}
.mt50{margin-top:9.35%!important;}
.mt60{margin-top:11.22%;}

.pl40{padding-left:7.48%;}
.pl20{padding-left:4.42%;}
.pl15{padding-left:2.72%;}
.pl10{padding-left:2.04%;}

.pt20{padding-top:4.42%!important;}
.pt30{padding-top:5.78%!important;}

}