/*  ------------
1200px
1024px
767px
480px
------------  */
.c-page-headline {
  overflow: hidden;
}
.c-page-headline::after {
  height: 100% !important;
  background-color: #15a573 !important;
  z-index: -2;
}
.c-page-headline .c-page-headline-image {
  width: 100%;
  min-width: 1200px;
  line-height: 0;
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: -1;
  transform: translateX(-50%);
}
@media screen and (min-width: 767px) {
  .c-page-headline .c-page-headline-image {
    min-width: 1500px;
  }
}
.c-page-headline .p-saiene-ttl {
  color: #fff;
  font-size: 4rem;
  font-weight: bold;
  text-align: center;
  text-shadow: 0 0 8px #15a573;
  padding: 40px 0 100px;
}
@media screen and (min-width: 767px) {
  .c-page-headline .p-saiene-ttl {
    font-size: 5rem;
  }
}
.c-page-headline .saiene-slider {
  max-width: 1200px;
  margin: auto;
  padding-bottom: 80px;
}
.c-page-headline .saiene-slider .slick-list {
  overflow: visible;
}
.c-page-headline .saiene-slider .slick-list .slick-slide {
  margin: 1.5rem;
}

/*  */
.p-saiene-color-yellow {
  color: #F6C700;
}

.p-saiene-color-white {
  color: #fff;
}

.p-saiene-color-green {
  color: #15a573;
}

.l-flex {
  display: flex;
  flex-wrap: wrap;
}

.p-saiene-ttl-1 {
  font-size: 5.5vw;
  font-weight: bold;
  margin-bottom: 1em;
}
.p-saiene-ttl-1 .p-saiene-ttl-bg {
  background-image: url("../img/saiene/bg_ttl.svg");
  background-repeat: no-repeat;
  background-position: right center;
  padding: 1rem 5rem 1rem 1rem;
  display: inline-block;
  position: relative;
}
@media screen and (min-width: 767px) {
  .p-saiene-ttl-1 {
    font-size: 3.6rem;
  }
  .p-saiene-ttl-1 .p-saiene-ttl-bg {
    padding: 1rem 6rem 0.5rem 2rem;
  }
}

.p-saiene-inner {
  width: 90%;
  max-width: 1200px;
  margin-right: auto;
  margin-left: auto;
}

.p-saiene-about .p-saiene-about-wrap {
  width: 90%;
  padding-top: 120px;
  padding-bottom: 120px;
  margin: auto;
}
@media screen and (min-width: 1200px) {
  .p-saiene-about .p-saiene-about-wrap {
    width: auto;
    margin-left: calc((100% - 1200px) / 2);
  }
}
.p-saiene-about .p-saiene-about-wrap .p-saiene-about-inner {
  margin-right: -1em;
  margin-left: -1em;
}
.p-saiene-about .p-saiene-about-wrap .p-saiene-about-inner > div {
  width: 100%;
  padding: 1em;
}
@media screen and (min-width: 767px) {
  .p-saiene-about .p-saiene-about-wrap .p-saiene-about-inner > div {
    width: 50%;
  }
}
.p-saiene-about .p-saiene-about-wrap .p-saiene-about-text p {
  line-height: 2;
}

.p-saiene-question {
  background: linear-gradient(to right, #e4eec3 25%, #ffffff 100%);
  padding: 80px 0;
}
.p-saiene-question .p-saiene-inner .p-saiene-ttl-1 .p-saiene-ttl-bg::after {
  border-color: transparent #e4eec3 transparent transparent;
}
.p-saiene-question .p-saiene-inner .p-saiene-question-wrap {
  margin-right: -2em;
  margin-left: -2em;
}
.p-saiene-question .p-saiene-inner .p-saiene-question-wrap .p-saiene-question-box {
  width: 100%;
  padding: 1em 2em;
}
@media screen and (min-width: 767px) {
  .p-saiene-question .p-saiene-inner .p-saiene-question-wrap .p-saiene-question-box {
    width: 50%;
  }
}
.p-saiene-question .p-saiene-inner .p-saiene-question-wrap .p-saiene-question-box .p-saiene-question-text {
  background-color: #fff;
  font-size: 1.6rem;
  border: #15a573 solid 2px;
  padding: 2em;
  margin-top: -1.5rem;
  position: relative;
  z-index: 1;
}
.p-saiene-question .p-saiene-inner .p-saiene-question-wrap .p-saiene-question-box .p-saiene-question-text p {
  background-image: linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%), linear-gradient(180deg, #15a573 1px, transparent 1px);
  background-size: 8px 100%, 100% 2.5em;
  line-height: 2.5em;
  padding-bottom: 1px;
}

.p-saiene-chance {
  padding: 80px 0;
}
.p-saiene-chance .p-saiene-chance-wrap .l-flex {
  margin-right: -1em;
  margin-left: -1em;
}
.p-saiene-chance .p-saiene-chance-wrap .l-flex > div {
  width: 100%;
  padding: 1em;
}
@media screen and (min-width: 1040px) {
  .p-saiene-chance .p-saiene-chance-wrap .l-flex > div {
    width: 50%;
  }
}
.p-saiene-chance .p-saiene-chance-wrap .l-flex > div .p-saiene-chance-text {
  line-height: 2;
}

.p-saiene-point {
  padding: 0 0 80px;
}
.p-saiene-point .p-saiene-inner {
  background-color: #15a573;
  padding: 5%;
}
@media screen and (min-width: 1200px) {
  .p-saiene-point .p-saiene-inner {
    padding: 80px;
  }
}
.p-saiene-point .p-saiene-inner .p-saiene-ttl-1 {
  text-align: center;
}
.p-saiene-point .p-saiene-inner .p-saiene-ttl-1 .p-saiene-ttl-bg {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22868.064%22%20height%3D%2266%22%20viewBox%3D%220%200%20868.064%2066%22%3E%20%3Cpath%20id%3D%22bg_ttl%22%20d%3D%22M1432.459%2C1224.613H564.395v-66h868.064l-32.547%2C32.839Z%22%20transform%3D%22translate(-564.395%20-1158.613)%22%20fill%3D%22%23ffffff%22%2F%3E%3C%2Fsvg%3E");
}
.p-saiene-point .p-saiene-inner .p-saiene-point-list {
  color: #fff;
  font-size: 5vw;
  font-weight: bold;
  text-align: left;
  margin-bottom: 1em;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 767px) {
  .p-saiene-point .p-saiene-inner .p-saiene-point-list {
    font-size: 3.2rem;
  }
  .p-saiene-point .p-saiene-inner .p-saiene-point-list ol li {
    background-size: 4rem !important;
  }
}
.p-saiene-point .p-saiene-inner .p-saiene-point-list ol li {
  background-repeat: no-repeat;
  background-size: 6.5vw;
  line-height: 1.2;
  padding-left: 1.5em;
  margin-bottom: 0.5em;
}
.p-saiene-point .p-saiene-inner .p-saiene-point-list ol li:nth-child(1) {
  background-image: url(../img/saiene/ico_no01.svg);
}
.p-saiene-point .p-saiene-inner .p-saiene-point-list ol li:nth-child(2) {
  background-image: url(../img/saiene/ico_no02.svg);
}
.p-saiene-point .p-saiene-inner .p-saiene-point-list ol li:nth-child(3) {
  background-image: url(../img/saiene/ico_no03.svg);
}
.p-saiene-point .p-saiene-inner .p-saiene-point-box:nth-of-type(2) {
  display: none;
}
@media screen and (min-width: 767px) {
  .p-saiene-point .p-saiene-inner .p-saiene-point-box:nth-of-type(2) {
    display: inherit;
  }
}
.p-saiene-point .p-saiene-inner .p-saiene-point-box:nth-of-type(3) {
  display: inherit;
}
.p-saiene-point .p-saiene-inner .p-saiene-point-box:nth-of-type(3) .p-saiene-point-tabs:nth-child(3) {
  margin-top: 2em;
}
@media screen and (min-width: 767px) {
  .p-saiene-point .p-saiene-inner .p-saiene-point-box:nth-of-type(3) {
    display: none;
  }
}
.p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-color-green {
  background-color: #e4eec3;
  font-size: 4.5vw;
  font-weight: bold;
  padding: 1rem 2rem;
  position: relative;
  display: inline-block;
  cursor: pointer;
}
@media screen and (min-width: 767px) {
  .p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-color-green {
    font-size: 2.4rem;
  }
  .p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-color-green:hover, .p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-color-green.is-active {
    background-color: #fff;
  }
}
.p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-point-text {
  background-color: #fff;
  text-align: center;
  padding: 2rem;
  transition: all 0.2s ease-out;
}
.p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-point-text:nth-child(2) .p-saiene-point-inner {
  line-height: 1;
}
.p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-point-text:nth-child(2) .p-saiene-point-inner > div {
  padding: 1rem;
}
@media screen and (min-width: 767px) {
  .p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-point-text:nth-child(2) .p-saiene-point-inner > div {
    width: 50%;
  }
}
@media screen and (min-width: 1024px) {
  .p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-point-text:nth-child(2) .p-saiene-point-inner > div {
    width: 33.333%;
  }
}
.p-saiene-point .p-saiene-inner .p-saiene-point-box .p-saiene-point-text:not(.is-show) {
  display: none;
}

.p-saiene-eco {
  padding-bottom: 80px;
}
.p-saiene-eco .p-saiene-eco-text {
  font-size: 3.2rem;
  font-weight: bold;
  text-align: center;
  padding-bottom: 1em;
}
.p-saiene-eco .p-saiene-eco-text .line {
  background-color: #FFEB00;
  display: inline-block;
}
@media screen and (max-width: 766px) {
  .p-saiene-eco .p-saiene-eco-text {
    font-size: 5.5vw;
  }
  .p-saiene-eco .p-saiene-eco-text br {
    display: none;
  }
}
.p-saiene-eco .p-saiene-inner {
  text-align: center;
}

.p-saiene-faq {
  background: linear-gradient(to left, #e4eec3 25%, #ffffff 100%);
  padding: 80px 0;
}
.p-saiene-faq .p-saiene-faq-wrap {
  -moz-column-count: 1;
       column-count: 1;
  -moz-column-gap: 0;
       column-gap: 0;
  margin-right: -1em;
  margin-left: -1em;
}
@media screen and (min-width: 767px) {
  .p-saiene-faq .p-saiene-faq-wrap {
    -moz-column-count: 2;
         column-count: 2;
  }
}
.p-saiene-faq .p-saiene-faq-wrap .p-saiene-faq-box {
  page-break-inside: avoid;
  -moz-column-break-inside: avoid;
       break-inside: avoid;
  padding: 1em;
}
.p-saiene-faq .p-saiene-faq-wrap .p-saiene-faq-box .p-saiene-faq-text {
  background-color: #fff;
  text-align: justify;
  padding: 2.5rem;
}
.p-saiene-faq .p-saiene-faq-wrap .p-saiene-faq-box .p-saiene-faq-text .p-saiene-color-green {
  font-size: 1.6rem;
  font-weight: bold;
  margin-bottom: 1rem;
}

.p-saiene-goal {
  padding-top: 80px;
}
.p-saiene-goal .p-saiene-inner {
  max-width: 800px;
}
.p-saiene-goal .p-saiene-inner .p-saiene-ttl-1 {
  background-color: #15a573;
  padding: 1rem 2rem;
  margin-bottom: 0;
  display: inline-block;
}
.p-saiene-goal .p-saiene-inner .p-saiene-goal-box {
  text-align: center;
  border: #15a573 solid 1px;
  padding: 2em;
}
.p-saiene-goal .p-saiene-inner .p-saiene-goal-box p {
  margin-bottom: 1em;
}