@charset "utf-8";
/* CSS Document */

/* ----- 基本設定------------------------------------------------------------------------ */
* { padding:0; margin:0; box-sizing:border-box; list-style:none; text-decoration:none; color:#000; }
html,body { height:100%; font-family: "Hiragino Kaku Gothic ProN","メイリオ", sans-serif; }
img { vertical-align:bottom; }

/* ----- 汎用 -------------------------------------------------------------------------- */
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb60 { margin-bottom:60px; }
.mt60 { margin-top:60px; }
.ta_center { text-align:center; }
.clearfix:after { content:""; display:block; clear:both; }

/* 汎用リスト */
.purposeList a {
	display: block;
	position: relative;
	padding:15px 0;
	border-bottom: 1px solid #EEEEEE;
}
.purposeList a:after{
	display: block;
	content: "";
	position: absolute;
	top: 50%;
	right: 10px;
	width: 6px;
	height: 6px;
	margin: -4px 0 0 0;
	border-top: solid 2px #BDBDBD;
	border-right: solid 2px #BDBDBD;
	-webkit-transform: rotate(45deg);
    		transform: rotate(45deg);
}
.purposeList div img,
.purposeList div dl {
	float:left;
}
.purposeList div img {
	margin-right:10px;
}
.purposeList div dl {
	height:116px;
	overflow:hidden;
}
.purposeList div dl dt {
	font-size:18px;
	font-weight:bold;
	padding-bottom:10px;
}
.purposeList div dl dd {
	line-height:150%;
}
.planComp tr:nth-child(odd) { background-color:#EEE; }
.planComp tr:nth-child(even) { background-color:#FAFAFA; }
.planComp td { padding:5px 10px; }
/* ----- フッタ ------------------------------------------------------------------------ */
footer p { padding:20px 0 0; }
footer div {
	width:100%;
	height:auto;
	padding:20px;
	background-color:#000;
}
small {
	color:#FFF;
}
.f_banner_sp { display: none;}

/* ----- 記事ページ汎用------------------------------------------------------------------- */
.bold_ul,
.bold_ol { padding-left:20px; list-style-position:inside; font-size:16px; font-weight:bold; }
.bold_ol li { list-style-type:decimal; }
.bold_ul li { list-style-type:disc; }
.floatImage img { float:right; margin-left:20px; }
span.emphasis { font-weight:bold; }


/* ===== SmartPhone =================================================================== */
@media screen and (max-width:600px) {

.purposeList div img { width:28%; margin-right:2%; }
.purposeList div dl { width:65%; margin-right:5%; height:auto; overflow:visible; }
.purposeList div dl dt { font-size:16px; padding:0; }
.purposeList div dl dd { font-size:12px; }
footer img { width:8%; }
.f_banner_sp { width: 60%; display: flex!important; margin: 0 auto;}
.f_banner_pc { display: none;}
} /* media screen */