/*=================================
メインビジュアル画像
=================================*/
#link {
background: url("../img/page_main_airport.jpg") no-repeat center center;
background-size: cover;
}

/*=================================
ページコンテンツ
=================================*/
/*============
リンク
=============*/
#link_box {
margin-bottom: 1.2rem;
}

/* リンクテーブル */
.link_table table {
font-family: 'Roboto', AppleSystem, 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
font-size: 0.16rem;
text-align: left;
width: 100%;
border-collapse: collapse ;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
}

.link_table tr:nth-child(odd) {
background: #F2F2F2;
}

@media(max-width: 767px){
.link_table tr:nth-child(odd) {
background: none;
}
.link_table td:nth-child(odd) {
background: #F2F2F2;
}
}

.link_table .list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  font-family: 'Roboto', AppleSystem, 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
  font-size: 0.16rem;
  text-align: left;
  width: 100%;
  border-collapse: collapse ;
  border-top: 1px solid #000;
  /* border-bottom: 1px solid #000; */
  position: relative;
}

.link_table .list::after {
  content: "";
  width: 100%;
  height: 1px;
  background-color: #000;
  position: absolute;
  left: 0;
  bottom: 0;
}

.link_table .list .link {
width: 50%;
padding-top: 0.2rem;
padding-bottom: 0.2rem;
border-bottom: 1px solid #CCC;
}

@media(max-width: 767px){
  .link_table .list .link {
width: 100%;
display: block;
}
.link_table td.pc_only {
display: none;
}
}

.link_table .list .link a {
color: #000;
display: block;
background: url("../img/circle_gray.png") no-repeat;
background-position :  0.15rem center; 
padding-left: 0.4rem;
font-weight: 500;
}
.link_table .list .link a:hover {
text-decoration: none;
}
.link_table .list .link i {
padding-left: 0.05rem;
opacity: 0.5;
font-size: 0.14rem;
position: relative;
top: -1px;
}


/*============
テレホンガイド
=============*/
/* テレホンガイドテーブル */
#link_tel h4.sub_ttl {
margin-bottom: 0;
}

/* テーブル１ */
.link_table01 table {
font-family: 'Roboto', AppleSystem, 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
font-size: 0.16rem;
text-align: left;
width: 100%;
border-collapse: collapse ;
margin-bottom: 0.55rem;
line-height: 1.8;
}

.link_table01 tr {
border-bottom: 1px solid #ccc;
}
.link_table01 th {
/*width: 28%;*/
font-weight: bold;
background: url("../img/circle_brown.png") no-repeat;
background-position :  0.15rem 0.17rem; 
padding-top: 0.1rem;
padding-bottom: 0.1rem;
padding-left: 0.4rem;
vertical-align: top;
}

@media(max-width: 767px){
.link_table01 th {
width: 100%;
padding-bottom: 0;
box-sizing: border-box;
display: block;
}
}

.link_table01 td {
width: 30%;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
vertical-align: top;
}

@media(max-width: 767px){
.link_table01 td {
width: 100%;
box-sizing: border-box;
display: block;
padding: 0;
padding-left: 0.4rem;
}
.link_table01 tr td:last-child {
padding-bottom: 0.1rem;
}
.link_table01 .noborder  {
  border-bottom: 0;
}
}

.link_table01 td a {
  color: #DF1615;
  display: inline-block;
}

.link_table01 td a:hover {
  text-decoration: none;
}

.link_table01 td a[target="_blank"]::after {
  content: "";
  width: 0.16rem;
  height: 0.11rem;
  background-image: url(../img/icon_newwin_red.svg);
  background-position: right center;
  background-repeat: no-repeat;
  background-size: contain;
  display: inline-block;
  position: relative;
  margin-right: 0.02rem;
}

.link_table01 td a[href^="tel:"] {
  color: #222;
  font-weight: 400;
  text-decoration: none;
  pointer-events: none;
}

@media(max-width: 767px){
  .link_table01 td a[href^="tel:"] {
    text-decoration: underline;
    pointer-events: all;
  }
}

/* テーブル2 */
.link_table02 table {
font-family: 'Roboto', AppleSystem, 'ヒラギノ角ゴシック','Hiragino Sans','メイリオ', Meiryo,sans-serif;
font-size: 0.16rem;
text-align: left;
width: 100%;
border-collapse: collapse ;
margin-bottom: 0.55rem;
line-height: 1.8;
}

.link_table02 tr {
border-bottom: 1px solid #ccc;
}
.link_table02 th {
/*width: 50%;*/
font-weight: bold;
background: url("../img/circle_brown.png") no-repeat;
background-position :  0.15rem 0.17rem; 
padding-top: 0.1rem;
padding-bottom: 0.1rem;
padding-left: 0.4rem;
vertical-align: top;
}

@media(max-width: 767px){
.link_table02 th {
width: 100%;
box-sizing: border-box;
display: block;
padding-bottom: 0;
}
}

.link_table02 td {
width: 20%;
padding-top: 0.1rem;
padding-bottom: 0.1rem;
vertical-align: top;
}

@media(max-width: 767px){
.link_table02 td {
width: 100%;
box-sizing: border-box;
display: block;
padding:0;
padding-left: 0.4rem;
}
.link_table02 tr td:last-child {
padding-bottom: 0.1rem;
}
}

.link_table02 td a {
color: #000;
text-decoration: none;
}

.link_table02 td a:hover {
opacity: 0.8;
}

.link_table02 td a strong{
font-size: 0.12rem;
background: #00A99D;
padding-top: 0.05rem;
padding-bottom: 0.05rem;
padding-left: 0.2rem;
padding-right: 0.1rem;
margin-left: 0.2rem;
border-radius: 0.03rem;
text-decoration: none;
color: #fff;
transition: all 0.3s ease;
}

@media(max-width: 767px){
.link_table02 td a strong{
margin-left: 0;
margin-bottom: 0.1rem;
}
}

.link_table02 td a i {
padding-left: 0.1rem;
}
.link_table02 td img {
padding-left: 0.05rem;
}