@charset "Shift_JIS";
body {
	margin: 0;
	padding: 0;
	height: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo", "メイリオ", Osaka, sans-serif;	background-color: #fff;
/*font-family: "Meiryo", "メイリオ", "ヒラギノ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif, Helvetica;*/
/*font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
}
#outline{
	width:100vw;
	height:100vh;
	background-color:#f8f8f8;
	display:flex;
	align-items:center;
	justify-content:center;
}
#rates_block{
	width:86vw;
	padding:20px;
	background-color:#fff;
}

#rates_block dl{
	display: flex;
	flex-wrap: wrap;
	font-size:14px;
}
#rates_block dt{
	box-sizing:border-box;
	padding: 15px;
	width:24.5%;
	border-bottom:solid 2px #23bec4;
	color:#23bec4;
}
#rates_block dd{
	box-sizing:border-box;
	padding: 15px;
	width:24.5%;
	border-bottom:solid 2px #23bec4;
}
#rates_block dd em{
	padding:0 0 0 0.7em;
	font-style:normal;
	font-weight:bold;
}
#rates_block dd:nth-of-type(2n+1){
	margin:0 0.5% 0 0;
}
#rates_block dt:nth-of-type(2n){
	margin:0 0 0 0.5%;
}

/*#rates_block dt.sp_pucho{
	font-size:12px;
	letter-spacing:-0.2em;
}*/

#rates_block p.description{
	margin:15px 0 0 0;
	color:#555;
	font-size:14px;
}

/*+- - - - - メインカラム > アイコンつきセクションタイトル - - - - -+*/
.section_title > h1::before{
	display:inline-block;
	position:absolute;
	left:-70px;
	top:-8px;
	width:48px;
	height:48px;
	line-height:48px;
	border:solid 7px #edebdf;
	border-radius:30px;
	color:#e0d5a2;
	text-align:center;
	font-size:32px;
	font-weight:normal;

}
.section_title > h1::after{
	content:"";
	display:block;
	width:0;
	height:0;
	position:absolute;
	top:20px;
	left:-15px;
	border-top: 9px solid #edebdf;
	border-left: 10px solid transparent;
	border-right: 9px solid transparent;
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.section_title {
	position: relative;
	height: 32px;
	margin: 0 0 20px 60px;
	padding: 0 0 10px 0;
	border-bottom: 2px solid #999;
}
.section_title h1 {
	display: inline-block;
	line-height: 41px;
	padding: 0 5px 0 5px;
	font-weight: bold;
	font-size: 26px;
	border-bottom: solid 4px #71bcb5;
}
.section_title a {
	position: absolute;
	top: 0;
	right: 0;
	line-height: 39px;
	margin: 5px;
	font-size: 14px;
}
.section_subtitle{
	margin: 0 5px 20px;
	line-height: 1.5;
	font-size: 14px;
}