@charset "utf-8";
/* CSS Document */
/* img */
img {
  width: auto;
  height: auto;
  max-width: 100%;
}
/* facebook */
.fb-page {
  width: 100%;
  max-width: 500px;
  margin: 0 auto;
  display: block !important;
}
.sdgs-first {
  max-width: 680px;
  margin: 0 auto 30px;
}
.sdgs-wrap p,
.sdgs-text {
  line-height: 1.5em;
  font-size: 16px;
}
@media (max-width: 1000px) {
  .sdgs-wrap p,
  .sdgs-text {
    font-size: calc(16px + 2 * (100vw - 768px)/232);
  }
}
@media (max-width: 768px) {
  .sdgs-wrap p,
  .sdgs-text {
    font-size: calc(14px + 2 * (100vw - 320px)/448);
  }
}
@media (max-width: 320px) {
  .sdgs-wrap p,
  .sdgs-text {
    font-size: 12px;
  }
}

.sdgs-icon_3 {
  max-width: 654px;
  margin: 0 auto;
  margin-bottom: 40px;
}
.sdgs-icon_2 {
  max-width: 427px;
  margin: 0 auto;
  margin-bottom: 40px;
}
@media (max-width: 768px) {
  .sdgs-icon_3 {
    max-width: 500px;
  }
  .sdgs-icon_2 {
    max-width: 320px;
  }
}
@media (max-width: 480px) {
  .sdgs-icon_2 {
    max-width: 290px;
  }
}
@media (max-width: 480px) {
  .sdgs-icon_2 {
    max-width: 245px;
  }
}
@media (max-width: 480px) {
  .sdgs-icon_2 {
    max-width: none;
  }
  .column-box.sdgs-icon_2,
  .column-box.sdgs-icon_3 {
    display: block;
    text-align: center;
  }
  .sdgs-icon_2 .column-box__2col,
  .sdgs-icon_3 .column-box__3col {
    width: 100%;
    max-width: 120px;
    display: inline-block;
    margin: 10px;
  }
}

/* ------ 見出し ------- */
.h-style01 {
  font-size: 40px;
  text-align: center;
  background: url("../img/title-border-nami.png") no-repeat center bottom;
  background-size: 570px auto;
  padding-bottom: 30px;
  margin-bottom: 1.5em;
  line-height: 1.3em;
}
.h-style01__sub {
  font-size: 70%;
}
@media (max-width: 620px) {
  .h-style01 {
    background-size: 100% auto;
  }
}
@media (max-width: 1000px) {
  .h-style01 {
    font-size: calc(40px + 5 * (100vw - 768px)/232);
  }
}
@media (max-width: 768px) {
  .h-style01 {
    font-size: calc(35px + 5 * (100vw - 480px)/288);
  }
}
@media (max-width: 480px) {
  .h-style01 {
    font-size: calc(30px + 5 * (100vw - 320px)/160);
  }
}
@media (max-width: 320px) {
  .h-style01 {
    font-size: 25px;
  }
}
.h-style02 {
  font-size: 32px;
  text-align: center;
  margin-bottom: 1em;
  color: #707070;
}
@media (max-width: 1000px) {
  .h-style02 {
    font-size: calc(32px + 8 * (100vw - 768px)/232);
  }
}
@media (max-width: 768px) {
  .h-style02 {
    font-size: calc(24px + 4 * (100vw - 320px)/448);
  }
}
@media (max-width: 320px) {
  .h-style02 {
    font-size: 20px;
  }
}

.h-style02 + p {
  max-width: 480px;
  margin: 0 auto 40px;
}

/* ------ 改行 ------ */
@media screen and (min-width: 481px) {
  br.bp480-on { display: none; }
}
/* ------ テキスト揃え ------ */
.l-txt { text-align: left; }
.r-txt { text-align: right; }
.c-txt { text-align: center; }
/* bottom */
.mb-40 { margin-bottom: 40px; }
.mb-30 { margin-bottom: 30px; }
.mb-20 { margin-bottom: 20px; }

/* ------ セクション ------- */
.conts__cell--tb80 { padding: 80px 0; }
.conts__cell--b80 { padding-bottom: 80px; }
@media (max-width: 768px) {
  .conts__cell--tb80 {
    padding: calc(80px + 30 * (100vw - 480px)/288) 0;
  }
  .conts__cell--b80 {
    padding-bottom: calc(80px + 30 * (100vw - 480px)/288);
  }
}
@media (max-width: 480px) {
  .conts__cell--tb80 {
    padding: calc(50px + 20 * (100vw - 320px)/160) 0;
  }
  .conts__cell--b80 {
    padding-bottom: calc(50px + 20 * (100vw - 320px)/160);
  }
}
@media (max-width: 320px) {
  .conts__cell--tb80 {
    padding: 30px 0;
  }
  .conts__cell--b80 {
    padding-bottom: 30px;
  }
}
.conts__inner {
  max-width: 960px;
  margin: 0 auto;
}
@media (max-width: 1000px) {
  .conts__inner {
    width: 96%;
  }
}
/* ------ カラム（flex） ------- */
.column-box {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.column-box__2col { width: 48%; }
.column-box__3col { width: 31%; }
.column-box__500 { max-width: 500px; width: 100%; }
.column-box__400 { max-width: 400px; }
/* ブレイクポイント-汎用 */
@media screen and (max-width: 768px) {
  .bp768 > [class*="column-box__"] {
    width: 100%;
    margin-bottom: 20px;
  }
	.bp768 > [class*="column-box__"]:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 480px) {
  .bp480 > [class*="column-box__"] {
    width: 100%;
  }
	.bp480 > [class*="column-box__"]:not(:last-child) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 320px) {
  .bp320 > [class*="column-box__"] {
    width: 100%;
    margin-bottom: 20px;
  }
}
/* ブレイクポイント-中央揃え */
@media screen and (max-width: 768px) {
  .column-box.bp768-c {
    -webkit-justify-content: space-around; 
    justify-content: space-around;
  }
  .column-box.bp768-c > [class*="column-box__"] {
    width: 100%;
  }
}
.column-box.center {
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.column-box.end {
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
}