@charset "utf-8";

.c-button{
  line-height:1.5 !important;
  display:flex;
  justify-content: center;
  padding:8px 32px!important;
  font-size:13px !important;
  margin-block:0! important;
}

.c-button[target="_blank"]::after{
  width:18px !important;
  height:18px !important;
  background-image:url(../images/common/icon_external_link.svg);
  top:50% !important;
  border:0 !important;
  transform:translateY(-50%) rotate(0) !important;
}

.media{
  display:flex;
  align-items:center;
  flex-direction:column;
  gap:20px 40px;
}

.media-image{
  border-radius:20px;
  overflow:hidden;
}

.media-body{
  flex:1;
  display:flex;
  flex-direction:column;
  row-gap:8px;
}

.media-body > *{
  margin:0 !important;
}

.border-content{
  margin-top:10px;
  border:solid 3px #E6E5E5;
  border-radius:8px;
  padding:24px;
  display:flex;
  flex-direction:column;
  row-gap:20px;
  text-align:left;
}

.border-content > *{
  margin:0 !important;
}

.border-content .c-button__container{
  width:230px;
  height:58px;
}

.border-content .c-button__container a{
  min-width:100%;
  padding:20px 40px 20px 25px;
  margin:0 !important;
}

.border-content .c-button__container a::after{
  width:15px;
  height:19px;
  background-image:url(../images/common/icon_pdf.svg);
  top:50%;
  right:20px;
  transform:translateY(-50%) rotate(0);
  border:0;
}

.border-content--center{
  align-items:center;
}

.important-point{
  display:flex;
  flex-direction:column;
  row-gap:25px;
  margin-top:25px;
}
.important-point__item{
  display:flex;
  flex-direction:column;
  row-gap:10px;
}

.important-point__item ol{
  margin:0 !important;
  padding-left:60px;
}

.important-point__heading{
  display:flex;
  align-items:center;
  column-gap:10px;
}
.important-point__heading > *{
  margin:0!important;
}
.important-point__heading img{
  width:35px;
}
.important-point__heading h5{
  font-size:18px;
}

.h3_block{
  margin-top:40px !important;
  margin-bottom:0 !important;
}

.page_link{
  margin-top:25px !important;
  margin-bottom:0 !important;
}

.h3_block_min{
  margin-top:40px !important;
  margin-bottom:20px !important;
}

.h4_block{
  margin-top:20px !important;
  margin-bottom:10px !important;
}

.page-top{
  display:flex;
  justify-content:flex-end;
  margin-top:20px;
  line-height:1;
}

.page-top__link{
  display:inline-flex;
  padding:5px 30px 5px 3px;
  color:inherit !important;
  position:relative;
}
.page-top__link::before{
  content:'';
  display:block;
  width:0;
  height:1px;
  background-color:currentColor;
  position:absolute;
  bottom:-5px;
  left:0;
  transition:width .3s ease-in-out;
}
.page-top__link::after{
  content:'';
  display:block;
  width:25px;
  height:25px;
  background:url(../img/icon-topbtn.svg) center center no-repeat;
  background-size:contain;
  transform:translateY(-50%) rotate(-90deg);
  position:absolute;
  top:50%;
  right:0;
}

.page-top p{
  margin:0 !important;
}

.page-top__link:hover::before{
  width:calc(100% - 30px);
}

.region-contact{
  display:flex;
  flex-direction:column;
  row-gap:50px;
  margin-top:40px;
}

.region-contact__item{
  display:flex;
  flex-direction:column;
  row-gap:20px;
}

.region-contact__wrapper{
  display:flex;
  align-items:flex-start;
  flex-direction:column;
  gap:20px 40px;
}
.region-contact__map{
  display:flex;
  flex-direction:column;
  align-items:center;
  row-gap:15px;
  padding-inline:25px;
}
.region-contact__map p{
  margin:0 !important;
  line-height:1.3;
}

.region-contact__map .link__external{
  font-size:15px;
}
.region-contact__map .link__external::after{
  width:18px;
  height:18px;
  transform:translateY(2px);
}

.region-contact__body{
  flex:1;
  display:flex;
  flex-direction:column;
  row-gap:16px;
}

.region-contact__body h5{
  font-size:16px;
  font-weight:bold;
  line-height:2;
  margin:0;
}

.region-contact__body h6{
  font-size:16px;
  font-weight:bold;
  line-height:1.625;
}
.region-contact__body .border-content{
  margin-top:0;
}
.region-contact__body .c-button__container{
  width:100% !important;
}
.region-contact__body .c-button{
  width:100% !important;
  max-width:540px;
}

.h5_block{
  margin:0 !important;
}

.c-button__container{
  margin:0 !important;
}

@media screen and (max-width:767px) {
  .region-contact__map{
    width:100%;
  }
  .region-contact__body{
    width:100%;
  }
}
@media screen and (min-width:768px) {
  .media{
    flex-direction:row;
    align-items:flex-start;
  }
  .media-image{
    width:40%;
    max-width:380px;
  }
  .region-contact__wrapper{
    flex-direction:row;
  }
  .c-button[target="_blank"]::after{
    right:20px !important;
  }
  .c-button{
    padding:20px 35px !important;
    font-size:16px !important;
  }
  .h3_block{
    margin-top:80px !important;
  }
  .h3_block_min{
    margin-top:50px !important;
  }
  .h4_block{
    margin-top:30px !important;
    margin-bottom:20px !important;
  }
  .border-content{
    margin-top:20px;
  }
  .border-content--center p{
    text-align:center;
  }
  .important-point{
    margin-top:30px;
    row-gap:30px;
  }
  .important-point__item{
    row-gap:20px;
  }
  .important-point__heading img{
    width:50px;
  }
  .page-top{
    margin-top:30px;
  }
  .page_link{
    margin-top:50px !important;
  }
  .region-contact{
    margin-top:80px;
  }
  .region-contact__map .link__external{
    font-size:16px;
  }
}

@media screen and (min-width:1024px) {
  .border-content{
    padding:26px 32px 32px;
  }
  .region-contact__map{
    padding:10px 30px 0;
  }
  .region-contact__wrapper{
    column-gap:50px;
  }
}