body {font-family: "Segoe UI", Verdana, "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-size:100%; background:#fff;width: 100%;color:#1b1b1b;}
/* ----------------h*----------------*/
h2{width:100%;text-align:left;font-size:28px;line-height:1.4;color:#282828;border-bottom:3px solid #2e363f;margin:0 0 28px 0;padding:10px 0;font-weight:500;}
h3 {
	width:100%;text-align:left;font-size:26px;line-height:1.4;color:#2e363f;margin:0 0 26px 0;
	position: relative;
	padding-bottom: .75em;
	border-bottom: 1px solid #ccc;
	font-weight: 500;
}
h3::after {
	position: absolute;
	bottom: -2px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #2e363f;
}
h4{width:100%;text-align:left;font-size:24px;line-height:1.4;color:#282828;margin:0 0 24px 0;}
h5{width:100%;text-align:left;font-size:22px;line-height:1.4;color:#2e363f;margin:0 0 22px 0;}
@media screen and (max-width:640px) {
}

/* ----------------区切り線----------------*/
hr{
	border: 0;
	height: 3px;
	background-image: linear-gradient( 90deg, hsla(0, 0%, 50%, 1), hsla(0, 0%, 50%, 1) 33.33%, hsla(0, 0%, 50%, 0) 33.33%, hsla(0, 0%, 50%, 0) 100%);
	background-size: 3px 100%;
}

/* ----------------画像----------------*/
.section_image{margin:0 auto 30px;display:block;max-width:100%;}
@media screen and (max-width:640px) {
	.section_image{margin:0 auto 30px;}
}

/* ----------------テキスト----------------*/
.read{font-size: 20px;color: #2e363f;line-height:1.8;margin:0 0 40px 0;}
.text{font-size:18px!important;line-height:1.8!important;margin:0 0 40px 0;}
/*	.page_main .text:last-of-type{margin:0;}	*/
.note{font-size:16px;line-height:1.8;}
strong{
	font-size: inherit;
	background: rgba(46,54,63,.3);
	color: #1b1b1b;
	font-weight: normal;
}
@media screen and (max-width:640px) {
	.read{margin:0 0 30px 0;}
	.text{margin:0 0 30px 0;}
}

/* ----------------リスト----------------*/
.list {width:100%;margin-bottom:40px;}
.list li{padding-left:30px;font-size:18px;margin-bottom:20px;position:relative;}
.list li:last-child{margin-bottom:0;}
.list li:before{
	font-family: 'FontAwesome';
	content: "\f0c8";
	position: absolute;
	left: 10px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	color: #2e363f;
	/* font-size: 20px; */
	top: 16px;
}

/* ----------------テーブル----------------*/
table.tbl {width:100%;}
table.tbl + *{margin-top:30px;}
table.tbl * {
	font-size:18px;
}
table.tbl tr:first-child {
	border-top: #b3b3b3 4px solid;
}
table.tbl tr:first-child *:first-child {
	border-top: #2e363f 4px solid;
}
table.tbl th {
	border-bottom: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	background: #f7f7f7;
}
table.tbl td {
	border-bottom: #e3e3e3 1px solid;
	text-align: left;
	padding: 10px;
}

@media screen and (max-width:640px) {
	.wrap_tbl{overflow-x:scroll;}
	.wrap_tbl table th,
	.wrap_tbl table td{white-space:nowrap;}
}

/* ----------------ボタン----------------*/
.wrap_btn {text-align:center;}
.wrap_btn li{display:inline-block;margin:0;}
.wrap_btn li:not(:last-child){margin-bottom:10px;}
.btn{
	background:#fff;
	border:2px solid #2e363f;
	color: #282828!important;
	text-align:center;
	font-size:20px;
	padding:10px 10px;
	border-radius: 2rem;
	-webkit-border-radius:2rem;
	-moz-border-radius:2rem;
	position: relative;
	text-decoration:none;
	min-width:350px;
	min-height:40px;
	display:inline-block;
}
.btn:hover{
	background:#2e363f;
	color: #fff!important;
}
.btn_arrow:after {
	font-family: 'FontAwesome';
	content: "\f105";
	position: absolute;
	top: 50%;
	right: 15px;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.btn_arrow:hover:after {
	right: 5px;
}
@media screen and (max-width:640px) {
	.wrap_btn li{display:block!important;}
	.btn{
		min-width:100%;
	}
}
.special_btn {
	font-size: 20px;
	color: #fff;
	text-align: center;
	padding: 15px 10px;
	background: url(../images/common/common_bg_black.jpg) top center #2e363f;
	display: inline-block;
	position: relative;
	min-width: 350px;
	border: 1px solid #fff!important;
}
.special_btn:hover:before {
	content:"";
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width:100%;
	background: rgba(255,255,255,0.05);
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
	transition: .3s ease-in-out;
}

@media screen and (max-width:640px) {
	.special_btn {
		min-width: 100%;
	}
}

/* 使うかな？ */
.wrap{overflow:hidden;margin-bottom: 1.7em;}
.wrap p{display:none;}
.wrap .image{float:left;width:360px; margin-right:40px;}
.wrap .text{float:right;width:50%;display:block;}
.wrap .text p{display:block;}
@media screen and (max-width:640px) {
	.wrap .image{float:none;width:100%; margin-right:initial;margin-bottom:20px;}
	.wrap .text{float:none;width:100%;}
}

/* ----------------リンク----------------*/
/* ※リンク装飾はシングルページのみに適用。
	固定ページ・アーカイブは別途装飾する可能性があるため */
a{border-bottom: 1px dashed #2e363f;font-size: inherit;}
a[target="_blank"]:after{
	margin-left:5px;
	display:inline-block;
	font-family: 'FontAwesome';
	content: "\f08e";
	font-size:inherit;
	color: #2e363f;
}

