/* 所長挨拶セクション */
.section_station_message{
  margin-bottom: 50px;
}
.section_station_message .row{
  display: flex;
  gap: 50px;
  border-bottom: 1px dotted var(--main-clr);
  padding-bottom: 50px;
}

.section_station_message .row > .col1{
  width: 280px;
}

.section_station_message .row > .col2{
  width: calc(100% - 280px - 50px);
}

.section_station_message .row > .col2 .ttl{
  width: 100%;
  font-size: 2.4rem;                
  line-height: calc(36 / 24); 
  margin-bottom: 20px;
  color: var(--main-clr);
  font-weight: bold;
}

.section_station_message .row > .col2 dl{
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 39px;
}

.section_station_message .row > .col2 dl dt{
  font-size: 1.6rem;             
  line-height: calc(36 / 16);
  font-weight: bold;       
}

.section_station_message .row > .col2 dl dd{
  font-size: 2.5rem;                
  line-height: calc(36 / 25);       
  font-weight: bold;
}

.section_station_message .row > .col2 p{
  font-size: 1.8rem;  
  line-height: calc(32 / 18);  
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .section_station_message .row{
    flex-wrap:wrap;
    gap: 30px;
    padding-bottom: 0px;
    margin-bottom: 0px;
  }

  .section_station_message .row > .col1{
    width:100%;
    text-align: center;
    max-width: 500px;
    margin: 0 auto;
  }

  .section_station_message .row > .col1 img{
  }

  .section_station_message .row > .col2{
    width: 100%;
  }

}

/*内容*/
.section_station_contents {
  padding-bottom: 60px;
}

.section_station_contents .table{
  width:100%;
  border-collapse:collapse;
}

.section_station_contents .table tr{
  border-bottom: 1px dotted #707070;
}

.section_station_contents .table tr th{
  width:266px;
  font-size:2rem;
  line-height:calc(32 / 20);
  padding:20px 5px;
  color:var(--main-clr);
  text-align:left;
  vertical-align: top;
}

.section_station_contents .table tr th small{
  font-size:1.4rem;
  line-height:calc(20 / 14);
  display:block;
}

.section_station_contents .table tr td{
  width:calc(100% - 266px);
  font-size:1.8rem;
  line-height:calc(30 / 18);
  padding:20px 0;
  vertical-align:middle;
}

.section_station_contents .table tr td .flex{
  display:flex;
  gap:10px;
}

.section_station_contents .table tr td .link{
  color:var(--main-clr);
  text-decoration:underline;
  font-size:1.8rem;
  line-height:calc(30 / 18);
}
@media screen and (max-width: 768px) {
  .section_station_contents .table,
  .section_station_contents .table tr,
  .section_station_contents .table tr th,
  .section_station_contents .table tr td,
  .section_station_contents .table  tbody{
    display: block;
    width: 100%;
    padding: 0;
  }

  .section_station_contents .table tr th{
    padding: 20px 0 10px;
  }
  .section_station_contents .table tr td{
    padding: 10px 0 20px;
  }
}

/*よくある質問*/
.section_station_faq{
  padding-bottom: 60px;
}

.section_station_faq .drw_wrap{
  position: relative;
  margin-top: -20px;
}

.section_station_faq .drw_wrap .drw_head{
  position: relative;
  font-size: 2rem;               
  line-height: calc(36 / 20); 
  font-weight: bold;
  color: var(--main-clr);
  border-bottom: 1px dotted var(--main-clr);
  padding: 20px 50px 20px 0;
  margin-bottom: 20px;
  cursor: pointer;
}

.section_station_faq .drw_wrap .drw_head::after{
  content: "";
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-left: 8px solid transparent;
  border-right: 8px solid transparent;
  border-top: 14px solid var(--main-clr);
}

.section_station_faq .drw_wrap .drw_head.open::after{
  border-top: none;
  border-bottom: 14px solid var(--main-clr);   
}

.section_station_faq .drw_wrap .drw_body{
  font-size: 2rem;                
  line-height: calc(36 / 20);     
  padding: 0 0 50px;
  color: #555;
  display: none;
}

.section_station_access{
  padding-bottom: 60px  ;
}

.section_station_access .row{
  display: flex;
  align-items: center;
  gap: 40px;
}

.section_station_access .row .col1{
  width: calc((575 / 1080) * 100%);
  aspect-ratio: 575 / 420;
}

.section_station_access .row .col1 iframe{
  width: 100%;
}

.section_station_access .row .col2{
  width: 47%;
  padding-left: 50px;
}

.section_station_access .row .col2 .address{
  font-size: 1.8rem;
  line-height: calc(36 / 20);
  font-weight: bold;
  margin-bottom: 20px;
}

.section_station_access .row .col2 .tel{
  font-size: 1.8rem;
  line-height: calc(36 / 20);
  font-weight: bold;
  margin-bottom: 20px;
}

.section_station_access .row .col2 .line{
  font-size: 1.6rem;
  line-height: calc(30 / 18);
  color: var(--main-clr);
  margin-bottom: 16px;
}

/* .section_station_access .row .col2 .access_text{
  font-size: 1.8rem;
  line-height: calc(30 / 18);
} */

.section_station_access .row .col2{
  width: 47%;
  padding-left:0px;
}
@media screen and (max-width: 768px) {
  
  .section_station_access .row{
    display: block;
  }

  .section_station_access .row .col1,
  .section_station_access .row .col2{
    width: 100%;
    aspect-ratio: 575 / 420;
  }

  .section_station_access .row .col1{
    margin-bottom: 20px;
  }

  .section_station_access .row .col2{
    aspect-ratio: initial;
  }

  .section_station_access .row .col1 iframe {
    width: 100%;
    height: 100%;
  }

  .section_station_access .row .col2 .line{
    font-size: 1.8rem;
  }
}

/*問い合わせ電話*/
.section_station_contact{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 auto;
  height: 235px;
  background: linear-gradient(#f0f9ff 0%, #e5f6ff 100%);
  border-radius: 39px;
  padding:34px 15px;
}

.section_station_contact .box{
  text-align: center;
}

.section_station_contact .box .ttl{
  font-weight: bold;
  font-size: 20px;
  line-height: 1;
  text-align: center;
  color: var(--main-clr);
  margin-bottom: 22px;
}
.section_station_contact .box .button {
    display: inline-block;
    font-weight: bold;
    font-size: 4rem;
    line-height: 1;
    text-align: center;
    color: var(--main-clr);
    max-width: 100%;
    width: 559px;
    height: 81px;
    line-height: 78px;
    border-radius: 40.5px;
    background: #fff;
}
@media screen and (max-width: 768px) {
  .section_station_contact{
    display: block;
    width: 100%;
    height: auto;
    margin: 0 auto;
    border-radius: 20px;
  }

  .section_station_contact .box{
    text-align: center;
    display: block;
  }

  .section_station_contact .box .ttl{
    font-size: 20px;
    line-height: 1.5;
    text-align: center;
    margin-bottom: 22px;
  }

  .section_station_contact .box .button{
    display: inline-block;
    font-size: 4rem;
    text-align: center;
    width: 100%;
    max-width: 559px;
  }

}