@charset "utf-8";
/* ------------------------------------------------------------
	00. MODULE CSS
   ------------------------------------------------------------ */

.pcOnly {
	display: block;
}
.spOnly {
	display: none;
}
@media screen and (max-width:640px) {
	.pcOnly {
		display: none;
	}
	.spOnly {
		display: block;
	}
}
/* ------------------------------------------------------------
	WYSIWYGエディター用
   ------------------------------------------------------------ */
.ml010{margin-left: 0.5em;}
.ml020{margin-left: 1.0em;}
.ml030{margin-left: 1.5em;}
.ml040{margin-left: 2.0em;}
.ml050{margin-left: 2.5em;}
.ml060{margin-left: 3.0em;}
.ml070{margin-left: 3.5em;}
.ml080{margin-left: 4.0em;}
.ml090{margin-left: 4.5em;}
.ml100{margin-left: 5.0em;}
.ml110{margin-left: 5.5em;}
.ml120{margin-left: 6.0em;}
.ml130{margin-left: 6.5em;}
.ml140{margin-left: 7.0em;}
.ml150{margin-left: 7.5em;}
.ml160{margin-left: 8.0em;}
.ml170{margin-left: 8.5em;}
.ml180{margin-left: 9.0em;}
.ml190{margin-left: 9.5em;}
.ml200{margin-left: 10.0em;}

.indent01{ display: block;text-indent: -0.2em;	padding-left:0.2em ;}
.indent02{ display: block;text-indent: -0.4em;	padding-left:0.4em ;}
.indent03{ display: block;text-indent: -0.6em;	padding-left:0.6em ;}
.indent04{ display: block;text-indent: -0.8em;	padding-left:0.8em ;}
.indent05{ display: block;text-indent: -1.0em;	padding-left:1.0em ;}
.indent06{ display: block;text-indent: -1.2em;	padding-left:1.2em ;}
.indent07{ display: block;text-indent: -1.4em;	padding-left:1.4em ;}
.indent08{ display: block;text-indent: -1.6em;	padding-left:1.6em ;}
.indent09{ display: block;text-indent: -1.8em;	padding-left:1.8em ;}
.indent10{ display: block;text-indent: -2.0em;	padding-left:2.0em ;}
.indent11{ display: block;text-indent: -2.2em;	padding-left:2.2em ;}
.indent12{ display: block;text-indent: -2.4em;	padding-left:2.4em ;}
.indent13{ display: block;text-indent: -2.6em;	padding-left:2.6em ;}
.indent14{ display: block;text-indent: -2.8em;	padding-left:2.8em ;}
.indent15{ display: block;text-indent: -3.0em;	padding-left:3.0em ;}
.indent16{ display: block;text-indent: -3.2em;	padding-left:3.2em ;}
.indent17{ display: block;text-indent: -3.4em;	padding-left:3.4em ;}
.indent18{ display: block;text-indent: -3.6em;	padding-left:3.6em ;}
.indent19{ display: block;text-indent: -3.8em;	padding-left:3.8em ;}
.indent20{ display: block;text-indent: -4.0em;	padding-left:4.0em ;}

.charBorder1{
	border:1px solid #333;
}

/* ------------------------------------------------------------
	コンテンツ
   ------------------------------------------------------------ */

.mainContents {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	padding: 50px 0;
	display: block;
}
.article+.article {
	margin-top: 50px;
}
.articleInner {
}
.section {
	margin-top: 36px;
}
.section .section {
	margin-top: 20px;
}
.secionMarginTop {
	margin-top: 20px;
}

@media screen and (max-width:1001px) {
	.articleInner {
		padding: 0 20px;
	}
}

@media screen and (max-width:640px) {
	.mainContents {
		width: 100%;
		padding: 0 0 30px;
	}
}
/* ------------------------------------------------------------
	画像
   ------------------------------------------------------------ */

.section img{
	max-width: 100%;
}
/* ------------------------------------------------------------
	タイトル
   ------------------------------------------------------------ */

.title-h2 {
	color: #FFF;
	position: relative;
	padding: 6px 20px 10px 40px;
	font-size: 30px;
	margin-bottom: 16px;
	background: #006AB4;
}
.title-h2:before {
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 33px;
	left: 20px;
	top: 14px;
	background-color: #FFF;
}
.title-h3 {
	color: #006AB4;
	position: relative;
	padding: 0 20px;
	font-size: 30px;
	margin-bottom: 10px;
}
.title-h3:before {
	content: '';
	display: block;
	position: absolute;
	width: 6px;
	height: 33px;
	left: 0;
	top: 9px;
	background-color: #006AB4;
}
.title-h4 {
	font-size: 20px;
	line-height: 1.6;
	color: #006AB4;
	font-weight: bold;
}
.textBold {
	font-weight: bold;
}
.title-Record {
	font-weight: bold;
	text-align: center;
	margin-top: 36px;
	font-size: 20px;
}
@media screen and (max-width:640px) {
	.title-h2 {
		font-size: 20px;
		padding: 6px 20px 10px 35px;
	}
	.title-h2:before {
		height: 17px;
		width: 4px;
		top: 13px;
	}
	.title-h3 {
		font-size: 20px;
		padding: 0 20px 0 14px;
	}
	.title-h3:before {
		height: 17px;
		width: 4px;
		top: 8px;
	}
}
/* ------------------------------------------------------------
	リスト
   ------------------------------------------------------------ */

.listAlphabet {
	list-style: lower-alpha;
	padding-left: 1.1em;
}
.listAlphabet_item+.listAlphabet_item {
	margin-top: 4px;
}
.listNumber {
	list-style: decimal;
	padding-left: 1.1em;
}
.listNumber_item+.listNumber_item {
	margin-top: 4px;
}
/* ------------------------------------------------------------
	注釈
   ------------------------------------------------------------ */

.noteList {}
.noteList_item {
	padding-left: 1em;
	font-size: 80%;
}
.noteList_item::before {
	content: "※";
	display: inline-block;
	margin-left: -1em;
}

/* ------------------------------------------------------------
	囲み
   ------------------------------------------------------------ */

.picUpFlame {
	border: 3px solid #006AB4;
	padding: 20px;
	margin-top: 10px;
}
/* ------------------------------------------------------------
	TOPへ戻るボタン
   ------------------------------------------------------------ */

.backTopBtn {
	width: 440px;
	margin: 80px auto 0;
}
.backTopBtn_link {
	display: block;
	line-height: 70px;
	border-radius: 100px;
	color: #fff;
	background: #FE9B00;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
}
.backTopBtn_link:hover{
	opacity: 0.6;
}

@media screen and (max-width:640px) {
	.backTopBtn {
		width: 100%;
		max-width: 218px;
		height: auto;
		margin: 20px auto 0;
	}
	.backTopBtn_link {
		line-height: 1em;
		font-size: 14px;
		padding: 14px 10px;
	}
}


/* ------------------------------------------------------------
	以下カラバリ用 / .color_green（緑）
   ------------------------------------------------------------ */
/* 文字色 */
.color_green .title-h3,
.color_green .title-h4{
    color: #1BBF20;
}

/* 背景色 */
.color_green .title-h2,
.color_green .title-h3:before{
    background: #1BBF20;
}
.color_green .backTopBtn_link {
    background: #FE9B00;
}

/* 線色 */
.color_green .picUpFlame {
	border-color: #1BBF20 ; 
}

/* ------------------------------------------------------------
	以下カラバリ用 / .color_red（赤）
   ------------------------------------------------------------ */
/* 文字色 */
.color_red .title-h3,
.color_red .title-h4{
    color: #D3023C;
}

/* 背景色 */
.color_red .title-h2,
.color_red .title-h3:before{
    background: #D3023C;
}
.color_red .backTopBtn_link {
    background: #D3023C;
}

/* 線色 */
.color_red .picUpFlame {
	border-color: #D3023C ; 
}

/* ------------------------------------------------------------
	以下カラバリ用 / .color_white（白）
   ------------------------------------------------------------ */
/* 文字色 */
.color_white .title-h3,
.color_white .title-h4{
    color: #434343;
}

/* 背景色 */
.color_white .title-h2,
.color_white .title-h3:before{
    background: #434343;
}
.color_white .backTopBtn_link {
    background: #434343;
}

/* 線色 */
.color_white .picUpFlame {
	border-color: #434343 ; 
}