@charset "UTF-8";
/* 
  css設定 @charsetが消されるsass仕様へのハック用コメントです。削除しないでください。新規作成時も必須！
 */
/*==================================================================================
 pc style
==================================================================================*/
article.contents .articleCatch {
  padding-bottom: clamp(20px, 1.66666vw, 30px);
}
article.contents .articleLead {
  padding-bottom: clamp(180px, 25vw, 220px);
}
article.contents .section01 {
  margin-bottom: clamp(80px, 11.11111vw, 120px);
  padding-bottom: clamp(150px, 20.83333vw, 200px);
  border-bottom: 2px solid #000;
}
article.contents .section01 .image {
  margin-bottom: clamp(50px, 6.94444vw, 80px);
}
article.contents .section02 {
  padding-bottom: clamp(100px, 13.88888vw, 150px);
}
article.contents .section02 > header {
  padding-bottom: clamp(50px, 6.94444vw, 80px);
}
article.contents .section02 > header h3 {
  padding-bottom: clamp(40px, 5.55555vw, 60px);
}
article.contents .section02 > header .catch {
  padding-bottom: clamp(20px, 1.66666vw, 40px);
}
article.contents .section02 .image {
  margin-bottom: clamp(20px, 1.66666vw, 30px);
}
article.contents .section02 .definitions dt {
  margin-bottom: clamp(5px, .694444vw, 8px);
  padding-bottom: clamp(5px, .694444vw, 8px);
  border-bottom: 2px solid #9e9e9f;
}
article.contents .section02 .definition01 {
  padding-bottom: clamp(40px, 5.55555vw, 60px);
}
article.contents .section03 .bgArea {
  padding: clamp(50px, 6.94444vw, 80px) 0 clamp(100px, 13.88888vw, 150px);
  background: url(../images/public/section03-bg.jpg) no-repeat center center;
  background-size: 100% 100%;
}
article.contents .section03 .catch {
  padding-bottom: clamp(20px, 1.66666vw, 30px);
}
article.contents .section03 .lead {
  position: relative;
  z-index: 1;
}
article.contents .section03 .map {
  margin-top: -7%;
}
article.contents .section03 .map figcaption {
  right: auto;
  bottom: 5%;
  left: 0;
}
article.contents .section03 .definitions dt {
  margin-bottom: clamp(5px, .694444vw, 8px);
  padding-bottom: clamp(5px, .694444vw, 8px);
  border-bottom: 2px solid #9e9e9f;
}
article.contents .section03 .definition01 {
  padding-bottom: clamp(40px, 5.55555vw, 60px);
}

/*==================================================================================
 tablet style
==================================================================================*/
/*==================================================================================
 sp style
==================================================================================*/
@media (max-width: 767px) {
  article.contents .articleCatch {
    padding-bottom: 3vw;
  }
  article.contents .articleLead {
    padding-bottom: 25vw;
  }
  article.contents .section01 {
    margin-bottom: 15vw;
    padding-bottom: 10vw;
  }
  article.contents .section01 .image {
    margin-bottom: 10vw;
  }
  article.contents .section02 {
    padding-bottom: 18vw;
  }
  article.contents .section02 > header {
    padding-bottom: 10vw;
  }
  article.contents .section02 > header h3 {
    padding-bottom: 8vw;
  }
  article.contents .section02 > header .catch {
    padding-bottom: 2.5vw;
  }
  article.contents .section02 .image {
    margin-bottom: 2.8vw;
  }
  article.contents .section02 .definitions dt {
    margin-bottom: 1vw;
    padding-bottom: 1vw;
  }
  article.contents .section02 .definition01 {
    padding-bottom: clamp(40px, 5.55555vw, 60px);
  }
  article.contents .section03 h3 {
    letter-spacing: .05em;
  }
  article.contents .section03 .bgArea {
    padding: 10vw 0 20vw;
  }
  article.contents .section03 .catch {
    padding-bottom: 3vw;
  }
  article.contents .section03 .definitions dt {
    margin-bottom: 1vw;
    padding-bottom: 1vw;
  }
  article.contents .section03 .definition01 {
    padding-bottom: 8vw;
  }
}

/*# sourceMappingURL=public.css.map */