@charset "utf-8";
/*========= interview ===============*/
.interview{
	padding:10em 0;
	background-color:#61c4da;
}
.interview p.title{
	width:80%;
	margin:0 auto;
}
.interview p.title img.txsp{
	display:none;
}
.interview p.att{
	text-align:center;
	color:#555;
	font-size:14px;
	
}
.mapArea{
	padding-top:5em;
	margin-bottom:5em;
}
.mapLeft{
	width:32%;
	float:left;
	padding-top:1em;
}
.mapRight{
	width: 68%;
	float: left;
	padding-left: 2em;
}
.interview p.mapQ img{
	width:100%;
	height:auto;
}
.interview p.mapQ{
	margin-bottom:2em;
}
.mapCon{
	background-color:#fff;
	padding:1.5em;
	background-image:url(../img/interview/a_kazari.png);
	background-position:right top 60%;
	background-size:70%;
	background-repeat:no-repeat;
	margin-bottom: .5em;

}
.mapQarea .navBtn{
	display:none;
}
.mapCon p.name{
	line-height:1.2;
}
.mapCon p.name span.b1{
	font-weight:500;
	font-family: "Noto Sans JP";
	margin:0 0.3em;
	font-size:120%;
}
.mapCon p.name span.b2{
	margin-left:0.5em;
	font-size:90%;
}
.mapCon p.name{
	width:100%;
}
.mapCon p.name img{
	width:100%;
	height:auto;
}

.mapConSub {
	padding-bottom:1em;
    }

.balloon {
    position: relative;
    border-bottom: solid 1px #666;
    text-align: center;
	margin-bottom:1em;
}
.balloon:before,
.balloon:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}
.balloon:before {
    border: solid 11px transparent;
    border-top: solid 11px #666;
}
.balloon:after {
    border: solid 14px transparent;
    border-top: solid 14px #fff;
    margin-top: -5px;
}




.mapConSubLeft{
	width:20%;
	display:inline-block;
	vertical-align:middle;
}
.mapConSubRight{
	width:78%;
	display:inline-block;
	vertical-align:middle;
	text-align:left;
	padding-left:0.5em;
	
}
.mapCon p.im img{
	width:100%;
	height:auto;
	border-radius: 50%;
 }
.mapConSubRight p{
	line-height:1.4;
	text-align: justify;
	text-justify: inter-ideograph;
}
.mapCon p.tx{
	text-align: left;
	margin-bottom: .5em;
}
.mapCon .ttArea{
	text-align: center;
	padding-top: .5em;
}
.mapCon p.tt{
	display: inline-block;
	vertical-align: middle;
	width: 32%;
	text-align: left;
	line-height: 1.4;
}
.mapCon p.check{
	background-color:#ffef00;
	text-align:center;
	padding:0.5em 0;
	display: inline-block;
	width: 65%;
	vertical-align: middle;
}
.mapCon p.check img{
	width:80%;
	height:auto;
}
.mapMenu{
	padding-top:3em;
}
.mapMenu li{
	float:left;
	width:24.4%;
	margin:0 0.3% 0.3em;
	padding:0.8em 0;
	font-size:14px;
}
.mapMenu li.list1 i{
	color:#007ab3;
}
.mapMenu li.list2 i{
	color:#2f4c8a;
}
.mapMenu li.list3 i{
	color:#c49600;
}
.mapMenu li.list4 i{
	color:#bd6600;
}
.mapMenu li.list5 i{
	color:#734681;
}
.mapMenu li.list6 i{
	color:#b50050;
}
.mapMenu li.list7 i{
	color:#869901;
}
.mapMenu li.list8 i{
	color:#1c7d3e;
}
.mapMenu li.list9 i{
	color:#0093cc;
}
.mapMenu li.list10 i{
	color:#01868b;
}
.mapMenu li.list11 i{
	
	color:#006381;
}
.mapMenu li span{
	padding-left:0.2em;
	font-size: 50%;
	line-height: 1;
	vertical-align: super;
	
}
.mapMenu li.listBt{
	cursor:pointer;
}
.mapMenu li.list1.active,.mapMenu li.list1:hover{
	background-color:#cce4f0;
}
.mapMenu li.list2.active,.mapMenu li.list2:hover{
	background-color:#d5dbe8;
}
.mapMenu li.list3.active,.mapMenu li.list3:hover{
	background-color:#f6eed6;
}
.mapMenu li.list4.active,.mapMenu li.list4:hover{
	background-color:#f5e8d9;
}
.mapMenu li.list5.active,.mapMenu li.list5:hover{
	background-color:#e3dae6;
}
.mapMenu li.list6.active,.mapMenu li.list6:hover{
	background-color:#f4d9e5;
}
.mapMenu li.list7.active,.mapMenu li.list7:hover{
	background-color:#e7ebcc;
}
.mapMenu li.list8.active,.mapMenu li.list8:hover{
	background-color:#cce8e7;
}
.mapMenu li.list9.active,.mapMenu li.list9:hover{
	background-color:#cce9f5;
}
.mapMenu li.list10.active,.mapMenu li.list10:hover{
	background-color:#d9edee;
}
.mapMenu li.list11.active,.mapMenu li.list11:hover{
	background-color:#d9e8ec;
}
.mapMenu li.menuList{
	text-align:center;
	background-color:#fff;
	
}
.mapMenu li.menuList i{
	padding-right:0.3em;
}
.mapMenu li.atten{
	font-size:13px;
	color:#fff;
	line-height:1.4;
	padding:0.4em 0 0.4em 0.3em;
}
#map {
  width: 100%;
}
  

.cls-1 {
        fill: #00afca;
      }

      .cls-2 {
        fill: #91dce8;
      }

      .cls-3 {
        fill: #e8f7fa;
      }

      .cls-4 {
        fill: #e2f5f8;
      }

      .cls-5 {
        fill: #c9edf3;
      }

      .cls-6 {
        fill: #92dde8;
      }

      .cls-7 {
        fill: #63cede;
      }

      .cls-8 {
        fill: none;
        stroke: #333;
        stroke-miterlimit: 10;
        stroke-width: 0.4px;
      }

      .cls-8, .cls-9 {
        fill-rule: evenodd;
      }

      .cls-10, .cls-9, .cls-12 {
        fill: #fff;
      }

      .cls-10, .cls-11, .cls-9 {
        stroke: #fff;
      }

      .cls-9 {
        stroke-width: 0.36px;
      }

      .cls-10, .cls-11 {
        stroke-linecap: round;
        stroke-linejoin: round;
        stroke-width: 0.4px;
      }

      .cls-11,.cls-12 {
        fill: #ccc;
      }
#kagoshima path:hover,#kagoshima .active path{
		  fill:#2f4c8a;
}
#nagano path:hover,#nagano .active path{
		  fill:#2f4c8a;
}
#niigata path:hover,#niigata .active path{
		  fill:#2f4c8a;
}
#saitama path:hover,#saitama .active path{
		  fill:#2f4c8a;
}
#kanagawa path:hover,#kanagawa .active path{
		  fill:#2f4c8a;
}
#miyagi path:hover,#miyagi .active path{
		  fill:#2f4c8a;
}
#yamanashi path:hover,#yamanashi .active path{
		  fill:#2f4c8a;
}
#okinawa:hover path.cls-12,#okinawa .active path.cls-12{
		  fill:#2f4c8a;
}
#shizuoka path:hover,#shizuoka .active path{
		  fill:#2f4c8a;
}
#fukuoka path:hover,#fukuoka .active path{
		  fill:#2f4c8a;
}
.mapBt{
	cursor:pointer;
}


p.bttt{
	cursor:pointer;
}
p.bttt:hover{
	opacity:0.8;
}


.mapQarea{
	display:none;
}

.kagoshima,.nagano,.saitama,.niigata,.kanagawa,.miyagi,.yamanashi,.kanagawa2,.okinawa,.okinawa2,.niigata2,.kanagawa3,.fukuoka,.shizuoka{
	display:none;
}
.sshow{
	display:block;
}



.svg-wrapper {
  position: relative;
  padding-top: 79.69%; /* SVG高さ / SVG幅 * 100 */
}

.svg-wrapper svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}