@charset "UTF-8";
/***************************************

main

***************************************/
/*---------------------------------------
base
---------------------------------------*/
/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100;300;400;500;700;900&family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ul li, ol li {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

/***************************************

variables

***************************************/
/*---------------------------------------
break point
---------------------------------------*/
/*---------------------------------------
color
---------------------------------------*/
/*---------------------------------------
font family
---------------------------------------*/
/***************************************

mixins

***************************************/
/*---------------------------------------
media queries
---------------------------------------*/
/*---------------------------------------
clearfix
---------------------------------------*/
/*---------------------------------------
font-size
---------------------------------------*/
/*---------------------------------------
position
---------------------------------------*/
/*---------------------------------------
animation
---------------------------------------*/
/*---------------------------------------
widthの横幅計算
---------------------------------------*/
/*---------------------------------------
vwのサイズ計算
---------------------------------------*/
/*---------------------------------------
widthの横幅計算
---------------------------------------*/
/***************************************

base

***************************************/
/*---------------------------------------
HTML要素のデフォルト設定
---------------------------------------*/
* {
  box-sizing: border-box;
  font-weight: 400;
  font-feature-settings: 'palt';
}

html {
  margin: 0 !important;
  overflow-y: scroll;
}

body {
  width: 100%;
  scroll-behavior: smooth;
  text-rendering: optimizeSpeed;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  font-size: 14px;
  letter-spacing: .04em;
  word-wrap: break-word;
  position: relative;
  color: #000000;
  background-color: #ffffff;
  font-family: "Noto Sans JP", "Yu Gothic Medium", "游ゴシック Medium", "YuGothic", "Yu Gothic", "游ゴシック体", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Arial", "Meiryo", sans-serif;
}

@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
  }
}

/* img要素の扱いを簡単にする */
img {
  /* max-width: 100%; */
  width: 100%;
  vertical-align: bottom;
  height: auto;
}

/*リンク*/
a {
  text-decoration: none;
  color: #000000;
  font-size: 14px;
  letter-spacing: .04em;
  font-weight: 400;
  word-wrap: break-word;
  display: block;
}

@media screen and (min-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

a,
img,
a img {
  border: none;
  border: 0px;
  outline: none;
}

button,
html [type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
}

button,
input,
optgroup,
select,
textarea {
  font-family: sans-serif;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  padding: 0;
  appearance: none;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}

input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}

input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

small,
picture,
button {
  display: block;
}

/* IE11でmainタグを使うための設定 */
main {
  display: block;
}

/***************************************

anim

***************************************/
/* --------------------------------------------------
  anim_fade
*/
/***************************************

helper

***************************************/
/* display */
@media screen and (min-width: 768px) {
  .hp-displaySp {
    display: none !important;
  }
}

.hp-displayPc {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .hp-displayPc {
    display: block !important;
  }
}

.hp-displayPc--2 {
  display: none !important;
}

@media screen and (min-width: 768px) {
  .hp-displayPc--2 {
    display: block !important;
  }
}

/* flex */
.hp-flex {
  display: flex !important;
}

.hp-justified {
  display: flex !important;
  justify-content: space-between !important;
}

.hp-justifiedSp {
  display: flex !important;
  justify-content: space-between !important;
}

@media screen and (min-width: 768px) {
  .hp-justifiedSp {
    display: block !important;
  }
}

@media screen and (min-width: 768px) {
  .hp-justifiedPc {
    display: flex !important;
    justify-content: space-between !important;
  }
}

/*---------------------------------------
vendor
---------------------------------------*/
/*---------------------------------------
structures
---------------------------------------*/
/***************************************

layout

★ ページ内で一つだけ作成するもの
- .container(ページ全体を囲う)
- .mainContainer(.mainと.footerを囲う)
- .main(.headerと.footerの間を囲う)
- .wrapper(.mainの中でコンテンツを囲う)

★ 繰り返し利用可能
- .inner(コンテンツが収まる内側の範囲を規定する)

***************************************/
/*---------------------------------------
.container
---------------------------------------*/
@media screen and (min-width: 768px) {
  .container {
    min-width: 1240px;
  }
}

/*---------------------------------------
.mainContainer
---------------------------------------*/
/*---------------------------------------
.main
---------------------------------------*/
.main {
  width: 100%;
}

/*---------------------------------------
.wrapper
---------------------------------------*/
/*---------------------------------------
.inner
---------------------------------------*/
.inner__medium {
  width: 92%;
  max-width: 1240px;
  margin: 0 auto;
}

.inner__large {
  width: 100%;
  max-width: 1400px;
  margin: 0 auto;
}

/***************************************

header

***************************************/
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  background-color: #ffffff;
  height: 13.33333vw;
  min-height: 50px;
}

@media screen and (min-width: 768px) {
  .header {
    left: 0 !important;
    height: 86px;
  }
}

@media screen and (min-width: 1240px) {
  .header {
    min-width: 1240px;
  }
}

.header_wrap {
  width: 92vw;
  margin: 0 auto;
  align-items: center;
  position: relative;
  padding: 2vw 0 2.53333vw;
}

@media screen and (min-width: 768px) {
  .header_wrap {
    width: 97%;
    padding: 0;
    top: 50%;
    transform: translateY(-50%);
  }
}

@media screen and (min-width: 1240px) {
  .header_wrap {
    width: 88.57143vw;
    min-width: 1240px;
    padding: 13px 20px 0;
    top: 0;
    transform: translateY(0);
  }
}

.header_projectLogo {
  width: 36.26667vw;
}

@media screen and (min-width: 768px) {
  .header_projectLogo {
    width: 333px;
  }
}

@media screen and (min-width: 1240px) {
  .header_projectLogo {
    width: 439px;
  }
}

.header_frame {
  width: 48.66667vw;
}

@media screen and (min-width: 768px) {
  .header_frame {
    width: 333px;
  }
}

@media screen and (min-width: 1240px) {
  .header_frame {
    align-items: center;
  }
}

.header_partner {
  width: 40.4vw;
  height: 4.53333vw;
  position: relative;
  background: url(../img/common/header_logo_partner.png) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .header_partner {
    width: 261px;
  }
}

@media screen and (min-width: 1240px) {
  .header_partner {
    width: 261px;
    height: 29px;
  }
}

.header_partner a {
  width: 100%;
  height: 100%;
}

.header_partner_logo {
  width: 18.07627vw;
}

@media screen and (min-width: 1240px) {
  .header_partner_logo__higashiyama {
    width: 117px;
  }
}

.header_partner_logo__brother {
  width: 17.79067vw;
}

@media screen and (min-width: 1240px) {
  .header_partner_logo__brother {
    width: 115px;
  }
}

.header_burger {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  overflow: hidden;
  width: 16px;
  height: 15px;
  z-index: 1;
  transition: opacity .1s ease 1.1s;
}

@media screen and (min-width: 768px) {
  .header_burger {
    width: 40px;
    height: 26px;
  }
}

@media screen and (min-width: 1240px) {
  .header_burger {
    position: relative;
    width: 40px;
    height: 26px;
    transform: translateY(0);
    top: auto;
  }
}

.JS-megamenu-show .header_frame .header_burger {
  opacity: 0;
  transition: opacity .1s ease 0s;
}

.header_burger span {
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  display: block;
  width: 16px;
  height: 1px;
  background-color: #231815;
}

@media screen and (min-width: 768px) {
  .header_burger span {
    width: 40px;
    height: 2px;
  }
}

@media screen and (min-width: 1240px) {
  .header_burger span {
    background-color: #000000;
    width: 40px;
    height: 2px;
  }
}

.header_burger span:nth-of-type(1) {
  top: 0;
  transform-origin: right top;
}

@media screen and (min-width: 1240px) {
  .header_frame .header_burger:hover span:nth-of-type(1) {
    animation: kf-header-button-off0 2.3s ease-in-out -1.5s 1;
  }
  .JS-megamenu-show .header_frame .header_burger:hover span:nth-of-type(1) {
    animation: none;
  }
}

.header_burger span:nth-of-type(2) {
  top: 7px;
}

@media screen and (min-width: 768px) {
  .header_burger span:nth-of-type(2) {
    top: 12px;
  }
}

@media screen and (min-width: 1240px) {
  .header_burger span:nth-of-type(2) {
    top: 12px;
    left: auto;
    right: 0;
  }
  .header_frame .header_burger:hover span:nth-of-type(2) {
    animation: kf-header-button-off0 2.3s ease-in-out -1.35s 1;
  }
  .JS-megamenu-show .header_frame .header_burger:hover span:nth-of-type(2) {
    animation: none;
  }
}

.header_burger span:nth-of-type(3) {
  bottom: 0;
  transform-origin: right bottom;
}

@media screen and (min-width: 1240px) {
  .header_frame .header_burger:hover span:nth-of-type(3) {
    animation: kf-header-button-off0 2.3s ease-in-out -1.2s 1;
  }
  .JS-megamenu-show .header_frame .header_burger:hover span:nth-of-type(3) {
    animation: none;
  }
}

@keyframes kf-header-button-off0 {
  0%, 100%, 65% {
    transform: translateX(0);
    opacity: 1;
  }
  80% {
    transform: translateX(100%);
    opacity: 0;
  }
  85% {
    transform: translateX(-100%);
    opacity: 0;
  }
}

.header_megamenu {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0vh;
  color: #000000;
  background-color: #efe9dc;
  transition: height 0.7s ease 0.6s;
}

.JS-megamenu-show .header_megamenu {
  height: 100vh;
  transition: height 0.7s ease 0s;
}

.header_megamenu_inner {
  height: 100%;
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}

.header_megamenu_overlay {
  width: 100%;
  height: 100vh;
  background-color: #efe9dc;
}

.header_megamenu_close {
  width: 100%;
  background-color: #efe9dc;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  height: 13.33333vw;
  display: flex;
  align-items: center;
}

@media screen and (min-width: 1240px) {
  .header_megamenu_close {
    height: 86px;
    min-width: 1240px;
  }
}

.header_megamenu_close_wrap {
  width: 92vw;
  margin: 0 auto;
  position: relative;
  align-items: center;
  padding: 2vw 0 2.53333vw;
}

@media screen and (min-width: 1240px) {
  .header_megamenu_close_wrap {
    width: 88.57143vw;
    min-width: 1240px;
    padding: 13px 20px 0;
  }
}

.header_megamenu_close_cross {
  position: relative;
  width: 16px;
  height: 15px;
  margin-left: auto;
}

@media screen and (min-width: 768px) {
  .header_megamenu_close_cross {
    width: 40px;
    height: 26px;
  }
}

@media screen and (min-width: 1240px) {
  .header_megamenu_close_cross {
    width: 40px;
    height: 26px;
  }
}

.header_megamenu_close_cross div {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  overflow: hidden;
  transition-timing-function: ease-in-out;
  transition-duration: .25s;
  backface-visibility: hidden;
}

@media screen and (min-width: 768px) {
  .header_megamenu_close_cross div {
    height: 2px;
  }
}

.header_megamenu_close_cross div:nth-of-type(1) {
  top: 50%;
  margin: -1px 0 0;
}

.JS-megamenu-show .header_megamenu_close_cross div:nth-of-type(1) {
  animation: header_on0 .5s linear forwards;
}

.header_megamenu_close_cross div:nth-of-type(1) > span span {
  left: -100%;
}

.JS-megamenu-show .header_megamenu_close_cross div:nth-of-type(1) > span span {
  animation: header_on2 .25s linear .5s forwards;
}

.header_megamenu_close_cross div:nth-of-type(2) {
  top: 50%;
  margin: -1px 0 0;
}

.header_megamenu_close_cross div:nth-of-type(3) {
  top: 50%;
  margin: -1px 0 0;
}

.JS-megamenu-show .header_megamenu_close_cross div:nth-of-type(3) {
  animation: header_on1 .5s linear forwards;
}

.header_megamenu_close_cross div:nth-of-type(3) > span span {
  left: 100%;
}

.JS-megamenu-show .header_megamenu_close_cross div:nth-of-type(3) > span span {
  animation: header_on3 .25s linear .75s forwards;
}

.header_megamenu_close_cross div > span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
  backface-visibility: hidden;
  background: rgba(255, 255, 255, 0);
}

.header_megamenu_close_cross div > span span {
  display: block;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  transition-duration: .5s;
  transition-timing-function: ease-in-out;
  backface-visibility: hidden;
  background-color: #000000;
}

@keyframes header_on0 {
  0% {
    top: 0;
    margin: 0;
    transform: rotate(0);
  }
  50% {
    top: 50%;
    margin: -1px 0 0;
    transform: rotate(0);
  }
  100% {
    top: 50%;
    margin: -1px 0 0;
    transform: rotate(45deg);
  }
}

@keyframes header_on1 {
  0% {
    top: 100%;
    transform: rotate(0);
  }
  50% {
    top: 50%;
    transform: rotate(0);
  }
  100% {
    top: 50%;
    transform: rotate(-45deg);
  }
}

@keyframes header_on2 {
  0% {
    left: -100%;
  }
  100% {
    left: 0;
  }
}

@keyframes header_on3 {
  0% {
    left: 100%;
  }
  100% {
    left: 0;
  }
}

.header_megamenu_cont {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 73.33333vw;
  padding-left: 11.33333vw;
  margin: 0 auto;
  transform: translateY(-47.5%);
  opacity: 0;
  transition: all .3s ease;
  transition-delay: .0s;
}

@media screen and (min-width: 768px) {
  .header_megamenu_cont {
    width: 568px;
    margin: 0 auto;
    padding-left: 68px;
  }
}

.JS-megamenu-show .header_megamenu_cont {
  transform: translateY(-50%);
  opacity: 1;
  transition: all .3s ease;
  transition-delay: .6s;
}

.header_megamenu_cont a {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  transition: color .35s ease;
}

@media screen and (min-width: 768px) {
  .header_megamenu_cont a:hover {
    color: #6fba2c;
  }
}

.header_megamenu_block {
  margin-bottom: 10vw;
}

@media screen and (min-width: 768px) {
  .header_megamenu_block {
    margin-bottom: 65px;
  }
}

.header_megamenu_link a {
  position: relative;
  letter-spacing: 0.15em;
  font-size: 4.93333vw;
}

@media screen and (min-width: 768px) {
  .header_megamenu_link a {
    font-size: 30px;
    font-size: 1.875rem;
  }
}

.header_megamenu_link a:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background-color: #000000;
  width: 8vw;
  left: -18.446%;
  height: 1px;
}

@media screen and (min-width: 768px) {
  .header_megamenu_link a:after {
    width: 50px;
    left: -68px;
  }
}

.header_megamenu_child {
  margin-top: 4.66667vw;
}

@media screen and (min-width: 768px) {
  .header_megamenu_child {
    margin-top: 30px;
  }
}

.header_megamenu_child_items {
  margin-left: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .header_megamenu_child_items {
    margin-left: 35px;
  }
}

.header_megamenu_child_items .item {
  margin-bottom: 2.26667vw;
}

@media screen and (min-width: 768px) {
  .header_megamenu_child_items .item {
    margin-bottom: 15px;
  }
  .header_megamenu_child_items .item:last-of-type {
    margin-bottom: 0;
  }
}

.header_megamenu_child_items .item a {
  letter-spacing: 0.15em;
  font-size: 3.73333vw;
}

@media screen and (min-width: 768px) {
  .header_megamenu_child_items .item a {
    font-size: 23px;
    font-size: 1.4375rem;
  }
}

/***************************************

footer

***************************************/
.footer {
  position: relative;
  background-color: #efe9dc;
  padding: 8vw 0 2.66667vw;
}

@media screen and (min-width: 768px) {
  .footer {
    padding: 35px 0;
  }
}

.footer_wrap {
  width: 84vw;
  margin: 0 auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .footer_wrap {
    width: 1200px;
  }
}

@media screen and (min-width: 1280px) {
  .footer_wrap {
    width: 1240px;
  }
}

.footer_toTop {
  width: 9.33333vw;
  height: 9.33333vw;
  border-radius: 50%;
  position: fixed;
  right: 4%;
  bottom: 50px;
  z-index: 5;
  visibility: hidden;
  opacity: 0;
  transition: opacity .2s linear;
}

@media screen and (min-width: 768px) {
  .footer_toTop {
    width: 50px;
    height: 50px;
  }
}

.footer_toTop.JS-show {
  visibility: visible;
  opacity: 1;
}

.footer_toTop.JS-animation {
  position: absolute;
  top: -53.672%;
  right: -4.761%;
}

@media screen and (min-width: 768px) {
  .footer_toTop.JS-animation {
    top: 25px;
    right: 35px;
  }
}

.footer_toTop a {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #efe9dc;
  position: relative;
}

@media screen and (min-width: 768px) {
  .footer_toTop a {
    background-color: #ffffff;
  }
}

.footer_toTop a:hover::after {
  transform: translateY(-70%);
}

.footer_toTop a::after {
  content: '';
  display: block;
  background: url(../img/common/footer_totoop_arrow.svg) no-repeat center/contain;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  transition: all .3s ease;
  width: 4vw;
  height: 2.26667vw;
}

@media screen and (min-width: 768px) {
  .footer_toTop a::after {
    width: 22px;
    height: 13px;
  }
}

.footer_zoobo {
  position: absolute;
  width: 26.4vw;
  right: 0;
  bottom: 46.610%;
}

@media screen and (min-width: 768px) {
  .footer_zoobo {
    width: 120px;
    bottom: 62px;
    left: 50%;
    margin-left: 390px;
  }
}

.footer_nav {
  margin-bottom: 12.53333vw;
}

@media screen and (min-width: 768px) {
  .footer_nav {
    width: 620px;
    margin: 0 auto;
    margin-bottom: 90px;
  }
}

.footer_nav_item {
  margin-bottom: 2.66667vw;
}

.footer_nav_item:last-of-type {
  margin-bottom: 0;
}

.footer_nav_item a {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  transition: color .35s ease;
  padding-left: 3.33333vw;
  position: relative;
  letter-spacing: .2em;
}

@media screen and (min-width: 768px) {
  .footer_nav_item a {
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: .19em;
    padding-left: 0;
  }
  .footer_nav_item a:hover {
    color: #6fba2c;
  }
}

.footer_nav_item a::after {
  content: '';
  display: block;
  position: absolute;
  width: 0.93333vw;
  height: 1.06667vw;
  background: url(../img/common/footer_nav_arrow.svg) no-repeat center/contain;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media screen and (min-width: 768px) {
  .footer_nav_item a::after {
    display: none;
  }
}

@media screen and (min-width: 768px) {
  .footer_bottom {
    align-items: flex-end;
  }
}

.footer_contact {
  font-family: "Noto Serif JP", serif;
  margin-bottom: 2.53333vw;
  text-align: center;
}

@media screen and (min-width: 768px) {
  .footer_contact {
    padding-bottom: 0;
    margin-bottom: 0;
    text-align: left;
  }
}

.footer_contact_title {
  font-weight: 600;
  font-size: 2.26667vw;
  letter-spacing: .15em;
  margin-bottom: 2vw;
}

@media screen and (min-width: 768px) {
  .footer_contact_title {
    font-size: 13px;
    font-size: 0.8125rem;
    margin-bottom: 10px;
  }
}

.footer_contact a {
  font-weight: 600;
  font-size: 2.26667vw;
  letter-spacing: .15em;
}

@media screen and (min-width: 768px) {
  .footer_contact a {
    font-size: 13px;
    font-size: 0.8125rem;
  }
}

.footer_contact_line {
  width: 100%;
  height: 1px;
  background: black;
  background: linear-gradient(180deg, #000000 0%, #000000 40%, #efe9dc 40%, #efe9dc 100%);
  margin-top: 3.86667vw;
}

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

.footer_copyright {
  width: 81.33333vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .footer_copyright {
    width: 380px;
    margin-right: 0;
  }
}

/*---------------------------------------
components
---------------------------------------*/
/***************************************

block

*************************************/
/* --------------------------------------------------
	
*/
/* --------------------------------------------------
	
*/
/***************************************

element

***************************************/
/* --------------------------------------------------
	テキスト
*/
/* */
/*---------------------------------------
contents
---------------------------------------*/
/***************************************

home

***************************************/
.home {
  /* --------------------------------------------------
    kv
  */
  /* --------------------------------------------------
    scroll
  */
  /* --------------------------------------------------
    message
  */
  /* --------------------------------------------------
    crisis
  */
  /* --------------------------------------------------
    redList
  */
  /* --------------------------------------------------
    endangeredSpecies
  */
  /* modaal */
  /* --------------------------------------------------
    partner
  */
  /* --------------------------------------------------
    Modall
  */
}

.home .kv {
  padding-top: 13.33333vw;
  position: relative;
  z-index: -1;
  z-index: 0;
  top: 0;
  left: 0;
  width: 100%;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .home .kv {
    padding: 86px 0 0;
    margin-bottom: 0;
    height: 797px !important;
    left: 0 !important;
  }
}

.home .kv_inner {
  display: flex;
  flex-direction: column-reverse;
  width: 100%;
  top: 13.33333vw;
}

@media screen and (min-width: 768px) {
  .home .kv_inner {
    display: block;
    background-color: #efe9dc;
    min-width: 1240px;
    top: 86px;
    height: 711px !important;
  }
}

.home .kv_logoArea {
  width: 55.06667vw;
  padding-top: 8vw;
  margin: 0 auto;
  background-color: #ffffff;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .home .kv_logoArea {
    width: 88.57143vw;
    position: relative;
    height: 100%;
    background-color: transparent;
    min-width: 1240px;
    top: 50%;
    transform: translateY(-50%);
    padding-top: 0;
    padding-left: 20px;
    pointer-events: none;
  }
}

@media screen and (min-width: 1240px) {
  .home .kv_logoArea {
    width: 88.57143vw;
  }
}

@media screen and (min-width: 768px) {
  .home .kv_logoArea_bottom {
    position: absolute;
    bottom: 160px;
  }
}

@media screen and (min-width: 768px) {
  .home .kv_copy {
    position: absolute;
    font-family: "Noto Serif JP", serif;
    top: 4%;
    pointer-events: none;
  }
}

@media screen and (min-width: 768px) {
  .home .kv_copy span {
    display: block;
    font-size: 16px;
    font-size: 1rem;
    line-height: 2.1875;
    letter-spacing: .20em;
    font-weight: 600;
  }
}

.home .kv_projectLogo {
  width: 52.93333vw;
  margin-right: auto;
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .home .kv_projectLogo {
    width: 215px;
    margin-bottom: 32px;
    pointer-events: none;
  }
}

@media screen and (min-width: 1240px) {
  .home .kv_projectLogo {
    width: 242px;
    margin-bottom: 36px;
  }
}

@media screen and (min-width: 768px) {
  .home .kv_supporterLogo {
    width: 222px;
  }
}

@media screen and (min-width: 1240px) {
  .home .kv_supporterLogo {
    width: 250px;
  }
}

.home .kv_slideArea {
  position: relative;
  width: 100%;
  height: 100%;
}

@media screen and (min-width: 768px) {
  .home .kv_slideArea {
    position: absolute;
    top: 0px;
    right: 0;
    height: 100%;
    width: 882px;
  }
}

@media screen and (min-width: 1240px) {
  .home .kv_slideArea {
    width: 71.14286vw;
  }
}

.home .kv_slide {
  height: 112vw;
  margin-bottom: 25.73333vw;
}

@media screen and (min-width: 768px) {
  .home .kv_slide {
    position: absolute;
    top: 0;
    right: 0;
    height: 797px !important;
    width: 882px;
  }
}

@media screen and (min-width: 1240px) {
  .home .kv_slide {
    width: 71.14286vw;
  }
}

.home .kv_slide_item {
  width: 100%;
  height: 100%;
}

.home .kv_slide_item:nth-of-type(1) {
  background: url(../img/home/kv_slide_01_sp.jpg) no-repeat center/cover;
}

@media screen and (min-width: 768px) {
  .home .kv_slide_item:nth-of-type(1) {
    background: url(../img/home/kv_slide_01_pc.jpg) no-repeat center/cover;
  }
}

.home .kv_slide_item:nth-of-type(2) {
  background: url(../img/home/kv_slide_02_sp.jpg) no-repeat center/cover;
}

@media screen and (min-width: 768px) {
  .home .kv_slide_item:nth-of-type(2) {
    background: url(../img/home/kv_slide_02_pc.jpg) no-repeat center/cover;
    margin-top: 15px;
  }
}

.home .kv_slide_item:nth-of-type(3) {
  background: url(../img/home/kv_slide_03_sp.jpg) no-repeat center/cover;
}

@media screen and (min-width: 768px) {
  .home .kv_slide_item:nth-of-type(3) {
    background: url(../img/home/kv_slide_03_pc.jpg) no-repeat center/cover;
    margin-top: 60px;
  }
}

.home .kv_slide_item:nth-of-type(4) {
  background: url(../img/home/kv_slide_04_sp.jpg) no-repeat center/cover;
}

@media screen and (min-width: 768px) {
  .home .kv_slide_item:nth-of-type(4) {
    background: url(../img/home/kv_slide_04_pc.jpg) no-repeat center/cover;
  }
}

.home .kv_slide_item:nth-of-type(5) {
  background: url(../img/home/kv_slide_05_sp.jpg) no-repeat center/cover;
}

@media screen and (min-width: 768px) {
  .home .kv_slide_item:nth-of-type(5) {
    background: url(../img/home/kv_slide_05_pc.jpg) no-repeat center/cover;
  }
}

.home .kv_slide_item:nth-of-type(6) {
  background: url(../img/home/kv_slide_06_sp.jpg) no-repeat center/cover;
}

@media screen and (min-width: 768px) {
  .home .kv_slide_item:nth-of-type(6) {
    background: url(../img/home/kv_slide_06_pc.jpg) no-repeat center/cover;
  }
}

.home .kv_slide_item a {
  width: 100%;
  height: 100%;
}

.home .kv_slide .slick-list {
  height: 100%;
}

@media screen and (min-width: 768px) {
  .home .kv_slide .slick-list {
    height: 100%;
  }
}

.home .kv_slide .slick-track {
  height: 100%;
}

@media screen and (min-width: 768px) {
  .home .kv_slide .slick-track {
    height: 100%;
  }
}

.home .scroll {
  width: 12.4vw;
  max-width: 47px;
  margin: 0 auto;
  margin-top: -21.33333vw;
}

@media screen and (min-width: 768px) {
  .home .scroll {
    left: 0;
    right: 0;
    width: 60px;
    max-width: initial;
    margin-top: 20px;
    bottom: 20px;
    padding-bottom: 0;
    z-index: 1;
  }
}

.home .scroll_arrow {
  overflow: hidden;
  margin-left: auto;
  margin-right: auto;
  width: 1px;
  height: 8.66667vw;
  max-height: 34px;
  margin-bottom: 2.26667vw;
  background-color: #000000;
  animation: kf-scroll-arrow 2.2s infinite cubic-bezier(0.68, 0.12, 0.36, 1);
}

@media screen and (min-width: 768px) {
  .home .scroll_arrow {
    height: 40px;
    max-height: initial;
    margin-bottom: 8px;
  }
}

.home .scroll_letter {
  width: 100%;
}

@keyframes kf-scroll-arrow {
  0% {
    opacity: 0;
    transform: scale(1, 0);
    transform-origin: center top;
  }
  40% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: center top;
  }
  40.1% {
    opacity: 1;
    transform: scale(1, 1);
    transform-origin: center bottom;
  }
  75% {
    opacity: 1;
    transform: scale(1, 0);
    transform-origin: center bottom;
  }
  75.1% {
    opacity: 0;
    transform: scale(1, 0);
    transform-origin: center bottom;
  }
  100% {
    opacity: 0;
    transform: scale(1, 0);
    transform-origin: center bottom;
  }
}

.home #message_pageLink {
  padding-top: 13.33333vw;
  margin-top: -13.33333vw;
}

@media screen and (min-width: 768px) {
  .home #message_pageLink {
    padding-top: 86px;
    margin-top: -86px;
  }
}

.home .message {
  padding: 18vw 0 13.73333vw;
  height: auto;
  position: relative;
}

@media screen and (min-width: 768px) {
  .home .message {
    position: relative;
    overflow: visible;
    padding: 130px 0 77px;
    height: 560px;
  }
}

@media screen and (min-width: 768px) {
  .home .message_overlay {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background-color: #ffffff;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(1px);
  }
}

.home .message_background {
  position: absolute;
  z-index: 1;
}

.home .message_background__01 {
  width: 10.66667vw;
  left: 4%;
  top: -3%;
}

@media screen and (min-width: 768px) {
  .home .message_background__01 {
    width: 150px;
    top: 82px;
    left: 50%;
    margin-left: 340px;
  }
}

.home .message_background__02 {
  width: 20.66667vw;
  right: 2.66667%;
  bottom: 11%;
}

@media screen and (min-width: 768px) {
  .home .message_background__02 {
    width: 107px;
    top: 223px;
    left: 50%;
    margin-left: 470px;
  }
}

.home .message_background__03 {
  width: 5.6vw;
  right: 0%;
  bottom: 5.3%;
}

@media screen and (min-width: 768px) {
  .home .message_background__03 {
    width: 165px;
    right: 50%;
    bottom: 196px;
    margin-right: 440px;
  }
}

@media screen and (min-width: 768px) {
  .home .message_background__04 {
    width: 109px;
    right: 50%;
    bottom: 130px;
    margin-right: 350px;
  }
}

@media screen and (min-width: 768px) {
  .home .message_background__05 {
    width: 100%;
    height: 560px;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: url(../img/home/message_background_05_pc.png) no-repeat center/2000px;
  }
}

@media screen and (min-width: 768px) {
  .home .message_background__06 {
    width: 100%;
    height: 560px;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 auto;
    background: url(../img/home/message_background_06_pc.png) no-repeat center/2000px;
  }
}

.home .message_inner {
  width: 84vw;
  flex-direction: row-reverse;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home .message_inner {
    position: absolute;
    width: 1240px;
    top: 130px;
    left: 0;
    right: 0;
  }
}

.home .message_title {
  width: 3.2vw;
}

@media screen and (min-width: 768px) {
  .home .message_title {
    width: 86px;
    margin-left: 430px;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .home .message_wrap {
    margin-left: 430px;
  }
}

.home .message_copy {
  font-family: "Noto Serif JP", serif;
  font-size: 5.33333vw;
  letter-spacing: .26em;
  line-height: 1.675;
  margin-bottom: 8.66667vw;
}

.home .message_copy span {
  display: block;
  font-weight: 600;
}

.home .message_statement {
  font-family: "Noto Serif JP", serif;
}

.home .message_statement span {
  display: block;
  font-size: 3.46667vw;
  line-height: 2;
  letter-spacing: .16em;
  font-weight: 600;
}

@media screen and (min-width: 768px) {
  .home .message_statement span {
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 2.222;
    letter-spacing: .27em;
    font-weight: 500;
  }
}

.home .crisis {
  padding: 5.33333vw 0 4.53333vw;
  background-color: #fbc600;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .home .crisis {
    padding: 60px 0;
  }
}

.home .crisis_inner {
  width: 84vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home .crisis_inner {
    width: 900px;
  }
}

.home .crisis_description {
  margin-bottom: 7.33333vw;
}

@media screen and (min-width: 768px) {
  .home .crisis_description {
    margin-bottom: 35px;
  }
}

.home .crisis_description_title {
  width: 17.33333vw;
  display: flex;
  justify-content: space-between;
  flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .home .crisis_description_title {
    width: 255px;
    display: block;
  }
}

.home .crisis_description_title span {
  display: flex;
  width: 7.33333vw;
  position: relative;
  z-index: 2;
}

@media screen and (min-width: 768px) {
  .home .crisis_description_title span {
    display: block;
    width: 100%;
    height: 41px;
    line-height: 41px;
  }
}

.home .crisis_description_title span:first-child {
  height: 34.66667vw;
}

@media screen and (min-width: 768px) {
  .home .crisis_description_title span:first-child {
    width: 200px;
    height: auto;
    margin-bottom: 14px;
  }
}

@media screen and (min-width: 768px) {
  .home .crisis_description_title span:first-child:before {
    height: 41px;
    right: auto;
  }
}

.crisis_inner.FX-active .crisis_description_title span:first-child:before {
  height: 34.66667vw;
}

@media screen and (min-width: 768px) {
  .crisis_inner.FX-active .crisis_description_title span:first-child:before {
    width: 200px;
    height: 41px;
  }
}

.home .crisis_description_title span:last-child {
  height: 44vw;
}

@media screen and (min-width: 768px) {
  .home .crisis_description_title span:last-child {
    height: auto;
  }
}

@media screen and (min-width: 768px) {
  .home .crisis_description_title span:last-child:before {
    height: 41px;
    right: auto;
  }
}

.crisis_inner.FX-active .crisis_description_title span:last-child:before {
  height: 44vw;
}

@media screen and (min-width: 768px) {
  .crisis_inner.FX-active .crisis_description_title span:last-child:before {
    width: 255px;
    height: 41px;
  }
}

.home .crisis_description_title span:before, .home .crisis_description_title span:after {
  content: '';
  display: block;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}

.home .crisis_description_title span:before {
  background-color: #000000;
  z-index: -1;
}

.home .crisis_description_text {
  width: 55.6vw;
  font-size: 3.06667vw;
  letter-spacing: .14em;
  line-height: 1.608;
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .home .crisis_description_text {
    width: 590px;
    text-align: justify;
    font-size: 14px;
    font-size: 0.875rem;
    letter-spacing: .27em;
    line-height: 1.857;
  }
}

.home .crisis_causes {
  width: 100%;
}

.home .crisis_cause {
  width: 27.06667vw;
}

@media screen and (min-width: 768px) {
  .home .crisis_cause {
    width: 273px;
  }
}

.home .crisis_cause_caption {
  height: 6.4vw;
  line-height: 6.4vw;
  font-size: 3.06667vw;
  text-align: center;
  font-weight: bold;
  letter-spacing: .12em;
  background-color: #ffffff;
}

@media screen and (min-width: 768px) {
  .home .crisis_cause_caption {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: .20em;
    line-height: 40px;
    height: 40px;
  }
}

.home #redList_pageLink {
  padding-top: 13.2vw;
  margin-top: -13.2vw;
}

@media screen and (min-width: 768px) {
  .home #redList_pageLink {
    padding-top: 85px;
    margin-top: -85px;
  }
}

.home .redList {
  background-color: #ffffff;
  padding: 8.8vw 0 10.26667vw;
}

@media screen and (min-width: 768px) {
  .home .redList {
    position: relative;
    padding: 80px 0 100px;
  }
}

.home .redList_inner {
  width: 84vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home .redList_inner {
    width: 900px;
  }
}

.home .redList_copy {
  width: 33.86667vw;
  margin: 0 auto 2.66667vw;
}

@media screen and (min-width: 768px) {
  .home .redList_copy {
    width: 246px;
    margin-left: 0;
    margin-bottom: 30px;
  }
}

.home .redList_description {
  width: 100%;
  margin-bottom: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .home .redList_description {
    width: 100%;
    margin-bottom: 42px;
  }
}

.home .redList_description_title {
  width: 52.66667vw;
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: .08em;
  color: #c1272d;
  font-size: 4.8vw;
  margin: 0 auto 4.4vw;
  text-align: center;
  padding: 2.66667vw 0;
  border: 2px solid;
  border-image: url(../img/home/redlist_description_title_border_sp.png);
  border-width: 7px;
  border-image-slice: 7;
  border-image-repeat: round;
}

@media screen and (min-width: 768px) {
  .home .redList_description_title {
    width: 346px;
    font-size: 29px;
    font-size: 1.8125rem;
    letter-spacing: .15em;
    padding: 10px 9px 13px 13px;
    margin-left: 0;
    margin-bottom: 0;
    border: 3px solid;
    border-image: url(../img/home/redlist_description_title_border_pc.png);
    border-width: 12px;
    border-image-slice: 12;
    border-image-repeat: round;
  }
}

.home .redList_description_text {
  width: 100%;
  font-size: 3.06667vw;
  letter-spacing: .14em;
  line-height: 1.608;
  text-align: justify;
}

@media screen and (min-width: 768px) {
  .home .redList_description_text {
    width: 514px;
    font-size: 14px;
    font-size: 0.875rem;
    line-height: 1.857;
    letter-spacing: 2.7;
  }
}

.home .redList_category {
  padding-bottom: 9.33333vw;
}

@media screen and (min-width: 768px) {
  .home .redList_category {
    padding-bottom: 56px;
  }
}

.home .redList_category_button {
  text-align: center;
  color: #ffffff;
  font-weight: bold;
  background-color: #c1272d;
  height: 9.33333vw;
  line-height: 9.33333vw;
  margin-bottom: -9.33333vw;
  border-radius: 4.66667vw;
  position: relative;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .home .redList_category_button {
    height: 56px;
    margin-bottom: -56px;
    line-height: 56px;
    letter-spacing: 0.2em;
    border-radius: 28px;
  }
}

.home .redList_category_button::after {
  position: absolute;
  content: "";
  width: 2.53333vw;
  height: 2vw;
  right: 3.1746%;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/home/redList_category_button_arrow.svg) no-repeat center/contain;
  transform-origin: center center;
  transition: transform .6s ease;
}

@media screen and (min-width: 768px) {
  .home .redList_category_button::after {
    width: 21px;
    height: 17px;
    right: 20px;
  }
}

.home .redList_category_button.is-active::after {
  transform: rotate(-180deg) translateY(50%);
}

.home .redList_category_accordion_root {
  height: 0;
  overflow: hidden;
  border-radius: 4.66667vw;
  margin-bottom: -9.33333vw;
}

@media screen and (min-width: 768px) {
  .home .redList_category_accordion_root {
    border-radius: 28px;
    margin-bottom: -56px;
  }
}

.home .redList_category_cont {
  background-color: #efe9dc;
  padding: 13.73333vw 5.86667vw 6vw;
  border-radius: 4.66667vw;
}

@media screen and (min-width: 768px) {
  .home .redList_category_cont {
    padding: 105px 88px 45px;
    border-radius: 28px;
  }
}

.home .redList_category_figure {
  margin-bottom: 4.4vw;
}

@media screen and (min-width: 768px) {
  .home .redList_category_figure {
    margin-bottom: 54px;
  }
}

.home .redList_category_text {
  font-weight: bold;
  text-align: center;
  letter-spacing: .17em;
  line-height: 1.6;
  font-size: 3.33333vw;
}

@media screen and (min-width: 768px) {
  .home .redList_category_text {
    font-size: 18px;
    font-size: 1.125rem;
    letter-spacing: .2em;
  }
}

.home .redList_note {
  font-family: "Noto Serif JP", serif;
  text-align: center;
  margin-top: 6.66667vw;
}

@media screen and (min-width: 768px) {
  .home .redList_note {
    margin-top: 65px;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .24em;
  }
}

.home .redList_note span {
  font-size: 3.46667vw;
  letter-spacing: .24em;
  display: block;
  position: relative;
  font-weight: 600;
  z-index: 1;
  position: relative;
}

@media screen and (min-width: 768px) {
  .home .redList_note span {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.home .redList_note span:after {
  content: '';
  display: block;
  height: 1.46667vw;
  background: linear-gradient(90deg, #ffff00 0%, #ffff00 98%, #ffffff 98%, #ffffff 100%);
  position: absolute;
  left: 0;
  right: 0;
  margin: 0 auto;
  z-index: -1;
  transform: translateY(-4px);
}

@media screen and (min-width: 768px) {
  .home .redList_note span:after {
    width: 0;
    height: 11px;
    transform: translateY(-6px);
  }
}

.home .redList_note span:first-child {
  margin-bottom: 2.66667vw;
}

@media screen and (min-width: 768px) {
  .home .redList_note span:first-child {
    margin-bottom: 0;
  }
}

.home .redList_note span:first-child:after {
  width: 70.56667vw;
  margin-top: -0.25vw;
  background: linear-gradient(90deg, #ffff00 0%, #ffff00 96%, #ffffff 96%, #ffffff 100%);
}

@media screen and (min-width: 768px) {
  .home .redList_note span:first-child:after {
    width: 750px;
    margin-top: 0;
  }
}

.home .redList_note span:nth-child(2):after {
  width: 0;
  width: 59vw;
  margin-top: -0.25vw;
  background: linear-gradient(90deg, #ffff00 0%, #ffff00 94%, #ffffff 94%, #ffffff 100%);
}

@media screen and (min-width: 768px) {
  .home .redList_note span:nth-child(2):after {
    margin-top: 0;
  }
}

.home .redList_note span:nth-child(3):after {
  width: 0;
}

@media screen and (min-width: 768px) {
  .home .redList_note span:nth-child(3):after {
    width: 750px;
  }
}

.home .redList_note strong {
  font-weight: 600;
  font-size: 5.06667vw;
  letter-spacing: .24em;
}

@media screen and (min-width: 768px) {
  .home .redList_note strong {
    font-size: 32px;
    font-size: 2rem;
  }
}

.home #endangeredSpecies_pageLink {
  padding-top: 13.6vw;
  margin-top: -13.6vw;
}

@media screen and (min-width: 768px) {
  .home #endangeredSpecies_pageLink {
    padding-top: 86px;
    margin-top: -86px;
  }
}

.home #endangeredSpecies_pageLink02 {
  padding-top: 13.6vw;
  margin-top: -13.6vw;
}

@media screen and (min-width: 768px) {
  .home #endangeredSpecies_pageLink02 {
    padding-top: 586px;
    margin-top: -586px;
  }
}

.home .endangeredSpecies {
  padding: 8.93333vw 0 8vw;
  background-color: #efe9dc;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies {
    position: relative;
    padding: 100px 0;
    overflow: hidden;
  }
}

.home .endangeredSpecies_inner {
  width: 92vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_inner {
    width: 1240px;
    position: relative;
  }
}

.home .endangeredSpecies_title {
  font-family: "Noto Serif JP", serif;
  color: #ffffff;
  background-color: #c1272d;
  position: relative;
  z-index: 2;
  width: 28.4vw;
  height: 28.4vw;
  -moz-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  border-radius: 0.53333vw;
  padding: 2.66667vw 2vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_title {
    width: 304px;
    height: 304px;
    padding: 30px 40px;
    border-radius: 5px;
  }
}

.animals .endangeredSpecies_title {
  margin-left: 4vw;
}

@media screen and (min-width: 768px) {
  .animals .endangeredSpecies_title {
    margin-left: 25px;
  }
}

.animals .endangeredSpecies_title::after {
  width: 7.33333vw;
  height: 8vw;
  left: 9.38967%;
  bottom: 9.38967%;
  background: url(../img/home/endangeredspecies_title_icon_animals.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .animals .endangeredSpecies_title::after {
    width: 74px;
    height: 80px;
    left: 20px;
    bottom: 20px;
  }
}

.plants .endangeredSpecies_title {
  margin-left: auto;
  margin-right: 4vw;
}

@media screen and (min-width: 768px) {
  .plants .endangeredSpecies_title {
    margin-right: 25px;
  }
}

.plants .endangeredSpecies_title::after {
  width: 6.93333vw;
  height: 5.6vw;
  left: 9.38967%;
  bottom: 9.38967%;
  background: url(../img/home/endangeredspecies_title_icon_plants.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .plants .endangeredSpecies_title::after {
    width: 75px;
    height: 60px;
    left: 20px;
    bottom: 20px;
  }
}

.home .endangeredSpecies_title::after {
  content: '';
  display: block;
  position: absolute;
}

.home .endangeredSpecies_title span {
  display: block;
  font-weight: 600;
  letter-spacing: .2em;
  font-size: 3.86667vw;
  line-height: 1.586;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_title span {
    font-size: 37px;
    font-size: 2.3125rem;
    line-height: 1.702;
  }
}

.home .endangeredSpecies_list_item {
  position: relative;
}

.home .endangeredSpecies_list_item_copy {
  position: absolute;
  pointer-events: none;
  z-index: 2;
}

.home .endangeredSpecies_list_item_copy__horizontal span {
  height: 5.86667vw;
  margin-bottom: 1.06667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_list_item_copy__horizontal span {
    height: 38px;
    margin-bottom: 7px;
  }
}

.home .endangeredSpecies_list_item_copy__horizontal span:last-of-type {
  margin-bottom: 0;
}

.home .endangeredSpecies_list_item_copy__horizontal span::after {
  top: 50%;
  transform: translateY(-50%);
}

.home .endangeredSpecies_list_item_copy__vertical {
  display: flex;
  flex-direction: row-reverse;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_list_item_copy__vertical {
    width: 85px;
  }
}

.home .endangeredSpecies_list_item_copy__vertical span {
  -moz-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  margin-left: 1.06667vw;
  width: 5.90627vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_list_item_copy__vertical span {
    width: 39px;
    margin-left: 7px;
  }
}

.home .endangeredSpecies_list_item_copy__vertical span:last-of-type {
  margin-left: 0;
}

.home .endangeredSpecies_list_item_copy__vertical span::after {
  left: 50%;
  transform: translateX(-50%);
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_list_item_copy__vertical span::after {
    transform: translateX(0);
    left: 0;
  }
}

.home .endangeredSpecies_list_item_copy span {
  display: block;
  position: relative;
}

.home .endangeredSpecies_list_item_copy span::after {
  content: '';
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  z-index: -1;
}

.home .endangeredSpecies_links {
  width: 84vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links {
    width: 900px;
  }
}

@media screen and (min-width: 768px) {
  .animals .endangeredSpecies_links {
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .animals .endangeredSpecies_links::before, .animals .endangeredSpecies_links::after {
    content: '';
    display: block;
    position: absolute;
  }
}

@media screen and (min-width: 768px) {
  .animals .endangeredSpecies_links::before {
    width: 90px;
    height: 117px;
    background: url(../img/home/animals_links_bg_pattern_01.png) no-repeat center/contain;
    top: 83px;
    left: -430px;
  }
}

@media screen and (min-width: 768px) {
  .animals .endangeredSpecies_links::after {
    width: 157px;
    height: 229px;
    background: url(../img/home/animals_links_bg_pattern_02.png) no-repeat center/contain;
    top: 193px;
    left: -280px;
  }
}

.home .endangeredSpecies_links_link {
  border-radius: 4.66667vw;
  margin-bottom: 4vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link {
    border-radius: 28px;
    margin-bottom: 30px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link:last-of-type {
    margin-bottom: 0;
  }
}

.home .endangeredSpecies_links_link a {
  color: #ffffff;
  text-align: center;
  font-weight: bold;
  height: 9.33333vw;
  line-height: 9.33333vw;
  border-radius: 4.66667vw;
  letter-spacing: .2em;
  font-size: 3.33333vw;
  position: relative;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link a {
    height: 55px;
    line-height: 55px;
    border-radius: 28px;
    letter-spacing: .2em;
    font-size: 19px;
    font-size: 1.1875rem;
  }
}

.home .endangeredSpecies_links_link__endangeredAnimals a {
  background-color: #009fe8;
}

.home .endangeredSpecies_links_link__endangeredAnimals a::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 6.93333vw;
  height: 5.6vw;
  transform: translateY(-50%);
  left: 8.73016%;
  background: url(../img/home/link_endangeredanimals_icon.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link__endangeredAnimals a::before {
    width: 37px;
    height: 30px;
    left: 249px;
  }
}

.home .endangeredSpecies_links_link__endangeredAnimals a::after {
  content: '';
  position: absolute;
  width: 2vw;
  height: 2.53333vw;
  right: 3.1746%;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/home/link_animals_arrow.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link__endangeredAnimals a::after {
    width: 17px;
    height: 20px;
    right: 19px;
    transition: transform .3s ease;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link__endangeredAnimals a:hover::after {
    transform: translateX(3px) translateY(-50%);
  }
}

.home .endangeredSpecies_links_link__extinctAnimals a {
  background-color: #e64290;
}

.home .endangeredSpecies_links_link__extinctAnimals a::before {
  content: '';
  position: absolute;
  top: 50%;
  width: 4.53333vw;
  height: 6.13333vw;
  transform: translateY(-50%);
  left: 17.46032%;
  background: url(../img/home/link_extinctanimals_icon.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link__extinctAnimals a::before {
    width: 24px;
    height: 30px;
    left: 308px;
  }
}

.home .endangeredSpecies_links_link__extinctAnimals a::after {
  content: '';
  position: absolute;
  width: 2vw;
  height: 2.53333vw;
  right: 3.1746%;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/home/link_animals_arrow.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link__extinctAnimals a::after {
    width: 17px;
    height: 20px;
    right: 19px;
    transition: transform .3s ease;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link__extinctAnimals a:hover::after {
    transform: translateX(3px) translateY(-50%);
  }
}

.home .endangeredSpecies_links_link__endangeredPlants a {
  background-color: #6fba2c;
  position: relative;
}

.home .endangeredSpecies_links_link__endangeredPlants a::before {
  content: '';
  position: absolute;
  width: 6vw;
  height: 6.4vw;
  top: 50%;
  transform: translateY(-50%);
  left: 10.79365%;
  background: url(../img/home/link_endangeredplants_icon.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link__endangeredPlants a::before {
    width: 37px;
    height: 40px;
    left: 250px;
  }
}

.home .endangeredSpecies_links_link__endangeredPlants a::after {
  content: '';
  position: absolute;
  width: 2vw;
  height: 2.53333vw;
  right: 3.1746%;
  top: 50%;
  transform: translateY(-50%);
  background: url(../img/home/link_animals_arrow.svg) no-repeat center/contain;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link__endangeredPlants a::after {
    width: 17px;
    height: 20px;
    right: 19px;
    transition: .3s ease;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies_links_link__endangeredPlants a:hover::after {
    transform: translateX(3px) translateY(-50%);
  }
}

.home .endangeredSpecies .animals {
  margin-bottom: 17.33333vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals {
    margin-bottom: 200px;
  }
}

.home .endangeredSpecies .animals_list {
  position: relative;
  z-index: 1;
}

.home .endangeredSpecies .animals_list__01 {
  margin-top: -9.73333vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__01 {
    margin-top: -153px;
    height: 1696px;
  }
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy {
  top: -20.980%;
  right: -17.261%;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
  width: 44.21067vw;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 44.21067vw;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 42.58973vw;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 42.58973vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy {
    top: -60px;
    right: -122px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    width: 293px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    width: 293px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
    width: 278px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    width: 278px;
  }
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__02 .endangeredSpecies_list_item_copy {
  top: -13.775%;
  left: -16.589%;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__02 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  height: 42.70387vw;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__02 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  height: 50.18827vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__01 .animals_list_item__02 .endangeredSpecies_list_item_copy {
    top: -68px;
    left: -63px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__02 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    height: 294px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__02 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    height: 339px;
  }
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy {
  top: 8.731%;
  right: -69.945%;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
  width: 29.42467vw;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 29.42467vw;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 42.58973vw;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 42.58973vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy {
    top: -58px;
    right: auto;
    left: -94px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    width: 200px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    width: 200px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
    width: 294px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    width: 294px;
  }
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__04 .endangeredSpecies_list_item_copy {
  top: -14.430%;
  right: -3.683%;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  height: 47.19973vw;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  height: 32.6608vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__01 .animals_list_item__04 .endangeredSpecies_list_item_copy {
    top: -64px;
    right: -20px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    height: 320px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    height: 225px;
  }
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__05 .endangeredSpecies_list_item_copy {
  top: -16.304%;
  right: -19.582%;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__05 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  height: 21.69107vw;
}

.home .endangeredSpecies .animals_list__01 .animals_list_item__05 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  height: 34.34853vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__01 .animals_list_item__05 .endangeredSpecies_list_item_copy {
    top: -62px;
    right: -58px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__05 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    height: 150px;
  }
  .home .endangeredSpecies .animals_list__01 .animals_list_item__05 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    height: 242px;
  }
}

.home .endangeredSpecies .animals_list__02 {
  margin-top: 22vw;
  margin-bottom: 22.66667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 {
    margin-top: 165px;
    margin-bottom: 0;
    height: 2740px;
  }
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy {
  top: -27.07581%;
  left: -33.94256%;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
  width: 51.9676vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 51.9676vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 45.97093vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 45.97093vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy {
    top: auto;
    bottom: -53px;
    left: -83px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    width: 347px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    width: 347px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
    width: 305px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__06 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    width: 305px;
  }
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__07 .endangeredSpecies_list_item_copy {
  top: -3.57143%;
  right: -13.82488%;
  height: 44.66667vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__07 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  height: 14.47107vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__07 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  height: 42.25347vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 .animals_list_item__07 .endangeredSpecies_list_item_copy {
    top: -107px;
    right: 28px;
    height: 297px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__07 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    height: 99px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__07 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    height: 282px;
  }
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy {
  top: -15.92689%;
  left: -27.79783%;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
  width: 30.548vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 30.548vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 30.548vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 30.548vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy {
    top: auto;
    right: auto;
    bottom: -44px;
    left: -57px;
    display: flex;
    flex-direction: row-reverse;
    width: 85px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy span {
    height: auto;
    position: relative;
    width: 39px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy span::after {
    top: 0px;
    left: 0;
    transform: translate(0, 0);
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    margin-left: 7px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    height: 188px;
    width: 39px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__08 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    height: 202px;
    width: 39px;
  }
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__09 .endangeredSpecies_list_item_copy {
  top: -7.14286%;
  right: -17.74194%;
  height: 40.93333vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__09 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  height: 29.06653vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__09 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  height: 39.20947vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 .animals_list_item__09 .endangeredSpecies_list_item_copy {
    top: -53px;
    right: -63px;
    height: 272px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__09 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    height: 196px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__09 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    height: 260px;
  }
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__10 .endangeredSpecies_list_item_copy {
  top: -7.07071%;
  left: -12.89134%;
  height: 40.66667vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__10 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  height: 31.61213vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__10 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  height: 38.15053vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 .animals_list_item__10 .endangeredSpecies_list_item_copy {
    top: -63px;
    left: auto;
    right: -63px;
    height: 273px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__10 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    height: 217px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__10 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    height: 256px;
  }
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy {
  top: -25.27076%;
  left: -31.33159%;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy span {
  width: 35.242vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 35.242vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 53.59533vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 53.59533vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy {
    top: -28px;
    left: -57px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    width: 242px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    width: 242px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
    width: 354px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__11 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    width: 354px;
  }
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__12 .endangeredSpecies_list_item_copy {
  top: -16.6065%;
  left: -19.84334%;
  height: 41.06667vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__12 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  height: 31.39707vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__12 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  height: 37.31813vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 .animals_list_item__12 .endangeredSpecies_list_item_copy {
    top: -57px;
    left: -63px;
    height: 271px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__12 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    height: 215px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__12 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    height: 254px;
  }
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy {
  bottom: -5.31646%;
  left: -12.89134%;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
  width: 30.07587vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 30.07587vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 44.62133vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 44.62133vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy {
    bottom: auto;
    top: -75px;
    left: -25px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    width: 196px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    width: 196px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
    width: 299px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__13 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    width: 299px;
  }
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy {
  bottom: -19.49367%;
  right: -26.88766%;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
  width: 25.6112vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 25.6112vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 42.9124vw;
}

.home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 42.9124vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy {
    bottom: auto;
    top: 205px;
    right: -222px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    width: 172px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    width: 172px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
    width: 289px;
  }
  .home .endangeredSpecies .animals_list__02 .animals_list_item__14 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    width: 289px;
  }
}

.home .endangeredSpecies .animals_list_item {
  position: relative;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item {
    position: absolute;
  }
}

.home .endangeredSpecies .animals_list_item:after {
  content: '';
  display: block;
  width: 6.26667vw;
  height: 6.26667vw;
  position: absolute;
  bottom: 8px;
  background: url(../img/home/endangeredspecies_list_item_arrow.svg) no-repeat center/contain;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item:after {
    display: none;
    visibility: hidden;
  }
}

.home .endangeredSpecies .animals_list_item__left:after {
  left: 8px;
}

.home .endangeredSpecies .animals_list_item__right:after {
  right: 8px;
}

.home .endangeredSpecies .animals_list_item__01 {
  width: 67.2vw;
  margin: 0 auto 16.93333vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__01 {
    width: 720px;
    top: 0;
    left: 258px;
  }
}

.home .endangeredSpecies .animals_list_item__01 a::before {
  padding-top: 72.827%;
}

.home .endangeredSpecies .animals_list_item__01_bg_01 {
  width: 18.66667vw;
  top: 82.01635%;
  right: -16.66667%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__01_bg_01 {
    width: 161px;
    top: 45px;
    right: -490px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__01_bg_02 {
    width: 209px;
    top: 336px;
    right: -181px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__01_bg_03 {
    width: 172px;
    bottom: -154px;
    left: -676px;
  }
}

.home .endangeredSpecies .animals_list_item__02 {
  width: 58vw;
  margin-left: auto;
  margin-bottom: 10vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__02 {
    width: 405px;
    top: 694px;
    left: 140px;
    margin: 0;
  }
  .home .endangeredSpecies .animals_list_item__02.FX-active {
    transition: opacity .7s .7s ease-out, transform .7s .7s ease-out;
  }
}

.home .endangeredSpecies .animals_list_item__02 a::before {
  padding-top: 90.234%;
}

.home .endangeredSpecies .animals_list_item__02_bg_01 {
  width: 20.8vw;
  top: 68.62245%;
  left: -68.96552%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__02_bg_01 {
    width: 136px;
    top: 6px;
    left: -680px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__02_bg_02 {
    width: 156px;
    top: 345px;
    left: -271px;
  }
}

.home .endangeredSpecies .animals_list_item__03 {
  width: 48.8vw;
  margin-left: 4vw;
  margin-bottom: 11.2vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__03 {
    width: 324px;
    top: 640px;
    right: 150px;
    margin: 0;
  }
}

.home .endangeredSpecies .animals_list_item__03 a::before {
  padding-top: 131.839%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__03_bg_01 {
    width: 164px;
    top: 386px;
    right: -612px;
  }
}

.home .endangeredSpecies .animals_list_item__04 {
  width: 72.4vw;
  margin-left: auto;
  margin-right: 6.66667vw;
  margin-bottom: 17.33333vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__04 {
    width: 678px;
    bottom: 0;
    left: 17px;
    margin: 0;
  }
}

.home .endangeredSpecies .animals_list_item__04 a::before {
  padding-top: 72.808%;
}

.home .endangeredSpecies .animals_list_item__05 {
  width: 51.06667vw;
  margin-left: 4vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__05 {
    width: 326px;
    bottom: 132px;
    right: 96px;
  }
}

.home .endangeredSpecies .animals_list_item__05 a::before {
  padding-top: 72.196%;
}

.home .endangeredSpecies .animals_list_item__05_bg_01 {
  width: 16.4vw;
  top: 70.39711%;
  right: -58.74674%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__05_bg_01 {
    width: 98px;
    top: auto;
    bottom: -156px;
    right: -80px;
  }
}

.home .endangeredSpecies .animals_list_item__06 {
  width: 51.06667vw;
  margin-left: auto;
  margin-right: 4vw;
  margin-bottom: 12vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__06 {
    width: 404px;
    top: 0;
    left: 170px;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .animals_list_item__06 a::before {
  padding-top: 78.46535%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__06_bg_01 {
    width: 76px;
    top: auto;
    bottom: -132px;
    left: -384px;
  }
}

.home .endangeredSpecies .animals_list_item__07 {
  width: 58vw;
  margin-left: 4vw;
  margin-bottom: 18.66667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__07 {
    width: 535px;
    top: 120px;
    right: 60px;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .animals_list_item__07 a::before {
  padding-top: 90.09346%;
}

.home .endangeredSpecies .animals_list_item__07_bg_01 {
  width: 10.13333vw;
  top: -40.05102%;
  left: 7.35632%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__07_bg_01 {
    width: 114px;
    top: 18px;
    left: auto;
    right: -400px;
    transform: translateY(-3px) rotate(-3deg);
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__07_bg_02 {
    width: 114px;
    top: 126px;
    right: -510px;
  }
}

.home .endangeredSpecies .animals_list_item__08 {
  width: 51.06667vw;
  margin-left: auto;
  margin-right: 4vw;
  margin-bottom: 10.26667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__08 {
    width: 402px;
    top: 578px;
    left: 136px;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .animals_list_item__08 a::before {
  padding-top: 99.50249%;
}

.home .endangeredSpecies .animals_list_item__08_bg_01 {
  width: 10.93333vw;
  top: -60.64982%;
  right: 6.52742%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__08_bg_01 {
    width: 82px;
    top: -131px;
    right: auto;
    left: -145px;
  }
}

.home .endangeredSpecies .animals_list_item__09 {
  width: 58vw;
  margin-left: 4vw;
  margin-bottom: 10.66667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__09 {
    width: 340px;
    top: 859px;
    right: 200px;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .animals_list_item__09 a::before {
  padding-top: 90.29412%;
}

.home .endangeredSpecies .animals_list_item__09_bg_01 {
  width: 16.26667vw;
  bottom: -8.16327%;
  right: -48.73563%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__09_bg_01 {
    width: 169px;
    bottom: -100px;
    right: -312px;
    transform: translate(2px, 2px);
  }
}

.home .endangeredSpecies .animals_list_item__10 {
  width: 72.4vw;
  margin-left: auto;
  margin-bottom: 18.93333vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__10 {
    width: 679px;
    bottom: 1042px;
    left: -78px;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .animals_list_item__10 a::before {
  padding-top: 72.75405%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__10_bg_01 {
    width: 76px;
    bottom: -58px;
    left: -380px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__10_bg_02 {
    width: 66px;
    bottom: -124px;
    left: -300px;
  }
}

.home .endangeredSpecies .animals_list_item__11 {
  width: 51.06667vw;
  margin-left: auto;
  margin-right: 14.26667vw;
  margin-bottom: 13.33333vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__11 {
    width: 404px;
    bottom: 1121px;
    margin-left: 0;
    margin-right: 0;
    right: 18px;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .animals_list_item__11 a::before {
  padding-top: 78.46535%;
}

.home .endangeredSpecies .animals_list_item__11_bg_01 {
  width: 11.73333vw;
  bottom: -60.28881%;
  right: -19.84334%;
}

.home .endangeredSpecies .animals_list_item__12 {
  width: 51.06667vw;
  margin-left: 12vw;
  margin-bottom: 12vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__12 {
    width: 327px;
    bottom: 638px;
    margin-left: 0;
    left: 175px;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .animals_list_item__12 a::before {
  padding-top: 72.17125%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__12_bg_01 {
    width: 110px;
    top: -103px;
    right: -102px;
  }
}

.home .endangeredSpecies .animals_list_item__13 {
  width: 72.4vw;
  margin-left: auto;
  margin-bottom: 13.06667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__13 {
    width: 574px;
    bottom: 447px;
    margin-left: 0;
    right: -78px;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .animals_list_item__13 a::before {
  padding-top: 67.07317%;
}

.home .endangeredSpecies .animals_list_item__13_bg_01 {
  width: 22.93333vw;
  top: -15.15152%;
  left: -39.77901%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__13_bg_01 {
    width: 86px;
    height: 89px;
    top: 324px;
    left: auto;
    right: -460px;
  }
}

.home .endangeredSpecies .animals_list_item__14 {
  width: 72.4vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__14 {
    width: 679px;
    bottom: 0;
    margin-left: 0;
    left: -12px;
  }
}

.home .endangeredSpecies .animals_list_item__14 a::before {
  padding-top: 73.0486%;
}

.home .endangeredSpecies .animals_list_item__14_bg_01 {
  width: 14vw;
  bottom: -30.80808%;
  left: 9.57643%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__14_bg_01 {
    width: 180px;
    bottom: -41px;
    left: -323px;
    transform: translateY(0px) rotate(5deg);
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__14_bg_02 {
    width: 76px;
    bottom: 53px;
    right: -544px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item__14_bg_03 {
    width: 151px;
    bottom: -117px;
    right: -476px;
  }
}

.home .endangeredSpecies .animals_list_item a {
  width: 100%;
  position: relative;
}

.home .endangeredSpecies .animals_list_item a::before, .home .endangeredSpecies .animals_list_item a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.home .endangeredSpecies .animals_list_item a::before {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0;
  transition: opacity .5s ease;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item a::after {
    width: 163px;
    height: 23px;
    background: url(../img/home/endangeredspecies_list_item_click.svg) no-repeat center/contain;
    opacity: 0;
    transition: all .35s ease;
    transition-delay: .15s;
    transform: translateY(3px);
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item a:hover::before {
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_list_item a:hover::after {
    opacity: 1;
    transform: translateY(0);
  }
}

.home .endangeredSpecies .animals_list_item_bg {
  position: absolute;
  pointer-events: none;
}

.home .endangeredSpecies .animals_accordion_root {
  height: 0;
  overflow: hidden;
}

.home .endangeredSpecies .animals_more {
  position: relative;
  width: 22.66667vw;
  height: 22.66667vw;
  border-radius: 50%;
  margin: 0 auto;
  margin-top: 9.86667vw;
  margin-bottom: 11.46667vw;
  background: url(../img/home/animals_more_circle.svg) no-repeat center/cover;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_more {
    width: 170px;
    height: 170px;
    margin-top: 70px;
    margin-bottom: 80px;
  }
}

.home .endangeredSpecies .animals_more.is-close:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  background: url(../img/home/animals_more_text_02.svg) no-repeat center/cover;
  width: 14vw;
  height: 2.8vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_more.is-close:after {
    width: 100px;
    height: 21px;
  }
}

.home .endangeredSpecies .animals_more.is-close::before {
  content: '';
  display: block;
  position: absolute;
  top: 1.73333vw;
  left: 0;
  right: 0;
  width: 3.06667vw;
  height: 2.4vw;
  transform: scaleY(1);
  margin: 0 auto;
  background: url(../img/home/animals_circle_arrow.svg) no-repeat center/cover;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_more.is-close::before {
    top: 13px;
    width: 23px;
    height: 18px;
    transition: .3s ease;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_more.is-close:hover::before {
    transform: scaleY(1) translateY(-20%);
  }
}

.home .endangeredSpecies .animals_more:after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  margin: 0 auto;
  transform: translateY(-50%);
  background: url(../img/home/animals_more_text_01.svg) no-repeat center/cover;
  width: 12vw;
  height: 2.8vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_more:after {
    width: 90px;
    height: 21px;
  }
}

.home .endangeredSpecies .animals_more::before {
  content: '';
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 1.73333vw;
  width: 3.06667vw;
  height: 2.4vw;
  transform: scaleY(-1);
  margin: 0 auto;
  background: url(../img/home/animals_circle_arrow.svg) no-repeat center/cover;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_more::before {
    bottom: 13px;
    width: 23px;
    height: 18px;
    transition: .3s ease;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_more:hover::before {
    transform: scaleY(-1) translateY(-20%);
  }
}

.home .endangeredSpecies .animals_movie {
  width: 68.8vw;
  margin: 0 auto 10.26667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie {
    width: 920px;
    margin: 0 auto 75px;
    position: relative;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie::before, .home .endangeredSpecies .animals_movie::after {
    content: '';
    display: block;
    position: absolute;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie::before {
    width: 136px;
    height: 138px;
    background: url(../img/home/animals_movie_bg_pattern_01.png) no-repeat center/contain;
    top: 13px;
    right: -466px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie::after {
    width: 135px;
    height: 90px;
    background: url(../img/home/animals_movie_bg_pattern_02.png) no-repeat center/contain;
    top: 193px;
    right: -592px;
  }
}

.home .endangeredSpecies .animals_movie_item {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie_item {
    width: 625px;
    margin: 0 auto;
  }
}

.home .endangeredSpecies .animals_movie_item:first-of-type {
  margin-bottom: 8vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie_item:first-of-type {
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .animals_movie_item a {
  width: 100%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie_item a:hover .animals_movie_item_picture::before {
    width: 104px;
    height: 104px;
  }
}

.home .endangeredSpecies .animals_movie_item_picture {
  width: 100%;
  position: relative;
  margin-bottom: 2vw;
  border: solid #ffffff 1.6vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie_item_picture {
    margin-bottom: 15px;
    border: solid #ffffff 14px;
  }
}

.home .endangeredSpecies .animals_movie_item_picture::before, .home .endangeredSpecies .animals_movie_item_picture::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.home .endangeredSpecies .animals_movie_item_picture::before {
  width: 12.66667vw;
  height: 12.66667vw;
  border: solid #ffffff 3px;
  border-radius: 50%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie_item_picture::before {
    width: 113px;
    height: 113px;
    border: solid #ffffff 3px;
    transition: all .25s ease;
  }
}

.home .endangeredSpecies .animals_movie_item_picture::after {
  width: 5.86667vw;
  height: 5.86667vw;
  background: url(../img/home/animals_movie_item_arrow.svg) no-repeat center/contain;
  transform: translate(2px, -50%);
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie_item_picture::after {
    width: 46px;
    height: 52px;
    transform: translate(6px, -50%);
  }
}

.home .endangeredSpecies .animals_movie_item_caption {
  width: 41.46667vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .animals_movie_item_caption {
    width: 307px;
  }
}

.home .endangeredSpecies #animals_list_pageLink {
  padding-top: 22.13333vw;
  margin-top: -22.13333vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies #animals_list_pageLink {
    padding-top: 186px;
    margin-top: -186px;
  }
}

.home .endangeredSpecies #plants_pageLink {
  padding-top: 22.13333vw;
  margin-top: -22.13333vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies #plants_pageLink {
    padding-top: 186px;
    margin-top: -186px;
  }
}

.home .endangeredSpecies .plants_list {
  margin-top: -9.73333vw;
  margin-bottom: 18vw;
  position: relative;
  z-index: 1;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list {
    height: 1764px;
    margin-top: -205px;
    margin-bottom: 130px;
  }
}

.home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy {
  top: -19.61853%;
  left: -12.5%;
}

.home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
  width: 29.63693vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 29.63693vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 25.45787vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 25.45787vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy {
    top: -28px;
    left: -65px;
    display: flex;
    flex-direction: row-reverse;
    width: 85px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span {
    height: auto;
    position: relative;
    width: 39px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span::after {
    top: 0px;
    left: 0;
    transform: translate(0, 0);
  }
  .home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    width: 39px;
    margin-left: 7px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    width: 39px;
    height: 194px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
    width: 39px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__01 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    width: 39px;
    height: 173px;
  }
}

.home .endangeredSpecies .plants_list .plants_list_item__01_bg_01 {
  width: 19.33333vw;
  bottom: -27.52044%;
  right: -18.45238%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__01_bg_01 {
    width: 215px;
    bottom: -150px;
    right: -158px;
  }
}

.home .endangeredSpecies .plants_list .plants_list_item__02 .endangeredSpecies_list_item_copy {
  top: -8.17439%;
  right: -14.48413%;
}

.home .endangeredSpecies .plants_list .plants_list_item__02 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  height: 28.9252vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__02 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  height: 36.53333vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__02 .endangeredSpecies_list_item_copy {
    top: -68px;
    left: -63px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__02 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    height: 194px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__02 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    height: 254px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__02_bg_01 {
    width: 60px;
    top: -47px;
    left: -520px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__02_bg_02 {
    width: 114px;
    top: 120px;
    left: -633px;
  }
}

.home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy {
  top: 10%;
  left: -44.18605%;
}

.home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
  width: 21.94707vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 21.94707vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 31.7884vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 31.7884vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy {
    top: auto;
    right: -90px;
    left: auto;
    bottom: -63px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    width: 152px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    width: 152px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
    width: 213px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__03 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    width: 213px;
  }
}

.home .endangeredSpecies .plants_list .plants_list_item__03_bg_01 {
  width: 13.86667vw;
  bottom: -3.25581%;
  left: -88.95706%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__03_bg_01 {
    width: 66px;
    top: -88px;
    left: auto;
    right: -406px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__03_bg_02 {
    width: 96px;
    top: -15px;
    right: -530px;
  }
}

.home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy {
  bottom: -14.93124%;
  right: -25.75107%;
}

.home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
  width: 38.57987vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
  width: 38.57987vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
  width: 25.82347vw;
}

.home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
  width: 25.82347vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy {
    top: 170px;
    right: -180px;
    left: auto;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(1) {
    width: 265px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(1)::after {
    width: 265px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(2) {
    width: 176px;
  }
  .home .endangeredSpecies .plants_list .plants_list_item__04 .endangeredSpecies_list_item_copy span:nth-of-type(2)::after {
    width: 176px;
  }
}

.home .endangeredSpecies .plants_list .plants_list_item__04_bg_01 {
  width: 12.13333vw;
  top: 42.50681%;
  right: -30.95238%;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__04_bg_01 {
    width: 107px;
    top: 247px;
    right: -483px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__04_bg_02 {
    width: 114px;
    top: 342px;
    left: -231px;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list .plants_list_item__04_bg_03 {
    width: 104px;
    top: 319px;
    right: -376px;
  }
}

.home .endangeredSpecies .plants_list_item {
  position: relative;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list_item {
    position: absolute;
  }
}

.home .endangeredSpecies .plants_list_item:after {
  content: '';
  display: block;
  width: 6.26667vw;
  height: 6.26667vw;
  position: absolute;
  bottom: 8px;
  background: url(../img/home/endangeredspecies_list_item_arrow.svg) no-repeat center/contain;
  pointer-events: none;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list_item:after {
    display: none;
    visibility: hidden;
  }
}

.home .endangeredSpecies .plants_list_item__left:after {
  left: 8px;
}

.home .endangeredSpecies .plants_list_item__right:after {
  right: 8px;
}

.home .endangeredSpecies .plants_list_item__01 {
  width: 67.2vw;
  margin: 0 auto 10.66667vw;
  margin-left: 12.26667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list_item__01 {
    width: 672px;
    top: 0;
    left: 304px;
    margin-left: 0;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .plants_list_item__01 a::before {
  padding-top: 87.20238%;
}

.home .endangeredSpecies .plants_list_item__02 {
  width: 57.86667vw;
  margin-bottom: 9.06667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list_item__02 {
    width: 449px;
    top: 678px;
    left: 131px;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .plants_list_item__02 a::before {
  padding-top: 90.20045%;
}

.home .endangeredSpecies .plants_list_item__03 {
  width: 43.46667vw;
  margin-left: auto;
  margin-right: 10.66667vw;
  margin-bottom: 9.06667vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list_item__03 {
    width: 359px;
    top: 857px;
    right: 117px;
    margin-right: 0;
    margin-bottom: 0;
  }
}

.home .endangeredSpecies .plants_list_item__03 a::before {
  padding-top: 131.47632%;
}

.home .endangeredSpecies .plants_list_item__04 {
  width: 67.2vw;
  margin-left: 4vw;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list_item__04 {
    width: 699px;
    bottom: 0;
    left: -78px;
    margin-right: 0;
  }
}

.home .endangeredSpecies .plants_list_item__04 a::before {
  padding-top: 72.81831%;
}

.home .endangeredSpecies .plants_list_item a {
  width: 100%;
  position: relative;
}

.home .endangeredSpecies .plants_list_item a::before, .home .endangeredSpecies .plants_list_item a::after {
  content: '';
  display: block;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  right: 0;
  margin: 0 auto;
}

.home .endangeredSpecies .plants_list_item a::before {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.4);
  opacity: 0;
  transition: opacity .5s ease;
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list_item a::after {
    width: 163px;
    height: 23px;
    background: url(../img/home/endangeredspecies_list_item_click.svg) no-repeat center/contain;
    opacity: 0;
    transition: all .35s ease;
    transition-delay: .15s;
    transform: translateY(3px);
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list_item a:hover::before {
    opacity: 1;
  }
}

@media screen and (min-width: 768px) {
  .home .endangeredSpecies .plants_list_item a:hover::after {
    opacity: 1;
    transform: translateY(0);
  }
}

.home .endangeredSpecies .plants_list_item_bg {
  position: absolute;
}

.home .modaal-wrapper {
  /* スクロールバーを非表示に */
  -ms-overflow-style: none;
  /* IE, Edge 対応 */
  scrollbar-width: none;
  /* Firefox 対応 */
}

.home .modaal-wrapper::-webkit-scrollbar {
  /* Chrome, Safari 対応 */
  display: none;
}

.home .partner {
  padding: 20vw 0 40vw;
  background-color: #ffffff;
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .home .partner {
    position: relative;
    padding: 0;
    overflow: hidden;
  }
}

.home .partner_inner {
  width: 84vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home .partner_inner {
    width: 750px;
    padding: 100px 0 60px;
  }
}

.home .partner_copyArea {
  position: relative;
}

.home .partner_copyArea_bg {
  position: absolute;
}

.home .partner_copyArea_bg_01 {
  width: 24vw;
  top: -14.446%;
  right: -14.28571%;
}

@media screen and (min-width: 768px) {
  .home .partner_copyArea_bg_01 {
    width: 147px;
    top: -8px;
    left: -185px;
  }
}

.home .partner_copyArea_bg_02 {
  width: 16.66667vw;
  top: 35.34362%;
  left: -12.69841%;
}

@media screen and (min-width: 768px) {
  .home .partner_copyArea_bg_02 {
    width: 274px;
    top: 134px;
    right: -466px;
    left: auto;
  }
}

.home .partner_copyArea_bg_03 {
  width: 15.2vw;
  bottom: -10.51893%;
  right: -13.1746%;
}

@media screen and (min-width: 768px) {
  .home .partner_copyArea_bg_03 {
    width: 151px;
    top: 366px;
    right: -192px;
  }
}

@media screen and (min-width: 768px) {
  .home .partner_copyArea_bg_04 {
    width: 100px;
    bottom: 31px;
    left: -190px;
  }
}

@media screen and (min-width: 768px) {
  .home .partner_copyArea_bg_05 {
    width: 98px;
    top: 128px;
    left: -627px;
  }
}

@media screen and (min-width: 768px) {
  .home .partner_copyArea_bg_06 {
    width: 111px;
    top: 276px;
    left: -767px;
  }
}

@media screen and (min-width: 768px) {
  .home .partner_copyArea_bg_07 {
    width: 116px;
    bottom: 12px;
    right: -906px;
  }
}

.home .partner_copy {
  width: 56vw;
  margin: 0 auto 7.73333vw;
  transform: translateY(4px);
}

@media screen and (min-width: 768px) {
  .home .partner_copy {
    width: 422px;
    margin: 0 auto 80px;
  }
}

.home .partner_description {
  margin-bottom: 16vw;
}

@media screen and (min-width: 768px) {
  .home .partner_description {
    margin-bottom: 85px;
  }
}

.home .partner_description_logo {
  margin: 0 auto 5.33333vw;
}

@media screen and (min-width: 768px) {
  .home .partner_description_logo {
    width: 476px;
    margin: 0 auto 35px;
  }
}

.home .partner_description_text {
  font-family: "Noto Serif JP", serif;
  font-weight: 600;
  letter-spacing: .29em;
  text-align: center;
  line-height: 1.75;
}

@media screen and (min-width: 768px) {
  .home .partner_description_text {
    font-size: 20px;
    font-size: 1.25rem;
  }
}

.home .partner_statement {
  font-family: "Noto Serif JP", serif;
  margin: 0 auto 10vw;
}

@media screen and (min-width: 768px) {
  .home .partner_statement {
    width: 620px;
    height: 650px;
    margin: 0 auto 100px;
    -moz-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    position: relative;
  }
}

.home .partner_statement span {
  display: block;
  font-size: 3.46667vw;
  letter-spacing: .18em;
  line-height: 1.961;
  text-align: justify;
  font-weight: 500;
}

@media screen and (min-width: 768px) {
  .home .partner_statement span {
    font-weight: 400;
    font-size: 20px;
    font-size: 1.25rem;
    letter-spacing: .29em;
    line-height: 2.4;
  }
}

.home .partner_statement_bg {
  position: absolute;
}

@media screen and (min-width: 768px) {
  .home .partner_statement_bg__01 {
    width: 216px;
    bottom: initial;
    top: -34px;
    left: -413px;
  }
}

@media screen and (min-width: 768px) {
  .home .partner_statement_bg__02 {
    width: 141px;
    top: 357px;
    right: -326px;
  }
}

@media screen and (min-width: 768px) {
  .home .partner_statement_bg__03 {
    width: 203px;
    bottom: -40px;
    left: -243px;
  }
}

@media screen and (min-width: 768px) {
  .home .partner_statement_bg__04 {
    width: 187px;
    top: -53px;
    right: -785px;
  }
}

@media screen and (min-width: 768px) {
  .home .partner_statement_bg__05 {
    width: 149px;
    top: 394px;
    left: -797px;
  }
}

@media screen and (min-width: 768px) {
  .home .partner_statement_bg__06 {
    width: 145px;
    bottom: -12px;
    right: -1011px;
  }
}

.home .partner_credit {
  position: relative;
}

.home .partner_credit_text {
  font-weight: bold;
  letter-spacing: .24em;
  text-align: center;
  font-size: 2.66667vw;
  margin-bottom: 4vw;
}

@media screen and (min-width: 768px) {
  .home .partner_credit_text {
    font-size: 16px;
    font-size: 1rem;
    letter-spacing: .21em;
    margin-bottom: 20px;
  }
}

.home .partner_credit_logo {
  width: 59.33333vw;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home .partner_credit_logo {
    width: 354px;
  }
}

.home .partner_credit_bg {
  position: absolute;
}

.home .partner_credit_bg__01 {
  width: 16.93333vw;
  bottom: -89.17197%;
  left: -10.15873%;
}

.home .partner_credit_bg__02 {
  width: 27.06667vw;
  bottom: -138.21656%;
  left: 21.42857%;
}

@media all and (-ms-high-contrast: none) and (min-width: 768px) {
  .home *::-ms-backdrop, .home .plants .endangeredSpecies_title {
    position: absolute;
    top: 0;
    right: 25px;
  }
  .home *::-ms-backdrop, .home .plants .plants_list {
    top: 100px;
    height: 1864px;
    margin-top: -100px;
  }
  .home *::-ms-backdrop, .home .partner_description_text {
    letter-spacing: .28em;
  }
  .home *::-ms-backdrop, .home .partner_statement {
    position: relative;
    left: 50%;
    transform: translateX(-50%);
  }
}

.home .modaal-image .modaal-inner-wrapper {
  padding-top: 80px;
}

@media screen and (min-width: 768px) {
  .home .modaal-image .modaal-inner-wrapper {
    padding-top: 60px;
  }
}

@media screen and (min-width: 768px) and (max-height: 1200px) {
  .home .modaal-image .modaal-inner-wrapper {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

.home .modaal-gallery-item img {
  width: 84% !important;
  margin: 0 auto;
}

@media screen and (min-width: 768px) {
  .home .modaal-gallery-item img {
    width: 630px !important;
    margin: 0 !important;
  }
}

.home .modaal-container {
  background: transparent;
  box-shadow: none;
  display: block;
}

@media screen and (min-width: 768px) {
  .home .modaal-container {
    display: inline-block;
  }
}

.home .modaal-gallery-prev::before, .home .modaal-gallery-next::before, .home .modaal-gallery-prev::after, .home .modaal-gallery-next::after {
  display: none;
}

.home .modaal-gallery-prev {
  background: url(../img/home/swiper-button-prev.svg) no-repeat center center;
  background-size: contain;
}

.home .modaal-gallery-prev-inner {
  left: 38%;
  right: auto;
}

@media screen and (min-width: 768px) {
  .home .modaal-gallery-prev-inner {
    right: 46.25%;
    left: auto;
    transition: .35s ease;
  }
  .home .modaal-gallery-prev-inner:hover {
    opacity: .7 !important;
  }
}

.home .modaal-gallery-next {
  background: url(../img/home/swiper-button-next.svg) no-repeat center center;
  background-size: contain;
}

.home .modaal-gallery-next-inner {
  right: 38%;
  left: auto;
}

@media screen and (min-width: 768px) {
  .home .modaal-gallery-next-inner {
    left: 46.25%;
    right: auto;
    transition: .35s ease;
  }
  .home .modaal-gallery-next-inner:hover {
    opacity: .7 !important;
  }
}

.home .modaal-wrapper .modaal-close {
  background: url(../img/home/swiper-button-close.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  width: 10.66667vw;
  height: 10.66667vw;
  top: -14vw;
  right: 4vw;
}

@media screen and (min-width: 768px) {
  .home .modaal-wrapper .modaal-close {
    right: -110px;
    top: -56px;
    width: 56px;
    height: 56px;
    transition: .35s ease;
  }
  .home .modaal-wrapper .modaal-close:hover {
    opacity: .7 !important;
  }
}

.home .modaal-close::after, .home .modaal-close::before {
  display: none;
}

.home .modaal-gallery-control {
  width: 8.8vw;
  height: 8.8vw;
  bottom: 2.5vw;
}

@media screen and (min-width: 768px) {
  .home .modaal-gallery-control {
    width: 48px;
    height: 48px;
    top: 107.25%;
  }
}

@media screen and (min-width: 768px) {
  .home .modaal-gallery-item-wrap {
    width: 630px !important;
  }
}

.home .modaal-video-wrap {
  margin: 0;
}

.home .modaal-wrapper .modaal-close {
  background: url(../img/home/swiper-button-close.svg) no-repeat center center;
  background-size: contain;
  position: absolute;
  width: 10.66667vw;
  height: 10.66667vw;
  top: -14vw;
  right: 4vw;
}

@media screen and (min-width: 768px) {
  .home .modaal-wrapper .modaal-close {
    right: -110px;
    top: -56px;
    width: 56px;
    height: 56px;
    transition: .35s ease;
  }
  .home .modaal-wrapper .modaal-close:hover {
    opacity: .7 !important;
  }
}

.home .modaal-close::after, .home .modaal-close::before {
  display: none;
}

/***************************************

sub

***************************************/
.sub {
  /* --------------------------------------------------
    redLists
  */
}

.sub .redLists {
  margin: 0 auto;
  width: 84vw;
  padding: 1.33333vw 0 24vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists {
    width: 935px;
    max-width: 1240px;
    padding: 30px 0 80px;
  }
}

.sub .redLists_card {
  background-color: #efe9dc;
  margin-top: 6.66667vw;
  padding: 4.66667vw 0 5.33333vw;
  /* --------------------------------------------------
      redLists(extinct-animals)
      */
}

@media screen and (min-width: 768px) {
  .sub .redLists_card {
    margin-top: 80px;
    padding: 38px 0 47px;
  }
}

.sub .redLists_card--extinct {
  padding: 4.66667vw 0 5.2vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card--extinct {
    padding: 38px 0 31px;
  }
}

@media screen and (min-width: 768px) {
  .sub .redLists_card--extinct .redLists_card_title {
    width: 763px;
  }
}

.sub .redLists_card_title {
  margin: 0 auto;
  width: 70.66667vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_title {
    width: 760px;
  }
}

.sub .redLists_card_lead {
  margin: 0 auto;
  width: 84vw;
  margin-top: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_lead {
    width: 760px;
    margin-top: 55px;
  }
}

.sub .redLists_card_lead .card_lead_title {
  margin: 0 auto;
  width: 41.6vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_lead .card_lead_title {
    width: 225px;
  }
}

.sub .redLists_card_lead .card_lead_text {
  margin: 0 auto;
  width: 66.13333vw;
  margin-top: 4.53333vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_lead .card_lead_text {
    width: 677px;
    margin-top: 40px;
  }
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_lead .card_lead_text--EN {
    width: 670px;
  }
}

.sub .redLists_card_lead .card_lead_text--VU {
  width: 65.73333vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_lead .card_lead_text--VU {
    width: 544px;
  }
}

.sub .redLists_card_example {
  margin: 0 auto;
  width: 84vw;
  margin-top: 5.33333vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_example {
    width: 760px;
    margin-top: 46px;
  }
}

.sub .redLists_card_example .card_example_title {
  margin: 0 auto;
  width: 41.6vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_example .card_example_title {
    width: 225px;
  }
}

.sub .redLists_card_example .card_example_list {
  margin: 0 auto;
  width: 73.33333vw;
  margin-top: 5.2vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_example .card_example_list {
    width: 760px;
    margin-top: 28px;
  }
}

.sub .redLists_card_example .card_example_list--2 {
  margin: 0 auto;
  width: 73.33333vw;
  margin-top: 6.53333vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_example .card_example_list--2 {
    width: 760px;
    margin-top: 41px;
  }
}

.sub .redLists_card_picture {
  margin: 0 auto;
  width: 73.6vw;
  margin-top: 4.53333vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_picture {
    width: 665px;
    margin-top: 43px;
  }
}

.sub .redLists_card_picture--EN {
  width: 73.6vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_picture--EN {
    width: 665px;
  }
}

.sub .redLists_card_picture--PTENVU {
  width: 43.2vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_picture--PTENVU {
    width: 324px;
  }
}

.sub .redLists_card_section {
  margin: 5.73333vw auto 0;
  width: 70.93333vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section {
    margin-top: 77px;
    width: 761px;
  }
}

.sub .redLists_card_section--2, .sub .redLists_card_section--3 {
  margin-top: 6.4vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section--2, .sub .redLists_card_section--3 {
    margin-top: 46px;
  }
}

.sub .redLists_card_section .card_section_wrap {
  margin: 5.73333vw auto 0;
  margin: 0 auto;
  width: 70.66667vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section .card_section_wrap {
    width: 761px;
    display: flex;
    justify-content: space-between;
  }
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section .card_section_wrap--2 {
    flex-direction: row-reverse;
  }
}

.sub .redLists_card_section .card_section_picture {
  margin: 0 auto;
  width: 70.66667vw;
  position: relative;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section .card_section_picture {
    width: 350px;
    margin: 0;
  }
}

.sub .redLists_card_section .card_section_picture:after {
  position: absolute;
  right: -3.6vw;
  bottom: -8.4vw;
  content: "";
  width: 13.33333vw;
  height: 13.33333vw;
  background-image: url(../img/sub/extinct-animals_section_picture_EX.svg);
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section .card_section_picture:after {
    left: auto;
    right: 0;
    bottom: 0;
    top: -32px;
    left: -32px;
    width: 83px;
    height: 83px;
  }
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section .card_section_wrap--2 .card_section_picture:after {
    right: 0;
    left: 299px;
    bottom: 0;
    top: -32px;
    width: 83px;
    height: 83px;
  }
}

.sub .redLists_card_section .card_section_description {
  margin: 3.6vw auto 0;
  width: 70.66667vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section .card_section_description {
    margin: 0;
    width: 382px;
  }
}

.sub .redLists_card_section .card_section_border {
  margin: 5.33333vw auto 0;
  width: 70.93333vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section .card_section_border {
    margin: 54px auto 0;
    width: 760px;
  }
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section--2 .card_section_border {
    margin: 29px auto 0;
  }
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_section--3 .card_section_border {
    margin: 33px auto 0;
  }
}

.sub .redLists_card_others {
  margin: 6.13333vw auto 0;
  width: 73.46667vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_others {
    margin-top: 44px;
    width: 761px;
  }
}

.sub .redLists_card_others .card_others_title {
  margin: 0 auto;
  width: 41.6vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_others .card_others_title {
    width: 225px;
  }
}

.sub .redLists_card_others .card_others_list {
  margin: 5.46667vw auto 0;
  width: 73.46667vw;
}

@media screen and (min-width: 768px) {
  .sub .redLists_card_others .card_others_list {
    margin-top: 30px;
    width: 760px;
  }
}

/***************************************

endangeredAnimals

***************************************/
.endangeredAnimals .pageKv {
  position: relative;
  background-color: #009fe8;
  width: 100%;
  padding-top: 13.33333vw;
}

@media screen and (min-width: 768px) {
  .endangeredAnimals .pageKv {
    padding-top: 86px;
  }
}

.endangeredAnimals .pageKv_inner {
  position: relative;
  margin: 0 auto;
  width: 84.4vw;
  padding: 7.33333vw 0 17.46667vw;
}

@media screen and (min-width: 768px) {
  .endangeredAnimals .pageKv_inner {
    width: 935px;
    height: 534px;
    padding: 71px 0 56px;
    max-width: 1240px;
  }
}

.endangeredAnimals .pageKv_subTitle {
  margin: 0 auto;
  width: 84.13333vw;
}

@media screen and (min-width: 768px) {
  .endangeredAnimals .pageKv_subTitle {
    width: 594px;
  }
}

.endangeredAnimals .pageKv_title {
  margin: 5.2vw auto 0;
  width: 84.26667vw;
}

@media screen and (min-width: 768px) {
  .endangeredAnimals .pageKv_title {
    width: 592px;
    margin-top: 22px;
  }
}

.endangeredAnimals .pageKv_lead {
  margin: 3.73333vw auto 0;
  width: 84.13333vw;
}

@media screen and (min-width: 768px) {
  .endangeredAnimals .pageKv_lead {
    width: 595px;
    margin-top: 34px;
  }
}

.endangeredAnimals .pageKv_silhouette {
  position: absolute;
  width: 18.4vw;
  bottom: -2px;
}

@media screen and (min-width: 768px) {
  .endangeredAnimals .pageKv_silhouette {
    width: 194px;
    bottom: -2px;
    left: -141px;
  }
}

/***************************************

endangeredPlants

***************************************/
.endangeredPlants .pageKv {
  position: relative;
  background-color: #6fba2c;
  width: 100%;
  padding-top: 13.33333vw;
}

@media screen and (min-width: 768px) {
  .endangeredPlants .pageKv {
    padding-top: 86px;
  }
}

.endangeredPlants .pageKv_inner {
  position: relative;
  margin: 0 auto;
  width: 84.66667vw;
  padding: 7.33333vw 0 17.46667vw;
}

@media screen and (min-width: 768px) {
  .endangeredPlants .pageKv_inner {
    width: 935px;
    height: 534px;
    padding: 71px 0 56px;
    max-width: 1240px;
  }
}

.endangeredPlants .pageKv_subTitle {
  margin: 0 auto;
  width: 84.13333vw;
}

@media screen and (min-width: 768px) {
  .endangeredPlants .pageKv_subTitle {
    width: 594px;
  }
}

.endangeredPlants .pageKv_title {
  margin: 5.73333vw auto 0;
  width: 84.26667vw;
}

@media screen and (min-width: 768px) {
  .endangeredPlants .pageKv_title {
    width: 592px;
    margin-top: 25px;
  }
}

.endangeredPlants .pageKv_lead {
  margin: 3.6vw auto 0;
  width: 84.13333vw;
}

@media screen and (min-width: 768px) {
  .endangeredPlants .pageKv_lead {
    width: 601px;
    margin-top: 34px;
  }
}

.endangeredPlants .pageKv_silhouette {
  position: absolute;
  width: 14.4vw;
  bottom: -2px;
  left: -0.93333vw;
}

@media screen and (min-width: 768px) {
  .endangeredPlants .pageKv_silhouette {
    width: 176px;
    bottom: -2px;
    left: -118px;
  }
}

/***************************************

extinctAnimals

***************************************/
.extinctAnimals .pageKv {
  position: relative;
  background-color: #e64290;
  width: 100%;
  padding-top: 13.33333vw;
}

@media screen and (min-width: 768px) {
  .extinctAnimals .pageKv {
    padding-top: 86px;
  }
}

.extinctAnimals .pageKv_inner {
  position: relative;
  margin: 0 auto;
  width: 84.13333vw;
  padding: 9.46667vw 0 21.06667vw;
}

@media screen and (min-width: 768px) {
  .extinctAnimals .pageKv_inner {
    width: 935px;
    height: 415px;
    padding: 71px 0;
    max-width: 1240px;
  }
}

.extinctAnimals .pageKv_subTitle {
  margin: 0 auto;
  width: 84.13333vw;
}

@media screen and (min-width: 768px) {
  .extinctAnimals .pageKv_subTitle {
    width: 594px;
  }
}

.extinctAnimals .pageKv_title {
  margin: 5.6vw auto 0;
  width: 84.13333vw;
}

@media screen and (min-width: 768px) {
  .extinctAnimals .pageKv_title {
    width: 591px;
    margin-top: 27px;
  }
}

.extinctAnimals .pageKv_lead {
  margin: 5.46667vw auto 0;
  width: 83.73333vw;
}

@media screen and (min-width: 768px) {
  .extinctAnimals .pageKv_lead {
    width: 589px;
    margin-top: 25px;
  }
}

.extinctAnimals .pageKv_silhouette {
  position: absolute;
  width: 33.2vw;
  bottom: -2px;
  left: -0.93333vw;
}

@media screen and (min-width: 768px) {
  .extinctAnimals .pageKv_silhouette {
    width: 235px;
    bottom: -2px;
    left: -118px;
  }
}

/*---------------------------------------
program
---------------------------------------*/
/***************************************

program

***************************************/
/* サイズ判定 */
#JS-size-pc {
  display: none;
}

@media screen and (min-width: 768px) {
  #JS-size-pc {
    display: block;
  }
}

#JS-size-sp {
  display: block;
}

@media screen and (min-width: 768px) {
  #JS-size-sp {
    display: none;
  }
}


.header_megamenu_cont{
  width: 83%!important;
}
.header_megamenu_child_items .item{
  line-height: 1.5;
}
/*# sourceMappingURL=main.css.map */