/* デザイン */
.mv{position: relative}
.mv .mv_img img{width: 100%;}

.location-box{position: relative;}
.location-box #pankuzu{position: absolute;left: 0;right: 0;margin: 0;top: 6px;z-index: 2}
.location-box #pankuzu .inner--base{width: 1200px;margin: auto;text-align: center;padding: 0px 0;}
.location-box #pankuzu .pankuzu-list li{color: #fff}
.location-box #pankuzu .pankuzu-list li a{color: #fff}
.notes-area{ margin: 0% auto 0; }

.location-box .sec1{padding: 100px 0;}
.location-box .sec1 h2{font-size: 1.8rem;letter-spacing: 0.2em;font-weight: normal}

@media screen and (max-width: 668px) {/*スマホ設定*/
.location-box .sec1{padding: 50px 0;}
.location-box .sec1 h2{font-size: 1.3rem;}
}

.slider-thumbnail {    margin: 40px 0 0;}
.tab {  text-align:center;  padding: 10px;  background: url("../images/location/tab.jpg") repeat;  width: 24%;cursor: pointer;border-top: 1px solid #989898;border-right: 1px solid #989898;border-left: 1px solid #989898;  font-size: 0.9rem;  letter-spacing: 0.1em;position: relative;padding-bottom: 25px;
animation-name: bgAni;
  animation-duration: 20s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.tab.close{cursor: default;animation-name:none;opacity: 0.6}
.tab.close p{font-size: 12px;text-align: center; position: absolute;width: 100%;height: 100%; background:rgba(255,255,255,0.7);top: 0;left: 0;padding-top: 23%;letter-spacing: 0}
.tab.close::after{border: none}
@keyframes bgAni {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes bgAni2 {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 0 0;
  }
}
.tab::after{
    content: '';
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666;
    position: absolute;
    bottom: 8px;
	left: 0;
    right: 0px;
	margin: auto
}

.tab span{font-size: 1.3rem}


.swiper-slide-thumb-active {background: url("../images/location/tab_on.jpg") repeat;color: #fff}
.swiper-slide-thumb-active.tab::after{border-top: 6px solid #fff;}
.tab:hover{opacity: 0.7}
.tab.close:hover{opacity: 0.6}
.slider-thumbnail .swiper-slide {

  transition: opacity .5s;
  width: calc(100% / 4);
}
.slider-thumbnail .swiper-slide.swiper-slide-thumb-active {
  opacity: 1;
}
/* レイアウトのためのスタイル */
.swiper {
  width: 100%;
}


.content {opacity: 0;padding: 60px 0}
.content img{width: 100%}

.content .box{background: #fff;border-radius: 20px;padding: 40px 70px}
.content .copy{font-size: 1rem;letter-spacing: 0.05em;line-height: 2}
.content h3{font-size: 1rem;  letter-spacing: 0.1em;color: #fff;font-weight: normal;margin-bottom: 40px;}
.content h3 span{font-size: 1.5rem}
.content h4{color: #0075a6;font-size: 1.5rem;letter-spacing: 0.1em;font-weight: normal;margin-bottom: 30px}
@media screen and (min-width: 768px) {
  /* PCサイズ（例：768px以上）で矢印を非表示にする */
  .swiper-button-next,
  .swiper-button-prev {
    display: none!important;
  }
}

@media screen and (max-width: 668px) {/*スマホ設定*/
.slider-thumbnail .swiper-wrapper{display: flex;flex-wrap: wrap;}
.slider-thumbnail .swiper-slide{width: 48%!important;border-bottom: 1px solid #989898;margin:0 1% 12px;font-size: 0.6rem; }
.tab span{font-size: 0.9rem}
.tab.close{width: 48%!important;border-bottom: 1px solid #989898;margin:0 1% 12px;font-size: 0.6rem; }
.tab.close p{font-size: 9px;padding-top: 30%;letter-spacing: 0}
.content {padding: 30px 10px}
.content .box{padding: 30px 20px}
.content h3{font-size: 0.8rem;margin-bottom: 20px;}
.content h3 span{font-size: 1.2rem}
.content h4{font-size: 1rem;}
.content .copy{font-size: 0.7rem;}
.swiper-button-prev, .swiper-button-next {
  width: 20px!important;  /* 幅の変更 */
  height: 20px!important; /* 高さの変更 */
}
}


.content1{background: url("../images/location/tab1_bg.jpg") no-repeat center center;background-size: cover}
.content2{background: url("../images/location/tab2_bg.jpg") no-repeat center center;background-size: cover}
.content3{background: url("../images/location/tab3_bg.jpg") no-repeat center center;background-size: cover}
.content4{background: url("../images/location/tab4_bg.jpg") no-repeat center center;background-size: cover}



.content1 li{margin: 0 2%}
.content1 .illa{margin-top: 30px}
@media screen and (max-width: 668px) {/*スマホ設定*/
.content1 ul{width: 70%;margin: auto}
.content1 li{margin:2% 0}
}

.content2 li{margin-top: 30px;text-align: left}
.content2 li p{margin-top: 12px;color: #0075a6;font-size: 1.1rem;}
@media screen and (max-width: 668px) {/*スマホ設定*/
.content.content2 .copy{text-align: left}
.content2 li.col2{width: 100%;margin: 20px auto 0}
.content2 li p{font-size: 0.8rem}
}

.content3 .box{text-align: left}
.content3 li{position: relative}
.content3 .illa{position: absolute;right: -10px;bottom: 0;width: 20%}
.content3 .map{margin-top: 30px}
@media screen and (max-width: 668px) {/*スマホ設定*/
.content3 li.col2{width: 100%;margin: 20px auto 0}
.content3 .illa{bottom: -10px;}
.map {width: 100%;overflow-x: scroll;  -webkit-overflow-scrolling: touch;position: relative}
.map img{width: 600px!important;max-width: 600px; height: auto}
.swip{width: 15%;margin: 10px auto 0;}
.swip img{width: 100%!important;max-width: 100%;height: auto}

}


.content4 li{margin-top: 30px;text-align: left}
.content4 .col60{width: 58%}
.content4 .col40{width: 40%}
.content.content4 .copy{font-size: 0.8rem;letter-spacing: 0em;line-height: 1.7;margin: 20px 0}
@media screen and (max-width: 668px) {/*スマホ設定*/
.content4 .col60{width: 100%;}
.content4 .col40{width: 100%}
.content4 .w70{width: 70%;margin: auto}
}

.location-box .sec2 h2{width: 80%;margin: auto}
.location-box .sec2 .p_list li{margin-top: 30px;text-align: left;width: 31%}
.location-box .sec2 .p_list li p{font-size: 1rem;margin-top: 10px;line-height: 1.4}
.location-box .sec2 .p_list li p span{font-size: 1.4rem}
.location-box .sec2 .map{margin: 60px 0}
@media screen and (max-width: 668px) {/*スマホ設定*/
.location-box .sec2 .p_list li{width: 48%}
.location-box .sec2 .p_list li p{font-size: 0.7rem;}
.location-box .sec2 .p_list li p span{font-size: 1rem}
}

.life-information{text-align: left}
.life-information h4{padding-bottom: 10px; margin-bottom: 20px; border-bottom: 3px solid #0075a6;font-size: 1.3rem;letter-spacing: 0.05em;}
.location-li-item {margin-bottom: 50px;}
.location-li-item ul {list-style-type:none;margin:0;padding:0;}
.location-li-item ul li {position:relative;margin-bottom:10px;line-height:1.5;display:-webkit-flex;display:-moz-flex;display:-ms-flex;display:-o-flex;display:flex;-ms-flex-wrap:wrap;-webkit-flex-wrap:wrap;flex-wrap:wrap;justify-content:space-between;-webkit-align-items:flex-end;-ms-align-items:flex-end;align-items:flex-end;border-bottom: 1px dotted #666;margin-bottom: 8px;padding-bottom: 8px}
.location-li-item ul li.nonline{border-bottom: none;padding-bottom: 0}
.location-li-item ul li:last-child {margin-bottom: 0;}
.location-li-item ul li span {position:relative;z-index:1;display:inline-block;padding-right:10px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:100%;}
.location-li-item ul li > span:first-child {width: calc(100% - 12.5em);position: relative;overflow: hidden;}
.location-li-item ul li > span:last-child {text-align: right}
@media screen and (max-width: 668px) {/*スマホ設定*/
.life-information .col2{width: 100%}
}


.pc{display: block}
.sp{display: none}
@media screen and (max-width: 668px) {/*スマホ設定*/
.sp{display: block}
.pc{display: none}
}