@charset "UTF-8";
/*
 * htmlのフォントサイズ
 * @args ベースの画面幅
 */
/*
 * ルートのフォントサイズを基準にフォントサイズを可変にする（SPはrootPxを設定しておくこと）
 * @args 最大値（デザイン上の数値）
 */
/*
 * スマホの時のfz設定（XDアートボードサイズで引用）
 */
/*
 * get_vwの設定
 */
/*
 * get_vwの設定(スマホ)
 */
/*
 * margin-topがマイナス値の場合、pxを%に変換
 */
/*
 * margin-topがマイナス値の場合、pxを%に変換(スマホ)
 */
/*
 * line-heightの計算
 */
/*
 * letter-spacing px → em の計算
 */
/*
 * breakpointの設定
 */
body {
  margin: 0;
}

div.questionnaire_ .common_headline1_ {
  display: none;
}

div.col1_ {
  padding-left: 0;
  padding-right: 0;
  background-color: #FFFFFF;
}

#corporatePage {
  text-align: left;
  line-height: normal;
  letter-spacing: normal;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
#corporatePage h1,
#corporatePage h2,
#corporatePage h3,
#corporatePage h4,
#corporatePage h5 {
  margin-block: unset;
  margin-inline: unset;
  line-height: initial;
  letter-spacing: normal;
}
#corporatePage img {
  width: 100%;
  margin: 0 !important;
}
#corporatePage svg {
  width: 100%;
  height: auto;
}
#corporatePage ul {
  margin-block: unset;
  margin-inline: unset;
  padding-inline: unset;
  list-style-type: none;
}
#corporatePage li {
  padding-block: unset;
  padding-inline: unset;
  list-style-type: none;
}
#corporatePage a {
  text-decoration: none;
  color: #000;
  cursor: pointer;
  overflow: visible;
}
#corporatePage a:not(.button) {
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  text-decoration: none;
}
#corporatePage p {
  margin-block: unset;
  line-height: initial;
}
#corporatePage p + p {
  margin-block: unset;
}
#corporatePage .pc {
  display: block;
}
@media screen and (max-width: 767px) {
  #corporatePage .pc {
    display: none;
  }
}
#corporatePage .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #corporatePage .sp {
    display: block;
  }
}
#corporatePage .imgWrap a {
  cursor: pointer;
}
#corporatePage .imgWrap a:hover {
  opacity: 0.75;
}

html {
  scroll-padding-top: calc(var(--header-height, 0px) + 20px);
}
@media screen and (max-width: 767px) {
  html {
    scroll-behavior: smooth;
  }
}

#corporatePage .kvArea {
  width: 100%;
}
#corporatePage .corporatePage_wrapper {
  padding: clamp(10px, 6.25vw, 120px) 0 clamp(10px, 4.4270833333vw, 85px);
}
@media screen and (max-width: 767px) {
  #corporatePage .corporatePage_wrapper {
    padding: 13.8666666667vw 0 9.3333333333vw;
  }
}
@media screen and (max-width: 767px) {
  #corporatePage .leadArea {
    width: 90.9333333333vw;
    margin-inline: auto;
  }
}
#corporatePage .leadArea .leadArea_headigng h2 {
  font-family: noto-sans, "Noto Sans JP", serif;
  font-size: clamp(1px, 2.8645833333vw, 55px);
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  #corporatePage .leadArea .leadArea_headigng h2 {
    font-size: 5.8666666667vw;
  }
}
#corporatePage .leadArea .leadArea_headigng h2 {
  color: #004236;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #corporatePage .leadArea .leadArea_headigng h2 {
    text-align: left;
  }
}
#corporatePage .leadArea .leadArea_container {
  margin-top: clamp(10px, 2.9166666667vw, 56px);
}
@media screen and (max-width: 767px) {
  #corporatePage .leadArea .leadArea_container {
    margin-top: 8.5333333333vw;
  }
}
#corporatePage .leadArea .leadArea_container .txtWrap > p {
  font-family: noto-sans, "Noto Sans JP", serif;
  font-size: clamp(1px, 1.4583333333vw, 28px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  #corporatePage .leadArea .leadArea_container .txtWrap > p {
    font-size: 3.7333333333vw;
  }
}
#corporatePage .leadArea .leadArea_container .txtWrap > p {
  color: #004236;
  line-height: 1.6071428571;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #corporatePage .leadArea .leadArea_container .txtWrap > p {
    text-align: left;
  }
}
#corporatePage .leadArea .leadArea_container .txtWrap > p + p {
  margin-top: clamp(10px, 2.6041666667vw, 50px);
}
@media screen and (max-width: 767px) {
  #corporatePage .leadArea .leadArea_container .txtWrap > p + p {
    margin-top: 8vw;
  }
}
#corporatePage .leadArea .leadArea_container .txtWrap > p a {
  color: #004236;
  text-decoration: underline;
  text-underline-offset: 2px;
}
#corporatePage .giftArea {
  display: grid;
  row-gap: clamp(10px, 4.6354166667vw, 89px);
  place-content: center;
  margin-top: clamp(10px, 5.2083333333vw, 100px);
}
@media screen and (max-width: 767px) {
  #corporatePage .giftArea {
    row-gap: 10.9333333333vw;
    margin-top: 10.9333333333vw;
  }
}
#corporatePage .giftArea + .giftArea {
  margin-top: clamp(10px, 7.2916666667vw, 140px);
}
@media screen and (max-width: 767px) {
  #corporatePage .giftArea + .giftArea {
    margin-top: 18.4vw;
  }
}
#corporatePage .giftArea .giftArea_heading {
  display: grid;
  grid-template-columns: -webkit-max-content;
  grid-template-columns: max-content;
  place-content: center;
  row-gap: clamp(10px, 1.0416666667vw, 20px);
}
@media screen and (max-width: 767px) {
  #corporatePage .giftArea .giftArea_heading {
    grid-template-columns: 90.9333333333vw;
    row-gap: 1.8666666667vw;
  }
}
#corporatePage .giftArea .giftArea_heading h3 {
  font-family: noto-sans, "Noto Sans JP", serif;
  font-size: clamp(1px, 2.5vw, 48px);
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  #corporatePage .giftArea .giftArea_heading h3 {
    font-size: 5.3333333333vw;
  }
}
#corporatePage .giftArea .giftArea_heading h3 {
  color: #004236;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #corporatePage .giftArea .giftArea_heading h3 {
    text-align: left;
    line-height: 1.45;
  }
}
#corporatePage .giftArea .giftArea_heading .subHeading {
  font-family: noto-sans, "Noto Sans JP", serif;
  font-size: clamp(1px, 1.8229166667vw, 35px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  #corporatePage .giftArea .giftArea_heading .subHeading {
    font-size: 4.2666666667vw;
  }
}
#corporatePage .giftArea .giftArea_heading .subHeading {
  color: #004236;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #corporatePage .giftArea .giftArea_heading .subHeading {
    text-align: left;
    line-height: 1.5625;
  }
}
#corporatePage .giftArea .giftArea_container {
  display: grid;
  grid-template-columns: repeat(2, clamp(10px, 30.46875vw, 585px));
  place-content: center;
  -webkit-column-gap: clamp(10px, 1.5625vw, 30px);
     -moz-column-gap: clamp(10px, 1.5625vw, 30px);
          column-gap: clamp(10px, 1.5625vw, 30px);
}
@media screen and (max-width: 767px) {
  #corporatePage .giftArea .giftArea_container {
    grid-template-columns: 90.9333333333vw;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 13.3333333333vw;
  }
}
#corporatePage .contentWrap {
  display: grid;
  grid-template-columns: clamp(10px, 15.1041666667vw, 290px) clamp(10px, 14.5833333333vw, 280px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  place-items: center;
}
@media screen and (max-width: 767px) {
  #corporatePage .contentWrap {
    grid-template-columns: -webkit-max-content 43.7333333333vw;
    grid-template-columns: max-content 43.7333333333vw;
  }
}
#corporatePage .contentWrap .headingArea {
  font-family: noto-sans, "Noto Sans JP", serif;
  font-size: clamp(1px, 1.25vw, 24px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  #corporatePage .contentWrap .headingArea {
    font-size: 4.2666666667vw;
  }
}
#corporatePage .contentWrap .headingArea {
  color: #004236;
  line-height: 1.4285714286;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #corporatePage .contentWrap .headingArea {
    text-align: left;
  }
}
#corporatePage .attention {
  width: clamp(10px, 66.6666666667vw, 1280px);
  margin-top: clamp(10px, 4.4270833333vw, 85px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #corporatePage .attention {
    width: 90.9333333333vw;
    margin-top: 7.2vw;
  }
}
#corporatePage ul.attentionList {
  display: grid;
  row-gap: clamp(1px, 0.5208333333vw, 10px);
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: end;
}
@media screen and (max-width: 767px) {
  #corporatePage ul.attentionList {
    row-gap: 1.3333333333vw;
  }
}
#corporatePage ul.attentionList > li {
  font-family: noto-sans, "Noto Sans JP", serif;
  font-size: clamp(1px, 0.9375vw, 18px);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  #corporatePage ul.attentionList > li {
    font-size: 3.2vw;
  }
}
#corporatePage ul.attentionList > li {
  color: #004236;
  text-align: right;
}
#corporatePage .contactArea {
  margin-top: clamp(10px, 8.75vw, 168px);
  padding-bottom: clamp(10px, 4.4270833333vw, 85px);
}
@media screen and (max-width: 767px) {
  #corporatePage .contactArea {
    width: 90.9333333333vw;
    margin-top: 18.6666666667vw;
    margin-inline: auto;
    padding-bottom: 9.3333333333vw;
  }
}
#corporatePage .contactArea .contactArea_heading h2 {
  font-family: noto-sans, "Noto Sans JP", serif;
  font-size: clamp(1px, 2.8645833333vw, 55px);
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  #corporatePage .contactArea .contactArea_heading h2 {
    font-size: 5.8666666667vw;
  }
}
#corporatePage .contactArea .contactArea_heading h2 {
  color: #004236;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #corporatePage .contactArea .contactArea_heading h2 {
    text-align: left;
  }
}
#corporatePage .contactArea .contactArea_container {
  margin-top: clamp(10px, 2.9166666667vw, 56px);
}
@media screen and (max-width: 767px) {
  #corporatePage .contactArea .contactArea_container {
    margin-top: 1.8666666667vw;
  }
}
#corporatePage .contactArea .contactArea_container .txtWrap {
  margin-top: clamp(10px, 1.0416666667vw, 20px);
}
@media screen and (max-width: 767px) {
  #corporatePage .contactArea .contactArea_container .txtWrap {
    margin-top: 5.0666666667vw;
  }
}
#corporatePage .contactArea .contactArea_container .txtWrap > p {
  font-family: noto-sans, "Noto Sans JP", serif;
  font-size: clamp(1px, 1.5104166667vw, 29px);
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  #corporatePage .contactArea .contactArea_container .txtWrap > p {
    font-size: 3.4666666667vw;
  }
}
#corporatePage .contactArea .contactArea_container .txtWrap > p {
  color: #004236;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #corporatePage .contactArea .contactArea_container .txtWrap > p {
    text-align: left;
    line-height: 1.5384615385;
  }
}
#corporatePage ul.contactList {
  display: grid;
  grid-template-columns: clamp(10px, 62.5vw, 1200px);
  row-gap: clamp(10px, 1.0416666667vw, 20px);
  place-content: center;
}
@media screen and (max-width: 767px) {
  #corporatePage ul.contactList {
    grid-template-columns: 1fr;
    row-gap: 1.6vw;
  }
}
#corporatePage ul.contactList li {
  font-family: noto-sans, "Noto Sans JP", serif;
  font-size: clamp(1px, 1.3020833333vw, 25px);
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}
@media screen and (max-width: 767px) {
  #corporatePage ul.contactList li {
    font-size: 3.4666666667vw;
  }
}
#corporatePage ul.contactList li {
  color: #004236;
  text-align: left;
  line-height: 1.44;
  padding-left: 1em;
  text-indent: -1em;
}
#corporatePage ul.contactList li::before {
  content: "・";
}/*# sourceMappingURL=style.css.map */