@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の設定
 */
html {
  scroll-behavior: smooth;
  scroll-padding-top: calc(10px + var(--scrollbar-width));
}

body {
  min-width: unset;
  padding: 0;
}

nav.clone-nav,
.float-nav,
#page_top {
  display: none !important;
}

#hcnContents button {
  padding-block: unset;
  padding-inline: unset;
}
#hcnContents th,
#hcnContents td {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
#hcnContents h1,
#hcnContents h2,
#hcnContents h3,
#hcnContents h4 {
  line-height: normal;
}
#hcnContents img {
  width: 100%;
  margin: 0;
}
#hcnContents ul {
  margin-block: unset;
  margin-inline: unset;
  list-style-type: none;
}
#hcnContents li {
  padding-block: unset;
  padding-inline: unset;
  list-style-type: none;
}
#hcnContents ul.c-list-ul li {
  /*padding-block: unset;
  padding-inline: unset;*/
  list-style-type: disclosure-closed;
 margin-bottom:5px;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 1rem;
    text-indent: -1rem;
    line-height: 1.3;
}
/* #hcnContents a {
  color: #3E8A49;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
#hcnContents a:hover {
  opacity: 1;
} */
#hcnContents p {
  margin-block: unset;
}
#hcnContents p + p {
  margin-block: unset;
}
#hcnContents .pc {
  display: block;
}
@media screen and (max-width: 767px) {
  #hcnContents .pc {
    display: none;
  }
}
#hcnContents .sp {
  display: none;
}
@media screen and (max-width: 767px) {
  #hcnContents .sp {
    display: block;
  }
}
#hcnContents div {
  line-height: 1.2;
}

#hcnContents .component {
  position: relative;
  padding: clamp(10px, 8.59375vw, 110px) 0;
}
@media screen and (max-width: 767px) {
  #hcnContents .component {
    padding: 21.7948717949vw 0;
  }
}
#hcnContents .component .component_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(#216434), color-stop(50.25%, #2e8b4a), to(#216434));
  background: linear-gradient(90deg, #216434 0%, #2e8b4a 50.25%, #216434 100%);
  z-index: -1;
}
#hcnContents .component .component_heading {
  text-align: center;
}
#hcnContents .component .component_heading > span {
  position: relative;
  display: inline-block;
  padding: 0 clamp(10px, 1.171875vw, 15px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.875vw, 24px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents .component .component_heading > span {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .component .component_heading > span {
    padding: 0;
  }
}
#hcnContents .component .component_heading > span::before, #hcnContents .component .component_heading > span::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: clamp(1px, 0.234375vw, 3px);
  width: 2px;
  height: clamp(10px, 1.875vw, 24px);
  -webkit-transform-origin: center;
          transform-origin: center;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents .component .component_heading > span::before, #hcnContents .component .component_heading > span::after {
    display: none;
  }
}
#hcnContents .component .component_heading > span::before {
  left: 0;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
#hcnContents .component .component_heading > span::after {
  right: 0;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
#hcnContents .component .component_heading h2 {
  margin-top: clamp(10px, 0.9375vw, 12px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.5vw, 32px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #FFDF2C;
  line-height: 1.5625;
  letter-spacing: 0.06em;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #hcnContents .component .component_heading h2 {
    font-size: 5.1282051282vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .component .component_heading h2 {
    margin-top: 1.0256410256vw;
    line-height: 1.5;
  }
}
#hcnContents .component .component_container {
  width: clamp(10px, 68.75vw, 880px);
  margin-top: clamp(10px, 2.34375vw, 30px);
  margin-inline: auto;
  padding: clamp(1px, 0.78125vw, 10px);
  background-color: #f56981;
  border-radius: clamp(1px, 0.390625vw, 5px);
  -webkit-filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.3));
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media screen and (max-width: 767px) {
  #hcnContents .component .component_container {
    width: 89.7435897436vw;
    margin-top: 7.6923076923vw;
    padding: 0;
    border-radius: 1.2820512821vw;
  }
}
#hcnContents .component .component_container_wrapper {
  display: grid;
  grid-template-columns: 1fr clamp(10px, 36.40625vw, 466px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  place-items: center;
}
@media screen and (max-width: 767px) {
  #hcnContents .component .component_container_wrapper {
    grid-template-columns: 1fr;
    grid-template-rows: 48.2051282051vw -webkit-max-content;
    grid-template-rows: 48.2051282051vw max-content;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
  }
}
#hcnContents .component .imgWrap {
  width: clamp(10px, 15.859375vw, 140px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component .imgWrap {
    width: 30.2564102564vw;
  }
}
#hcnContents .component .detailArea {
  display: grid;
  place-content: center;
  place-items: center;
  row-gap: clamp(10px, 1.953125vw, 25px);
  width: 90%;
  padding: clamp(10px, 1.953125vw, 25px) 0 clamp(10px, 2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component .detailArea {
    row-gap: 10.2564102564vw;
    padding: 10.2564102564vw 0 15.3846153846vw;
  }
}
#hcnContents .component .detailArea .txtWrap {
  width: clamp(10px, 33.515625vw, 429px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component .detailArea .txtWrap {
    width: 76.9230769231vw;
  }
}
#hcnContents .component .detailArea .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 0.9375vw, 12px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 2.0833333333;
}
@media screen and (max-width: 767px) {
  #hcnContents .component .detailArea .txtWrap > p {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .component .detailArea .txtWrap > p {
    line-height: 1.6666666667;
  }
}
#hcnContents .component .detailArea .txtWrap > p + p {
  margin-top: clamp(10px, 1.875vw, 24px);
}
#hcnContents .component .linkBtn {
  width: clamp(10px, 26vw, 410px);
  height: clamp(10px, 4.6875vw, 60px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component .linkBtn {
    width: 80vw;
    height: 15.3846153846vw;
  }
}
#hcnContents .component .linkBtn > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
justify-content: center;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #E11237;
  border-radius: clamp(10px, 2.421875vw, 31px);
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #E11237));
  background: linear-gradient(to right, #ffffff 50%, #E11237 50%);
  background-size: 200% 100%;
  background-position: right;
  -webkit-transition: background-position 0.2s ease-in-out;
  transition: background-position 0.2s ease-in-out;
}
@media screen and (max-width: 767px) {
  #hcnContents .component .linkBtn > a {
    font-size: 3.5897435897vw !important;
  }
}
#hcnContents .component .linkBtn > a:hover {
  background-position: left;
}
@media screen and (max-width: 767px) {
  #hcnContents .component .linkBtn > a {
    padding-left: 0;
    border-radius: 7.6923076923vw;
  }
}
#hcnContents .component .linkBtn > a::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  right: clamp(10px, 2.34375vw, 30px);
  width: clamp(1px, 1.40625vw, 18px);
  height: clamp(1px, 1.171875vw, 15px);
  background-color: #ffffff;
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/arrow.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/arrow.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media screen and (max-width: 767px) {
  #hcnContents .component .linkBtn > a::after {
    right: 5.641025641vw;
    width: 4.6153846154vw;
    height: 3.8461538462vw;
  }
}
#hcnContents .component .linkBtn > a:hover {
  color: #E11237;
}
#hcnContents .component .linkBtn > a:hover::after {
  background-color: #E11237;
}
#hcnContents .component .linkBtn > a > span {
  width: clamp(10px, 20vw, 190px);
  text-align: center;
font-size: clamp(12pt, 1.6vw, 16pt);
}
@media screen and (max-width: 767px) {
  #hcnContents .component .linkBtn > a > span {
    width: 100%;
  }
}
#hcnContents .component_guide .component_heading span {
  color: #000000;
}
#hcnContents .component_guide .component_heading span::before, #hcnContents .component_guide .component_heading span::after {
  background-color: #000000;
}
#hcnContents .component_guide .component_heading h2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: end;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.1875vw, 28px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #000000;
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .component_heading h2 {
    font-size: 5.1282051282vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .component_heading h2 {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}
#hcnContents .component_guide .component_heading h2 > span {
  padding-right: clamp(10px, 1.015625vw, 13px);
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.5vw, 32px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #E11237;
}
#hcnContents .component_guide .component_heading p {
  padding-right: clamp(10px, 1.015625vw, 13px);
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.5vw, 32px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #E11237;
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .component_heading h2 > span {
    font-size: 5.1282051282vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .component_heading h2 > span {
    padding-right: 0;
  }
}
@media screen and (max-width: 767px) {
#hcnContents .component_guide .component_heading p {
    font-size:4.1282051282vw !important;
  }
}
#hcnContents .component_guide .imgWrap {
  width: clamp(10px, 21.71875vw, 278px);
  -webkit-filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 10px 8px rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .imgWrap {
    width: 62.0512820513vw;
  }
}
#hcnContents .component_guide .detailArea {
  row-gap: clamp(10px, 3.359375vw, 43px);
  padding: clamp(10px, 3.125vw, 40px) 0 clamp(10px, 1.953125vw, 25px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .detailArea {
    row-gap: 10.2564102564vw;
    padding: 10.2564102564vw 0 15.3846153846vw;
  }
}
#hcnContents .component_guide .detailArea .txtWrap {
  width: clamp(10px, 31.25vw, 400px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .detailArea .txtWrap {
    width: 76.9230769231vw;
  }
}
#hcnContents .component_guide .detailArea .linkBtn > a {
  padding-left: clamp(10px, 1.484375vw, 19px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .detailArea .linkBtn > a {
    padding-left: 0;
  }
}
#hcnContents .component_guide .detailArea .linkBtn > a::after {
  right: clamp(10px, 1.71875vw, 22px);
  width: clamp(10px, 1.5625vw, 20px);
  height: clamp(10px, 1.328125vw, 17px);
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/download.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/download.svg);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .detailArea .linkBtn > a::after {
    right: 5.641025641vw;
    width: 5.1282051282vw;
    height: 4.358974359vw;
  }
}
#hcnContents .component_guide .detailArea .linkBtn span.mini {
  font-size: clamp(10px, 0.78125vw, 10px);
  vertical-align: baseline;
}
@media screen and (max-width: 767px) {
  #hcnContents .component_guide .detailArea .linkBtn span.mini {
    font-size: 2.5641025641vw;
  }
}
#hcnContents .component_vf .imgWrap {
  width: clamp(10px, 25.078125vw, 321px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_vf .imgWrap {
    width: 61.5384615385vw;
  }
}
#hcnContents .component_vf .detailArea {
  row-gap: clamp(10px, 1.328125vw, 17px);
  padding: clamp(10px, 1.5625vw, 20px) 0 clamp(10px, 1.25vw, 16px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_vf .detailArea {
    row-gap: 10.2564102564vw;
    padding: 10.2564102564vw 0 15.3846153846vw;
  }
}
#hcnContents .component_vf .detailArea .txtWrap {
  width: clamp(10px, 30.390625vw, 389px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_vf .detailArea .txtWrap {
    width: 76.9230769231vw;
  }
}
#hcnContents .component_2btn .detailArea_bottom {
  display: grid;
  grid-template-columns: repeat(2, -webkit-max-content);
  grid-template-columns: repeat(2, max-content);
  -webkit-column-gap: clamp(1px, 0.78125vw, 10px);
     -moz-column-gap: clamp(1px, 0.78125vw, 10px);
          column-gap: clamp(1px, 0.78125vw, 10px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_2btn .detailArea_bottom {
    grid-template-columns: 1fr;
    place-content: center;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 5.1282051282vw;
  }
}
#hcnContents .component_2btn .detailArea_bottom .linkBtn {
  width: clamp(10px, 26vw, 410px);
  height: clamp(10px, 3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_2btn .detailArea_bottom .linkBtn {
    width: 66.6666666667vw;
    height: 15.3846153846vw;
  }
}
#hcnContents .component_2btn .detailArea_bottom .linkBtn > a {
  padding-left: clamp(1px, 0.859375vw, 11px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_2btn .detailArea_bottom .linkBtn > a {
    padding-left: 4.8717948718vw;
  }
}
#hcnContents .component_2btn .detailArea_bottom .linkBtn > a > span {
  width: clamp(10px, 20vw, 190px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_2btn .detailArea_bottom .linkBtn > a > span {
    width: 48.7179487179vw;
  }
}
#hcnContents .component_2btn .detailArea_bottom .linkBtn > a::after {
  right: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_2btn .detailArea_bottom .linkBtn > a::after {
    right: 5.641025641vw;
  }
}
#hcnContents .component_2btn .detailArea_bottom .linkBtn:nth-child(1) > a::after {
  width: clamp(10px, 1.25vw, 16px);
  height: clamp(10px, 1.09375vw, 14px);
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/download.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/download.svg);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_2btn .detailArea_bottom .linkBtn:nth-child(1) > a::after {
    width: 5.1282051282vw;
    height: 4.358974359vw;
  }
}
#hcnContents .component_2btn .detailArea_bottom .linkBtn:nth-child(2) > a::after {
  width: clamp(10px, 1.09375vw, 14px);
  height: clamp(10px, 0.9375vw, 12px);
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/arrow.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/arrow.svg);
}
@media screen and (max-width: 767px) {
  #hcnContents .component_2btn .detailArea_bottom .linkBtn:nth-child(2) > a::after {
    width: 4.6153846154vw;
    height: 3.8461538462vw;
  }
}
#hcnContents .component_bgGray .component_bg {
  background: #F7F5F6;
}
#hcnContents .component_bgGray .component_heading > span {
  color: #000000;
}
@media screen and (max-width: 767px) {
  #hcnContents .component_bgGray .component_heading > span {
    line-height: 1.3333333333;
    letter-spacing: 0.02em;
  }
}
#hcnContents .component_bgGray .component_heading > span::before, #hcnContents .component_bgGray .component_heading > span::after {
  background-color: #000000;
}
#hcnContents .component_bgGray .component_heading h2 {
  color: #E11237;
}

#hcnContents .swiper {
  width: 100%;
  margin: 0;
  overflow: hidden;
}
#hcnContents .swiper-pagination-bullets.swiper-pagination-horizontal {
  bottom: clamp(-25px, -1.953125vw, 0px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #hcnContents .swiper-pagination-bullets.swiper-pagination-horizontal {
    bottom: -5.1282051282vw;
  }
}
#hcnContents .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
  width: clamp(1px, 0.78125vw, 10px);
  height: clamp(1px, 0.78125vw, 10px);
  margin: 0 !important;
  border-radius: unset;
  background-color: #DFDEDE;
  opacity: 0.7;
}
@media screen and (max-width: 767px) {
  #hcnContents .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet {
    width: 2.0512820513vw;
    height: 2.0512820513vw;
  }
}
#hcnContents .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet + .swiper-pagination-bullet {
  margin-left: clamp(1px, 0.390625vw, 5px) !important;
}
@media screen and (max-width: 767px) {
  #hcnContents .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet + .swiper-pagination-bullet {
    margin-left: 1.2820512821vw !important;
  }
}
#hcnContents .swiper-pagination-bullets.swiper-pagination-horizontal .swiper-pagination-bullet-active {
  background-color: #333333;
  opacity: 1;
}
#hcnContents .carouselSwiper {
  overflow: hidden;
}
#hcnContents .carouselSwiper .swiper-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}
#hcnContents .carouselSwiper .swiper-slide {
  width: auto !important;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
#hcnContents .carouselSwiper .swiper-slide img {
  display: block;
  width: auto;
  height: clamp(10px, 3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  #hcnContents .carouselSwiper .swiper-slide img {
    height: 7.6923076923vw;
  }
}

#hcnContents ul.pointLists {
  list-style: none;
  padding-left: 0;
}
#hcnContents ul.pointLists li {
  padding-left: clamp(10px, 2.34375vw, 30px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.0714285714;
  background-image: url(/../../lp/accountAdapterV7/assets/images/check.svg);
  background-repeat: no-repeat;
  background-size: clamp(10px, 1.328125vw, 17px) clamp(10px, 1.09375vw, 14px);
}
@media screen and (max-width: 767px) {
  #hcnContents ul.pointLists li {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents ul.pointLists li {
    padding-left: 7.6923076923vw;
    line-height: 1.3333333333;
    background-size: 4.358974359vw 3.5897435897vw;
    background-position-y: 0.7692307692vw;
  }
}
#hcnContents ul.pointLists li + li {
  margin-top: clamp(10px, 1.25vw, 16px);
}
@media screen and (max-width: 767px) {
  #hcnContents ul.pointLists li + li {
    margin-top: 6.4102564103vw;
  }
}

#hcnContents .layoutHeading {
  position: relative;
}
#hcnContents .layoutHeading > h2 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.5vw, 32px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  #hcnContents .layoutHeading > h2 {
    font-size: 5.641025641vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layoutHeading > h2 {
    line-height: 1.5;
  }
}

#hcnContents {
  position: relative;
  margin-top: var(--header-height);
  overflow: hidden;
}
#hcnContents .commonBg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/../../lp/accountAdapterV7/assets/images/bg01.webp);
  background-size: cover;
  background-position: center bottom;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #hcnContents .commonBg {
    background-image: url(/../../lp/accountAdapterV7/assets/images/bg01_sp.webp);
  }
}
#hcnContents .symbolComp {
  position: relative;
  width: clamp(10px, 1.5625vw, 20px);
  height: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents .symbolComp {
    width: 5.1282051282vw;
    height: 5.1282051282vw;
  }
}
#hcnContents .symbolComp span {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}
#hcnContents .symbolComp span::before, #hcnContents .symbolComp span::after {
  position: absolute;
  display: inline-block;
  content: "";
  top: 50%;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #2CA495;
  -webkit-transition: all 0.2s linear;
  transition: all 0.2s linear;
}
@media screen and (max-width: 767px) {
  #hcnContents .symbolComp span::before, #hcnContents .symbolComp span::after {
    height: 2px;
  }
}
#hcnContents .symbolComp span::after {
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
}
#hcnContents .symbolComp.open span::after {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}
#hcnContents .floatItem {
  position: fixed;
  bottom: 27px;
  right: 27px;
  opacity: 0;
  visibility: hidden;
  -webkit-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  z-index: 200;
}
#hcnContents .floatItem.show {
  opacity: 1;
  visibility: visible;
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem {
    width: 100%;
    bottom: 40px;
    right: 0;
  }
}
#hcnContents .floatItem ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  row-gap: 20px;
  width: 320px;
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem ul {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
        -ms-flex-direction: row-reverse;
            flex-direction: row-reverse;
    row-gap: unset;
    width: 100%;
    height: 12.8205128205vw;
  }
}
#hcnContents .floatItem ul > li {
  position: relative;
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem ul > li {
    width: 50%;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem ul > li .imgWrap {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem ul > li:nth-child(1) {
    background-color: #38A759;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem ul > li:nth-child(1) > a::after {
    position: absolute;
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    right: 7.6923076923vw;
    width: 3.5897435897vw;
    height: 3.5897435897vw;
    background-color: #ffffff;
    -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/checkBox.svg);
            mask-image: url(/../../lp/accountAdapterV7/assets/images/checkBox.svg);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem ul > li:nth-child(2) {
    background-color: #3E8A49;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem ul > li:nth-child(2) > a::after {
    position: absolute;
    display: inline-block;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    right: 6.4102564103vw;
    width: 4.1025641026vw;
    height: 3.5897435897vw;
    background-color: #ffffff;
    -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/download.svg);
            mask-image: url(/../../lp/accountAdapterV7/assets/images/download.svg);
    -webkit-mask-size: contain;
            mask-size: contain;
    -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
  }
}
#hcnContents .floatItem ul a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.3);
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem ul a {
    padding-left: 6.4102564103vw;
    -webkit-box-shadow: unset;
            box-shadow: unset;
  }
}
#hcnContents .floatItem ul a > span {
  display: none;
}
@media screen and (max-width: 767px) {
  #hcnContents .floatItem ul a > span {
    display: block;
    width: 29.4871794872vw;
    color: #000000;
    font-family: "Noto Sans JP", serif;
    font-size: clamp(10px, 1.09375vw, 14px) !important;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #ffffff;
    text-align: center;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  #hcnContents .floatItem ul a > span {
    font-size: 3.5897435897vw !important;
  }
}
#hcnContents .closeBtn {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: -13px;
  right: -9px;
  width: 23px;
  height: 23px;
  background-image: url(/../../lp/accountAdapterV7/assets/images/close.webp);
  cursor: pointer;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  #hcnContents .closeBtn {
    display: none;
  }
}
#hcnContents .kvArea {
  position: relative;
  padding: 0 0 clamp(10px, 7.8125vw, 100px);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea {
    padding: 0 0 21.7948717949vw;
  }
}
#hcnContents .kvArea .kvArea_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F4F9FA;
  z-index: -1;
}
#hcnContents .kvArea .kvArea_top {
  position: relative;
  width: calc(100vw - var(--scrollbar-width));
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
#hcnContents .kvArea .kvArea_top_btn {
  position: absolute;
  top: 25.546875vw;
  right: 6.25vw;
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_top_btn {
    top: 136.4102564103vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    right: auto;
  }
}
#hcnContents .kvArea .kvArea_top_btn ul {
  display: grid;
  grid-template-columns: repeat(2, clamp(10px, 17.96875vw, 230px));
  -webkit-column-gap: clamp(10px, 2.34375vw, 30px);
     -moz-column-gap: clamp(10px, 2.34375vw, 30px);
          column-gap: clamp(10px, 2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_top_btn ul {
    grid-template-columns: 89.7435897436vw;
    place-content: center;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 5.1282051282vw;
  }
}
#hcnContents .kvArea .kvArea_top_btn ul > li > a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: clamp(10px, 4.296875vw, 55px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.171875vw, 15px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-decoration: none;
  border-radius: clamp(10px, 2.1875vw, 28px);
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_top_btn ul > li > a {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_top_btn ul > li > a {
    height: 12.8205128205vw;
    border-radius: 5.8974358974vw;
  }
}
#hcnContents .kvArea .kvArea_top_btn ul > li > a::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(1) > a {
  color: #ffffff;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #ffffff), color-stop(50%, #38A759));
  background: linear-gradient(to right, #ffffff 50%, #38A759 50%);
  background-size: 200% 100%;
  background-position: right;
  -webkit-transition: background-position 0.2s ease-in-out;
  transition: background-position 0.2s ease-in-out;
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(1) > a:hover {
  background-position: left;
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(1) > a::after {
  right: clamp(10px, 2.109375vw, 27px);
  width: clamp(10px, 1.484375vw, 19px);
  height: clamp(10px, 1.25vw, 16px);
  background-color: #ffffff;
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/download.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/download.svg);
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(1) > a::after {
    right: 23.0769230769vw;
    width: 4.8717948718vw;
    height: 4.1025641026vw;
  }
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(1) > a:hover {
  color: #38A759;
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(1) > a:hover::after {
  background-color: #38A759;
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(1) span {
  padding-left: clamp(10px, 2.734375vw, 35px);
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(1) span {
    padding-left: 23.0769230769vw;
  }
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(2) > a {
  color: #000000;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #38A759), color-stop(50%, #ffffff));
  background: linear-gradient(to right, #38A759 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right;
  -webkit-transition: background-position 0.2s ease-in-out;
  transition: background-position 0.2s ease-in-out;
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(2) > a:hover {
  background-position: left;
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(2) > a::after {
  right: clamp(10px, 1.953125vw, 25px);
  width: clamp(1px, 1.25vw, 16px);
  height: clamp(1px, 1.25vw, 16px);
  background-color: #000000;
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/checkBox.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/checkBox.svg);
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(2) > a::after {
    right: 27.4358974359vw;
    width: 4.1025641026vw;
    height: 4.1025641026vw;
  }
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(2) > a:hover {
  color: #ffffff;
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(2) > a:hover::after {
  background-color: #ffffff;
}
#hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(2) span {
  padding-left: clamp(10px, 4.6875vw, 60px);
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_top_btn ul > li:nth-child(2) span {
    padding-left: 27.4358974359vw;
  }
}
#hcnContents .kvArea .kvArea_bottom {
  margin-top: clamp(10px, 8.59375vw, 110px);
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_bottom {
    margin-top: 20.5128205128vw;
  }
}
#hcnContents .kvArea .kvArea_bottom h2 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.5vw, 32px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  letter-spacing: 0.06em;
  line-height: 1.25;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_bottom h2 {
    font-size: 5.1282051282vw !important;
  }
}
#hcnContents .kvArea .kvArea_bottom h2 > span {
  color: #3E8A49;
}
#hcnContents .kvArea .kvArea_bottom .swiper {
  margin-top: clamp(10px, 3.125vw, 40px);
  padding: clamp(10px, 1.953125vw, 25px) 0;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents .kvArea .kvArea_bottom .swiper {
    margin-top: 10.2564102564vw;
    padding: 4.6153846154vw 0;
  }
}
#hcnContents .interestArea {
  position: relative;
  margin-top: clamp(10px, 8.59375vw, 110px);
}
@media screen and (max-width: 767px) {
  #hcnContents .interestArea {
    margin-top: 20.5128205128vw;
  }
}
#hcnContents .interestArea .interestArea_sb {
  position: absolute;
  display: grid;
  place-items: center;
  top: clamp(-25px, -1.953125vw, 0px);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 43.75vw, 560px);
  height: clamp(10px, 3.90625vw, 50px);
  margin-inline: auto;
  background-color: #038b40;
  border-radius: clamp(10px, 1.40625vw, 18px);
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #hcnContents .interestArea .interestArea_sb {
    top: -7.4358974359vw;
    width: 76.9230769231vw;
    height: 12.8205128205vw;
    border-radius: 5.1282051282vw;
  }
}
#hcnContents .interestArea .interestArea_sb::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 2.34375vw, 30px);
  height: clamp(10px, 0.9375vw, 12px);
  background-image: url(/../../lp/accountAdapterV7/assets/images/triangle.svg);
}
@media screen and (max-width: 767px) {
  #hcnContents .interestArea .interestArea_sb::after {
    width: 7.6923076923vw;
    height: 3.0769230769vw;
  }
}
#hcnContents .interestArea .interestArea_sb > span {
  position: relative;
  padding: 0 clamp(10px, 1.171875vw, 15px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.40625vw, 18px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  #hcnContents .interestArea .interestArea_sb > span {
    font-size: 3.5897435897vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .interestArea .interestArea_sb > span {
    padding: 0 3.8461538462vw;
  }
}
#hcnContents .interestArea .interestArea_sb > span::before, #hcnContents .interestArea .interestArea_sb > span::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: clamp(1px, 0.234375vw, 3px);
  width: 2px;
  height: clamp(10px, 1.5625vw, 20px);
  -webkit-transform-origin: center;
          transform-origin: center;
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents .interestArea .interestArea_sb > span::before, #hcnContents .interestArea .interestArea_sb > span::after {
    top: 1.2820512821vw;
    width: 1px;
    height: 4.1025641026vw;
  }
}
#hcnContents .interestArea .interestArea_sb > span::before {
  left: 0;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
#hcnContents .interestArea .interestArea_sb > span::after {
  right: 0;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
#hcnContents .interestArea .interestArea_container {
  position: relative;
  display: grid;
  row-gap: clamp(10px, 2.34375vw, 30px);
  place-content: center;
  place-items: center;
  width: clamp(10px, 81.25vw, 1040px);
  margin-inline: auto;
  padding: clamp(10px, 5.234375vw, 67px) 0 clamp(10px, 4.6875vw, 60px);
  -webkit-filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #hcnContents .interestArea .interestArea_container {
    row-gap: 8.9743589744vw;
    width: 89.7435897436vw;
    padding: 15.641025641vw 0 12.5641025641vw;
  }
}
#hcnContents .interestArea .interestArea_container_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  border-radius: clamp(1px, 0.859375vw, 11px);
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #hcnContents .interestArea .interestArea_container_bg {
    border-radius: 4.1025641026vw;
  }
}
#hcnContents .interestArea .interestArea_heading > h3 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.5625vw, 20px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.06em;
  line-height: 1.5;
}
@media screen and (max-width: 767px) {
  #hcnContents .interestArea .interestArea_heading > h3 {
    font-size: 3.8461538462vw !important;
  }
}
#hcnContents .interestArea .interestArea_heading > h3 span {
  color: #3E8A49;
}
#hcnContents .indexArea {
  position: relative;
  z-index: 1;
}
#hcnContents .indexArea ul {
  display: grid;
  grid-template-columns: repeat(5, clamp(10px, 14.84375vw, 190px));
  grid-template-rows: clamp(10px, 5.15625vw, 66px);
  place-content: center;
  place-items: center;
  -webkit-column-gap: clamp(1px, 0.78125vw, 10px);
     -moz-column-gap: clamp(1px, 0.78125vw, 10px);
          column-gap: clamp(1px, 0.78125vw, 10px);
}
@media screen and (max-width: 767px) {
  #hcnContents .indexArea ul {
    grid-template-columns: 76.9230769231vw;
    grid-template-rows: repeat(5, 12.8205128205vw);
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 5.1282051282vw;
  }
}
#hcnContents .indexArea ul li {
  width: 100%;
  height: 100%;
}
#hcnContents .indexArea a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 100%;
  padding-left: clamp(1px, 0.625vw, 8px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.4285714286;
  text-decoration: none;
  background: -webkit-gradient(linear, left top, right top, color-stop(50%, #3E8A49), color-stop(50%, #ffffff));
  background: linear-gradient(to right, #3E8A49 50%, #ffffff 50%);
  background-size: 200% 100%;
  background-position: right;
  -webkit-transition: background-position 0.2s ease-in-out;
  transition: background-position 0.2s ease-in-out;
  border-radius: clamp(10px, 2.578125vw, 33px);
  border: 1px solid #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .indexArea a {
    font-size: 3.5897435897vw !important;
  }
}
#hcnContents .indexArea a:hover {
  background-position: left;
}
@media screen and (max-width: 767px) {
  #hcnContents .indexArea a {
    padding-left: 4.8717948718vw;
    line-height: 1.2857142857;
    border-radius: 6.4102564103vw;
  }
}
#hcnContents .indexArea a::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  right: clamp(10px, 1.171875vw, 15px);
  width: clamp(1px, 0.9375vw, 12px);
  height: clamp(1px, 0.9375vw, 12px);
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
  background-color: #3E8A49;
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/arrow02.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/arrow02.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
}
@media screen and (max-width: 767px) {
  #hcnContents .indexArea a::after {
    right: 7.4358974359vw;
    width: 3.0769230769vw;
    height: 3.0769230769vw;
  }
}
#hcnContents .indexArea a:hover {
  color: #ffffff !important;
}
#hcnContents .indexArea a:hover::after {
  background-color: #ffffff;
}
#hcnContents .indexArea a span {
  width: clamp(10px, 12.265625vw, 157px);
  text-align: center;
}
@media screen and (max-width: 767px) {
  #hcnContents .indexArea a span {
    width: 67.1794871795vw;
  }
}
#hcnContents .indexArea .show {
  pointer-events: none !important;
  color: #ffffff !important;
  background: #3E8A49;
}
#hcnContents .indexArea .show::after {
  background-color: #ffffff;
}
#hcnContents nav {
  position: relative;
  display: grid;
  width: clamp(10px, 81.25vw, 1040px);
  margin-inline: auto;
  height: clamp(10px, 3.90625vw, 50px);
  -webkit-box-shadow: unset;
          box-shadow: unset;
}
@media screen and (max-width: 767px) {
  #hcnContents nav {
    display: none;
  }
}
#hcnContents nav .navBg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(100vw - var(--scrollbar-width));
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #3E8A49;
  z-index: -1;
}
#hcnContents nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: auto;
  place-items: center;
  -webkit-column-gap: clamp(10px, 2.734375vw, 35px);
     -moz-column-gap: clamp(10px, 2.734375vw, 35px);
          column-gap: clamp(10px, 2.734375vw, 35px);
  margin: 0;
}
#hcnContents nav ul > li {
  width: auto;
  margin: 0;
  line-height: unset;
  border: unset;
}
#hcnContents nav a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-right: clamp(10px, 1.5625vw, 20px);
  text-decoration: none;
}
#hcnContents nav a span {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.25vw, 16px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents nav a span {
    font-size: 4.1025641026vw !important;
  }
}
#hcnContents nav a::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  right: 0;
  width: clamp(1px, 0.703125vw, 9px);
  height: clamp(1px, 0.703125vw, 9px);
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  background-color: #ffffff;
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/arrow02.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/arrow02.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
#hcnContents nav a:hover::after {
  -webkit-transform: translate(0, 8px) rotate(45deg);
          transform: translate(0, 8px) rotate(45deg);
}
#hcnContents .layout01 {
  position: relative;
  padding: clamp(10px, 12.5vw, 160px) 0 clamp(10px, 8.59375vw, 110px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout01 {
    padding: 23.0769230769vw 0 21.7948717949vw;
  }
}
#hcnContents .layout01::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 4.53125vw, 58px);
  height: clamp(10px, 1.875vw, 24px);
  background-color: #EDF7FA;
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/triangle.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/triangle.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout01::after {
    width: 11.7948717949vw;
    height: 4.6153846154vw;
  }
}
#hcnContents .layout01 .layout01_heading {
  position: relative;
  padding-bottom: clamp(10px, 1.796875vw, 23px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout01 .layout01_heading {
    padding-bottom: 3.8461538462vw;
  }
}
#hcnContents .layout01 .layout01_heading::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 4.6875vw, 60px);
  height: clamp(1px, 0.234375vw, 3px);
  background-color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout01 .layout01_heading::after {
    width: 10.2564102564vw;
    height: 0.7692307692vw;
  }
}
#hcnContents .layout01 .layout01_container {
  display: grid;
  grid-template-columns: clamp(10px, 23.984375vw, 307px) clamp(10px, 48.203125vw, 617px);
  -webkit-column-gap: clamp(10px, 6.328125vw, 81px);
     -moz-column-gap: clamp(10px, 6.328125vw, 81px);
          column-gap: clamp(10px, 6.328125vw, 81px);
  place-content: center;
  place-items: center;
  margin-top: clamp(10px, 5.078125vw, 65px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout01 .layout01_container {
    grid-template-columns: 76.9230769231vw;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 6.4102564103vw;
    margin-top: 12.8205128205vw;
  }
}
#hcnContents .layout01 .layout01_container .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10pt, 12pt, 12pt) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout01 .layout01_container .txtWrap > p {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout01 .layout01_container .txtWrap > p {
    line-height: 1.6666666667;
  }
}
#hcnContents .layout01 .layout01_bottom {
  margin-top: clamp(10px, 5.46875vw, 70px);
  padding-bottom: clamp(10px, 3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout01 .layout01_bottom {
    margin-top: 15.3846153846vw;
    padding-bottom: 6.4102564103vw;
  }
}

#hcnContents .layout02 {
  position: relative;
  padding: clamp(10px, 8.4375vw, 108px) 0 0;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 {
    padding: 23.0769230769vw 0 0;
  }
}
#hcnContents .layout02 .layout02_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/../../lp/accountAdapterV7/assets/images/bg02.webp);
  background-size: cover;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .layout02_bg {
    background-image: url(/../../lp/accountAdapterV7/assets/images/bg02_sp.webp);
  }
}
#hcnContents .layout02 .layout02_heading {
  display: grid;
  place-content: center;
}
#hcnContents .layout02 .layout02_heading > h2 {
  position: relative;
  display: inline-block;
  padding: 0 clamp(10px, 2.1875vw, 28px);
  color: #fff6c1;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .layout02_heading > h2 {
    padding: 0;
  }
}
#hcnContents .layout02 .layout02_heading > h2::before, #hcnContents .layout02 .layout02_heading > h2::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: clamp(1px, 0.234375vw, 3px);
  width: 3px;
  height: clamp(10px, 2.34375vw, 30px);
  -webkit-transform-origin: center;
          transform-origin: center;
  background-color: #fff6c1;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .layout02_heading > h2::before, #hcnContents .layout02 .layout02_heading > h2::after {
    display: none;
  }
}
#hcnContents .layout02 .layout02_heading > h2::before {
  left: 0;
  -webkit-transform: rotate(-25deg);
          transform: rotate(-25deg);
}
#hcnContents .layout02 .layout02_heading > h2::after {
  right: 0;
  -webkit-transform: rotate(25deg);
          transform: rotate(25deg);
}
#hcnContents .layout02 .layout02_container {
  display: grid;
  grid-template-columns: clamp(10px, 81.25vw, 1040px);
  place-content: center;
  row-gap: clamp(10px, 6.25vw, 80px);
  margin-top: clamp(10px, 6.25vw, 80px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .layout02_container {
    grid-template-columns: 89.7435897436vw;
    row-gap: 16.4102564103vw;
    margin-top: 17.9487179487vw;
  }
}
#hcnContents .layout02 .pointItem {
  position: relative;
  padding: clamp(10px, 8.984375vw, 115px) clamp(10px, 6.25vw, 80px) clamp(10px, 6.015625vw, 77px);
  background-color: #ffffff;
  border-radius: clamp(1px, 0.625vw, 8px);
  -webkit-filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.3));
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem {
    padding: 15.3846153846vw 6.4102564103vw 12.8205128205vw;
  }
}
#hcnContents .layout02 .pointItem .pointItem_num {
  position: absolute;
  display: grid;
  grid-template-rows: clamp(10px, 11.71875vw, 150px);
  place-items: center;
  top: clamp(-75px, -5.859375vw, 0px);
  left: clamp(10px, 3.125vw, 40px);
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-size: clamp(10px, 8.59375vw, 110px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: #75B581;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_num {
    font-size: 16.6666666667vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_num {
    grid-template-rows: 22.5641025641vw;
    top: -11.2820512821vw;
    left: 6.4102564103vw;
  }
}
#hcnContents .layout02 .pointItem .pointItem_heading h3 {
display:flex;
  padding-bottom: clamp(10px, 1.5625vw, 20px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.875vw, 24px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #3E8A49;
  border-bottom: 2px solid #7bbc87;
align-items: center;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_heading h3 {
    font-size: 4.6153846154vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_heading h3 {
    padding-bottom: 4.6153846154vw;
  }
}
#hcnContents .layout02 .pointItem .pointItem_container {
  margin-top: clamp(10px, 3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_container {
    margin-top: 5.1282051282vw;
  }
}
#hcnContents .layout02 .pointItem .pointItem_container h4 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.40625vw, 18px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #000000;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_container h4 {
    font-size: 3.8461538462vw !important;
  }
}
#hcnContents .layout02 .pointItem .pointItem_container ol {
  padding-left: clamp(10px, 1.5625vw, 20px);
  list-style-type: decimal;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_container ol {
    padding-left: 4.358974359vw;
  }
}
#hcnContents .layout02 .pointItem .pointItem_container ol > li {
  padding-left: clamp(10px, 0.9375vw, 12px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.40625vw, 18px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 2.7777777778;
  list-style-type: decimal;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_container ol > li {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_container ol > li {
    padding-left: 2.5641025641vw;
    line-height: 1.3333333333;
  }
}
#hcnContents .layout02 .pointItem .pointItem_container ol > li + li {
  margin-top: clamp(10px, 3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout02 .pointItem .pointItem_container ol > li + li {
    margin-top: 6.4102564103vw;
  }
}
#hcnContents #point01 .pointItem_container {
  display: grid;
  grid-template-areas: "area1 area1" "area2 area3";
  grid-template-columns: 1fr clamp(10px, 34.296875vw, 439px);
}
@media screen and (max-width: 767px) {
  #hcnContents #point01 .pointItem_container {
    grid-template-areas: "area1" "area2" "area3";
    grid-template-columns: 1fr;
  }
}
#hcnContents #point01 .pointItem_container h4 {
  grid-area: area1;
}
#hcnContents #point01 .pointItem_container .pointLists {
  grid-area: area2;
  margin-top: clamp(10px, 2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  #hcnContents #point01 .pointItem_container .pointLists {
    margin-top: 6.4102564103vw;
  }
}
#hcnContents #point01 .pointItem_container .imgWrap {
  grid-area: area3;
}
#hcnContents #point02 .pointLists {
  position: relative;
  left: clamp(-30px, -2.34375vw, 0px);
  margin-top: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents #point02 .pointLists {
    left: -7.6923076923vw;
    margin-top: 5.1282051282vw;
  }
}
#hcnContents #point02 .imgWrap {
  margin-top: clamp(10px, 3.90625vw, 50px);
}
@media screen and (max-width: 767px) {
  #hcnContents #point02 .imgWrap {
    margin-top: 7.6923076923vw;
  }
}
#hcnContents #point03 .pointItem_container {
  display: grid;
  grid-template-areas: "area1 area1" "area2 area3";
  grid-template-columns: -webkit-max-content clamp(10px, 33.671875vw, 431px);
  grid-template-columns: max-content clamp(10px, 33.671875vw, 431px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  row-gap: clamp(10px, 2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  #hcnContents #point03 .pointItem_container {
    grid-template-areas: "area1" "area2" "area3";
    grid-template-columns: 1fr;
    -webkit-box-pack: unset;
        -ms-flex-pack: unset;
            justify-content: unset;
    row-gap: 7.6923076923vw;
  }
}
#hcnContents #point03 .pointItem_container h4 {
  grid-area: area1;
}
#hcnContents #point03 .pointItem_container h4 span {
  display: block;
  margin-top: clamp(1px, 0.625vw, 8px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #hcnContents #point03 .pointItem_container h4 span {
    font-size: 3.5897435897vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents #point03 .pointItem_container h4 span {
    margin-top: 2.0512820513vw;
  }
}
#hcnContents #point03 .pointItem_container .pointLists {
  grid-area: area2;
}
#hcnContents #point03 .pointItem_container .imgWrap {
  grid-area: area3;
}
#hcnContents #point04 .pointItem_container .pointLists,
#hcnContents #point05 .pointItem_container .pointLists,
#hcnContents #point06 .pointItem_container .pointLists {
  margin-top: clamp(10px, 2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  #hcnContents #point04 .pointItem_container .pointLists,
  #hcnContents #point05 .pointItem_container .pointLists,
  #hcnContents #point06 .pointItem_container .pointLists {
    margin-top: 7.6923076923vw;
  }
}
#hcnContents #point04 .pointItem_container .imgWrap,
#hcnContents #point05 .pointItem_container .imgWrap,
#hcnContents #point06 .pointItem_container .imgWrap {
  width: clamp(10px, 64.609375vw, 827px);
  margin-top: clamp(10px, 3.4375vw, 44px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #hcnContents #point04 .pointItem_container .imgWrap,
  #hcnContents #point05 .pointItem_container .imgWrap,
  #hcnContents #point06 .pointItem_container .imgWrap {
    width: 100%;
    margin-top: 7.6923076923vw;
  }
}
#hcnContents .guideArea {
  position: relative;
  z-index: 1;
}
#hcnContents .guideArea .guideArea_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  width: calc(100vw - var(--scrollbar-width));
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  background-color: #F4F9FA;
  z-index: -1;
}
#hcnContents .layout03 {
  position: relative;
  padding: clamp(10px, 8.59375vw, 110px) 0 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout03 {
    padding: 23.0769230769vw 0 0;
  }
}
#hcnContents .layout03 .layout03_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  width: calc(100vw - var(--scrollbar-width));
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  background-color: #2B7D43;
  z-index: -1;
}
#hcnContents .layout03 .layout03_heading {
  position: relative;
  padding-bottom: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout03 .layout03_heading {
    padding-bottom: 5.1282051282vw;
  }
}
#hcnContents .layout03 .layout03_heading::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 4.6875vw, 60px);
  height: clamp(1px, 0.234375vw, 3px);
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout03 .layout03_heading::after {
    width: 10.2564102564vw;
    height: 0.7692307692vw;
  }
}
#hcnContents .layout03 .layout03_heading h2 {
  color: #ffffff;
}
#hcnContents .layout03 .layout03_container {
  display: grid;
  grid-template-columns: repeat(2, clamp(10px, 39.84375vw, 510px));
  gap: clamp(10px, 1.5625vw, 20px);
  place-content: center;
  margin-top: clamp(10px, 5.078125vw, 65px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout03 .layout03_container {
    grid-template-columns: 89.7435897436vw;
    gap: 5.1282051282vw;
    margin-top: 12.8205128205vw;
  }
}
#hcnContents .benefitItem {
  display: grid;
  grid-template-columns: clamp(10px, 35.9375vw, 460px);
  grid-template-rows: -webkit-max-content minmax(60px, auto);
  grid-template-rows: max-content minmax(60px, auto);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: clamp(10px, 3.125vw, 40px);
  width: 100%;
  padding: clamp(10px, 2.34375vw, 30px) 0 clamp(10px, 4.6875vw, 60px);
  background-color: #ffffff;
  border-radius: clamp(10px, 1.484375vw, 19px);
  -webkit-box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0px 3px 20px rgba(0, 0, 0, 0.3);
}
@media screen and (max-width: 767px) {
  #hcnContents .benefitItem {
    grid-template-columns: 76.9230769231vw;
    grid-template-rows: -webkit-max-content minmax(46px, auto);
    grid-template-rows: max-content minmax(46px, auto);
    row-gap: 5.1282051282vw;
    padding: 7.6923076923vw 0 10.2564102564vw;
    border-radius: 3.3333333333vw;
  }
}
#hcnContents .benefitItem .benefitItem_heading {
  padding-bottom: clamp(10px, 2.8125vw, 36px);
  border-bottom: 2px solid #7bbc87;
}
@media screen and (max-width: 767px) {
  #hcnContents .benefitItem .benefitItem_heading {
    padding-bottom: 2.5641025641vw;
  }
}
#hcnContents .benefitItem .benefitItem_heading h3 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: clamp(10px, 5.078125vw, 65px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(10px, 1.796875vw, 23px);
     -moz-column-gap: clamp(10px, 1.796875vw, 23px);
          column-gap: clamp(10px, 1.796875vw, 23px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.71875vw, 22px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #000000;
}
@media screen and (max-width: 767px) {
  #hcnContents .benefitItem .benefitItem_heading h3 {
    font-size: 5.1282051282vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .benefitItem .benefitItem_heading h3 {
    grid-template-rows: 14.1025641026vw;
    -webkit-column-gap: 3.0769230769vw;
       -moz-column-gap: 3.0769230769vw;
            column-gap: 3.0769230769vw;
    line-height: 1.25;
  }
}
#hcnContents .benefitItem .benefitItem_heading h3 > span {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-size: clamp(10px, 3.75vw, 48px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .benefitItem .benefitItem_heading h3 > span {
    font-size: 10.2564102564vw !important;
  }
}
#hcnContents .benefitItem .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  #hcnContents .benefitItem .txtWrap > p {
    font-size: 3.5897435897vw !important;
  }
}
#hcnContents .infoArea {
  position: relative;
  padding: clamp(10px, 8.59375vw, 110px) 0 clamp(10px, 12.5vw, 160px);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #hcnContents .infoArea {
    padding: 15.3846153846vw 0 20.5128205128vw;
  }
}
#hcnContents .infoArea .infoArea_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(100vw - var(--scrollbar-width));
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}
#hcnContents .infoArea .infoArea_heading h2 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.5vw, 32px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: center;
  letter-spacing: 0.06em;
}
@media screen and (max-width: 767px) {
  #hcnContents .infoArea .infoArea_heading h2 {
    font-size: 5.641025641vw !important;
  }
}
#hcnContents .infoArea .infoArea_container {
  margin-top: clamp(10px, 3.203125vw, 41px);
}
@media screen and (max-width: 767px) {
  #hcnContents .infoArea .infoArea_container {
    margin-top: 10.2564102564vw;
  }
}
#hcnContents .infoArea .indexArea {
  padding: clamp(10px, 3.90625vw, 50px) 0;
}
@media screen and (max-width: 767px) {
  #hcnContents .infoArea .indexArea {
    padding: 15.3846153846vw 0;
  }
}
#hcnContents .infoArea .indexArea .indexArea_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(100vw - var(--scrollbar-width));
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  background-color: #75B581;
  z-index: -1;
}
#hcnContents .infoArea .indexArea ul {
  grid-template-columns: repeat(4, clamp(10px, 19.375vw, 248px));
  grid-template-rows: clamp(10px, 6.25vw, 80px);
  -webkit-column-gap: clamp(10px, 1.171875vw, 15px);
     -moz-column-gap: clamp(10px, 1.171875vw, 15px);
          column-gap: clamp(10px, 1.171875vw, 15px);
}
@media screen and (max-width: 767px) {
  #hcnContents .infoArea .indexArea ul {
    grid-template-columns: 76.9230769231vw;
    grid-template-rows: repeat(4, 15.3846153846vw);
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 6.4102564103vw;
  }
}
#hcnContents .infoArea .indexArea a {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.171875vw, 15px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  border-radius: clamp(10px, 3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  #hcnContents .infoArea .indexArea a {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .infoArea .indexArea a {
    border-radius: 7.6923076923vw;
  }
}
#hcnContents .infoArea .indexArea a::after {
  right: clamp(10px, 1.875vw, 24px);
}
@media screen and (max-width: 767px) {
  #hcnContents .infoArea .indexArea a::after {
    right: 7.9487179487vw;
  }
}
#hcnContents .infoArea .indexArea a span {
  width: clamp(10px, 16.796875vw, 215px);
}
@media screen and (max-width: 767px) {
  #hcnContents .infoArea .indexArea a span {
    width: 54.8717948718vw;
  }
}
.layout04 a {
  color: #3E8A49;
  text-decoration: underline;
  text-underline-offset: 3px;
  cursor: pointer;
}
.layout04 a:hover {
  opacity: 1;
}
#hcnContents .layout04 .layout04_top {
  position: relative;
  padding: clamp(10px, 8.59375vw, 110px) 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout04 .layout04_top {
    padding: 23.0769230769vw 0;
  }
}
#hcnContents .layout04 .layout04_top_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(100vw - var(--scrollbar-width));
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  background-color: #2C7140;
  z-index: -1;
}
#hcnContents .layout04 .layout04_top_heading {
  position: relative;
  padding-bottom: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout04 .layout04_top_heading {
    padding-bottom: 5.1282051282vw;
  }
}
#hcnContents .layout04 .layout04_top_heading::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 4.6875vw, 60px);
  height: clamp(1px, 0.234375vw, 3px);
  background-color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout04 .layout04_top_heading::after {
    width: 10.2564102564vw;
    height: 0.7692307692vw;
  }
}
/*#hcnContents .layout04 .layout04_top_heading h2 {
  color: #ffffff;
}*/
#hcnContents .layout04 .layout04_top_container {
  display: grid;
  grid-template-columns: repeat(2, clamp(10px, 39.453125vw, 505px));
  gap: clamp(10px, 2.34375vw, 30px);
  place-content: center;
  margin-top: clamp(10px, 5.078125vw, 65px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout04 .layout04_top_container {
    grid-template-columns: 89.7435897436vw;
    gap: 5.1282051282vw;
    margin-top: 12.8205128205vw;
  }
}
#hcnContents .layout04 .layout04_bottom {
  position: relative;
  padding: clamp(10px, 12.5vw, 160px) 0 clamp(10px, 8.59375vw, 110px);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout04 .layout04_bottom {
    padding: 23.0769230769vw 0 25.641025641vw;
  }
}
#hcnContents .layout04 .layout04_bottom_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  width: calc(100vw - var(--scrollbar-width));
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}
#hcnContents .layout04 .layout04_bottom_container {
  display: grid;
  grid-template-columns: clamp(10px, 81.25vw, 1040px);
  place-content: center;
  row-gap: clamp(10px, 8.59375vw, 110px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout04 .layout04_bottom_container {
    grid-template-columns: 89.7435897436vw;
    row-gap: 10.2564102564vw;
  }
}
#hcnContents .layout05 {
  position: relative;
  padding: clamp(10px, 8.59375vw, 110px) 0;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout05 {
    padding: 23.0769230769vw 0 21.7948717949vw;
  }
}
#hcnContents .layout05::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 4.53125vw, 58px);
  height: clamp(10px, 1.875vw, 24px);
  background-color: #2B7D43;
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/triangle.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/triangle.svg);
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  -webkit-mask-size: contain;
          mask-size: contain;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout05::after {
    width: 14.8717948718vw;
    height: 6.1538461538vw;
  }
}
#hcnContents .layout05 .layout05_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  width: calc(100vw - var(--scrollbar-width));
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  height: 100%;
  background-color: #2B7D43;
  z-index: -1;
}
#hcnContents .layout05 .layoutHeading {
  padding-bottom: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout05 .layoutHeading {
    padding-bottom: 5.1282051282vw;
  }
}
#hcnContents .layout05 .layoutHeading::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 4.6875vw, 60px);
  height: clamp(1px, 0.234375vw, 3px);
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout05 .layoutHeading::after {
    width: 10.2564102564vw;
    height: 0.7692307692vw;
  }
}
#hcnContents .layout05 .layoutHeading > h2 {
  color: #ffffff;
}
#hcnContents .layout05 .layout05_container {
  display: grid;
  grid-template-columns: repeat(3, clamp(10px, 25.78125vw, 330px));
  place-content: center;
  -webkit-column-gap: clamp(10px, 1.953125vw, 25px);
     -moz-column-gap: clamp(10px, 1.953125vw, 25px);
          column-gap: clamp(10px, 1.953125vw, 25px);
  margin-top: clamp(10px, 5.078125vw, 65px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout05 .layout05_container {
    grid-template-columns: 89.7435897436vw;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 5.1282051282vw;
    margin-top: 12.8205128205vw;
  }
}
#hcnContents .layout05 .benefitItem {
  grid-template-columns: clamp(10px, 21.875vw, 280px);
  row-gap: clamp(10px, 2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout05 .benefitItem {
    grid-template-columns: 76.9230769231vw;
    row-gap: 6.4102564103vw;
  }
}
#hcnContents .layout05 .benefitItem .benefitItem_heading {
  padding-bottom: 0;
  border: none;
}
#hcnContents .layout05 .benefitItem .benefitItem_heading h3 {
  color: #3E8A49;
}
#hcnContents .layout06 {
  position: relative;
  padding: clamp(10px, 12.5vw, 160px) 0 clamp(10px, 8.59375vw, 110px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout06 {
    padding: 23.0769230769vw 0 21.7948717949vw;
  }
}
#hcnContents .layout06 .layout06_container {
  margin-top: clamp(10px, 7.8125vw, 100px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout06 .layout06_container {
    margin-top: 12.8205128205vw;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout06 .layout06_container .txtWrap {
    width: 76.9230769231vw;
    margin-inline: auto;
  }
}
#hcnContents .layout06 .layout06_container .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.171875vw, 15px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout06 .layout06_container .txtWrap > p {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout06 .layout06_container .txtWrap > p {
    text-align: left;
    line-height: 1.6666666667;
  }
}
#hcnContents .layout06 .layout06_container_bottom {
  display: grid;
  grid-template-areas: "area1 area2" "area3 area4" ". area5";
  grid-template-columns: repeat(2, clamp(10px, 32.8125vw, 420px));
  gap: clamp(10px, 3.125vw, 40px);
  place-content: center;
  margin-top: clamp(10px, 6.25vw, 80px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout06 .layout06_container_bottom {
    grid-template-areas: "area1" "area2" "area3" "area4" "area5";
    grid-template-columns: 89.7435897436vw;
    gap: 5.1282051282vw;
    margin-top: 7.6923076923vw;
  }
}
#hcnContents .layout06 .layout06_container_bottom > div:nth-child(1 of .achievement) {
  grid-area: area1;
}
#hcnContents .layout06 .layout06_container_bottom > div:nth-child(2 of .achievement) {
  grid-area: area2;
}
#hcnContents .layout06 .layout06_container_bottom > div:nth-child(3 of .achievement) {
  grid-area: area3;
}
#hcnContents .layout06 .layout06_container_bottom > div:nth-child(4 of .achievement) {
  grid-area: area4;
}
#hcnContents .layout06 .layout06_container_bottom > div.txtWrap {
  grid-area: area5;
  width: 100%;
}
#hcnContents .layout06 .layout06_container_bottom > div.txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 0.78125vw, 10px) !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-align: right;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout06 .layout06_container_bottom > div.txtWrap > p {
    font-size: 2.5641025641vw !important;
  }
}
#hcnContents .layout06 .achievement h3 > span {
  position: relative;
}
#hcnContents .layout06 .achievement h3 > span::after {
  position: absolute;
  top: clamp(-3px, -0.234375vw, 0px);
  right: clamp(-15px, -1.171875vw, 0px);
  display: inline-block;
  content: "※";
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 0.625vw, 8px) !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout06 .achievement h3 > span::after {
    font-size: 2.0512820513vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout06 .achievement h3 > span::after {
    top: -1.5384615385vw;
    right: -1.5384615385vw;
  }
}
#hcnContents .achievement {
  display: grid;
  grid-template-rows: clamp(10px, 3.90625vw, 50px) clamp(10px, 12.109375vw, 155px);
  background-color: #F4F9FA;
  border-radius: clamp(10px, 0.78125vw, 10px);
  overflow: hidden;
  -webkit-box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 6px 20px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 767px) {
  #hcnContents .achievement {
    grid-template-rows: 12.8205128205vw 29.2307692308vw;
    border-radius: 2.5641025641vw;
  }
}
#hcnContents .achievement h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.25vw, 16px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  background-color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .achievement h3 {
    font-size: 4.1025641026vw !important;
  }
}
#hcnContents .achievement .achievement_detail {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#hcnContents .achievement .achievement_detail h4 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 4.375vw, 56px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #E11237;
}
@media screen and (max-width: 767px) {
  #hcnContents .achievement .achievement_detail h4 {
    font-size: 12.3076923077vw !important;
  }
}
#hcnContents .achievement .achievement_detail span:nth-child(1 of span) {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.40625vw, 18px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #E11237;
}
@media screen and (max-width: 767px) {
  #hcnContents .achievement .achievement_detail span:nth-child(1 of span) {
    font-size: 4.6153846154vw !important;
  }
}
#hcnContents .achievement .achievement_detail span:nth-child(2 of span) {
  margin-left: 5px;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.03125vw, 26px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .achievement .achievement_detail span:nth-child(2 of span) {
    font-size: 5.641025641vw !important;
  }
}
#hcnContents .layout07 {
  position: relative;
  padding: clamp(10px, 8.59375vw, 110px) 0 clamp(10px, 8.59375vw, 110px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout07 {
    padding: 23.0769230769vw 0 20.5128205128vw;
  }
}
#hcnContents .layout07 .layout07_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  width: 100%;
  height: 100%;
  background-image: url(/../../lp/accountAdapterV7/assets/images/bg02.webp);
  background-size: cover;
  background-position: center bottom;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout07 .layout07_bg {
    background-image: url(/../../lp/accountAdapterV7/assets/images/bg02_sp.webp);
  }
}
#hcnContents .layout07 .layoutHeading {
  padding-bottom: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout07 .layoutHeading {
    padding-bottom: 5.1282051282vw;
  }
}
#hcnContents .layout07 .layoutHeading::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 4.6875vw, 60px);
  height: clamp(1px, 0.234375vw, 3px);
  background-color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout07 .layoutHeading::after {
    width: 10.2564102564vw;
    height: 0.7692307692vw;
  }
}
#hcnContents .layout07 .layoutHeading h2 {
  color: #ffffff;
}
#hcnContents .layout07 .layout07_container {
  display: grid;
  grid-template-columns: repeat(3, clamp(10px, 25vw, 320px));
  place-content: center;
  -webkit-column-gap: clamp(10px, 3.125vw, 40px);
     -moz-column-gap: clamp(10px, 3.125vw, 40px);
          column-gap: clamp(10px, 3.125vw, 40px);
  row-gap: clamp(10px, 5.078125vw, 65px);
  margin-top: clamp(10px, 5.078125vw, 65px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout07 .layout07_container {
    grid-template-columns: 89.7435897436vw;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 5.1282051282vw;
    margin-top: 12.8205128205vw;
  }
}
#hcnContents .layout08 {
  position: relative;
  padding: clamp(10px, 12.5vw, 160px) 0;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 {
    padding: 23.0769230769vw 0 21.5384615385vw;
  }
}
#hcnContents .layout08 .layout08_container {
  display: grid;
  grid-template-areas: "area1 area2" "area3 area3";
  grid-template-columns: repeat(2, clamp(10px, 40.625vw, 520px));
  row-gap: clamp(10px, 4.296875vw, 55px);
  place-content: center;
  margin-top: clamp(10px, 7.8125vw, 100px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .layout08_container {
    display: grid;
    grid-template-areas: "area1" "area2" "area3";
    grid-template-columns: 89.7435897436vw;
    row-gap: unset;
    margin-top: 12.8205128205vw;
  }
}
#hcnContents .layout08 .layout08_container_left {
  grid-area: area1;
  width: clamp(10px, 33.75vw, 432px);
  margin-left: clamp(10px, 0.9375vw, 12px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .layout08_container_left {
    width: 76.9230769231vw;
    margin-left: 0;
    margin-inline: auto;
  }
}
#hcnContents .layout08 .layout08_container_right {
  grid-area: area2;
  display: grid;
  grid-template-areas: "area1 area2" "area3 area3";
  grid-template-columns: repeat(2, clamp(10px, 17.96875vw, 230px));
  -webkit-column-gap: clamp(10px, 2.34375vw, 30px);
     -moz-column-gap: clamp(10px, 2.34375vw, 30px);
          column-gap: clamp(10px, 2.34375vw, 30px);
  row-gap: clamp(1px, 0.390625vw, 5px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .layout08_container_right {
    grid-template-columns: repeat(2, 43.3333333333vw);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 2.0512820513vw;
    margin-top: 6.4102564103vw;
  }
}
#hcnContents .layout08 .layout08_container_right > div:nth-child(1 of .achievement) {
  grid-area: area1;
}
#hcnContents .layout08 .layout08_container_right > div:nth-child(2 of .achievement) {
  grid-area: area2;
}
#hcnContents .layout08 .layout08_container_right > div.txtWrap {
  grid-area: area3;
}
#hcnContents .layout08 .layout08_container_right > div.txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 0.78125vw, 10px) !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  text-align: right;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .layout08_container_right > div.txtWrap > p {
    font-size: 2.5641025641vw !important;
  }
}
#hcnContents .layout08 .layout08_container_bottom {
  position: relative;
  grid-area: area3;
  display: grid;
  grid-template-columns: repeat(2, clamp(10px, 33.59375vw, 430px));
  -webkit-column-gap: clamp(10px, 7.8125vw, 100px);
     -moz-column-gap: clamp(10px, 7.8125vw, 100px);
          column-gap: clamp(10px, 7.8125vw, 100px);
  width: clamp(10px, 81.25vw, 1040px);
  padding: clamp(10px, 3.515625vw, 45px) clamp(10px, 2.34375vw, 30px) clamp(10px, 3.90625vw, 50px) clamp(10px, 3.90625vw, 50px);
  border-radius: clamp(10px, 1.015625vw, 13px);
  background-color: #ffffff;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .layout08_container_bottom {
    grid-template-columns: 76.9230769231vw;
    place-content: center;
    -webkit-column-gap: unset;
       -moz-column-gap: unset;
            column-gap: unset;
    row-gap: 20.7692307692vw;
    width: 89.7435897436vw;
    margin-top: 15.3846153846vw;
    padding: 15.3846153846vw 0 17.9487179487vw;
    border-radius: 3.3333333333vw;
  }
}
#hcnContents .layout08 .layout08_container_bottom::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: clamp(10px, 6.25vw, 80px);
  left: clamp(10px, 40.625vw, 520px);
  width: 2px;
  height: clamp(10px, 13.671875vw, 175px);
  background-color: #7bbc87;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .layout08_container_bottom::after {
    top: 87.9487179487vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    width: 76.9230769231vw;
    height: 2px;
  }
}
#hcnContents .layout08 .achievement h3 > span {
  position: relative;
}
#hcnContents .layout08 .achievement h3 > span::after {
  position: absolute;
  top: clamp(-3px, -0.234375vw, 0px);
  right: clamp(-15px, -1.171875vw, 0px);
  display: inline-block;
  content: "※";
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 0.625vw, 8px) !important;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .achievement h3 > span::after {
    font-size: 2.0512820513vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .achievement h3 > span::after {
    top: -1.5384615385vw;
    right: -1.5384615385vw;
  }
}
#hcnContents .layout08 .achievement .achievement_detail h4 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 5.625vw, 72px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #E11237;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .achievement .achievement_detail h4 {
    font-size: 12.3076923077vw !important;
  }
}
#hcnContents .layout08 .achievement .achievement_detail h4 > span {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.34375vw, 30px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #E11237;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout08 .achievement .achievement_detail h4 > span {
    font-size: 4.6153846154vw !important;
  }
}
#hcnContents .layout09 {
  position: relative;
  padding: clamp(10px, 12.65625vw, 162px) 0 clamp(10px, 8.59375vw, 110px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout09 {
    padding: 23.0769230769vw 0 21.7948717949vw;
  }
}
#hcnContents .layout09 .layout09_container {
  width: clamp(10px, 81.25vw, 1040px);
  margin-top: clamp(10px, 6.25vw, 80px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout09 .layout09_container {
    width: 100vw;
    margin-top: 12.8205128205vw;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout09 .layout09_container .txtWrap {
    width: 76.9230769231vw;
    margin-inline: auto;
  }
}
#hcnContents .layout09 .layout09_container .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.171875vw, 15px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout09 .layout09_container .txtWrap > p {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .layout09 .layout09_container .txtWrap > p {
    text-align: left;
    line-height: 1.6666666667;
    letter-spacing: 0.06em;
  }
}
#hcnContents .layout09 .layout09_container ul {
  width: clamp(10px, 81.25vw, 1040px);
  margin-top: clamp(1px, 0.390625vw, 5px);
  margin-inline: auto;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout09 .layout09_container ul {
    width: 89.7435897436vw;
    margin-top: 2.0512820513vw;
  }
}
#hcnContents .layout09 .layout09_container ul li {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 0.78125vw, 10px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #hcnContents .layout09 .layout09_container ul li {
    font-size: 2.5641025641vw !important;
  }
}
#hcnContents .layout09 .layout09_container ul li + li {
  margin-top: clamp(1px, 0.390625vw, 5px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout09 .layout09_container ul li + li {
    margin-top: 1.2820512821vw;
  }
}
#hcnContents .layout09 .tableAreaItem {
  margin-top: clamp(10px, 6.328125vw, 81px);
}
@media screen and (max-width: 767px) {
  #hcnContents .layout09 .tableAreaItem {
    width: 94.8717948718vw;
    margin-top: 6.4102564103vw;
    -webkit-margin-start: auto;
            margin-inline-start: auto;
    overflow-x: scroll;
  }
}
#hcnContents #topic01 .layoutHeading {
  padding-bottom: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents #topic01 .layoutHeading {
    padding-bottom: 5.1282051282vw;
  }
}
#hcnContents #topic01 .layoutHeading::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 4.6875vw, 60px);
  height: clamp(1px, 0.234375vw, 3px);
  background-color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents #topic01 .layoutHeading::after {
    width: 10.2564102564vw;
    height: 0.7692307692vw;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents #topic01 .layoutHeading h2 {
    letter-spacing: 0.02em;
  }
}
#hcnContents .pointArea {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 2;
  row-gap: clamp(10px, 2.96875vw, 38px);
}
@media screen and (max-width: 767px) {
  #hcnContents .pointArea {
    row-gap: 6.4102564103vw;
  }
}
#hcnContents .pointArea .pointArea_heading .imgWrap {
  width: clamp(10px, 5.078125vw, 65px);
}
@media screen and (max-width: 767px) {
  #hcnContents .pointArea .pointArea_heading .imgWrap {
    width: 16.6666666667vw;
  }
}
#hcnContents .pointArea .pointArea_heading h3 {
  margin-top: clamp(1px, 0.78125vw, 10px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.71875vw, 22px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #3E8A49;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  #hcnContents .pointArea .pointArea_heading h3 {
    font-size: 4.6153846154vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .pointArea .pointArea_heading h3 {
    margin-top: 1.5384615385vw;
    line-height: 1.6666666667;
  }
}
#hcnContents .pointArea .pointLists li {
  padding-left: clamp(10px, 3.125vw, 40px);
}
@media screen and (max-width: 767px) {
  #hcnContents .pointArea .pointLists li {
    padding-left: 8.4615384615vw;
    letter-spacing: 0.06em;
  }
}
#hcnContents .pointArea .pointLists li + li {
  margin-top: clamp(1px, 0.78125vw, 10px);
}
@media screen and (max-width: 767px) {
  #hcnContents .pointArea .pointLists li + li {
    margin-top: 4.1025641026vw;
  }
}
#hcnContents .introEx > a {
  display: grid;
  grid-template-rows: -webkit-max-content -webkit-max-content minmax(163px, auto);
  grid-template-rows: max-content max-content minmax(163px, auto);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  justify-items: center;
  row-gap: clamp(10px, 2.34375vw, 30px);
  height: clamp(10px, 45vw, 576px);
  padding-bottom: clamp(10px, 5.78125vw, 74px);
  text-decoration: none;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  -webkit-filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx > a {
    row-gap: 7.6923076923vw;
    height: auto;
    padding-bottom: 12.8205128205vw;
  }
}
#hcnContents .introEx .introEx_name h3 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.5625vw, 20px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.5;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_name h3 {
    font-size: 5.1282051282vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_name h3 {
    letter-spacing: 0.02em;
  }
}
#hcnContents .introEx .introEx_detail {
  width: clamp(10px, 21.875vw, 280px);
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_detail {
    width: 76.9230769231vw;
  }
}
#hcnContents .introEx .introEx_detail h4 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.171875vw, 15px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #3E8A49;
  line-height: 1.3333333333;
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_detail h4 {
    font-size: 4.1025641026vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_detail h4 {
    line-height: 1.875;
    letter-spacing: 0.06em;
  }
}
#hcnContents .introEx .introEx_detail ul {
  margin-top: clamp(10px, 2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_detail ul {
    margin-top: 5.1282051282vw;
  }
}
#hcnContents .introEx .introEx_detail ul > li {
  position: relative;
  padding-left: clamp(10px, 0.9375vw, 12px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 0.9375vw, 12px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_detail ul > li {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_detail ul > li {
    padding-left: 3.8461538462vw;
    letter-spacing: 0.06em;
    line-height: 1.3333333333;
  }
}
#hcnContents .introEx .introEx_detail ul > li::before {
  position: absolute;
  content: "・";
  left: 0;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 0.9375vw, 12px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_detail ul > li::before {
    font-size: 3.8461538462vw !important;
  }
}
#hcnContents .introEx .introEx_detail ul > li + li {
  margin-top: clamp(10px, 0.9375vw, 12px);
}
@media screen and (max-width: 767px) {
  #hcnContents .introEx .introEx_detail ul > li + li {
    margin-top: 4.1025641026vw;
  }
}
#hcnContents .aboutItem {
  display: grid;
  grid-template-columns: clamp(10px, 33.203125vw, 425px);
  grid-template-rows: -webkit-max-content minmax(200px, auto);
  grid-template-rows: max-content minmax(200px, auto);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: clamp(10px, 2.34375vw, 30px);
  width: 100%;
  padding: clamp(10px, 3.125vw, 40px) 0 clamp(10px, 5.46875vw, 70px);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  background-color: #ffffff;
  border-radius: clamp(10px, 1.875vw, 24px);
filter:drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 767px) {
  #hcnContents .aboutItem {
    grid-template-columns: 76.9230769231vw;
    grid-template-rows: -webkit-max-content minmax(120px, auto);
    grid-template-rows: max-content minmax(120px, auto);
    row-gap: 5.1282051282vw;
    padding: 7.6923076923vw 0 15.3846153846vw;
    border-radius: 2.8205128205vw;
  }
}
#hcnContents .aboutItem .aboutItem_heading {
  padding-bottom: clamp(10px, 2.34375vw, 30px);
  border-bottom: 3px solid #7bbc87;
}
@media screen and (max-width: 767px) {
  #hcnContents .aboutItem .aboutItem_heading {
    padding-bottom: 2.5641025641vw;
  }
}
#hcnContents .aboutItem .aboutItem_heading h3 {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: clamp(10px, 4.6875vw, 60px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: clamp(10px, 1.796875vw, 23px);
     -moz-column-gap: clamp(10px, 1.796875vw, 23px);
          column-gap: clamp(10px, 1.796875vw, 23px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.875vw, 24px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #000000;
}
@media screen and (max-width: 767px) {
  #hcnContents .aboutItem .aboutItem_heading h3 {
    font-size: 5.1282051282vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .aboutItem .aboutItem_heading h3 {
    grid-template-rows: 14.1025641026vw;
    -webkit-column-gap: 3.8461538462vw;
       -moz-column-gap: 3.8461538462vw;
            column-gap: 3.8461538462vw;
    line-height: 1.25;
  }
}
#hcnContents .aboutItem .aboutItem_heading h3 > span {
  color: #000000;
  font-family: "Noto Sans", sans-serif;
  font-size: clamp(10px, 3.75vw, 48px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  font-variation-settings: "wdth" 100;
  color: #7bbc87;
}
@media screen and (max-width: 767px) {
  #hcnContents .aboutItem .aboutItem_heading h3 > span {
    font-size: 10.2564102564vw !important;
  }
}
#hcnContents .aboutItem ul > li {
  position: relative;
  padding-left: clamp(10px, 1.09375vw, 14px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  #hcnContents .aboutItem ul > li {
    font-size: 3.5897435897vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .aboutItem ul > li {
    padding-left: 3.5897435897vw;
  }
}
#hcnContents .aboutItem ul > li::before {
  position: absolute;
  content: "・";
  left: 0;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #hcnContents .aboutItem ul > li::before {
    font-size: 3.5897435897vw !important;
  }
}
#hcnContents .tableAreaItem .tableAreaItem_heading {
  pointer-events: none;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .tableAreaItem_heading {
    display: grid;
    grid-template-columns: 1fr 5.1282051282vw;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 2.5641025641vw 2.5641025641vw 0;
    border-bottom: 1px solid #6A6A6A;
    cursor: pointer;
    pointer-events: auto;
  }
}
#hcnContents .tableAreaItem .tableAreaItem_heading h3 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.03125vw, 26px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .tableAreaItem_heading h3 {
    font-size: 4.1025641026vw !important;
  }
}
#hcnContents .tableAreaItem .tableAreaItem_heading .symbolComp {
  display: none;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .tableAreaItem_heading .symbolComp {
    display: block;
  }
}
#hcnContents .tableAreaItem .tableAreaItem_container {
  margin-top: clamp(10px, 2.578125vw, 33px);
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .tableAreaItem_container {
    margin-top: 0vw;
    height: 0;
    overflow: hidden;
    -webkit-transition: height 0.5s ease;
    transition: height 0.5s ease;
  }
}
#hcnContents .tableAreaItem .tableAreaItem_container h4 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.40625vw, 18px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .tableAreaItem_container h4 {
    font-size: 3.3333333333vw !important;
  }
}
#hcnContents .tableAreaItem .tableAreaItem_container h4:nth-child(2 of h4) {
  margin-top: clamp(10px, 4.6875vw, 60px);
  padding-bottom: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .tableAreaItem_container h4:nth-child(2 of h4) {
    margin-top: 7.6923076923vw;
    padding-bottom: 5.1282051282vw;
  }
}
#hcnContents .tableAreaItem .tableAreaItem_container .txtWrap {
  margin-top: 5px;
  padding-bottom: clamp(10px, 1.5625vw, 20px);
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .tableAreaItem_container .txtWrap {
    margin-top: 3.0769230769vw;
    padding-bottom: 7.6923076923vw;
  }
}
#hcnContents .tableAreaItem .tableAreaItem_container .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 0.9375vw, 12px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.6666666667;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .tableAreaItem_container .txtWrap > p {
    font-size: 2.5641025641vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .tableAreaItem_container .txtWrap > p {
    line-height: 1.5;
  }
}
#hcnContents .tableAreaItem table {
  border-collapse: collapse;
  width: 100%;
  background-color: #ffffff;
}
#hcnContents .tableAreaItem .env {
  width: 15%;
}
#hcnContents .tableAreaItem .mfr {
  width: 37%;
}
#hcnContents .tableAreaItem .pdName {
  width: 48%;
}
#hcnContents .tableAreaItem .license {
  width: 34%;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .license {
    width: 11%;
  }
}
#hcnContents .tableAreaItem .first01,
#hcnContents .tableAreaItem .first02 {
  width: 16.5%;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .first01,
  #hcnContents .tableAreaItem .first02 {
    width: 22.5%;
  }
}
#hcnContents .tableAreaItem .next {
  width: 33%;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .next {
    width: 44%;
  }
}
#hcnContents .tableAreaItem th,
#hcnContents .tableAreaItem td {
  border: 1px solid #E4E4E4;
  text-align: left;
  vertical-align: top;
}
#hcnContents .tableAreaItem thead {
  background-color: #F2F4F5;
}
#hcnContents .tableAreaItem th {
  height: clamp(10px, 4.6875vw, 60px);
  padding: clamp(10px, 1.328125vw, 17px) clamp(10px, 0.78125vw, 10px) !important;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  vertical-align: middle;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem th {
    font-size: 3.3333333333vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem th {
    height: 12.8205128205vw;
  }
}
#hcnContents .tableAreaItem td[rowspan] {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  vertical-align: middle;
  background-color: #F2F4F5;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem td[rowspan] {
    font-size: 3.5897435897vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem td[rowspan] {
    padding: 5.1282051282vw 0.5128205128vw !important;
  }
}
#hcnContents .tableAreaItem td {
  padding: clamp(10px, 1.171875vw, 15px) clamp(1px, 0.859375vw, 11px) !important;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4285714286;
  vertical-align: middle;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem td {
    font-size: 3.3333333333vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem td {
    padding: 5.1282051282vw 1.2820512821vw !important;
    line-height: 1.1538461538;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .colFixed {
    position: sticky;
    left: 0;
    background-color: #F2F4F5;
    z-index: 1;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem .colFixed::before {
    content: "";
    position: absolute;
    top: -1px;
    left: -1px;
    width: 100%;
    height: 100%;
    border: 1px solid #E4E4E4;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem01 .env,
  #hcnContents .tableAreaItem03 .env {
    width: 20%;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem01 .mfr,
  #hcnContents .tableAreaItem03 .mfr {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem01 .pdName,
  #hcnContents .tableAreaItem03 .pdName {
    width: 40%;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem02 .env,
  #hcnContents .tableAreaItem04 .env {
    width: 29%;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem01 table,
  #hcnContents .tableAreaItem02 table,
  #hcnContents .tableAreaItem03 table {
    margin-top: 10.2564102564vw;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem04 h4:nth-child(1 of h4) {
    margin-top: 10.2564102564vw;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem05 table {
    width: 171.7948717949vw;
    margin-right: 5.1282051282vw;
  }
}
#hcnContents .tableAreaItem05 thead tr:nth-child(1) th[rowspan] {
  padding-left: clamp(10px, 1.953125vw, 25px) !important;
  text-align: left;
}
#hcnContents .tableAreaItem05 thead tr:nth-child(2) th {
  font-weight: 500;
  background-color: #ffffff;
}
#hcnContents .tableAreaItem05 thead th {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem05 thead th {
    font-size: 3.0769230769vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem05 thead th {
    font-weight: 500;
  }
}
#hcnContents .tableAreaItem05 tbody td[rowspan] {
  padding-left: clamp(10px, 1.953125vw, 25px) !important;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem05 tbody td[rowspan] {
    font-size: 3.0769230769vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem05 tbody td[rowspan] {
    padding: 5.1282051282vw 1.5384615385vw !important;
    text-align: center;
    font-weight: 500;
  }
}
#hcnContents .tableAreaItem05 td {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  text-align: center;
}
@media screen and (max-width: 767px) {
  #hcnContents .tableAreaItem05 td {
    font-size: 3.0769230769vw !important;
  }
}
#hcnContents .qaArea {
  position: relative;
  padding: clamp(10px, 12.5vw, 160px) 0 0;
  z-index: 1;
}
@media screen and (max-width: 767px) {
  #hcnContents .qaArea {
    padding: 23.0769230769vw 0 0;
  }
}
#hcnContents .qaArea .qaArea_bg {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #F7F5F6;
  z-index: -1;
}
#hcnContents .qaArea .qaArea_heading {
  width: clamp(10px, 81.25vw, 1040px);
  margin-inline: auto;
  padding-bottom: clamp(10px, 2.578125vw, 33px);
  border-bottom: 2px solid #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .qaArea .qaArea_heading {
    width: 89.7435897436vw;
    padding-bottom: 5.1282051282vw;
  }
}
#hcnContents .qaArea .qaArea_heading h2 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 2.03125vw, 26px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #hcnContents .qaArea .qaArea_heading h2 {
    font-size: 5.1282051282vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .qaArea .qaArea_heading h2 {
    text-align: center;
  }
}
#hcnContents .qaArea .qaArea_container {
  width: clamp(10px, 81.25vw, 1040px);
  margin-top: clamp(10px, 4.6875vw, 60px);
  margin-inline: auto;
  padding-bottom: clamp(10px, 12.5vw, 160px);
}
@media screen and (max-width: 767px) {
  #hcnContents .qaArea .qaArea_container {
    width: 89.7435897436vw;
    margin-top: 11.5384615385vw;
    padding-bottom: 23.0769230769vw;
  }
}
#hcnContents .accordion {
  padding-left: clamp(10px, 7.8125vw, 100px);
}
@media screen and (max-width: 767px) {
  #hcnContents .accordion {
    padding-left: 10.2564102564vw;
  }
}
#hcnContents .accordion .accordion_item {
  width: clamp(10px, 68.828125vw, 881px);
  padding: clamp(10px, 2.34375vw, 30px) 0;
  border-bottom: 1px solid #000000;
}
@media screen and (max-width: 767px) {
  #hcnContents .accordion .accordion_item {
    width: 79.4871794872vw;
    padding: 7.6923076923vw 0;
  }
}
#hcnContents .accordion .question {
  position: relative;
  display: grid;
  grid-template-columns: 1fr clamp(10px, 1.5625vw, 20px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  background: none;
  border: none;
  cursor: pointer;
}
@media screen and (max-width: 767px) {
  #hcnContents .accordion .question {
    grid-template-columns: 69.2307692308vw 5.1282051282vw;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding-left: 0;
  }
}
#hcnContents .accordion .question::before {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  left: clamp(-70px, -5.46875vw, 0px);
  width: clamp(10px, 3.125vw, 40px);
  height: clamp(10px, 3.125vw, 40px);
  background-image: url(/../../lp/accountAdapterV7/assets/images/question.webp);
}
@media screen and (max-width: 767px) {
  #hcnContents .accordion .question::before {
    left: -10.2564102564vw;
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
}
#hcnContents .accordion .answer {
  position: relative;
  left: clamp(-70px, -5.46875vw, 0px);
  width: clamp(10px, 67.265625vw, 861px);
  padding: 0 0 0 clamp(10px, 5.46875vw, 70px);
  height: 0;
  overflow: hidden;
  -webkit-transition: height 0.5s ease;
  transition: height 0.5s ease;
}
@media screen and (max-width: 767px) {
  #hcnContents .accordion .answer {
    width: 69.2307692308vw;
    padding: 0 0 0 10.2564102564vw;
    left: -10.2564102564vw;
  }
}
#hcnContents .accordion .answer::before {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: clamp(10px, 2.03125vw, 26px);
  left: 0;
  width: clamp(10px, 3.125vw, 40px);
  height: clamp(10px, 3.125vw, 40px);
  background-image: url(/../../lp/accountAdapterV7/assets/images/answer.webp);
}
@media screen and (max-width: 767px) {
  #hcnContents .accordion .answer::before {
    width: 7.6923076923vw;
    height: 7.6923076923vw;
  }
}
#hcnContents .accordion .answer .txtWrap {
  padding: clamp(10px, 2.5vw, 32px) 0 clamp(10px, 0.78125vw, 10px);
}
#hcnContents .accordion .answer .txtWrap a {
  display: block;
  color: #3E8A49;
  text-decoration: underline;
}
#hcnContents .accordion .question .txtWrap > p,
#hcnContents .accordion .answer .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.7857142857;
  text-align: left;
}
@media screen and (max-width: 767px) {
  #hcnContents .accordion .question .txtWrap > p,
  #hcnContents .accordion .answer .txtWrap > p {
    font-size: 3.5897435897vw !important;
  }
}
#hcnContents .accordion .question .txtWrap ul > li,
#hcnContents .accordion .answer .txtWrap ul > li {
  position: relative;
  padding-left: clamp(10px, 1.09375vw, 14px);
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.7857142857;
}
@media screen and (max-width: 767px) {
  #hcnContents .accordion .question .txtWrap ul > li,
  #hcnContents .accordion .answer .txtWrap ul > li {
    font-size: 3.5897435897vw !important;
  }
}
#hcnContents .accordion .question .txtWrap ul > li::before,
#hcnContents .accordion .answer .txtWrap ul > li::before {
  position: absolute;
  content: "・";
  left: 0;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
}
@media screen and (max-width: 767px) {
  #hcnContents .accordion .question .txtWrap ul > li::before,
  #hcnContents .accordion .answer .txtWrap ul > li::before {
    font-size: 3.5897435897vw !important;
  }
}
#hcnContents .featuresArea {
  width: clamp(10px, 81.25vw, 1040px);
  margin-inline: auto;
  padding: clamp(10px, 4.6875vw, 60px) 0;
  background-color: #ffffff;
  border-radius: clamp(10px, 1.328125vw, 17px);
  -webkit-filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
          filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
}
@media screen and (max-width: 767px) {
  #hcnContents .featuresArea {
    width: 89.7435897436vw;
    padding: 15.3846153846vw 0;
    border-radius: 3.3333333333vw;
  }
}
#hcnContents .featuresArea ul {
  display: grid;
  grid-template-columns: clamp(10px, 73.4375vw, 940px);
  row-gap: clamp(10px, 3.59375vw, 46px);
  place-content: center;
  place-items: center;
}
@media screen and (max-width: 767px) {
  #hcnContents .featuresArea ul {
    grid-template-columns: 78.2051282051vw;
    row-gap: 15.3846153846vw;
  }
}
#hcnContents .featuresArea ul > li {
  display: grid;
  grid-template-columns: clamp(10px, 17.96875vw, 230px) clamp(10px, 4.6875vw, 60px) clamp(10px, 23.4375vw, 300px) clamp(10px, 1.5625vw, 20px) clamp(10px, 25.78125vw, 330px);
  grid-template-rows: clamp(10px, 5.78125vw, 74px);
}
@media screen and (max-width: 767px) {
  #hcnContents .featuresArea ul > li {
    grid-template-columns: 1fr;
    grid-template-rows: unset;
    row-gap: 5.1282051282vw;
  }
}
#hcnContents .featuresArea ul > li h3 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.5625vw, 20px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents .featuresArea ul > li h3 {
    font-size: 4.6153846154vw !important;
  }
}
#hcnContents .featuresArea ul > li .txtWrap {
  margin-top: clamp(1px, 0.390625vw, 5px);
}
@media screen and (max-width: 767px) {
  #hcnContents .featuresArea ul > li .txtWrap {
    margin-top: 2.5641025641vw;
  }
}
#hcnContents .featuresArea ul > li .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  #hcnContents .featuresArea ul > li .txtWrap > p {
    font-size: 3.8461538462vw !important;
  }
}
#hcnContents .featuresArea .featuresArea_left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
#hcnContents .featuresArea .featuresArea_left > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: clamp(10px, 4.6875vw, 60px);
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #E11237;
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  color: #ffffff;
  text-align: center;
  border-radius: clamp(10px, 5vw, 64px);
}
@media screen and (max-width: 767px) {
  #hcnContents .featuresArea .featuresArea_left > span {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .featuresArea .featuresArea_left > span {
    height: 12.8205128205vw;
    border-radius: 16.4102564103vw;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents .space {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #hcnContents.level00 #point01,
  #hcnContents.level00 #point02,
  #hcnContents.level00 #point03,
  #hcnContents.level00 #point04,
  #hcnContents.level00 #point05 {
    padding-right: clamp(10px, 1.40625vw, 18px);
  }
}
@media screen and (max-width: 767px) {
  #hcnContents.level00 #point01,
  #hcnContents.level00 #point02,
  #hcnContents.level00 #point03,
  #hcnContents.level00 #point04,
  #hcnContents.level00 #point05 {
    border-radius: 2.5641025641vw;
  }
}
#hcnContents.level00 #point01 .pointItem_heading img,
#hcnContents.level00 #point02 .pointItem_heading img,
#hcnContents.level00 #point03 .pointItem_heading img,
#hcnContents.level00 #point04 .pointItem_heading img,
#hcnContents.level00 #point05 .pointItem_heading img {
  width: clamp(10px, 49.21875vw, 630px);
}
@media screen and (max-width: 767px) {
  #hcnContents.level00 #point01 .pointItem_heading img,
  #hcnContents.level00 #point02 .pointItem_heading img,
  #hcnContents.level00 #point03 .pointItem_heading img,
  #hcnContents.level00 #point04 .pointItem_heading img,
  #hcnContents.level00 #point05 .pointItem_heading img {
    width: 100%;
  }
}
#hcnContents.level00 #point01 .pointItem_heading h3,
#hcnContents.level00 #point02 .pointItem_heading h3,
#hcnContents.level00 #point03 .pointItem_heading h3,
#hcnContents.level00 #point04 .pointItem_heading h3,
#hcnContents.level00 #point05 .pointItem_heading h3 {
  margin-top: clamp(10px, 2.34375vw, 30px);
  padding-bottom: 0;
  border: none;
}
@media screen and (max-width: 767px) {
  #hcnContents.level00 #point01 .pointItem_heading h3,
  #hcnContents.level00 #point02 .pointItem_heading h3,
  #hcnContents.level00 #point03 .pointItem_heading h3,
  #hcnContents.level00 #point04 .pointItem_heading h3,
  #hcnContents.level00 #point05 .pointItem_heading h3 {
    margin-top: 7.6923076923vw;
    font-size: 3.8461538462vw;
    line-height: 1.6666666667;
  }
}
#hcnContents.level00 #point01 .pointItem_container,
#hcnContents.level00 #point02 .pointItem_container,
#hcnContents.level00 #point03 .pointItem_container,
#hcnContents.level00 #point04 .pointItem_container,
#hcnContents.level00 #point05 .pointItem_container {
  display: grid;
  grid-template-areas: "txt img";
  grid-template-columns: clamp(10px, 30.859375vw, 395px) clamp(10px, 39.296875vw, 503px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-top: clamp(10px, 2.34375vw, 30px);
}
@media screen and (max-width: 767px) {
  #hcnContents.level00 #point01 .pointItem_container,
  #hcnContents.level00 #point02 .pointItem_container,
  #hcnContents.level00 #point03 .pointItem_container,
  #hcnContents.level00 #point04 .pointItem_container,
  #hcnContents.level00 #point05 .pointItem_container {
    grid-template-areas: "img" "txt";
    grid-template-columns: 1fr;
    row-gap: 7.6923076923vw;
    margin-top: 7.6923076923vw;
  }
}
#hcnContents.level00 #point01 .pointItem_container .txtWrap,
#hcnContents.level00 #point02 .pointItem_container .txtWrap,
#hcnContents.level00 #point03 .pointItem_container .txtWrap,
#hcnContents.level00 #point04 .pointItem_container .txtWrap,
#hcnContents.level00 #point05 .pointItem_container .txtWrap {
  grid-area: txt;
}
#hcnContents.level00 #point01 .pointItem_container .txtWrap > p,
#hcnContents.level00 #point02 .pointItem_container .txtWrap > p,
#hcnContents.level00 #point03 .pointItem_container .txtWrap > p,
#hcnContents.level00 #point04 .pointItem_container .txtWrap > p,
#hcnContents.level00 #point05 .pointItem_container .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.7857142857;
}
@media screen and (max-width: 767px) {
  #hcnContents.level00 #point01 .pointItem_container .txtWrap > p,
  #hcnContents.level00 #point02 .pointItem_container .txtWrap > p,
  #hcnContents.level00 #point03 .pointItem_container .txtWrap > p,
  #hcnContents.level00 #point04 .pointItem_container .txtWrap > p,
  #hcnContents.level00 #point05 .pointItem_container .txtWrap > p {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents.level00 #point01 .pointItem_container .txtWrap > p,
  #hcnContents.level00 #point02 .pointItem_container .txtWrap > p,
  #hcnContents.level00 #point03 .pointItem_container .txtWrap > p,
  #hcnContents.level00 #point04 .pointItem_container .txtWrap > p,
  #hcnContents.level00 #point05 .pointItem_container .txtWrap > p {
    line-height: 1.7857142857;
  }
}
#hcnContents.level00 #point01 .pointItem_container .imgWrap,
#hcnContents.level00 #point02 .pointItem_container .imgWrap,
#hcnContents.level00 #point03 .pointItem_container .imgWrap,
#hcnContents.level00 #point04 .pointItem_container .imgWrap,
#hcnContents.level00 #point05 .pointItem_container .imgWrap {
  grid-area: img;
  width: 100%;
  margin: 0;
}
#hcnContents.level01 .commonBg {
  background-position: center top;
}
#hcnContents.level03 #topic02.layout04 {
  position: relative;
}
#hcnContents.level03 #topic02.layout04::after {
  position: absolute;
  display: inline-block;
  content: "";
  background-repeat: no-repeat;
  background-size: contain;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: clamp(10px, 4.53125vw, 58px);
  height: clamp(10px, 1.875vw, 24px);
  background-color: #2B7D43;
  -webkit-mask-image: url(/../../lp/accountAdapterV7/assets/images/triangle.svg);
          mask-image: url(/../../lp/accountAdapterV7/assets/images/triangle.svg);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  z-index: 5;
}
@media screen and (max-width: 767px) {
  #hcnContents.level03 #topic02.layout04::after {
    width: 11.7948717949vw;
    height: 4.6153846154vw;
  }
}
#hcnContents.level03 #topic02.layout04 .layout04_top_bg {
  background-color: #2B7D43;
}
#hcnContents.level03 #topic02.layout04 .aboutItem {
  grid-template-rows: -webkit-max-content minmax(60px, auto);
  grid-template-rows: max-content minmax(60px, auto);
  row-gap: clamp(10px, 3.125vw, 40px);
  padding: clamp(10px, 2.5vw, 32px) 0 clamp(10px, 4.6875vw, 60px);
}
@media screen and (max-width: 767px) {
  #hcnContents.level03 #topic02.layout04 .aboutItem {
    row-gap: 5.1282051282vw;
    padding: 11.5384615385vw 0 12.8205128205vw;
  }
}
#hcnContents.level03 #topic02.layout04 .aboutItem .aboutItem_heading {
  padding-bottom: clamp(10px, 2.8125vw, 36px);
}
@media screen and (max-width: 767px) {
  #hcnContents.level03 #topic02.layout04 .aboutItem .aboutItem_heading {
    padding-bottom: 5.1282051282vw;
  }
}
#hcnContents.level03 #topic02.layout04 .aboutItem .aboutItem_heading h3 {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.71875vw, 22px) !important;
  font-optical-sizing: auto;
  font-weight: 700;
  font-style: normal;
  line-height: 1.3636363636;
}
@media screen and (max-width: 767px) {
  #hcnContents.level03 #topic02.layout04 .aboutItem .aboutItem_heading h3 {
    font-size: 5.1282051282vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents.level03 #topic02.layout04 .aboutItem .aboutItem_heading h3 {
    grid-template-rows: unset;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    line-height: 1.5;
    letter-spacing: 0.02em;
  }
}
#hcnContents.level03 #topic02.layout04 .aboutItem .aboutItem_heading h3 > span {
  color: #3E8A49;
}
@media screen and (max-width: 767px) {
  #hcnContents.level03 #topic02.layout04 .aboutItem .aboutItem_heading h3 > span {
    position: relative;
    top: -3.8461538462vw;
  }
}
#hcnContents.level03 #topic02.layout04 .aboutItem .txtWrap > p {
  color: #000000;
  font-family: "Noto Sans JP", serif;
  font-size: clamp(10px, 1.09375vw, 14px) !important;
  font-optical-sizing: auto;
  font-weight: 500;
  font-style: normal;
  line-height: 1.4285714286;
}
@media screen and (max-width: 767px) {
  #hcnContents.level03 #topic02.layout04 .aboutItem .txtWrap > p {
    font-size: 3.8461538462vw !important;
  }
}
@media screen and (max-width: 767px) {
  #hcnContents.level03 #topic02.layout04 .aboutItem .txtWrap > p {
    line-height: 1.6666666667;
    letter-spacing: 0.06em;
  }
}/*# sourceMappingURL=style.css.map */

/*
 *追加分
 */
#page_top {display: block !important;}
#hcnContents .layout01 .layout01_container {
    display: grid;
    grid-template-columns: clamp(10px, 48.203125vw, 524px) clamp(10px, 23.984375vw, 400px);
    -webkit-column-gap: clamp(10px, 6.328125vw, 81px);
    -moz-column-gap: clamp(10px, 6.328125vw, 81px);
    column-gap: clamp(10px, 6.328125vw, 81px);
    place-content: center;
    place-items: center;
    margin-top: clamp(10px, 5.078125vw, 65px);
}
.layout01_container h3{
    color: #000000;
    font-family: "Noto Sans JP", serif;
    font-size: clamp(10px, 19.5pt, 19.5pt) !important;
    font-optical-sizing: auto;
    font-weight: 500;
    font-style: normal;
    line-height: 2;
}
@media screen and (max-width: 767px) {
    #hcnContents .layout01 .layout01_container {
        grid-template-columns: 76.9230769231vw;
        -webkit-column-gap: unset;
        -moz-column-gap: unset;
        column-gap: unset;
        row-gap: 6.4102564103vw;
        margin-top: 12.8205128205vw;
    }
.layout01_container h3{font-size:5vw !important;}
}

/*
 *パンくずリスト
 */

.lp-breadcrumb{margin-bottom: 0rem;}
.lp-breadcrumb__inner {
    width: 93%;
    max-width: 128rem;
    margin: 1rem auto auto;
}
.lp-breadcrumb ol {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    margin: 0 0 0 auto;
    gap: 0 2rem;
}
.lp-breadcrumb ol li {
    position: relative;
    font-size: 14px;
}
.lp-breadcrumb__inner a span{
    color: #000　!important;
    text-decoration: none;
}
.lp-breadcrumb ol li:not(:first-of-type)::before {
    display: block;
    position: absolute;
    top: 0.2rem;
    left: -1rem;
    width: 4px;
    height: 8px;
    background: url(/assets/img/ico_arrow_gray.png);
    content: "";
}

/*
 *ネットワーク運用者におけるログ管理の実態
 */
.layout02_container .pointItem p img{max-width:880px;}
.featuresArea table{
width:93%;
margin: 20px auto 0;
padding:0 0 20px;
}

.featuresArea table thead td.td_1,
.featuresArea table thead td.td_3 {
font-size: 20pt;
}
.featuresArea table thead td.td_1 span,
.featuresArea table thead td.td_3 span {
padding: 15px 0 0 20px;
box-sizing: border-box;
display: inline-block;
}

.featuresArea table thead td.td_1 img.ico,
.featuresArea table thead td.td_3 img.ico {
max-width:45px;
margin-left:20px;
}
.featuresArea table td.td_1,
.featuresArea table td.td_3 {
width: 45%;
text-align: center;
line-height:1.3 !important;
vertical-align: middle;     /* 縦方向の中央寄せ */
font-weight:bold;
font-size:13pt;
}
.featuresArea table td.td_2 {
box-sizing: border-box;
width: 10%;
text-align: center;
vertical-align: middle;     /* 縦方向の中央寄せ */
padding:2%;
 font-size:2vw;
}
.featuresArea table tr.bg_r_g td.td_1 p.p_bg{
border-radius:30px;
color:#fff;
background-color:#E11237;
padding:5% 2% 4%;
box-sizing: border-box;
}
.featuresArea table tr.bg_r_g td.td_3 p.p_bg{
border-radius:30px;
color:#fff;
background-color:#2B7D43;
padding:5% 2% 4%;
box-sizing: border-box;
}
.sp-only_2 {display: none !important;}

@media only screen and (max-width: 767px){

.featuresArea table.border{border-bottom:1px solid #ccc;}
.featuresArea table td.td_1,
.featuresArea table td.td_3{
display:block;
width: 100%;
font-size:3.3vw;
}

.featuresArea table td.td_2{
display:block;
width: 100%;
font-size:7vw;
}
.featuresArea table tr.bg_r_g td.td_1 p.p_bg,
.featuresArea table tr.bg_r_g td.td_3 p.p_bg{
padding:5% 1%;
}
.featuresArea table tr.bg_r_g td.td_1 p.sp-only,
.featuresArea table tr.bg_r_g td.td_3 p.sp-only{
text-align:left;
padding-bottom:5px;
font-size:12pt !important;
}
.featuresArea table tr.bg_r_g td.td_1 p.sp-only img,
.featuresArea table tr.bg_r_g td.td_3 p.sp-only img{
max-width:30px !important;
margin-right:15px !important;
}
.featuresArea table tr.bg_r_g td.td_1 p.sp-only span,
.featuresArea table tr.bg_r_g td.td_3 p.sp-only span{
display:inline-block;
padding-top:15px;
}
.featuresArea table tr.atmedia{display:none;}
}

@media only screen and (max-width: 767px){
footer{background:#fff !important;}
}

/*
 *ネットワーク運用者におけるログ管理の実態　ここまで
 */
.pin-spacer{height:0px !important;}
.u-flex__col1{
width:97%;
max-width:488px;
margin:0 auto;
gap:0;
}
.u-flex__col2{
width:97%;
max-width:1040px;
margin:0 auto;
}
.u-flex__col2 .item_1 img,
.u-flex__col2 .item_2 img,
.u-flex__col1 .item_3 img{width:100%; max-width:27px;}
.u-flex__col2 .item_1,
.u-flex__col2 .item_2,
.u-flex__col1 .item_3{
display:flex;
border-radius:20px;
padding:30px 10px;
box-sizing:border-box;
margin:0 0 20px;
justify-content: center;
}
.u-flex__col2 .item_1{background: #00c05b;}
.u-flex__col2 .item_2{background: #008c41;}
.u-flex__col1 .item_3{background: #0cc7e3;}
.u-flex__col2 .item_1 a,
.u-flex__col2 .item_2 a,
.u-flex__col1 .item_3 a{
display: flex;
align-items: center;
color: #fff;
font-weight:bold;
}
.inner_update{
    width: 93%;
    max-width: 1040px;
    margin: auto;
}
.inner_adapter{
    width: 93%;
    max-width: 1280px;
    margin: auto;
    padding: 10rem 0;
}
.inner_adapter h2 {
    color: #000000;
    font-family: "Noto Sans JP", serif;
    font-size: clamp(18px, 2.5vw, 28px) !important;
    font-optical-sizing: auto;
    font-weight: 350;
    font-style: normal;
    letter-spacing: 0.06em;
    line-height: 1.25;
}
.inner_adapter .u-flex__col2 {
    width: 100%;
    max-width: 1280px;}
.inner_adapter .u-flex__col3 {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    max-width: 1280px;
    margin: auto;
    gap: 2rem;
}
.inner_adapter .u-flex__col3--item {
    box-sizing: border-box;
    width: calc((100% - 4rem) / 3);
    text-align: center;
}
.inner_adapter .c-cardbox__item--title{font-size:1.3rem;margin-bottom: 1.2rem !important;}
.inner_adapter .c-cardbox__item--text p:not([class]) {margin-bottom: 1.2rem !important;}
.inner_adapter .c-tag__white--red ul {margin-bottom: 20px !important;}
.usecase_container{
width:93%;
max-width:1040px;
margin:0 auto;
    padding: 3% 2% 1%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    background-color: #ffffff;
    border-radius: clamp(10px, 1.875vw, 24px);
    filter: drop-shadow(0px 6px 20px rgba(0, 0, 0, 0.16));
}
.usecase_container img{
width:100% !important;
}
.usecase_container h3{
    padding-bottom: clamp(10px, 1.5625vw, 20px);
    font-family: "Noto Sans JP", serif;
    font-size: clamp(10px, 1.875vw, 24px) !important;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    color: #3E8A49;
    /*border-bottom: 2px solid #7bbc87;*/
}
.c-tag__white--red ul li {
padding:5px 7px 3px !important;
}
/*
 *追加分　ここまで
 */