@charset "utf-8";

#contentWrap {
  padding: 0;
  margin: 0 0 50px;
  line-height: 1.5;
  font-feature-settings: "halt" on;
}
@media screen and (min-width:768px) {
  #contentWrap {
    padding: 0 0 50px;
    margin: 0 0 50px;
  }
}


/*＝＝＝＝＝ 共通 ＝＝＝＝＝*/
.layout__column--xs {
  display: flex;
  flex-direction: column;
  gap: 4px;
  gap: clamp(4px, 2.5454545455px + 0.4545454545vw, 8px)
}

.layout__column--sm {
  display: flex;
  flex-direction: column;
  gap: 8px;
  gap: clamp(8px, 5.0909090909px + 0.9090909091vw, 16px)
}

.layout__column--md {
  display: flex;
  flex-direction: column;
  gap: 16px;
  gap: clamp(16px, 10.1818181818px + 1.8181818182vw, 32px)
}

.layout__column--lg {
  display: flex;
  flex-direction: column;
  gap: 32px;
  gap: clamp(32px, 20.3636363636px + 3.6363636364vw, 64px)
}

.layout__column--lgxl {
  display: flex;
  flex-direction: column;
  gap: 60px;
  gap: clamp(60px, 40.3636363636px + 6.1363636364vw, 114px)
}

.layout__column--xl {
  display: flex;
  flex-direction: column;
  gap: 64px;
  gap: clamp(64px, 40.7272727273px + 7.2727272727vw, 128px)
}

.layout__column--xxl {
  display: flex;
  flex-direction: column;
  gap: 128px;
  gap: clamp(128px, 81.4545454545px + 14.5454545455vw, 256px)
}


@media screen and (min-width:768px) {
  .v--sptab {
    display: none
  }
}

@media screen and (min-width:480px) {
  .v--sp {
    display: none
  }
}

@media screen and (max-width:480px) {
  .v--tab {
    display: none
  }
}

@media screen and (max-width:768px) {
  .v--pc {
    display: none
  }
}

.layout__ptb--lg {
  padding-top: 32px;
  padding-top: clamp(32px, 20.3636363636px + 3.6363636364vw, 64px);
  padding-bottom: 32px;
  padding-bottom: clamp(32px, 20.3636363636px + 3.6363636364vw, 64px)
}

.text12 {
  font-size: 10px;
  font-size: clamp(10px, 9.2727272727px + 0.2272727273vw, 12px)
}

.text14 {
  font-size: 12px;
  font-size: clamp(12px, 11.2727272727px + 0.2272727273vw, 14px)
}

.text16 {
  font-size: 14px;
  font-size: clamp(14px, 13.2727272727px + 0.2272727273vw, 16px)
}

.text18 {
  font-size: 16px;
  font-size: clamp(16px, 15.2727272727px + 0.2272727273vw, 18px)
}

.border-primary {
  border-width: 1px;
  border-style: solid;
  border-color: #000;
  padding: 1em 2em
}

/*＝＝＝＝＝ 共通 ＝＝＝＝＝*/




#zeh .midashi-secondary {
  font-weight: 500;
  font-size: 18px;
  font-size: clamp(18px, 15.0909090909px + 0.9090909091vw, 26px);
  text-align: center
}


.midashi-quinary {
  display: flex;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap
}

@media screen and (min-width:768px) {
  .midashi-quinary {
    flex-direction: row
  }
}


.midashi-quinary .midashi-quinary__title1,
.midashi-quinary .midashi-quinary__title2 {
  display: block;
  width: 100%
}

@media screen and (min-width:768px) {

  .midashi-quinary .midashi-quinary__title1,
  .midashi-quinary .midashi-quinary__title2 {
    width: auto
  }
}

.midashi-quinary .midashi-quinary__title1 {
  min-width: 12em;
  font-weight: 500;
  padding: 0.2em 1em;
  font-family: var(--font_family-NotoSansJP);
  color: #fff;
  text-align: center;
  font-size: 15px;
  font-size: clamp(15px, 14.6363636364px + 0.1136363636vw, 16px)
}

.sub_orange .midashi-quinary .midashi-quinary__title1 {
  background-color: #d47b3f
}

.sub_navy .midashi-quinary .midashi-quinary__title1 {
  background-color: #2f587e
}

.midashi-quinary .midashi-quinary__title2 {
  font-weight: 400;
  padding: 1em;
  flex: auto;
  text-align: center;
  font-size: 13px;
  font-size: clamp(13px, 11.9090909091px + 0.3409090909vw, 16px)
}

.sub_orange .midashi-quinary .midashi-quinary__title2 {
  background-color: #fcf3ec
}

.sub_navy .midashi-quinary .midashi-quinary__title2 {
  background-color: #eef0f5
}

@media screen and (min-width:768px) {
  .midashi-quinary .midashi-quinary__title2 {
    padding: 0.2em 1em;
    text-align: left
  }
}


.midashi-senary {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  font-weight: 500
}

.midashi-senary .midashi-senary__num {
  margin-right: 0.5em;
  flex: none;
  display: block;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--color_wh)
}


.midashi-senary .midashi-senary__num {
  margin-right: 0.5em;
  flex: none;
  display: block;
  width: 1.5em;
  height: 1.5em;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff
}

.sub_orange .midashi-senary .midashi-senary__num {
  background-color: #d47b3f
}

.sub_navy .midashi-senary .midashi-senary__num {
  background-color: #2f587e
}

.midashi-senary .midashi-senary__title {
  font-size: 16px;
  font-size: clamp(16px, 15.2727272727px + 0.2272727273vw, 18px)
}

@media screen and (min-width:480px) {
  .midashi-senary .midashi-senary__title {
    display: block
  }
}

.midashi-senary .midashi-senary__subtitle {
  font-size: 12px;
  font-size: clamp(12px, 11.2727272727px + 0.2272727273vw, 14px)
}

.zeh-section1 {
  background-image: url(../img/zeh/bg.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover
}

@media screen and (min-width:480px) {
  .zeh-section1 {
    background-image: url(../img/zeh/bg.jpg);
    background-position: top center
  }
}

.zeh-section1 .zeh-section1-a {
  padding: 6% 4% 4%;
  border-radius: 15px;
  background: rgba(255,255,255,0.7)
}

.zeh-section1 .zeh-section1-a .fig-zero {
  margin: 0 auto;
  width: 100%;
}
@media screen and (min-width:480px) {
  .zeh-section1 .zeh-section1-a .fig-zero {
    width: clamp(300px, 160.3636363636px + 43.6363636364vw, 684px)
  }
}

.zeh-section1 .zeh-section1-a .zeh-section1-title {
  font-weight: 500;
  text-align: center;
  letter-spacing: 0.05em;
  text-indent: 0.05em;
  font-size: 17px;
  font-size: clamp(17px, 13.7272727273px + 1.0227272727vw, 26px)
}

.zeh-section1 .zeh-section1-a .zeh-section1-text {
  line-height: 2;
  text-align: left;
  font-size: 13px;
  font-size: clamp(13px, 11.9090909091px + 0.3409090909vw, 16px)
}

@media screen and (min-width:768px) {
  .zeh-section1 .zeh-section1-a .zeh-section1-text {
    text-align: center
  }
}

.zeh-section1 .zeh-section1-a .lead-title2 {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  font-size: clamp(14px, 10.7272727273px + 1.0227272727vw, 23px)
}

.zeh-section1 .zeh-section1-a .lead {
  margin-top: 14px;
  margin-top: clamp(14px, 12.5454545455px + 0.4545454545vw, 18px)
}

.zeh-section1 .zeh-section1-a .lead .lead-title {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  font-size: clamp(14px, 10.3636363636px + 1.1363636364vw, 24px)
}

.zeh-section1 .zeh-section1-a .lead .lead-text {
  width: 90%;
  margin: 0 auto;
  margin-top: 1em;
  line-height: 1.5;
  text-align: left;
  font-size: 12px;
  font-size: clamp(12px, 11.2727272727px + 0.2272727273vw, 14px)
}

@media screen and (min-width:768px) {
  .zeh-section1 .zeh-section1-a .lead .lead-text {
    width: 86%;
    line-height: 2.5;
    text-align: center
  }
}

.zeh-section1 .zeh-section1-b {
  padding: 4%;
  border-radius: 15px;
  background: rgba(255,255,255,0.7)
}

.zeh-section1 .zeh-section1-b .lead-title2 {
  font-weight: 500;
  text-align: center;
  font-size: 14px;
  font-size: clamp(14px, 10.7272727273px + 1.0227272727vw, 23px)
}

.zeh-section1 .zeh-section1-b .block1 {
  max-width: 800px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: 20px;
  gap: clamp(20px, 14.1818181818px + 1.8181818182vw, 36px)
}

.zeh-section2 .sp__small--image {
  width: 80%;
  margin: 0 auto
}

@media screen and (min-width:768px) {
  .zeh-section2 .sp__small--image {
    width: auto
  }
}

.zeh-section2 .zeh-section2__list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap
}

@media screen and (min-width:768px) {
  .zeh-section2 .zeh-section2__list {
    flex-direction: row;
    gap: 12px 48px
  }

  .zeh-section2 .zeh-section2__list>:nth-child(7n-6) {
    width: calc((100% - 48px * 1) * 5 / 10)
  }

  .zeh-section2 .zeh-section2__list>:nth-child(7n-5) {
    width: calc((100% - 48px * 1) * 5 / 10)
  }

  .zeh-section2 .zeh-section2__list>:nth-child(7n-4) {
    width: calc((100% - 48px * 1) * 5 / 10)
  }

  .zeh-section2 .zeh-section2__list>:nth-child(7n-3) {
    width: calc((100% - 48px * 1) * 5 / 10)
  }

  .zeh-section2 .zeh-section2__list>:nth-child(7n-2) {
    width: calc((100% - 48px * 1) * 5 / 10)
  }

  .zeh-section2 .zeh-section2__list>:nth-child(7n-1) {
    width: calc((100% - 48px * 1) * 5 / 10)
  }

  .zeh-section2 .zeh-section2__list>:nth-child(7n) {
    width: calc((100% - 48px * 0) * 10 / 10)
  }
}

.zeh-section2 .zeh-section2__list .zeh-section2__item {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 20px;
  padding-bottom: 12px
}

@media screen and (min-width:480px) {
  .zeh-section2 .zeh-section2__list .zeh-section2__item {
    flex-direction: row;
    gap: 10px 10px
  }

  .zeh-section2 .zeh-section2__list .zeh-section2__item>:nth-child(2n-1) {
    width: calc((100% - 10px * 1) * 5 / 10)
  }

  .zeh-section2 .zeh-section2__list .zeh-section2__item>:nth-child(2n) {
    width: calc((100% - 10px * 1) * 5 / 10)
  }
}

.zeh-section2 .zeh-section2__list .zeh-section2__item.column3 {
  flex-direction: column
}

@media screen and (min-width:480px) {
  .zeh-section2 .zeh-section2__list .zeh-section2__item.column3 {
    gap: 20px 20px
  }

  .zeh-section2 .zeh-section2__list .zeh-section2__item.column3>* {
    width: calc((100% - 20px * 0) / 1)
  }
}

@media screen and (min-width:768px) {
  .zeh-section2 .zeh-section2__list .zeh-section2__item.column3 {
    flex-direction: row;
    gap: 20px 20px
  }

  .zeh-section2 .zeh-section2__list .zeh-section2__item.column3>:nth-child(2n-1) {
    width: calc((100% - 20px * 1) * 3.2 / 10)
  }

  .zeh-section2 .zeh-section2__list .zeh-section2__item.column3>:nth-child(2n) {
    width: calc((100% - 20px * 1) * 6.8 / 10)
  }
}

.zeh-content__border:after {
  display: block;
  width: 100%;
  height: 4px;
  background-image: url(../img/zeh/border-dot.svg);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 3004px 4px;
  content: ""
}

.zeh-section3__subheading--title {
  text-align: center;
  color: #fff;
  background-color: #276380;
  font-weight: 500;
  font-size: 13px;
  font-size: clamp(13px, 10.4545454545px + 0.7954545455vw, 20px);
  padding: 0.3em 1em
}

.zeh-section3 .zeh-section3__heading {
  display: flex;
  align-items: center;
  flex-direction: column;
  gap: 12px;
  gap: clamp(12px, 3.2727272727px + 2.7272727273vw, 36px)
}

@media screen and (min-width:768px) {
  .zeh-section3 .zeh-section3__heading {
    align-items: flex-start;
    flex-direction: row;
    gap: 30px 30px
  }

  .zeh-section3 .zeh-section3__heading>:nth-child(2n-1) {
    width: calc((100% - 30px * 1) * 1.8 / 10)
  }

  .zeh-section3 .zeh-section3__heading>:nth-child(2n) {
    width: calc((100% - 30px * 1) * 8.2 / 10)
  }
}

.zeh-section3 .zeh-section3__heading.normal {
  gap: 30px 30px
}

.zeh-section3 .zeh-section3__heading.normal>* {
  width: calc((100% - 30px * 0) / 1)
}

.zeh-section3 .zeh-section3__heading .marker {
  display: none
}

@media screen and (min-width:768px) {
  .zeh-section3 .zeh-section3__heading .marker {
    display: flex
  }
}

@media screen and (max-width:768px) {
  .zeh-section3 .zeh-section3__heading .zeh-section3__heading-group {
    display: flex;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 20px 20px
  }

  .zeh-section3 .zeh-section3__heading .zeh-section3__heading-group>:nth-child(2n-1) {
    width: calc((100% - 20px * 1) * 2.5 / 10)
  }

  .zeh-section3 .zeh-section3__heading .zeh-section3__heading-group>:nth-child(2n) {
    width: calc((100% - 20px * 1) * 7.5 / 10)
  }
}

.zeh-section3 .zeh-section3__heading .zeh-section3__heading-group .marker {
  display: flex
}

@media screen and (min-width:768px) {
  .zeh-section3 .zeh-section3__heading .zeh-section3__heading-group .marker {
    display: none
  }
}

.zeh-section3 .zeh-section3__heading.colmun3 .add__image {
  /*margin-top: -5px*/
  margin-top: 5px
}

@media screen and (min-width:480px) {
  .zeh-section3 .zeh-section3__heading.colmun3 .add__image {
    margin-top: 0px;
    max-width: 245px;
    max-width: clamp(245px, 220.6363636364px + 7.6136363636vw, 312px)
  }
}

.zeh-section3 .zeh-section3__heading.colmun3 .zeh-section3__heading--text {
  margin-top: -30px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  flex-direction: column;
  margin-top: -30px;
  margin-top: clamp(-30px, 38.1818181818px + -5.6818181818vw, 20px)
}

@media screen and (min-width:480px) {
  .zeh-section3 .zeh-section3__heading.colmun3 .zeh-section3__heading--text {
    flex-direction: row;
    gap: 40px 40px
  }

  .zeh-section3 .zeh-section3__heading.colmun3 .zeh-section3__heading--text>:nth-child(2n-1) {
    width: calc((100% - 40px * 1) * 5.8 / 10)
  }

  .zeh-section3 .zeh-section3__heading.colmun3 .zeh-section3__heading--text>:nth-child(2n) {
    width: calc((100% - 40px * 1) * 4.2 / 10)
  }
}

.zeh-section3 .zeh-section3__subheading .zeh-section3__subheading--text {
  margin-top: 1em;
  text-align: center;
  font-size: 11px;
  font-size: clamp(11px, 9.1818181818px + 0.5681818182vw, 16px)
}

.zeh-section3 .zeh-section3__heading--num {
  flex: none
}

.zeh-section3 .marker {
  width: 100%;
  height: 100%;
  color: #fff;
  background-color: #1a7898;
  display: flex;
  align-items: center;
  justify-content: center;
  aspect-ratio: 1
}

.zeh-section3 .marker p {
  display: flex;
  align-items: baseline;
  justify-content: center;
  font-size: 17px;
  font-size: clamp(17px, 12.2727272727px + 1.4772727273vw, 30px)
}

.zeh-section3 .marker p span {
  font-size: 14px;
  font-size: clamp(14px, 11.8181818182px + 0.6818181818vw, 20px)
}

.zeh-section3 .zeh-section3__heading--title {
  padding-bottom: 0.2em;
  font-weight: 500;
  color: #1a7898;
  text-align: left;
  font-size: 17px;
  font-size: clamp(17px, 13.7272727273px + 1.0227272727vw, 26px)
}

.zeh-section3 .zeh-section3__heading--title span {
  font-size: 10px;
  font-size: clamp(10px, 7.0909090909px + 0.9090909091vw, 18px)
}

.zeh-section3 .zeh-section3__heading--title.border {
  border-width: 0 0 1px;
  border-style: solid;
  border-color: #566574
}

.zeh-section3 .zeh-section3__heading--text {
  padding-top: 0.5em;
  font-weight: 500;
  font-size: 13px;
  font-size: clamp(13px, 12.2727272727px + 0.2272727273vw, 15px)
}

.zeh-section3 .zeh-section3__column2 {
  display: flex;
  flex-direction: column;
  gap: 20px
}

@media screen and (min-width:480px) {
  .zeh-section3 .zeh-section3__column2 {
    flex-direction: row;
    flex-wrap: wrap;
    gap: 32px 32px
  }

  .zeh-section3 .zeh-section3__column2>:nth-child(2n-1) {
    width: calc((100% - 32px * 1) * 5 / 10)
  }

  .zeh-section3 .zeh-section3__column2>:nth-child(2n) {
    width: calc((100% - 32px * 1) * 5 / 10)
  }
}