@charset "utf-8";




/*スマホ*/
@media screen and (max-width:750px){
.map{width:90%;height:auto;margin:0px auto 0px auto;padding: 100px 0px 30px 0px;text-align:center;}
.map2{width:100%;height:auto;margin:0px auto 0px auto;padding: 30px 0px 30px 0px;text-align:center;}
.maptext2{margin: 20px auto 20px auto;font-size:1.7rem;text-align: center;line-height: 160%;color: #FFFFFF;}
.maptextbg{width:100%;text-align:center;line-height: 160%;margin:0px auto 0px auto;padding: 1px 0px 10px 0px;background:#787878}
.mapcap{width:100%;height: auto;margin: 0px auto 0px auto;padding: 5px 0px 5px 0px;color:#000;text-align:left;letter-spacing:0px;line-height: 170%;font-weight: 400;font-size:70%;}
.maptextbg2{;width:100%;htext-align:center;line-height: 160%;margin:30px auto 30px auto;padding: 0px 0px 0px 0px;border:2px solid #787878}
	
	
.maptext1{text-align:center;font-size:0.9em;line-height: 140%;margin:5px auto 0px auto;padding: 10px 0px 10px 0px;color: #000;font-feature-settings: "palt";letter-spacing: 0.05em;}
.maptext2{margin: 10px auto 0px auto;font-size:1.1rem;text-align: center;line-height: 160%;color: #FFFFFF;}
.maptext3{font-size:1.0rem;}
.maptitle{width: 100%;height: auto;text-align: center;margin:5px auto 50px auto;}
.mapitle img{width: 60px;height: auto;padding: 0px 0% 30px 0%;text-align: center;display: block}
}


/*PC*/
@media screen and (min-width:751px){
.map {width:100%;height:auto;margin:0% auto 0px auto;padding: 8% 0px 5% 0px;text-align:center;}
.map {
  width: 100%;
  height: auto;
  margin: 0 auto;
  padding: 190px 0% 0px 0%;
  text-align: center;
  position: relative;
  overflow: hidden;
}

.map::before,
.map::after {
  content: '';
  position: absolute;
  left: 0;top: 5%;
  width: 100%;
  height: 100%;
  background-image: url('../equipment/img/bg2.png'); 
  background-repeat: no-repeat;
  background-size: 100% auto;
  z-index: -1;
}

.map2 {max-width:1100px;width:100%;height:auto;margin:2% auto 0px auto;padding: 0px 0px 0% 0px;text-align:center;}
.mapcap{width:100%;height: auto;margin: 0px auto 0px auto;padding: 10px 0px 2% 0px;color:#000;text-align:right;letter-spacing:0px;line-height: 170%;font-weight: 400;font-size:80%;}

.maptextbg2{max-width:800px;width:100%;htext-align:center;line-height: 160%;margin:5% auto 0px auto;padding: 0px 0px 0px 0px;border:2px solid #787878}
.maptext1{text-align:center;font-size:18px;line-height: 160%;margin:0px auto 0px auto;color: #000;padding: 5px 0px 5px 0px;}
	
.maptextbg{max-width:800px;width:100%;htext-align:center;line-height: 160%;margin:0px auto 0px auto;padding: 1px 0px 10px 0px;background:#787878}
.maptext2{margin: 20px auto 0px auto;font-size:26px;text-align: center;line-height: 160%;color: #FFFFFF;font-feature-settings: "palt";letter-spacing: 0.05em;}
.maptext3{font-size:16px;}
	
}


@media print {
.hidden-print { display: none;}
.content-print{top:0 !IMPORTANT;left:0 !IMPORTANT;width:172mm !IMPORTANT; height:251mm !IMPORTANT;}
} /* 印刷時のみ適用されるスタイル */
@media print {
  /* 1. 全体を非表示にする */
  body * {
    visibility: hidden;
  }

  /* 2. 特定の範囲とその子要素だけを表示する */
  .print-content, .print-content * {
    visibility: visible;
  }

  /* 3. 表示位置を調整（任意） */
  .print-content {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
  }
}
 
@media only screen and (min-width:751px) and (max-width:1200px) {
.map{width:90%;height:auto;margin: 110px auto 30px auto;text-align:center;padding: 0px 0px 0px 0px;}}