@charset "utf-8";
/*
 * ===================================================
 * 
 * content
 * 
 * ===================================================
 */
/**
 * 幅指定
 */
.w33p { width: 33%; }
.w48p { width: 48%; }
.w49p { width: 49%; }
.w50p { width: 50%; }
.w90p { width: 90%; }
.w110 { width: 110px; }
.w120 { width: 120px; }
.w130 { width: 130px; }
.w140 { width: 140px; }
.w150 { width: 150px; }
.w160 { width: 160px; }
.w170 { width: 170px; }
.w180 { width: 180px; }
.w190 { width: 190px; }
.w200 { width: 200px; }
.w210 { width: 210px; }
.w220 { width: 220px; }
.w230 { width: 230px; }
.w240 { width: 240px; }
.w250 { width: 250px; }
.w260 { width: 260px; }
.w270 { width: 270px; }
.w280 { width: 280px; }
.w290 { width: 290px; }
.w300 { width: 300px; }
.w310 { width: 310px; }
.w320 { width: 320px; }
.w330 { width: 330px; }
.w340 { width: 340px; }
.w400 { width: 400px; }
.w410 { width: 410px; }
.w420 { width: 420px; }
.w430 { width: 430px; }
.w440 { width: 440px; }
.w450 { width: 450px; }
.w470 { width: 470px; }
.w480 { width: 480px; }
.w490 { width: 490px; }
.w500 { width: 500px; }
.w510 { width: 510px; }
.w520 { width: 520px; }
.w540 { width: 540px; }
.w550 { width: 550px; }
.w570 { width: 570px; }
.w680 { width: 680px; }
.w1em { width: 1em; }
.w2em { width: 2em; }
.w3em { width: 3em; }
.w3hem { width: 3.5em; }
.w4em { width: 4em; }
.w4hem { width: 4.5em; }
.w5em { width: 5em; }
.w5hem { width: 5.5em; }
.w6em { width: 6em; }
.w6hem { width: 6.5em; }
.w7em { width: 7em; }
.w8em { width: 8em; }
.w9em { width: 9em; }
.w10em { width: 10em; }
.w11em { width: 11em; }
.w12em { width: 12em; }
.w13em { width: 13em; }
.w14em { width: 14em; }
.w15em { width: 15em; }
.w16em { width: 16em; }
.w17em { width: 17em; }
.w18em { width: 18em; }
.w19em { width: 19em; }
.w20em { width: 20em; }
/**
 * レイアウト
 */
.mL1hem { margin-left: 1.5em; }
.mL2em { margin-left: 2em; }
.mL2hem { margin-left: 2.5em; }
.mL3em { margin-left: 3em; }
.mL3hem { margin-left: 3.5em; }
.mL4em { margin-left: 4em; }
.mL4hem { margin-left: 4.5em; }
.mL5em { margin-left: 5em; }
.mL6em { margin-left: 6em; }
.mL7em { margin-left: 7em; }
.mL8em { margin-left: 8em; }
.mB60 { margin-bottom: 60px; }
.mB70 { margin-bottom: 70px; }
.mB80 { margin-bottom: 80px; }
/**
 * 文字サイズ
 */
.s0-8r { font-size: 0.8rem; }
.s1-0r { font-size: 1.0rem; }
.s1-1r { font-size: 1.1rem; }
.s1-2r { font-size: 1.2rem; }
.s1-3r { font-size: 1.3rem; }
.s1-4r { font-size: 1.4rem; }
.s1-5r { font-size: 1.5rem; }
.s1-6r { font-size: 1.6rem; }
.s1-7r { font-size: 1.7rem; }
.s1-8r { font-size: 1.8rem; }
.s1-9r { font-size: 1.9rem; }
.s2-0r { font-size: 2.0rem; }
.s2-1r { font-size: 2.1rem; }
.s2-2r { font-size: 2.2rem; }
.s2-3r { font-size: 2.3rem; }
.s2-4r { font-size: 2.4rem; }
.s2-5r { font-size: 2.5rem; }
.s2-6r { font-size: 2.6rem; }
.s2-8r { font-size: 2.8rem; }
.s2-9r { font-size: 2.9rem; }
.s3-0r { font-size: 3.0rem; }
.s3-4r { font-size: 3.4rem; }
.s3-5r { font-size: 3.5rem; }
.s3-8r { font-size: 3.8rem; }
.s4-0r { font-size: 4.0rem; }
.s5-0r { font-size: 5.0rem; }
/**
 * 備考
 */
.note { font-size: 1.4rem; }
/**
 * マーカー
 */
.marker {
	background: -webkit-linear-gradient(transparent 50%, #ffee00 50%);
	background:         linear-gradient(transparent 50%, #ffee00 50%);
}
/**
 * 見出し
 */
.headStyle01 {
	color: #004095;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
	width: 400px;
	padding-top: 15px;
	margin: 0 auto;
	background: #fff;
	border: 2px solid #004095;
	border-bottom: none;
	position: relative;
	top: 2px;
}
.headStyle02 {
	padding-right: 40px;
	margin-bottom: 15px;
	overflow: hidden;
}
.headStyle02 span {
	display: inline-block;
	color: #fff;
	font-size: 2.2rem;
	font-weight: bold;
	line-height: 1.3;
	text-align: left;
	padding: 10px 20px;
	background: #004095;
	position: relative;
	z-index: 2;
}
.headStyle02 span::after {
	display: block;
	content: "";
	border: 50px solid transparent;
	border-top: 80px solid #004095;
	position: absolute;
	top: 0;
	right: -30px;
	z-index: -1;
}
.headStyle03 { margin-bottom: 15px; }
	.headStyle03 span {
		display: inline-block;
		color: #004095;
		font-size: 1.8rem;
		font-weight: bold;
		line-height: 1.3;
		padding-bottom: 5px;
		margin: 0 auto;
		border-bottom: 3px solid #004095;
	}
.headStyle04 {
	font-size: 2.0rem;
	font-weight: bold;
	line-height: 1.3;
	margin-bottom: 15px;
}
/**
 * リスト
 */
.listStyle01 {
	padding: 0;
	margin: 0;
}
	.listStyle01 > li {
		list-style-type: disc;
		margin-left: 1.5em;
		position: relative;
	}
.listStyle02 {
	list-style-type: none;
	padding: 0;
	margin: 0;
}
.listStyle03 {
	padding: 0;
	margin: 0;
}
	.listStyle03 > li {
		list-style-type: decimal;
		margin-left: 1.5em;
		position: relative;
	}
.listStyle04 {
	list-style-type: none;
	padding: 0 0 0 10px;
	margin: 0;
}
	.listStyle04 > li {
		padding-left: 30px;
		margin-bottom: 20px;
		background: url(../../images/content/content/ico_point.png) no-repeat left 7px;
		-webkit-background-size: 23px auto;
		        background-size: 23px auto;
		position: relative;
	}
	.listStyle04 > li:last-of-type { margin-bottom: 0; }
/**
 * テーブル
 */
.tableStyle01 {
	border-collapse: collapse;
}
	.tableStyle01 th,
	.tableStyle01 td {
		font-weight: normal;
		line-height: 1.3;
		padding: 10px;
		border: 1px solid #004095;
	}
	.tableStyle01 thead th { text-align: center; }
	.tableStyle01 td { text-align: center; }
/**
 * ボタン
 */
.btnStyle01 {}
	.btnStyle01 a {
		display: inline-block;
		color: #004095;
		font-weight: bold;
		letter-spacing: normal;
		text-decoration: none;
		text-align: center;
		min-width: 180px;
		padding: 10px 30px 10px 20px;
		margin: 0 2px 2px 0;
		background: #ffee00;
		border: 1px solid #004095;
		box-shadow: 2px 2px 0 #004095;
		position: relative;
		transition: .2s;
	}
	.btnStyle01 a::after {
		display: block;
		content: "";
		width: 6px;
		height: 11px;
		margin-top: -5px;
		background: url(../../images/content/content/ico_arrow.png) no-repeat center center;
		-webkit-background-size: cover;
		        background-size: cover;
		position: absolute;
		top: 50%;
		right: 15px;
	}
	.btnStyle01 a:hover {
		box-shadow: none;
		margin: 2px 0 0 2px;
	}
/**
 * ボックス
 */
.sectionVox { margin-bottom: 80px; }
	.sectionVox header { border-bottom: 2px solid #004095; }
	.sectionVox .inner {
		width: 1000px;
		padding-top: 90px;
		margin: 0 auto;
		overflow: hidden;
	}
.contVox {
	margin-top: 60px;
	overflow: hidden;
}
.contVox:first-of-type { margin-top: 0; }
.voxStyle01 {
	padding: 15px;
	background: #e5ecf4;
}
/**
 * scroll
 */
.scrollVox {
	padding-bottom: 10px;
	overflow-x: auto;
}
.scrollVox::-webkit-scrollbar { height: 10px; }
.scrollVox::-webkit-scrollbar-track {
	background: #eee;
	border-radius: 10px;
}
.scrollVox::-webkit-scrollbar-thumb {
	background: #666;
	border-radius: 10px;
}
/**
 * transition series
 */
.trOp01 {
	-webkit-transition: opacity .2s linear;
	-ms-transition: opacity .2s linear;
	transition: opacity .2s linear;
}
.trOp01:hover,
.trOp01.active {
	opacity: 0.6;
}
/**
 ****************************************************
 * 
 * screens larger than 768
 * 
 ****************************************************
 */
@media only screen and (min-width: 768px) {
	.pcDspNone { display: none; }
}	/*  @media END */
/**
 ****************************************************
 * 
 * screens smaller than 768
 * 
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	.spDspNone { display: none; }
	.fitImg { max-width: 100%; }
	.s0-8r { font-size: 0.6rem; }
	.s1-0r { font-size: 1.0rem; }
	.s1-1r { font-size: 1.1rem; }
	.s1-2r { font-size: 1.1rem; }
	.s1-3r { font-size: 1.1rem; }
	.s1-4r { font-size: 1.2rem; }
	.s1-5r { font-size: 1.2rem; }
	.s1-6r { font-size: 1.2rem; }
	.s1-7r { font-size: 1.3rem; }
	.s1-8r { font-size: 1.3rem; }
	.s1-9r { font-size: 1.3rem; }
	.s2-0r { font-size: 1.4rem; }
	.s2-1r { font-size: 1.4rem; }
	.s2-2r { font-size: 1.4rem; }
	.s2-3r { font-size: 1.5rem; }
	.s2-4r { font-size: 1.5rem; }
	.s2-5r { font-size: 1.5rem; }
	.s2-6r { font-size: 1.6rem; }
	.s2-8r { font-size: 1.6rem; }
	.s2-9r { font-size: 1.6rem; }
	.s3-0r { font-size: 1.7rem; }
	.s3-4r { font-size: 1.7rem; }
	.s3-5r { font-size: 1.7rem; }
	.s3-8r { font-size: 1.8rem; }
	.s4-0r { font-size: 3.0rem; }
	.s5-0r { font-size: 3.5rem; }
	/**
	 * 備考
	 */
	.note { font-size: 1.0rem; }
	/**
	 * 見出し
	 */
	.headStyle01 {
		font-size: 1.8rem;
		width: 70%;
	}
	.headStyle02 {}
	.headStyle02 span {
		font-size: 1.6rem;
		padding: 8px 20px;
	}
	/**
	 * ボックス
	 */
	.sectionVox { margin-bottom: 40px; }
		.sectionVox .inner {
			width: auto;
			padding: 30px 20px 0 20px;
		}
	.contVox { margin-top: 30px; }
	
}	/*  @media END */