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

.contentsInr{
  -webkit-text-size-adjust: 100%;
}
a img{
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

/*mainArea*/
.mainArea{
  background: url(../img/bg_main.png) center center no-repeat;
  height: 615px;
  text-align: center;
}
.mainArea h2{
  padding-top: 20px;
}

/*mapArea*/
.mapArea{
  width: 886px;
  height: 639px;
  background: url(../img/bg_map.png) center center no-repeat;
  margin: -95px auto 40px;
  position: relative;
}
.mapArea p,
.mapBtnLeft,
.mapBtnRight{
  position: absolute;
}
.mapBtn ul li{
  line-height: 0;
}
.mapBtn ul li img{
  vertical-align:bottom;
}
.mapArea .mapNum01{left: 440px; top: 140px;}
.mapArea .mapNum02{left: 497px; top: 104px;}
.mapArea .mapNum03{left: 514px; top: 164px;}
.mapArea .mapNum04{left: 539px; top: 164px;}
.mapArea .mapNum05{left: 487px; top: 40px;}
.mapArea .mapNum06{left: 385px; top: 215px;}
.mapArea .mapNum07{left: 469px; top: 230px;}
.mapArea .mapNum08{left: 425px; top: 430px;}
.mapArea .mapNum09{left: 546px; top: 362px;}
.mapArea .mapNum10{left: 494px; top: 418px;}
.mapArea .mapNum11{left: 303px; top: 493px;}
.mapArea .mapNum12{left: 512px; top: 269px;}
.mapBtnLeft{left: 14px; top: 16px;}
.mapBtnRight{left: 649px; top: 16px;}

/*tabArea*/
.tabArea {
  margin-top: 50px;
  padding-bottom: 40px;
  background-color: #fff;
  width: 886px; 
  margin: 0 auto;}

/*タブのスタイル*/
.tabContent{
  border-top: 6px solid #000;
  border-image: url("../img/bg_tab.png") 6 0 0 0 repeat;
}
.tabContent .tabContentInner{
  border: 1px solid #2e7982;
  padding: 25px 0 10px;
}
.tab_item {
  width: 135px;
  height: 53px;
  background: url(../img/bg_tab.png) center center;
  line-height: 53px;
  font-size: 24px;
  border-radius: 8px 8px 0 0;
  color: #fff;
  display: block;
  float: left;
  margin-right: 15px;
  text-align: center;
  transition: all 0.2s ease;
  opacity: .6;
}
.tab_item:last-of-type{
  margin-right: 0;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tabContent {
  display: none;
  padding: 20px 0px 0;
  clear: both;
  /*overflow: hidden;*/
}


/*選択されているタブのコンテンツのみを表示*/
#areaAomori:checked ~ #contentAomori,
#areaAkita:checked ~ #contentAkita,
#areaIwate:checked ~ #contentIwate,
#areaYamagata:checked ~ #contentYamagata,
#areaMiyagi:checked ~ #contentMiyagi,
#areaNiigata:checked ~ #contentNiigata{
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabArea input:checked + .tab_item {
  background-color: #5ab4bd;
  color: #fff;
  opacity: 1;
}


/* slideArea */
.slideArea div .ttlSlideArea{
  margin-bottom: 15px;
}
.slideArea div .ttlSlideArea h3{
  font-weight: normal;
  font-size: 28px;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  margin-bottom: 15px;
  line-height: 1.5;
}
.slideArea div .ttlSlideArea h3 span{
  padding-left: 25px;
}
.slideArea div .slideAreaLeft,
.slideArea div .slideAreaRight{
  width: 49%;
}
.slideArea div .slideAreaLeft{
  float: left;
  position: relative;
  margin-bottom: 10px;
}
.slideArea div .slideAreaLeft figure{
  margin-bottom: 5px;
}
.slideArea div .slideAreaLeft figure img{
  width: 100%;
}
.slideArea div .slideAreaLeft .listTag{
  position: absolute;
  top: 5px;
  left: 5px;
  font-size: 12px;
  font-weight: bold;
}
.slideArea div .slideAreaLeft .listTag span{
  border: 1px solid #27b0bc;
  color: #27b0bc;
  background: #f2feff;
  padding: 5px 8px;
  border-radius: 5px;
  display: inline-block;
  margin-right: 5px;
}
.slideArea div .slideAreaRight{
  float: right;
}
.slideArea div .slideAreaRight .iconArea{
  color: #fff;
  background: #8e8e8e;
  padding: 5px 5px 5px 32px;
  margin-bottom: 5px;
  position: relative;
}
.slideArea div .slideAreaRight .iconArea img{
  display: inline-block;
  height: 20px;
  position: absolute;
  top: 50%;
  transform: translateY(-10px);
  left: 5px;
}
.slideArea div .slideAreaRight .iconArea:nth-of-type(1) img{
  display: inline-block;
  transform: translateY(-8px);
  height: 15px;
}
.slideArea div .btnAccordion{
  clear: both;
  display: block;
  color: #fff;
  background: #e18e3d;
  padding: 10px;
  margin-top: 10px;
  /*margin-bottom: 5px;*/
  text-align: center;
}
.slideArea div .btnAccordion.open + table{
  display: block;
}
.slideArea div table{
  display: none;
  clear: both;
  background: #f1f1f1;
  border-collapse:separate;
  padding: 10px;
  line-height: 1.5;
  margin-bottom: 10px;
}
.slideArea div table th,
.slideArea div table td{
  padding: 5px 0;
  font-size: 14px;
  border-bottom: 1px solid #ccc;
}
.slideArea div table th{
  white-space: nowrap;
  padding-right: 5px;
  vertical-align: top
}
.slideArea div .btnApplication{
  clear: both;
  /*padding-top: 20px;*/
}
.slideArea div  .btnApplication a{
  display: block;
  font-size: 18px;
  color: #fff;
  background: #27b0bc;
  padding: 10px;
  margin-bottom: 5px;
  text-align: center;
}
.slideArea div .btnApplication a svg{
  font-size: 0.8em;
}

.slick-next{
  height: 43px;
  width: 24px;
  background: url(../img/arrow_right.png) center center no-repeat;
}
.slick-prev{
  height: 43px;
  width: 24px;
  background: url(../img/arrow_left.png) center center no-repeat;
}

/* btnArea */
.btnArea{
  margin-top: 25px;
}
.btnArea p a{
  color: #fff;
  font-size: 18px;
  padding: 25px;
  box-sizing: border-box;
  display: block;
  background: #0c1266;
  text-align: center;
  width: 100%;
}
.btnArea p{
  width: 460px;
}
.btnArea .btnAreaLeft{
  float: left;
}
.btnArea .btnAreaRight{
  float: right;
}
/* clearfix ------------------------------------------------------------------- */
.cf:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.cf{
	display: inline-block;
} 
/* Hides from IE Mac */
* html .cf{
	height: 1%;
}
.cf{
	display:block;
}