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

/* --------------------------------------------------------------------------------------
font-family
--------------------------------------------------------------------------------------- */

@font-face{
    font-family: 'NotoSansJP';
    src:url(../font/NotoSansJP-Thin.otf);
    font-weight:100;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansJP';
    src:url(../font/NotoSansJP-Light.otf);
    font-weight:300;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansJP';
    src:url(../font/NotoSansJP-Regular.otf);
    font-weight:400;
    font-style:normal;
}
@font-face{
    font-family: 'NotoSansJP';
    src:url(../font/NotoSansJP-Bold.otf);
    font-weight:700;
    font-style:normal;
}
/* --------------------------------------------------------------------------------------
 TOP_上部
--------------------------------------------------------------------------------------- */
.top_contents_top_box{
	width: 100%;
	min-height:190px;
	background-color: #B7282C;
	margin-top: 240px;
	color: #fff;
}
.top_contents_top_box01{
	width: 100%;
	min-height:94px;
	background-color: #B2B2B2;
	margin-top: 80px;
	color: #fff;
}

.top_contents_top_box .wrapper{
	width: 820px;
	margin: auto;
	padding-top: 40px;
}
.top_contents_top_box01 .wrapper{
	width: 820px;
	margin: auto;
	padding-top: 0;
}

.top_contents_top_box h2{
	font-family: "NotoSansJP";
	font-size: 42px;
	font-weight: 700;
}

/* ナビゲーション */
.top_contents_top_box ul,
.top_contents_top_box01 ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.top_contents_top_box li,
.top_contents_top_box01 li{
	font-size: 20px;
	color: #fff;
	font-family: "NotoSansJP";
	font-weight: 700;
	padding: 8px 0 8px 20px;
	margin-top: 36px;
}
.top_contents_top_box li.btn,
.top_contents_top_box01 li.btn{
	width: 150px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	text-align: center;
	padding: 8px 0px;
}
.top_contents_top_box li:nth-child(2n),
.top_contents_top_box01 li:nth-child(2n){ border-right: none; }

.top_contents_top_box li a,
.top_contents_top_box01 li a{
	display: block;
	color: #fff;
	transition: .5s;
}
.top_contents_top_box li a:hover,
.top_contents_top_box01 li a:hover{
	opacity: 0.5;
  filter: alpha(opacity=50);
  -ms-filter: "alpha(opacity=50)";
}

.top_contents_top_box p.top_txt{
	padding: 2px 0 0 170px;
}

/* --------------------------------------------------------------------------------------
 フォーム
--------------------------------------------------------------------------------------- */
.simplified{ 
	width: 820px;
	margin: 70px auto 0 auto;
}

.simplified h3{
	font-size: 30px;
	font-weight: 700;
}

.simplified dl.form{
	display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;

  
	
  -ms-flex-wrap: wrap;
  -webkit-flex-wrap: wrap;
  flex-flow: wrap;
	
	margin-top: 40px;
}

.simplified dt,
.simplified dd{
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
	
}

.simplified dt{
	width: 222px;
	padding: 16px;
	font-size: 15px;
	font-weight: 400;
	line-height:1.5em;

}
.simplified dd{
	width: 598px;
	padding:0 0 0 16px;

}

.simplified dt.back_gray{background-color:#EAE9E8;}
.simplified dt.txt{ text-align: center; font-size: 24px; font-weight: 700; justify-content: center;}

/* フォーム装飾 */ 
.simplified input[type='text'] {
	border: 1px solid #B4B3B3;
	margin: 0;
	box-shadow: 2px 2px 4px gray;
}

.simplified input[type='text'].form01{
	padding: 14px;
	width: 300px;
	margin-right: 15px;
}

.simplified .radio_box{
	border: 1px solid #B4B3B3;
	padding: 10px 16px;
	box-shadow: 2px 2px 4px gray;
}
.simplified .radio_box span{
	display: inline-block;
	width: 84px;
	padding: 12px 0;
}


.simplified .recommendation{
	margin-top: 45px;
	padding: 20px 0;
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

.simplified .recommendation .box_l{
	display: inline-block;
	width: 200px;
	font-size: 24px;
	text-align: center;
	font-weight: 700;
}
.simplified .recommendation .box_r{
	display: inline-block;
	width: 610px;
	font-size: 37px;
	font-weight: 700;
	text-align: center;
	color: #B8292D;
}