@charset "utf-8";
/**============================
          base layout
*============================*/

/*.content{
 padding-top: 85px;
}
.aside{
 width: 220px;
 margin-right: 30px;
 text-align: center;
}
.main{
 width: 710px;
 margin-bottom: 67px;
}
*/
a{
	outline: none;
}
.ttlarea{
 padding-top: 12px;
}
.ttlareatop{
 padding-top: 18px;
}
.subttl,.category,h1,.h3,.inquiry{
  text-align: center;
}

/*aside*/
.areamap{
 position: relative;
}
.area{
 position: absolute;
 /*font-size: 10px;*/
 font-size: 14px;
 line-height: 1.4;
 left: 50px;
 top: 38px;
}
.area2{
 position: absolute;
 /*font-size: 10px;*/
 font-size: 14px;
 line-height: 1.4;
 left: 0px;
 top: 38px;
}
/*トップ用CSS*/
.senteimap{
  margin-top:40px;
  margin-bottom:20px;
  position: relative;
  height:1085px;
}
.senteimap.sentei_1{
  height:960px;
}
.senteimap.sentei_2{
  height:965px;
}
.senteimap.sentei_3{
  height:1095px;
}
.senteimap.sentei_4{
  height:1050px;
}
.senteimap.sentei_5{
  height:1000px;
}
.senteimap.sentei_6{
  height:1100px;
}
.senteimap.sentei_7{
  height:1020px;
}
.senteimap.sentei_8{
  /*height:1020px;*/
  height: 1180px;        
    } 
.senteimap.sentei_9 {
  height: 1100px;        
} 
.senteimap.sentei_10 {
  height: 980px;        
} 
.senteimap.sentei_11 {
  height: 980px;        
} 
.senteimap.sentei_12 {
  height: 1000px;        
} 
.senteimap a{
  color: #221814;
}
.link_oubo {
    margin-right: 10px;
    width: 162px;
}
li.li_btn_right {
    margin-right: 0;
}
    .MT_20 {margin-top: 20px;}
    .sp {display: none;}
    .sentei_4_others {height: 300px;}
    .sentei_5_others {height: 300px;}
    .sentei_6_others {height: 430px;}
    .sentei_7_others {height: 350px;}
    .clearfix {clear: both;}
    .sentei-map-index ul li a {color: #36c; margin-bottom: 10px; font-size: 16px; float: left; margin-right: 10px;}
    .sentei-map-index {float: left;margin-bottom: 30px;}
    .to-top {margin-bottom: 30px;}  
    .to-top a {color: #36c;}
    .to-top a img {width: 24px;}

ul.index-top li img {padding-right: 10px;
    width: 26px;
    }
ul.index-top li {margin-right: 30px;
    }
  
   





.senteimap > img{
  position: absolute;
  top: 160px;
  left: 5px;
  z-index: -1000;
}
.senteimap .map_1{  top:90px;left: 25px;}
.senteimap .map_2{  top:80px;left: 25px;}
.senteimap .map_3{  top:150px;left: 25px;}
.senteimap .map_4{  top:110px;left: 25px;}
.senteimap .map_5{  top: 100px;left: 25px;}
.senteimap .map_6{  top: 100px;left: 25px;}
.senteimap .map_7{  top: 100px;left: 25px;}
.senteimap .map_8{  /*top: 100px;left: 25px;*/ top: 225px;left: 25px;}
.senteimap .map_9{  top: 225px;left: 25px;} 
.senteimap .map_10{  top: 85px;left: 25px;} 
.senteimap .map_11{  top: 120px;} 
.senteimap .map_12{  top: 70px;} 


.clearfix::after{
  content: "";
  display: block;
  clear: both;
}
.j_west{
  width: 404px;
  position:absolute;
  top:0;
  left:0;
}
.j_east{
  width: 606px;
	bottom: 0;
    right: 0;
    position: absolute;
}
.j_west > ul,.j_east > ul{
  position: relative;
  width: 190px;
  float: right;
}
.j_west > ul:nth-child(1){
  margin-left: 12px;
}
.j_east > ul:nth-child(2),.j_east > ul:nth-child(3){
    position: absolute;
    bottom: 0;
}
.j_east > ul:nth-child(2){
    right: 202px;
}
.j_east > ul:nth-child(3){
    right: 404px;
}

.j_west li.erea,.j_east li.erea{
  margin-bottom: 10px;
}
.erea div{
/*  margin: 10px 0 10px 10px;*/
}
.erea div:last-child{
  margin: 0 0 5px 0;
}
.j_west .erea ul,.j_east .erea ul{
  border: solid 1px #82ccda;
  background-color: #fff;
  padding: 10px 0 5px 10px;
}
.erea p.titile_rabel{
  margin: 0 auto;
}
.erea .clearfix{
  font-size: 12px;
  position: relative;
}



.titile_rabel{
  width: 120px;
  height: 16px;
  background-color: #888889;
  text-align: center;
  line-height: 16px;
  padding-top: 3px;
  color: #fff;
  font-size: 11px;
}
.number{
  color: #fff;
  background-color: #555252;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  padding-left: 2px;
  padding-bottom: 1px;
  margin-right: 5px;
  float: left;
  font-size: 10px;
}
/*2019/11追加CSS*/
.kind_c .erea_rabel{
  background-color: #E6FFE9;
}
.kind_c .number{
  background-color: #4cc88d;
}
.kind_b .erea_rabel{
  background-color: #D7EEFF;
}
.kind_anv .erea_rabel{
  background-color: #FFEFF4;
}
.kind_b .number{
  background-color: #88b9e2;
}
.kind_anv .number{
  background-color: #F59CA8;
}
.kind_k .erea_rabel{
  background-color: #FFEFD5;
}
.kind_k .number{
  background-color: #f4af29;
}
/*2019/11追加CSSここまで*/

.erea_rabel{
  background-color: #eeefef;
  margin-left: 21px;
  font-size: 10px;
}
.O_red .number{
  background-color: #db6a9a;
}
.O_red .erea_rabel{
  background-color: #fbe7ed;
}
.erea_title{
  margin-top: 2px;
  margin-left: 21px;
  color: #007e86;
  letter-spacing: -0.13em;
  line-height: 16px;
  font-size: 12px;
}
.senteimap .erea .clearfix > img{
  width: 72px;
  height: 17px;
  position: absolute;
  right: 2px;
  top: -2px;
}
.senteimap6 .erea .clearfix > img{
  width: 98px;
  height:30px;
  position: absolute;
  right: 2px;
  top: -7px;
}
.senteimap7 .erea .clearfix > img{
  width: 98px;
  height:30px;
  position: absolute;
  right: 2px;
  top: -7px;
}
.senteimap8 .erea .clearfix > img{
  width: 98px;
  height:30px;
  position: absolute;
  right: 2px;
  top: -7px;
}
.senteimap9 .erea .clearfix > img{
  width: 98px;
  height:30px;
  position: absolute;
  right: 2px;
  top: -7px;
}
.senteimap10 .erea .clearfix > img{
  width: 98px;
  height:30px;
  position: absolute;
  right: 2px;
  top: -7px;
}
.senteimap11 .erea .clearfix > img{
  width: 98px;
  height:30px;
  position: absolute;
  right: 2px;
  top: -7px;
}
.senteimap12 .erea .clearfix > img{
  width: 98px;
  height:30px;
  position: absolute;
  right: 2px;
  top: -7px;
}
.sentei_top{
	font-size:16px;
	letter-spacing: 0.5em;
	/*margin-top:45px;*/
	background-image: url(../img/sentei/h3_kazari.jpg);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left:40px;
	line-height: 30px;
}
h3 span{
	color:#c30d23;
	letter-spacing:normal;
	font-size:10px;
	vertical-align: 0.3em;
}
.area_block{
	margin:26px 0 50px;
}
.area_block dl{
	float:left;
	width:224px;
	margin-left:18px;
	margin-bottom:27px;
}
.area_block dl:nth-last-child(3n){
	margin-left:0px;
}

.area_block dt{
	border-bottom:2px solid #cdc000;
	margin-bottom:10px;
}
.area_block dd{
	font-weight: bold;
}
.area_block dd a{
	color:#000;
}
.area_block img{
	vertical-align: -2px;
	margin-left: 5px;
}
/*main*/

.toshort,.space5{
 letter-spacing: -5px;
}
.space3{
 letter-spacing: -3px;
}
.space2{
 letter-spacing: -2px;
}
.space1{
 letter-spacing: -1px;
}
.subttl{
  font-weight: bold;
  /*追加*/
  font-size:24px;
  letter-spacing:1px;
}
.ttl_s{
 font-size: 26px;
}
.ruby{
 font-size: 11px;
}
.award{
 background: url(../img/sentei/bg_award.png) no-repeat;
 background-position: 0 0;
 color: transparent;
 display: inline-block;
 width: 105px;
 height: 35px;
 font-size: 0;
 line-height: 51px;
 margin-right: 10px;
 margin-left: -105px;
	position: relative;
	top: -4px;
	vertical-align: bottom;
}
.aw_pro{
 background-position: 0 0;
}
.aw_act{
 background-position: 0 -35px;
}
.aw_cha{
 background-position: 0 -70px;
}
.aw_fri{
 background-position: 0 -105px;
}
.aw_gra{
 background-position: 0 -140px;
}
.aw_gro{
 background-position: 0 -175px;
}
.aw_wim{
 background-position: 0 -210px;
}
.aw_jibi{
 background-position: 0 -245px;		
}
.No{
 color: #fff;
 background-color: #000;
 border-radius: 50%;
 font-size: 14px;
 padding: 3px 6px;
 margin-right: 10px;
 vertical-align: text-bottom;
 line-height: 34px;
	position: relative;
	top: -8px;
}
.category{
  margin: 25px auto;
 /*width: 400px;*/
/* width: 490px;*/
 width: 630px;
}
.li_ca{
	padding-top:2px;
	font-weight:300 !important;
	letter-spacing:1px;
  font-size: 14px;
  background-color: #614000;
  border-radius: 5px;
  margin-right: 5px;
  color: #fff;
  /*width: 130px;*/
  width: 160px;
  height: 20px;
 line-height: 20px;
}
.category_txt {
	padding-top:2px;
	font-weight:300 !important;
	letter-spacing:1px;
  font-size: 12px;
  margin-right:5px;
  color:#000;
  width: 110px;
  height: 20px;
 line-height: 20px;	}

.li_ca:last-child{
  margin-right: 0;
}
.li_span{
 font-size: 10px;
}
/*gallery*/

/*section*/
.h3{
 width: 67px;
 font-size: 14px;
 color: #fff;
}
.bg_gray{
 background-color: #717071;
}
.bg_red{
 background-color: #c30d22;
}
.sec li{
 /*font-size: 13px;*/
 font-size: 15px;
 line-height: 1.8;
 padding-left: 15px;
}
.sec li:before{
 display: inline-block;
 content: "";
 border-radius: 50%;
  height: 8px;
  width: 8px;
 background-color: #717071;
 margin-right: 5px;
 margin-left: -1em;
}
.seika{
 background-color: #dcdcdd;
 border-radius: 10px;
 padding: 12px 0;
}
.seika li{
 /*font-size: 14px;*/
 font-size: 15px;
 font-weight: bold;
 margin-left: 1em;
 width: 600px;
}
.seika li:before{
 background-color: #c30d22;
 height: 10px;
 width: 10px;
}
.li_sel{
 background-color: #fcf9f5;
 padding: 20px;
 margin-bottom: 10px;
}
.sel_ttl{
 /*font-size: 15px;*/
 font-size: 17px;
 padding-left:5px;
 color: #614000;
 margin-bottom: 15px;
 font-weight: bold;
}
.bg_icosel{
 background: url(../img/sentei/selling.png
 )no-repeat;
 padding-left: 90px;
 min-height: 80px;
}
.areatxt{
 width: 430px;
 /*font-size: 13px;*/
 font-size: 14px;
}
.areaimg{
 width: 210px;
 height: 140px;
 /*margin-bottom: 20px;*/
}
.areaimg>img{
 /*width: 100%;*/
 display: block;
 margin: auto;
 height: 100%;
}
.bd_gra{
 height: 4px;
 border: none;
 margin: 0;
 background: linear-gradient(90deg,#a07523 0%, #6f361c 20%,#ecc459 39%,#f8df8f 55%,#ecd082 68%,#eccd6a 72%,#6f361c 100%); 
}
.inquiry{
 background-color: #3e3a39;
 color: #fff;
 padding: 15px 0;
 /*font-size: 13px;*/
 font-size: 15px;
 line-height: 1.7;
}
.inquiry a{
 color:#fff;
}
.inquiry span{
 font-size: 1.2em;
 margin-left: 20px;
}
.ico_pdf:after {
    content: '';
    background: url(../img/yushiki/ico_pdflink.png) no-repeat;
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-left: 4px;
}
/*center_url*/

.center_url {text-align:center !important;
font-size:16px; }

/*-oubohouhou.css--*/
.ttl_oubo{
 padding-top: 8px;
}
.oubo_sentei{
 width: 640px;
 margin:20px auto;
}
.li_oubo{
 background-color: #777;
 width: 200px;
 margin-right: 20px;
 text-align: center;
 line-height: 35px;
}
.li_form{
 background-color: #0bafff;
 margin-right: 0;
}
.link_oubo{
 color:#fff;
 display: inline-block;
 width: 100%;
 padding: 20px 0;
}
.ftwb{
 font-weight: bold;
}
.catch_wrap {font-size:16px !important;
font-weight:bold !important;
color:#F00;}

/*margin*/
.MT_10{
  margin-top: 10px;
}
.MT_20{
  margin-top: 20px;
}
.MT_30{
  margin-top: 30px;
}
.MT_40{
  margin-top: 40px;
}
.MT_50{
  margin-top: 50px;
}
.MB_10{
  margin-bottom: 10px;
}
.MB_20{
  margin-bottom: 20px;
}
.MB_30{
  margin-bottom: 30px;
}
.MB_40{
 margin-bottom: 40px;
}
.MB_50{
 margin-bottom: 50px;
}
.ML_0{
 margin-left: 0;
}
.PL_30{
 padding-left: 30px;
}
.box{
	border: 2px solid #000;
	padding:30px 20px 20px;
	position:relative;
	border-radius:5px;
	margin:30px 0;
}
.box h4{
	position:absolute;
	top:-20px;
	left:20px;
	padding:10px 20px;
	background-color:#fff;
	border: 2px solid #000;
	border-radius:10px;
	font-weight: bold;
}
.box table caption{
	text-align: left;
}
.box table{
	font-size: 12px;
	border-collapse: collapse;
	width:100%;
}
.box table th{
	text-align: left;
	background-color:#4b87af;
	color:#fff;
	border:1px solid #fff;
	padding:5px 10px;
	vertical-align: middle;
}
.box table td{
	background-color:#d4dce7;
	padding:5px 10px;
	vertical-align: middle;
	border:1px solid #fff;
}
.box .list1{
	margin-left:1em;
}
.box .list1 li:before{
	content:"○";
}
.box .list2{
	margin-left:1em;
	color:#d93a3c;
}
.box .list2 li:before{
	content:"・";
}
.box a{
	color:#36c;
	text-decoration: underline;
}
.arrow {
	text-align: center;
	overflow: hidden;
	margin-bottom:10px;
	margin-top: 10px;
	font-size:13px;
}

.arrow ul {
	list-style: none;
}
		
.arrow ul li {
	display: inline;
}
	
.arrow ul li a {
	display: block;
	width:21%;
	float: left;
	height: 70px;
	background: #7cc6f0;
	text-align: center;
	padding: 5px 20px 0 40px;
	position: relative;
	margin: 0 10px 0 0; 
	text-decoration: none;
	color: #6A0E0E;
}
.arrow ul li a:before {
	content: "";
	border-top: 35px solid transparent;
	border-bottom: 35px solid transparent;
	border-left: 20px solid #d6e1c8;
	position: absolute;
	left: 0;
	top: 0;
}
.arrow ul li a:after {
	content: "";
	border-top: 35px solid transparent;
	border-bottom: 40px solid transparent;
	border-left: 20px solid #7cc6f0;
	position: absolute;
	right: -20px;
	top: 0;
	z-index: 1;
}
.arrow ul li:first-child a {
	border-top-left-radius: 5px; border-bottom-left-radius: 5px;
}
.arrow ul li:first-child a:before {
	display: none; 
}
.arrow ul li a.a1{background-color:#f8dcdc;}
.arrow ul li a.a1:after{border-left-color:#f8dcdc;}
.arrow ul li a.a2{background-color:#f2f0b8;}
.arrow ul li a.a2:after{border-left-color:#f2f0b8;}
.arrow ul li a.a3{background-color:#a6c7b0;}
.arrow ul li a.a3:after{border-left-color:#a6c7b0;}

.box.col1{background-color:#dee7ef;border-color:#9b74a9;}
.box.col1 h4{background-color:#b7dbe5;border-color:#9b74a9;}
.box.col2{background-color:#f8f7d6;border-color:#9b74a9;}
.box.col2 h4{background-color:#f8f7d6;border-color:#9b74a9;}
.box.col3{background-color:#dbebf0;border-color:#4182ba;}
.box.col3 h4{background-color:#3176b2;border-color:#4182ba;color:#fff;}
.box.col4{background-color:#fcece0;border-color:#edab5a;}
.box.col4 h4{background-color:#eba86d;border-color:#edab5a;color:#fff;}
.box.col5{background-color:#d6e1c8;border-color:#79ba68;}
.box.col5 h4{background-color:#65af48;border-color:#79ba68;color:#fff;}

/*font-size*/
.ft10 {font-size:10px;}
.ft11 {font-size:11px;}
.ft12 {font-size:12px;}
.ft13 {font-size:13px;}
.ft14 {font-size:14px;}
.ft15 {font-size:15px;}
.ft16 {font-size:16px;}
.ft18 {font-size:18px;}
.ft20 {font-size:20px;}
.ft24 {font-size:24px;}


/*.senteimap.sentei_5 {height: 1000px;}*/
.j_west {width: 474px;}
.j_east {width: 716px;}
/*.senteimap .map_5 {top: 120px;left: 20px;}*/
.j_west > ul, .j_east > ul {width: 230px;}
.j_east > ul:nth-child(3) {right: 484px;}
.j_east > ul:nth-child(2) {right: 242px;}
.erea_title {letter-spacing:0em !important; }

/*dl.jirei_sample dt,dl.jirei_sample dd {float: left;}*/
.jirei_sample_L a img ,.jirei_sample_R a img{border: 1px solid #999;margin-bottom: 10px;}
.jirei_sample_L a strong,.jirei_sample_R a strong {color: #36c;font-size: 18px;}
/*.jirei_sample_L {float:left;}*/
/*.jirei_sample_R {float:right;}*/


/*dl.jirei_sample dd  {font-size: px;}
dl.jirei_sample dd {font-size: px;font-size: px;}*/
/*dl.jirei_sample dt {margin-right: 20px;}*/



.sentei_6 .j_west ul:last-child .erea:last-child {
	position: absolute;
	width: 100%;
	/*bottom: -500px;*/
	left: -7px;
    bottom: -472px;
} 
.sentei_7 .j_west ul:last-child .erea:last-child {
	position: absolute;
	width: 100%;
	/*bottom: -160px;*/
	/*left: -7px;*/
    bottom: -219px !important;
    left: 0px !important; 
} 


@media screen and (max-width: 640px) {
	.sentei_top{
		background-position: left top;
		letter-spacing: normal;
		line-height: normal;
		margin: 20px 0;
	}
	.category{
		width:auto;
		text-align:center;
	}
	.li_ca{
		display:inline-block;
		width:auto;
		padding:0 0.5em;
	}
	.titile_rabel{
		font-size:13px;
	}
	.erea_rabel{
		font-size:13px;
		padding-top:3px;
	}
	.senteimap .erea .clearfix > img{
		top:2px;
	}
	.subttl{
		font-size:18px;
	}
	.seika li{
		width:auto;
	}
	.areatxt{
		width:auto;
	}
	h3 span{
		display:block;
	}
	.oubo_sentei{
		width:auto;
	}
	.li_oubo{
		width:30%;
		float:left;
		margin-left:1.5%;
		margin-right:1.5%;
	}
	.arrow ul li {
    	display: block;
	}
	.arrow ul li a{
		float:none;
		width: 50%;
	    padding: 5px 5px 0 5px;
	}
	.arrow ul li a.a2{
		margin-right: auto;
    	margin-left: auto;
	}
	.arrow ul li a.a3{
		margin-right: 20px;
    	margin-left: auto;
	}
	.award{
		margin-left: 0;
		display: block;
	}
	.areaimg{
		width:auto;
	}
	.senteimap {
	    margin-top: 40px;
	    margin-bottom: 0px;
	    position: static;
	    height: auto;
	}
	.senteimap.sentei_1,.senteimap.sentei_2,.senteimap.sentei_3,.senteimap.sentei_4,.senteimap.sentei_5,.senteimap.sentei_6,.senteimap.sentei_7,.senteimap.sentei_8{
	    height: auto;
	}
	.j_west{
	  width: auto;
	  position:static;
	}
	.j_east{
 		width:auto;
    	position:static;
	}
	.category_txt{
		width:auto;
	}
	.senteimap > img{
		display: none;
	}
	.j_west > ul, .j_east > ul{
		width:auto;
		float:none;
	}
	.j_east > ul:nth-child(2), .j_east > ul:nth-child(3){
		position: static;
	}
	.j_west > ul:nth-child(1) {
    	margin-left: 0;
	}
	.erea_title{
		letter-spacing: normal;
		font-size: 14px;
		margin-top:7px;
	}
	.erea_title br{
		display: none;
	}
	.area_block dl{
		margin-left:0;
		width:48%;
		margin-right: 2%;
	}

.sentei_ {height: 2480px !important;}
	
	.number{margin-top: 4px;}
/*#content_wrap .jirei_sample_L {float: none;}*/
#content_wrap .jirei_sample_L img {width:100%;}
/*#content_wrap .jirei_sample_R {float: none;}*/
#content_wrap .jirei_sample_R img {width:100%;}

    
    
.sp {display: block;}
.sentei-map-index {margin-bottom: 0;}
.sp_MB_30 {margin-bottom: 30px;}


.sentei_4_others {height: 570px;}
.sentei_5_others {height: 570px;}
.sentei_6 {/*height: 2280px !important;*/height: 2430px !important;}
.sentei_7 {/*height: 2020px !important;*/height: 2150px !important;}
.sentei_8 {height: 2480px !important;}
.sentei_9 {height: 2480px !important;}    
 
    
    
.sentei_6 .j_west ul:last-child .erea:last-child {
    bottom: -326px;
} 
 	.sentei_6 .j_west ul:last-child .erea:last-child {
	position: absolute;
	width: 100%;
	bottom: -305px;
	left: 2px;
} 
	.sentei_7 .j_west ul:last-child .erea:last-child {
	position: absolute;
	width: 100%;
	bottom: -205px;
	left: 2px;
}  
    
	
}

/**============================
          clearfix
*============================*/

/*ブラウザ対応　Chrome*/

/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {

.award{
	position: relative;
	top: -4px;
	vertical-align: bottom;
}

.No{top: 0px;}
	
	
}


/*ブラウザ対応　Firefox*/

/*Firefoxだけに適用されるCSSハック*/
@-moz-document url-prefix() {
.No{position: relative;/*top: -10px;*/}

}

/*ブラウザ対応　Firefox*/

/*IE11だけに適用されるCSSハック*/
@media all and (-ms-high-contrast:none){
  *::-ms-backdrop, .css_selector {
.award{position: relative;top: -4px;vertical-align: bottom;}
.No{top: -8px;}

}