/* デザイン */
.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: 60px 0;}
.location-box h2{font-size: 1.7rem;line-height: 2.3; letter-spacing: 0.1em;font-weight: normal!important;margin: 30px 0}
.location-box .copy{font-size: 1rem;letter-spacing: 0.1em;line-height: 1.8}
.location-box .sec1 .illa{margin-top: 60px}

@media screen and (max-width: 668px) {/*スマホ設定*/
.location-box .sec1{padding: 50px 0;}
.location-box .sec1 .logo{width: 80%;margin: auto}
.location-box h2{font-size: 1rem;}
.location-box .copy{font-size: 0.8rem;}

}
picture{display: block;position: relative}
picture figcaption{position: absolute;right: 30px;bottom: 10px;text-align: right;color: #fff;font-size: 12px;}
@media screen and (max-width:767px){/*スマホ設定*/
picture figcaption{right: 5px;bottom: 5px;}

.mobile-scroll {width: 100%; overflow-x: scroll;padding-bottom: 12px}
.mobile-scroll p{width: 800px;}
.notive{font-size: 12px;text-align: center}
}

.location-box .sec2{background: url("../images/location/bg.jpg") no-repeat;background-size: cover;padding: 0px 0 80px;color: #fff}
.location-box .sec2 h2{text-align: left;margin-top: 80px;}
.location-box .sec2 .copy{text-align: left;margin-bottom: 60px}
.location-box .sec2 li{width: 23%;margin-top: 30px}
.location-box .sec2 li p{margin-top: 8px}

.location-box .sec3{padding: 0px 0 80px;}
.location-box .sec3 h2{text-align: left;margin-top: 80px;}
.location-box .sec3 .copy{text-align: left;margin-bottom: 60px}
.location-box .sec3 li{width: 23%;margin-top: 30px}
.location-box .sec3 li p{margin-top: 8px}

.location-box .sec5{padding: 80px 0 80px;}
.location-box .sec5 h2{font-size: 2.6rem;line-height: 1.8}
.location-box .sec5 h2 span{font-size: 1.8rem;letter-spacing: 0;color: #b81c22}
.location-box .sec5 .copy{margin: 60px 0}
.location-box .sec5 .zu img{width: 100%;height: auto}
@media screen and (max-width: 668px) {/*スマホ設定*/
.location-box .sec2,
.location-box .sec3{padding-bottom: 40px}
.location-box .sec2 h2,
.location-box .sec3 h2{margin-top: 40px;}
.location-box .sec2 .copy,
.location-box .sec3 .copy{margin-bottom: 0px}
.location-box .sec2 li,
.location-box .sec3 li{width: 48%;margin-top: 30px}

.location-box .sec5{padding: 40px 0;}
.location-box .sec5 h2{font-size: 1.6rem;line-height: 1.8}
.location-box .sec5 h2 span{font-size: 1rem;letter-spacing: 0;color: #b81c22}
.location-box .sec5 .copy{margin: 30px 0}

}
.location-box .map{margin: 80px 0}
@media screen and (max-width: 668px) {/*スマホ設定*/
.location-box .map{margin: 40px 0}
}

.life-information{text-align: left}
.life-information h4{padding-bottom: 10px; margin-bottom: 20px; color: #b81c22;border-bottom: 3px solid #b81c22;font-size: 1.3rem;letter-spacing: 0.05em;font-weight: normal}
.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;display: inline-block;
  width: 12em; /* 最も長い文字数に合わせてem単位で幅を指定する */
  text-align: justify;
  text-align-last: justify;}
@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}
}

.loop-slider {
  overflow: hidden; /* はみ出た部分を隠す */
  width: 100%;

}

.loop-track {
  display: flex;
  width: max-content;
  animation: loop 40s linear infinite; /* 速度とループの指定 */
}

.loop-list {
  display: flex;
  list-style: none;
  margin: 0;
  padding: 0;
}

.loop-list li {
  width: 350px; /* 画像の幅 */
  margin-right: 0px; /* 画像同士の間隔 */
}

.loop-list img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.slide-paused:hover .loop-track{
  animation-play-state: paused;
}
/* アニメーション定義 */
@keyframes loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-50%); /* 全体の半分（1グループ分）だけ左へ移動 */
  }
}

@media screen and (max-width: 668px) {/*スマホ設定*/
.loop-slider {
  margin: 0px 0
}
.loop-slider.ss2,
.loop-slider.ss5{
  margin: 0px 0
}
.loop-slider.ss3,
.loop-slider.ss4
{
  margin: 30px 0
}
.loop-list li {
  width: 180px;
}
.ss2 .loop-list li {
  width: 1200px; /* 画像の幅 */
  margin-right: 30px; /* 画像同士の間隔 */
}
.ss3 .loop-list li {
  width: 980px; /* 画像の幅 */
  margin-right: 30px; /* 画像同士の間隔 */
}
.ss4 .loop-list li {
  width: 1400px; /* 画像の幅 */
  margin-right: 30px; /* 画像同士の間隔 */
}
.ss5 .loop-list li {
  width: 1200px; /* 画像の幅 */
  margin-right: 30px; /* 画像同士の間隔 */
}
}