@charset "UTF-8";

#contents .school_map {
  float:left;
  width: 260px;
  margin-right: 60px
}

#contents .school_map:nth-of-type(3n){
  margin-right: 0
}

#contents .map_box {
  margin-bottom:90px;
}
  #contents .map_link {
    display: table;
  }
  #contents .map_link a {
    display: table-cell;
    vertical-align: middle;
    font-size: 12px;
  }
  #contents .map_link a.glink {
    padding-left: 15px;
    padding-top: 7px;
  }
  .hide {
    display: none;
  }
  .inline_glink {
    text-align: right;
    width: 433px;
  }

  #contents .map_link a.button_pc{
    display: block;
  }
  #contents .map_link a.button_sp{
    display: none;
  }

  .map_detail{
    display: none
  }

  @media only screen and (max-width:767px) {
    .facility .grid_5 {
    width: 100%;
    text-align: center;
    }

    .facility .grid_5 img{
    width: auto;
    }

    #contents .map_link {
        display: block;
        text-align: center;
        margin-bottom: 50px
    }
    #contents .map_link a {
    margin-bottom: 45px;
    display: inline;
    text-align: right;
    width: 100%;
    vertical-align: top
    }

    #contents .map_link a img{
      width:auto
    }

    #contents .school_map {
    float: none;
    width: auto;
    margin-right: 0;
    }

    #contents .section {
    padding-top: 0;
    }

    #contents .map_box {
    margin-bottom: 45px;
    }

    #contents .map_link a.button_pc{
      display: none;
    }
    #contents .map_link a.button_sp{
      display: inline;
    }

    .map_detail{
      display: none;
    }

    .map_detail iframe{
      width: 100%;
      height: 300px;
    }

    .map_detail ul{
      margin: 20px 0
    }

    .bg_blue{
      background: #008ccf;
      color: #fff;
      padding: 3px 0;
      font-size: 13px;
      font-weight: normal;
      margin-bottom: 10px;
    }

    .inline_glink {
     width: auto;
    }

    .clearfix:before, .clearfix:after {
    content: " ";
    display: block;
    }

    .facility .grid_5 img.map_image{
      width: 100%;
      height: auto;
    }

    #contents .map_text{
      width: 100% !important;
    }

  }

.icon_new {
	background-color: #008DD2;
	color: #fff;
	padding: 1px 3px 0px 3px;
	margin-left: 5px;
	font-weight: normal;
	font-size: 10px;
	position: relative;
	top: -2px;
}

/*2022-04-22*/
.branchcard{
border-top: solid 1px #000;
padding-top: 20px;
}

.map-container {
    display: flex;
    line-height: 1.4;
    text-align: justify;
    text-justify: inter-ideograph;
}

.map-item {
    margin:10px;
}

.map-item2 {
    margin-top:20px;
}

.map-title{
    font-size: large;
    font-weight: bold;
    padding-left:8px;
    border-left:8px solid  #008DD2; 
}

/* 地図アイコンボタンのスタイル */
.btn-map-icon {
  display: inline-block;
  width: 50px;           /* 幅指定 */
  height: 18px;          /* 高さ指定 */
  line-height: 18px;     /* 文字を高さの中央に来させる */
  background-color: #000;/* 背景色：黒 */
  color: #fff;           /* 文字色：白 */
  font-size: 11px;       /* 枠に収まるよう文字サイズを調整 */
  text-align: center;    /* 文字を横方向の中央へ */
  text-decoration: none; /* 下線を消す */
  vertical-align: middle;/* 周囲のテキストと高さを合わせる */
  margin-left: 8px;     /* 左側の余白 */
  font-family: "Yu Gothic", YuGothic, sans-serif; /* フォント指定 */
  cursor: pointer;       /* マウスカーソルを指の形に */
  border-radius: 3px;
}

/* ホバー時の挙動（薄くする等お好みで） */
a:hover .btn-map-icon {
  opacity: 0.8;
}