@charset "UTF-8";
/* Scss Document */
html, body {
  font-size: 16px; }

.c_gpp {
  color: #467a5f; }

.w-940 {
  width: 80%;
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media (max-width: 560px) {
    .w-940 {
      width: 85%; } }

section.title.greenplanet {
  box-sizing: border-box;
  position: relative;
  width: 100%;
  aspect-ratio: 1300 / 866;
  background: url("../img/greenplanet/title_base_pc.jpg") no-repeat center center;
  background-size: cover; }
  @media (max-width: 560px) {
    section.title.greenplanet {
      aspect-ratio: 390 / 580;
      background: url("../img/greenplanet/title_base_sp.jpg") no-repeat center center;
      background-size: cover; } }
  section.title.greenplanet div {
    position: absolute;
    width: 100%;
    text-align: center;
    top: 40%; }
    @media (min-width: 561px) {
      section.title.greenplanet div {
        transform: translateY(-50%); } }
    @media (max-width: 560px) {
      section.title.greenplanet div {
        top: 45%; } }
  section.title.greenplanet h1 {
    width: min(85%, 1057px);
    margin: auto auto 30px; }
  section.title.greenplanet p {
    width: min(70%, 660px);
    margin: auto; }

section.sec01 {
  margin-bottom: 150px; }

.greenplanet_copy {
  padding: 105px 0 150px;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 400;
  font-style: normal; }
  @media (max-width: 560px) {
    .greenplanet_copy {
      padding: 60px 0 100px; } }
  .greenplanet_copy h2 {
    font-weight: 700;
    font-size: 38px;
    letter-spacing: 0.1;
    text-align: center;
    margin-bottom: 70px; }
    .greenplanet_copy h2 br {
      display: none; }
    @media (max-width: 560px) {
      .greenplanet_copy h2 {
        font-size: 26px;
        line-height: 1.6em;
        margin-bottom: 45px; }
        .greenplanet_copy h2 br {
          display: block; } }
  .greenplanet_copy p {
    font-weight: 700;
    font-size: 16px;
    line-height: 41px; }
    @media (max-width: 560px) {
      .greenplanet_copy p {
        font-size: 16px;
        line-height: 34px; } }

h3.subtitle.pctab {
  position: absolute;
  top: 0;
  left: -110px; }
  @media (max-width: 560px) {
    h3.subtitle.pctab {
      display: none; } }

h3.subtitle.sp {
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #467a5f;
  font-size: 26px;
  margin-bottom: 35px;
  text-align: center; }
  h3.subtitle.sp span {
    display: block;
    line-height: 2.7em;
    font-size: 16px; }
  @media (min-width: 561px) {
    h3.subtitle.sp {
      display: none; } }

ul.ul_activity {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; }
  @media (max-width: 560px) {
    ul.ul_activity {
      justify-content: center; } }
  ul.ul_activity li {
    width: 32%;
    cursor: pointer;
    margin-bottom: 35px; }
    ul.ul_activity li figure {
      margin-bottom: 15px; }
    ul.ul_activity li h4 {
      font-family: "fot-tsukuardgothic-std", sans-serif;
      font-weight: 700;
      font-style: normal;
      color: #467a5f;
      line-height: 1.5em; }
    @media (max-width: 1350px) {
      ul.ul_activity li {
        width: 33%; } }
    @media (max-width: 560px) {
      ul.ul_activity li {
        width: 100%; }
        ul.ul_activity li h4 {
          font-size: 20px; } }

.modal {
  padding: 0; }
  .modal .inner {
    padding: 0; }

/* モーダル本体 */
.modal__wrapper {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9999;
  width: 100%;
  height: 100%; }

.modal__layer {
  height: 100%;
  background: rgba(97, 163, 130, 0.75);
  cursor: pointer; }

.modal__container {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: min(85%, 1000px);
  height: min(calc(100% - 60px), 1250px);
  padding: 45px;
  box-sizing: border-box;
  background: #fff;
  font-family: "fot-tsukuardgothic-std", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #467a5f; }
  @media (max-width: 1350px) {
    .modal__container {
      padding: 30px; } }
  @media (max-width: 560px) {
    .modal__container {
      height: min(calc(100% - 80px), 900px);
      padding: 20px; } }

.modal__inner {
  position: relative;
  overflow-y: scroll;
  height: 100%;
  box-sizing: border-box;
  padding: 5px 0; }
  @media (max-width: 560px) {
    .modal__inner {
      padding: 5px 0; } }

/* モーダルを閉じるボタン */
.modal__close {
  cursor: pointer;
  transition: opacity .6s; }
  .modal__close.pc_only {
    position: absolute;
    z-index: 999;
    top: 50px;
    right: -60px; }
    @media (max-width: 1350px) {
      .modal__close.pc_only {
        top: 35px;
        right: -40px; }
        .modal__close.pc_only img {
          width: 25px;
          height: auto; } }
    @media (max-width: 560px) {
      .modal__close.pc_only {
        display: none; } }
  .modal__close.btn_bottom {
    width: 186px;
    height: 64px;
    font-family: "fot-tsukuardgothic-std", sans-serif;
    font-weight: 700;
    font-style: normal;
    color: white;
    font-size: 22px;
    text-align: center;
    line-height: 64px;
    background-color: rgba(97, 163, 130, 0.75);
    margin: 100px auto auto; }
    @media (max-width: 560px) {
      .modal__close.btn_bottom {
        width: 152px;
        height: 54px;
        line-height: 54px;
        font-size: 18px;
        margin: 60px auto auto; } }
  .modal__close:hover {
    opacity: .6; }

/* モーダル内のコンテンツ */
.modal__content figure {
  width: 100%;
  margin-bottom: 45px; }
.modal__content h4 {
  font-size: 27px;
  font-weight: 700;
  line-height: 1.5em;
  margin-bottom: 20px; }
  @media (max-width: 560px) {
    .modal__content h4 {
      font-size: 22px;
      margin-bottom: 18px; } }
.modal__content p.date {
  margin-bottom: 20px; }
  @media (max-width: 560px) {
    .modal__content p.date {
      margin-bottom: 18px; } }
.modal__content p.honbun {
  line-height: 3em;
  margin-bottom: 30px; }
  @media (max-width: 560px) {
    .modal__content p.honbun {
      margin-bottom: 20px; } }

footer.footer_greenplanet {
  width: 100%;
  background-color: #467a5f;
  color: white;
  padding: 30px 0; }
  footer.footer_greenplanet .inner {
    width: min(85%, 1200px);
    margin: auto; }
    footer.footer_greenplanet .inner ul.footermenu_greenplanet {
      font-family: "fot-tsukuardgothic-std", sans-serif;
      font-weight: 700;
      font-style: normal;
      font-size: 16px;
      letter-spacing: .05em;
      display: flex;
      margin-bottom: 20px; }
      footer.footer_greenplanet .inner ul.footermenu_greenplanet li:first-of-type {
        border-right: 1px solid white;
        padding-right: 1em; }
      footer.footer_greenplanet .inner ul.footermenu_greenplanet li:last-of-type {
        padding-left: 1em; }
    footer.footer_greenplanet .inner p.copyright_greenplanet {
      font-size: 10px;
      line-height: 1.5em; }