@charset "UTF-8";
/**************************************************************/
/* media_Querys
/**************************************************************/
/**************************************************************/
/* color
/**************************************************************/
/**************************************************************/
/*font
/**************************************************************/
.fs12 {
  font-size: 12px !important;
  font-size: 1.2rem !important; }

.fs13 {
  font-size: 13px !important;
  font-size: 1.3rem !important; }

.fs14 {
  font-size: 14px !important;
  font-size: 1.4rem !important; }

.fs15 {
  font-size: 15px !important;
  font-size: 1.5rem !important; }

.fs16 {
  font-size: 16px !important;
  font-size: 1.6rem !important; }

.fs17 {
  font-size: 17px !important;
  font-size: 1.7rem !important; }

.fs18 {
  font-size: 18px !important;
  font-size: 1.8rem !important; }

.fs19 {
  font-size: 19px !important;
  font-size: 1.9rem !important; }

.fs20 {
  font-size: 20px !important;
  font-size: 2rem !important; }

.fs21 {
  font-size: 21px !important;
  font-size: 2.1rem !important; }

.fs22 {
  font-size: 22px !important;
  font-size: 2.2rem !important; }

.fs23 {
  font-size: 23px !important;
  font-size: 2.3rem !important; }

.fs24 {
  font-size: 24px !important;
  font-size: 2.4rem !important; }

.fs25 {
  font-size: 25px !important;
  font-size: 2.5rem !important; }

.fs26 {
  font-size: 26px !important;
  font-size: 2.6rem !important; }

.fs27 {
  font-size: 27px !important;
  font-size: 2.7rem !important; }

.fs28 {
  font-size: 28px !important;
  font-size: 2.8rem !important; }

.fs29 {
  font-size: 29px !important;
  font-size: 2.9rem !important; }

.fs30 {
  font-size: 30px !important;
  font-size: 3rem !important; }

.fs31 {
  font-size: 31px !important;
  font-size: 3.1rem !important; }

.fs32 {
  font-size: 32px !important;
  font-size: 3.2rem !important; }

.fs33 {
  font-size: 33px !important;
  font-size: 3.3rem !important; }

.fs34 {
  font-size: 34px !important;
  font-size: 3.4rem !important; }

.fs35 {
  font-size: 35px !important;
  font-size: 3.5rem !important; }

.fs36 {
  font-size: 36px !important;
  font-size: 3.6rem !important; }

.fs37 {
  font-size: 37px !important;
  font-size: 3.7rem !important; }

.fs38 {
  font-size: 38px !important;
  font-size: 3.8rem !important; }

.fs39 {
  font-size: 39px !important;
  font-size: 3.9rem !important; }

.fs40 {
  font-size: 40px !important;
  font-size: 4rem !important; }

/**************************************************************/
/* property
/**************************************************************/
/**************************************************************/
/* css reset
/**************************************************************/
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, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  vertical-align: baseline;
  background: transparent; }

body {
  line-height: 1; }

article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  display: block; }

blockquote, q {
  quotes: none; }

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

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

ins {
  background-color: #ff9;
  text-decoration: none; }

mark {
  background-color: #ff9;
  font-style: italic;
  font-weight: bold; }

del {
  text-decoration: line-through; }

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

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

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0; }

input, select, img {
  vertical-align: middle; }

ol, ul {
  list-style: none; }

/**************************************************************/
/* base
/**************************************************************/
*, *:before, *:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box; }

html {
  font-size: 62.5%; }

body {
  background-image: url("../images/common/bg_main.jpg");
  background-repeat: repeat;
  color: #00041d;
  font-family: 'Noto Sans JP', "Hiragino Sans", "Hiragino Kaku Gothic ProN", serif;
  font-size: 10px;
  font-size: 1.0rem;
  font-weight: normal;
  line-height: 1.8;
  -webkit-text-size-adjust: 100%; }
  @media screen and (max-width: 768px) {
    body {
      width: 100%; } }

main {
  overflow: hidden;
  position: relative; }
  main ::selection {
    background: rgba(1, 51, 157, 0.4);
    color: #fff; }
  main ::-moz-selection {
    background: rgba(1, 51, 157, 0.4);
    color: #fff; }

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

.sp {
  display: none; }
  @media screen and (max-width: 768px) {
    .sp {
      display: block; } }

img {
  height: auto;
  width: 100%; }

/**************************************************************/
/* a link
/**************************************************************/
a {
  text-decoration: none;
  transition: all 0.3s; }
  @media screen and (max-width: 768px) {
    a {
      transition: none; } }
  a:hover {
    opacity: 0.7;
    text-decoration: none; }
    @media screen and (max-width: 768px) {
      a:hover {
        opacity: 1; } }

/**************************************************************/
/* common
/**************************************************************/
.left {
  text-align: left !important; }

.center {
  text-align: center !important; }

.right {
  text-align: right !important; }

.bold {
  font-weight: 700; }

.medium {
  font-weight: 500; }

.red {
  color: #fc5b6b; }

.fl {
  float: left; }

.fr {
  float: right; }

.mgn-top0 {
  margin-top: 0px !important; }

.mgn-rit0 {
  margin-right: 0px !important; }

.mgn-btm0 {
  margin-bottom: 0px !important; }

.mgn-lft0 {
  margin-left: 0px !important; }

.mgn-top5 {
  margin-top: 5px !important; }

.mgn-rit5 {
  margin-right: 5px !important; }

.mgn-btm5 {
  margin-bottom: 5px !important; }

.mgn-lft5 {
  margin-left: 5px !important; }

.mgn-top10 {
  margin-top: 10px !important; }

.mgn-rit10 {
  margin-right: 10px !important; }

.mgn-btm10 {
  margin-bottom: 10px !important; }

.mgn-lft10 {
  margin-left: 10px !important; }

.mgn-top15 {
  margin-top: 15px !important; }

.mgn-rit15 {
  margin-right: 15px !important; }

.mgn-btm15 {
  margin-bottom: 15px !important; }

.mgn-lft15 {
  margin-left: 15px !important; }

.mgn-top20 {
  margin-top: 20px !important; }

.mgn-rit20 {
  margin-right: 20px !important; }

.mgn-btm20 {
  margin-bottom: 20px !important; }

.mgn-lft20 {
  margin-left: 20px !important; }

.mgn-top25 {
  margin-top: 25px !important; }

.mgn-rit25 {
  margin-right: 25px !important; }

.mgn-btm25 {
  margin-bottom: 25px !important; }

.mgn-lft25 {
  margin-left: 25px !important; }

.mgn-top30 {
  margin-top: 30px !important; }

.mgn-rit30 {
  margin-right: 30px !important; }

.mgn-btm30 {
  margin-bottom: 30px !important; }

.mgn-lft30 {
  margin-left: 30px !important; }

.mgn-top35 {
  margin-top: 35px !important; }

.mgn-rit35 {
  margin-right: 35px !important; }

.mgn-btm35 {
  margin-bottom: 35px !important; }

.mgn-lft35 {
  margin-left: 35px !important; }

.mgn-top40 {
  margin-top: 40px !important; }

.mgn-rit40 {
  margin-right: 40px !important; }

.mgn-btm40 {
  margin-bottom: 40px !important; }

.mgn-lft40 {
  margin-left: 40px !important; }

.mgn-top45 {
  margin-top: 45px !important; }

.mgn-rit45 {
  margin-right: 45px !important; }

.mgn-btm45 {
  margin-bottom: 45px !important; }

.mgn-lft45 {
  margin-left: 45px !important; }

.mgn-top50 {
  margin-top: 50px !important; }

.mgn-rit50 {
  margin-right: 50px !important; }

.mgn-btm50 {
  margin-bottom: 50px !important; }

.mgn-lft50 {
  margin-left: 50px !important; }

.mgn-top1em {
  margin-top: 1em !important; }

.mgn-rit1em {
  margin-right: 1em !important; }

.mgn-btm1em {
  margin-bottom: 1em !important; }

.mgn-lft1em {
  margin-left: 1em !important; }

.mgn-top2em {
  margin-top: 2em !important; }

.mgn-rit2em {
  margin-right: 2em !important; }

.mgn-btm2em {
  margin-bottom: 2em !important; }

.mgn-lft2em {
  margin-left: 2em !important; }

.mgn-top3em {
  margin-top: 3em !important; }

.mgn-rit3em {
  margin-right: 3em !important; }

.mgn-btm3em {
  margin-bottom: 3em !important; }

.mgn-lft3em {
  margin-left: 3em !important; }

.mgn-top4em {
  margin-top: 4em !important; }

.mgn-rit4em {
  margin-right: 4em !important; }

.mgn-btm4em {
  margin-bottom: 4em !important; }

.mgn-lft4em {
  margin-left: 4em !important; }

.mgn-top5em {
  margin-top: 5em !important; }

.mgn-rit5em {
  margin-right: 5em !important; }

.mgn-btm5em {
  margin-bottom: 5em !important; }

.mgn-lft5em {
  margin-left: 5em !important; }

.note {
  padding-left: 1em;
  text-indent: -1em; }

ul.list_decimal {
  margin-bottom: 20px; }
  ul.list_decimal li {
    list-style: decimal;
    margin: 0 0 5px 20px; }

ul.list_disc {
  margin-bottom: 20px; }
  ul.list_disc li {
    list-style: disc;
    margin: 0 0 5px 20px; }

ul.list_circle {
  margin-bottom: 20px; }
  ul.list_circle li {
    list-style: circle;
    margin: 0 0 5px 20px; }

ul.list_brackets {
  margin-bottom: 20px; }
  ul.list_brackets li {
    list-style: none;
    margin: 0 0 5px -10px;
    padding-left: 2.5em;
    text-indent: -2.5em; }

ul.list_circle_number {
  margin-bottom: 20px; }
  ul.list_circle_number li {
    list-style: none;
    margin: 0 0 5px 0;
    padding-left: 1em;
    text-indent: -1em; }

/*
fonts
******************************************************/
.cab {
  font-family: 'Cabin Sketch', cursive; }

.lex {
  font-family: 'Lexend', sans-serif; }

/* header
******************************************************/
header {
  height: 80px;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 100; }
  @media screen and (max-width: 480px) {
    header {
      height: 60px; } }
  header.is_scroll {
    height: auto; }
    header.is_scroll #header_Common {
      height: 60px; }
      @media screen and (max-width: 480px) {
        header.is_scroll #header_Common {
          height: 50px; } }
      header.is_scroll #header_Common .company_Logo {
        height: 60px;
        padding-top: 0;
        transition: all 0.3s; }
        @media screen and (max-width: 480px) {
          header.is_scroll #header_Common .company_Logo {
            align-items: center;
            height: 50px; } }
        header.is_scroll #header_Common .company_Logo img.svg_Com_Logo {
          height: 54px;
          width: 40px; }
          @media screen and (max-width: 480px) {
            header.is_scroll #header_Common .company_Logo img.svg_Com_Logo {
              height: 25px;
              width: 35px; } }
        @media screen and (max-width: 480px) {
          header.is_scroll #header_Common .company_Logo .company_Name::after {
            height: 20px; } }
      header.is_scroll #header_Common #text_Wrap {
        height: 60px; }
        @media screen and (max-width: 480px) {
          header.is_scroll #header_Common #text_Wrap {
            height: 50px; } }
        header.is_scroll #header_Common #text_Wrap ul li a {
          color: #3a1a0c; }
        header.is_scroll #header_Common #text_Wrap ul li.cin a, header.is_scroll #header_Common #text_Wrap ul li.eng a {
          color: #fff; }
      header.is_scroll #header_Common #btn_Wrap .navTrigger {
        background-color: #286250; }
      header.is_scroll #header_Common #btn_Wrap .navTrigger {
        height: 60px; }
        @media screen and (max-width: 480px) {
          header.is_scroll #header_Common #btn_Wrap .navTrigger {
            height: 50px; } }
        header.is_scroll #header_Common #btn_Wrap .navTrigger .navTxt {
          top: 30px;
          transition: all .5s; }
          @media screen and (max-width: 480px) {
            header.is_scroll #header_Common #btn_Wrap .navTrigger .navTxt {
              top: 27px;
              left: 13px; } }
    header.is_scroll .header_Cont .company_Logo img.svg_Com_Logo {
      opacity: 1; }
    header.is_scroll .header_Cont .company_Logo .company_Name::after {
      background-image: url("../images/common/img_company_name_brown.png");
      height: 30px; }
      @media screen and (max-width: 480px) {
        header.is_scroll .header_Cont .company_Logo .company_Name::after {
          width: 200px; } }
  header #header_Inner {
    background-color: rgba(255, 255, 255, 0.5);
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1100; }
  header #header_Common {
    background-color: transparent;
    box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);
    height: 80px; }
    @media screen and (max-width: 480px) {
      header #header_Common {
        height: 60px; } }
  header .header_Cont {
    align-items: flex-start;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: auto;
    max-width: 1000px;
    padding: 0 0 0 1%; }
    @media screen and (max-width: 480px) {
      header .header_Cont {
        align-items: center;
        padding: 0; } }
    header .header_Cont .company_Logo {
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-basis: 45%;
      flex-wrap: nowrap;
      transition: all 0.3s;
      width: 45%; }
      @media screen and (max-width: 768px) {
        header .header_Cont .company_Logo {
          min-width: 300px; } }
      @media screen and (max-width: 480px) {
        header .header_Cont .company_Logo {
          align-items: flex-start; } }
      header .header_Cont .company_Logo a:first-child {
        flex-basis: 10%; }
      header .header_Cont .company_Logo a:last-child {
        flex-basis: 90%; }
      header .header_Cont .company_Logo img.svg_Com_Logo {
        height: 85px;
        margin-right: 3%;
        opacity: .8;
        padding-left: 3%;
        width: 100%; }
        @media screen and (max-width: 768px) {
          header .header_Cont .company_Logo img.svg_Com_Logo {
            width: 45px; } }
        @media screen and (max-width: 480px) {
          header .header_Cont .company_Logo img.svg_Com_Logo {
            height: 25px;
            padding: 0 5px;
            width: 35px; } }
      header .header_Cont .company_Logo .company_Name {
        margin: 0 0 0 10px; }
        @media screen and (max-width: 480px) {
          header .header_Cont .company_Logo .company_Name {
            margin: 0; } }
        header .header_Cont .company_Logo .company_Name::after {
          background-image: url("../images/common/img_company_name_brown.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          content: '';
          display: block;
          height: 50px;
          max-width: 325px;
          width: 100%; }
          @media screen and (max-width: 768px) {
            header .header_Cont .company_Logo .company_Name::after {
              max-width: 245px; } }
          @media screen and (max-width: 480px) {
            header .header_Cont .company_Logo .company_Name::after {
              height: 25px;
              max-width: 200px;
              min-width: 170px; } }
    header .header_Cont #text_Wrap {
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: column;
      flex-basis: 50%;
      flex-wrap: nowrap;
      height: 80px;
      justify-content: space-between;
      padding: 0 1%;
      transition: all 0.3s;
      width: 50%; }
      @media screen and (max-width: 768px) {
        header .header_Cont #text_Wrap {
          display: none !important; } }
      header .header_Cont #text_Wrap ul {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        height: 85px;
        justify-content: space-between;
        max-width: 380px;
        min-width: 380px; }
        header .header_Cont #text_Wrap ul li {
          align-items: flex-end;
          display: -webkit-inline-flex;
          display: -moz-inline-flex;
          display: -ms-inline-flex;
          display: -o-inline-flex;
          display: inline-flex;
          flex-direction: row;
          flex-wrap: nowrap;
          margin-right: 5px;
          width: calc((100% / 3) - 5px); }
          header .header_Cont #text_Wrap ul li a {
            color: #00041d;
            font-size: 14px;
            font-size: 1.4rem;
            font-weight: 700; }
            header .header_Cont #text_Wrap ul li a::before {
              background-position: center;
              background-repeat: no-repeat;
              background-size: contain;
              content: '';
              display: inline-block;
              height: 18px;
              margin-right: 5px;
              vertical-align: -3px;
              width: 18px; }
          header .header_Cont #text_Wrap ul li.join {
            max-width: 125px; }
            header .header_Cont #text_Wrap ul li.join a::before {
              background-image: url("../images/common/icon/icon_join.svg"); }
          header .header_Cont #text_Wrap ul li.member {
            max-width: 110px; }
            header .header_Cont #text_Wrap ul li.member a::before {
              background-image: url("../images/common/icon/icon_member.svg"); }
          header .header_Cont #text_Wrap ul li.donation {
            max-width: 125px; }
            header .header_Cont #text_Wrap ul li.donation a::before {
              background-image: url("../images/common/icon/icon_eco.svg"); }
          header .header_Cont #text_Wrap ul li.eng {
            margin-bottom: 3px;
            max-width: 80px; }
            header .header_Cont #text_Wrap ul li.eng a {
              background-color: #286250;
              color: #fff;
              line-height: 1.4;
              padding: 2px 10%; }
              header .header_Cont #text_Wrap ul li.eng a::before {
                content: none; }
          header .header_Cont #text_Wrap ul li.cin {
            margin-bottom: 3px;
            max-width: 60px; }
            header .header_Cont #text_Wrap ul li.cin a {
              background-color: #286250;
              color: #fff;
              line-height: 1.4;
              padding: 2px 10%; }
              header .header_Cont #text_Wrap ul li.cin a::before {
                content: none; }
          header .header_Cont #text_Wrap ul li.mailer {
            margin-bottom: 3px;
            min-width: 200px; }
            header .header_Cont #text_Wrap ul li.mailer a::before {
              background-image: url("../images/common/icon/icon_mail.svg"); }
    header .header_Cont #btn_Wrap {
      align-items: flex-start;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-basis: 5%;
      flex-wrap: nowrap;
      height: 80px;
      justify-content: flex-end;
      max-width: 160px;
      transition: all 0.3s; }
      @media screen and (max-width: 480px) {
        header .header_Cont #btn_Wrap {
          height: 60px; } }
      header .header_Cont #btn_Wrap .navTrigger {
        cursor: pointer;
        height: 80px;
        position: relative;
        transition: all .5s;
        width: 80px; }
        @media screen and (max-width: 480px) {
          header .header_Cont #btn_Wrap .navTrigger {
            height: 60px;
            width: 60px; } }
      header .header_Cont #btn_Wrap .navTrigger {
        background-color: rgba(40, 98, 80, 0.8); }
        @media screen and (max-width: 480px) {
          header .header_Cont #btn_Wrap .navTrigger {
            position: absolute;
            right: 0; } }
        header .header_Cont #btn_Wrap .navTrigger .toggleBtn {
          height: 50px;
          position: absolute;
          top: 50%;
          left: 50%;
          transform: translateY(-50%) translateX(-50%);
          width: 50px; }
          header .header_Cont #btn_Wrap .navTrigger .toggleBtn span {
            background-color: #fff;
            color: #fff;
            height: 2px;
            position: absolute;
            width: 30px; }
            header .header_Cont #btn_Wrap .navTrigger .toggleBtn span:nth-child(1) {
              top: 0px;
              left: 10px;
              width: 30px; }
              @media screen and (max-width: 480px) {
                header .header_Cont #btn_Wrap .navTrigger .toggleBtn span:nth-child(1) {
                  top: 5px;
                  left: 15px;
                  width: 22px; } }
            header .header_Cont #btn_Wrap .navTrigger .toggleBtn span:nth-child(2) {
              top: 10px;
              left: 10px;
              width: 30px; }
              @media screen and (max-width: 480px) {
                header .header_Cont #btn_Wrap .navTrigger .toggleBtn span:nth-child(2) {
                  top: 13px;
                  left: 15px;
                  width: 22px; } }
            header .header_Cont #btn_Wrap .navTrigger .toggleBtn span:nth-child(3) {
              top: 20px;
              left: 10px;
              width: 30px; }
              @media screen and (max-width: 480px) {
                header .header_Cont #btn_Wrap .navTrigger .toggleBtn span:nth-child(3) {
                  top: 21px;
                  left: 15px;
                  width: 22px; } }
        header .header_Cont #btn_Wrap .navTrigger .navTxt {
          color: #fff;
          font-size: 14px;
          font-size: 1.4rem;
          position: absolute;
          top: 50px;
          left: 20px;
          transition: all .5s; }
          @media screen and (max-width: 480px) {
            header .header_Cont #btn_Wrap .navTrigger .navTxt {
              font-size: 12px;
              font-size: 1.2rem;
              top: 30px;
              left: 13px; } }
          header .header_Cont #btn_Wrap .navTrigger .navTxt.is_scroll {
            top: 30px;
            transition: all .5s; }
            @media screen and (max-width: 480px) {
              header .header_Cont #btn_Wrap .navTrigger .navTxt.is_scroll {
                top: 27px; } }
        header .header_Cont #btn_Wrap .navTrigger.open .toggleBtn span:nth-child(1) {
          top: 6px;
          left: 4px;
          transform: translateY(6px) rotate(-25deg);
          width: 40px; }
        header .header_Cont #btn_Wrap .navTrigger.open .toggleBtn span:nth-child(2) {
          opacity: 0; }
        header .header_Cont #btn_Wrap .navTrigger.open .toggleBtn span:nth-child(3) {
          top: 17px;
          left: 4px;
          transform: translateY(-6px) rotate(25deg);
          width: 40px; }
  header nav.global_Nav {
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    transform: translate(100%);
    transition: all 0s;
    width: 100%; }
    header nav.global_Nav.open {
      background-image: url("../images/common/bg_nav.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      display: block;
      overflow: scroll;
      position: relative;
      transform: translateY(0%);
      transition: all 0s;
      width: 100%;
      z-index: 1000; }
      header nav.global_Nav.open::before {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        content: '';
        display: block;
        height: 100%;
        position: absolute;
        top: 0;
        width: 100%; }
      header nav.global_Nav.open .company_Logo {
        align-items: flex-end;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-basis: 40%;
        flex-wrap: nowrap;
        margin: auto;
        max-width: 1000px;
        min-width: 365px;
        transition: all 0.3s; }
        header nav.global_Nav.open .company_Logo img.svg_Com_Logo {
          height: 65px;
          margin-right: 3%;
          padding-left: 3%;
          width: 51px; }
          @media screen and (max-width: 480px) {
            header nav.global_Nav.open .company_Logo img.svg_Com_Logo {
              padding: 0 5px; } }
        header nav.global_Nav.open .company_Logo .company_Name {
          margin: 0 0 8px 10px; }
          @media screen and (max-width: 480px) {
            header nav.global_Nav.open .company_Logo .company_Name {
              margin: 0 0 8px 5px; } }
          header nav.global_Nav.open .company_Logo .company_Name::after {
            background-image: url("../images/common/img_company_name_brown.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: block;
            height: 50px;
            width: 280px; }
    header nav.global_Nav .inner {
      padding: 150px 20px; }
      @media screen and (max-width: 480px) {
        header nav.global_Nav .inner {
          padding: 100px 20px; } }
    header nav.global_Nav .global_Nav_Cont {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      justify-content: center; }
      @media screen and (max-width: 1080px) {
        header nav.global_Nav .global_Nav_Cont {
          flex-direction: column; } }
      header nav.global_Nav .global_Nav_Cont .global_Nav_Item {
        margin-bottom: 40px;
        max-width: 550px;
        padding: 0 10px;
        width: calc((100% / 2) - 20px); }
        @media screen and (max-width: 1080px) {
          header nav.global_Nav .global_Nav_Cont .global_Nav_Item {
            max-width: 100%;
            padding: 0;
            width: 100%; } }
      header nav.global_Nav .global_Nav_Cont .organic_House {
        margin-bottom: 80px; }
      header nav.global_Nav .global_Nav_Cont .global_Nav_Head {
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        margin-bottom: 50px;
        padding-bottom: 5px;
        position: relative;
        z-index: 5; }
        @media screen and (max-width: 480px) {
          header nav.global_Nav .global_Nav_Cont .global_Nav_Head {
            align-items: flex-start;
            flex-direction: column; } }
        header nav.global_Nav .global_Nav_Cont .global_Nav_Head::after {
          background-image: -webkit-linear-gradient(left, transparent, #00041d 25%, #00041d 75%, transparent);
          background-image: linear-gradient(to right, transparent, #00041d 25%, #00041d 75%, transparent);
          background-position: center;
          background-repeat: no-repeat;
          content: '';
          display: block;
          height: 1px;
          width: 100%; }
        header nav.global_Nav .global_Nav_Cont .global_Nav_Head.__about a::before {
          background-image: url("../images/common/icon/icon_tree_type01.png"); }
        header nav.global_Nav .global_Nav_Cont .global_Nav_Head.__moune a::before {
          background-image: url("../images/common/icon/icon_tree_type02.png"); }
        header nav.global_Nav .global_Nav_Cont .global_Nav_Head.__join a::before {
          background-image: url("../images/common/icon/icon_tree_type03.png"); }
        header nav.global_Nav .global_Nav_Cont .global_Nav_Head.__other a::before {
          background-image: url("../images/common/icon/icon_tree_type04.png"); }
        header nav.global_Nav .global_Nav_Cont .global_Nav_Head a::before {
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          content: '';
          display: inline-block;
          height: 80px;
          margin-right: 10px;
          width: 50px; }
        header nav.global_Nav .global_Nav_Cont .global_Nav_Head p {
          color: #00041d;
          display: inline-flex;
          font-size: 28px;
          font-size: 2.8rem;
          letter-spacing: 4px;
          line-height: 1;
          margin: 0 15px 3px 0;
          min-width: 225px;
          width: fit-content; }
          @media screen and (max-width: 480px) {
            header nav.global_Nav .global_Nav_Cont .global_Nav_Head p {
              min-width: 100%;
              width: 100%; } }
        header nav.global_Nav .global_Nav_Cont .global_Nav_Head span {
          color: #00041d;
          display: inline-flex;
          font-size: 14px;
          font-size: 1.4rem; }
      @media screen and (max-width: 480px) {
        header nav.global_Nav .global_Nav_Cont ul {
          padding-left: 15px; } }
      header nav.global_Nav .global_Nav_Cont ul li {
        margin: 0 0 20px 0;
        padding-left: 20px;
        position: relative;
        width: 100%; }
        header nav.global_Nav .global_Nav_Cont ul li:nth-child(3n), header nav.global_Nav .global_Nav_Cont ul li:last-child {
          margin-right: 0; }
          @media screen and (max-width: 768px) {
            header nav.global_Nav .global_Nav_Cont ul li:nth-child(3n), header nav.global_Nav .global_Nav_Cont ul li:last-child {
              margin-right: 30px; } }
        @media screen and (max-width: 768px) {
          header nav.global_Nav .global_Nav_Cont ul li:nth-child(2n) {
            margin-right: 0; } }
        header nav.global_Nav .global_Nav_Cont ul li a {
          color: #00041d;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-box;
          display: -webkit-flexbox;
          display: -moz-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          flex-direction: column;
          flex-wrap: wrap;
          justify-content: flex-start; }
          @media screen and (max-width: 768px) {
            header nav.global_Nav .global_Nav_Cont ul li a {
              font-size: 14px;
              font-size: 1.4rem; } }
          header nav.global_Nav .global_Nav_Cont ul li a span {
            font-size: 20px;
            font-size: 2rem;
            margin-left: 10px; }
            @media screen and (max-width: 480px) {
              header nav.global_Nav .global_Nav_Cont ul li a span {
                font-size: 18px;
                font-size: 1.8rem;
                margin-left: 0; } }
            header nav.global_Nav .global_Nav_Cont ul li a span.lex {
              color: #00041d;
              font-size: 16px;
              font-size: 1.6rem;
              letter-spacing: 4px;
              line-height: 1;
              margin-left: -10px; }
              @media screen and (max-width: 768px) {
                header nav.global_Nav .global_Nav_Cont ul li a span.lex {
                  font-size: 20px;
                  font-size: 2rem;
                  min-width: 363px;
                  width: 66%; } }
              @media screen and (max-width: 480px) {
                header nav.global_Nav .global_Nav_Cont ul li a span.lex {
                  font-size: 18px;
                  font-size: 1.8rem;
                  min-width: 100%;
                  text-indent: -1em;
                  word-break: break-word;
                  width: 100%; } }
              header nav.global_Nav .global_Nav_Cont ul li a span.lex::before {
                color: #00041d;
                content: '-';
                display: inline-flex;
                font-size: 16px;
                font-size: 1.6rem;
                margin-right: 8px; }
    header nav.global_Nav .more a {
      background-color: #00041d;
      color: #fff;
      display: block;
      font-size: 18px;
      font-size: 1.8rem;
      margin: 30px 0 0 auto;
      padding: 5px 12px;
      text-align: center;
      width: 200px; }
      header nav.global_Nav .more a span::after {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff; }
    header nav.global_Nav .translation {
      padding: 0 50px; }
      @media screen and (max-width: 768px) {
        header nav.global_Nav .translation {
          padding: 0; } }
      header nav.global_Nav .translation ul li {
        margin-bottom: 20px; }
        header nav.global_Nav .translation ul li a {
          color: #00041d;
          display: block;
          font-size: 18px;
          font-size: 1.8rem; }
          header nav.global_Nav .translation ul li a span::before {
            color: #00041d;
            content: '-';
            display: inline-flex;
            font-size: 16px;
            font-size: 1.6rem;
            margin-right: 8px; }
    header nav.global_Nav .scroll_Down {
      height: 280px;
      position: absolute;
      top: 50%;
      right: 2%;
      /*高さ・位置・透過が変化して線が上から下に動く*/ }
      @media screen and (max-width: 768px) {
        header nav.global_Nav .scroll_Down {
          right: 15px; } }
      @media screen and (max-width: 480px) {
        header nav.global_Nav .scroll_Down {
          top: 45%; } }
      header nav.global_Nav .scroll_Down::after {
        animation: pathmove 1.4s ease-in-out infinite;
        background: #00041d;
        content: '';
        opacity: 0;
        height: 280px;
        position: absolute;
        top: 0;
        width: 1px; }
      header nav.global_Nav .scroll_Down span {
        color: #00041d;
        font-size: 14px;
        font-size: 1.4rem;
        letter-spacing: 1px;
        position: absolute;
        top: -35px;
        left: -22px;
        transform: rotate(-90deg); }
@keyframes pathmove {
  0% {
    height: 0;
    top: 0;
    opacity: 0; }
  30% {
    height: 130px;
    opacity: 1; }
  100% {
    height: 0;
    top: 280px;
    opacity: 0; } }
/* hero header (MV).
**************************************************************/
#hero_Header {
  overflow: hidden;
  position: relative;
  z-index: 10; }
  #hero_Header .hero_Header_Catch {
    background-image: -webkit-linear-gradient(left, transparent, #000 25%, #000 75%, transparent);
    background-image: linear-gradient(to right, transparent, #000 25%, #000 75%, transparent);
    background-position: center;
    background-repeat: no-repeat;
    padding: 10px 20px;
    position: absolute;
    top: initial;
    bottom: 70px;
    left: 50%;
    transform: translateY(0) translateX(-50%);
    width: 100%; }
    @media screen and (max-width: 480px) {
      #hero_Header .hero_Header_Catch {
        bottom: 50px; } }
    #hero_Header .hero_Header_Catch p {
      color: #fff;
      text-align: center; }
      #hero_Header .hero_Header_Catch p span {
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1.2; }
        @media screen and (max-width: 768px) {
          #hero_Header .hero_Header_Catch p span {
            font-size: 14px;
            font-size: 1.4rem;
            letter-spacing: -.5px; } }
        @media screen and (max-width: 480px) {
          #hero_Header .hero_Header_Catch p span {
            font-size: 12px;
            font-size: 1.2rem; } }
        #hero_Header .hero_Header_Catch p span br {
          display: none; }
          @media screen and (max-width: 480px) {
            #hero_Header .hero_Header_Catch p span br {
              display: block; } }
  #hero_Header .full_Img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 100vh;
    position: relative; }
    @media screen and (max-width: 480px) {
      #hero_Header .full_Img {
        height: 400px; } }
  #hero_Header .half_Img {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 500px;
    position: relative; }
    @media screen and (max-width: 480px) {
      #hero_Header .half_Img {
        height: 400px; } }
  #hero_Header.__front .full_Slider, #hero_Header.__front_Chinese .full_Slider {
    height: 100vh;
    position: relative;
    z-index: 20; }
    @media screen and (max-width: 480px) {
      #hero_Header.__front .full_Slider, #hero_Header.__front_Chinese .full_Slider {
        height: 400px; } }
    #hero_Header.__front .full_Slider ul li, #hero_Header.__front_Chinese .full_Slider ul li {
      display: block;
      height: 100vh;
      width: auto; }
      @media screen and (max-width: 480px) {
        #hero_Header.__front .full_Slider ul li, #hero_Header.__front_Chinese .full_Slider ul li {
          height: 400px; } }
      #hero_Header.__front .full_Slider ul li.mv-01, #hero_Header.__front_Chinese .full_Slider ul li.mv-01 {
        background-image: url("../images/mv/mv_front_slider01.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; }
      #hero_Header.__front .full_Slider ul li.mv-02, #hero_Header.__front_Chinese .full_Slider ul li.mv-02 {
        background-image: url("../images/mv/mv_front_slider02.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; }
      #hero_Header.__front .full_Slider ul li.mv-03, #hero_Header.__front_Chinese .full_Slider ul li.mv-03 {
        background-image: url("../images/mv/mv_front_slider03.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; }
      #hero_Header.__front .full_Slider ul li.mv-04, #hero_Header.__front_Chinese .full_Slider ul li.mv-04 {
        background-image: url("../images/mv/mv_front_slider04.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; }
      #hero_Header.__front .full_Slider ul li.mv-05, #hero_Header.__front_Chinese .full_Slider ul li.mv-05 {
        background-image: url("../images/mv/mv_front_slider05.jpg");
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover; }
  #hero_Header.__front .hero_Header_Catch, #hero_Header.__front_Chinese .hero_Header_Catch {
    max-width: 600px; }
  #hero_Header.__about_Us .half_Img {
    background-image: url("../images/mv/mv_about_us.jpg");
    background-position: center bottom; }
  #hero_Header.__about_Us .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__activities .half_Img, #hero_Header.__activities_Info .half_Img {
    background-image: url("../images/mv/mv_activities.jpg");
    background-position: center; }
  #hero_Header.__activities .hero_Header_Catch, #hero_Header.__activities_Info .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__activities_Reforestation .half_Img {
    background-image: url("../images/mv/mv_activities_reforestation.jpg");
    background-position: center; }
  #hero_Header.__activities_Reforestation .hero_Header_Catch {
    max-width: 400px; }
  #hero_Header.__activities_Environmental_Education .half_Img {
    background-image: url("../images/mv/mv_activities_environmental_education.jpg");
    background-position: center; }
  #hero_Header.__activities_Environmental_Education .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__activities_Nature_Conservation .half_Img {
    background-image: url("../images/mv/mv_activities_nature_conservation.jpg");
    background-position: center 70%; }
  #hero_Header.__activities_Nature_Conservation .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__activities_Community_Development .half_Img {
    background-image: url("../images/mv/mv_activities_community_deveropment.jpg");
    background-position: center 63%; }
  #hero_Header.__activities_Community_Development .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__activities_List .half_Img {
    background-image: url("../images/mv/mv_activities_list.jpg");
    background-position: center; }
  #hero_Header.__activities_List .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__article_Detail .half_Img {
    background-image: url("../images/mv/mv_article_detail.jpg");
    background-position: center; }
  #hero_Header.__article_Detail .hero_Header_Catch {
    max-width: 300px; }
  #hero_Header.__contact .half_Img {
    background-image: url("../images/mv/mv_contact.jpg");
    background-position: center; }
  #hero_Header.__contact .hero_Header_Catch {
    max-width: 450px; }
  #hero_Header.__donation .half_Img {
    background-image: url("../images/mv/mv_donation.jpg");
    background-position: center; }
  #hero_Header.__donation .hero_Header_Catch {
    max-width: 400px; }
  #hero_Header.__event .half_Img {
    background-image: url("../images/mv/mv_event.jpg");
    background-position: center; }
  #hero_Header.__event .hero_Header_Catch {
    max-width: 450px; }
  #hero_Header.__greeting .half_Img {
    background-image: url("../images/mv/mv_greeting.jpg");
    background-position: center; }
  #hero_Header.__greeting .hero_Header_Catch {
    max-width: 420px; }
  #hero_Header.__history .half_Img {
    background-image: url("../images/mv/mv_history.jpg");
    background-position: center; }
  #hero_Header.__history .hero_Header_Catch {
    max-width: 350px; }
  #hero_Header.__join .half_Img {
    background-image: url("../images/mv/mv_join.jpg");
    background-position: center; }
  #hero_Header.__join .hero_Header_Catch {
    max-width: 300px; }
  #hero_Header.__map_moune .half_Img {
    background-image: url("../images/mv/mv_map_moune.jpg");
    background-position: center 30%; }
  #hero_Header.__map_moune .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__map_moune._forest .half_Img {
    background-image: url("../images/mv/mv_map_moune_forest.jpg");
    background-position: center 30%; }
  #hero_Header.__map_moune._forest .hero_Header_Catch {
    max-width: 660px; }
  #hero_Header.__map_moune._river .half_Img {
    background-image: url("../images/mv/mv_map_moune.jpg");
    background-position: center 30%; }
  #hero_Header.__map_moune._river .hero_Header_Catch {
    max-width: 660px; }
  #hero_Header.__map_moune._wetlands .half_Img {
    background-image: url("../images/mv/mv_map_moune_wetlands.jpg");
    background-position: center 30%; }
  #hero_Header.__map_moune._wetlands .hero_Header_Catch {
    max-width: 660px; }
  #hero_Header.__map_moune._tidal_flat .half_Img {
    background-image: url("../images/mv/mv_map_moune_tidal_flat.jpg");
    background-position: center 30%; }
  #hero_Header.__map_moune._tidal_flat .hero_Header_Catch {
    max-width: 660px; }
  #hero_Header.__map_moune._gulf .half_Img {
    background-image: url("../images/mv/mv_map_moune_gulf.jpg");
    background-position: center 30%; }
  #hero_Header.__map_moune._gulf .hero_Header_Catch {
    max-width: 660px; }
  #hero_Header.__members .half_Img {
    background-image: url("../images/mv/mv_members.jpg");
    background-position: center 60%; }
  #hero_Header.__members .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__mifoss .half_Img {
    background-image: url("../images/mv/mv_mifoss.jpg");
    background-position: center; }
  #hero_Header.__mifoss .hero_Header_Catch {
    max-width: 400px; }
  #hero_Header.__mifoss_Supporters .half_Img {
    background-image: url("../images/mv/mv_mifoss_supporters.jpg");
    background-position: center 80%; }
  #hero_Header.__mifoss_Supporters .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__mifoss_Support_Activities .half_Img {
    background-image: url("../images/mv/mv_mifoss_supporters.jpg");
    background-position: center 80%; }
  #hero_Header.__mifoss_Support_Activities .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__museum .half_Img {
    background-image: url("../images/mv/mv_museum.jpg");
    background-position: center; }
  #hero_Header.__museum .hero_Header_Catch {
    max-width: 400px; }
  #hero_Header.__into_the_forest .half_Img {
    background-image: url("../images/mv/mv_into_the_forest.jpg");
    background-position: center; }
  #hero_Header.__into_the_forest .hero_Header_Catch {
    max-width: 450px; }
    @media screen and (max-width: 768px) {
      #hero_Header.__into_the_forest .hero_Header_Catch p span {
        letter-spacing: .8px; } }
  #hero_Header.__sitemap .half_Img {
    background-image: url("../images/mv/mv_sitemap.jpg");
    background-position: center bottom; }
  #hero_Header.__sitemap .hero_Header_Catch {
    max-width: 450px; }
  #hero_Header.__supports .half_Img {
    background-image: url("../images/mv/mv_supports.jpg");
    background-position: center; }
  #hero_Header.__supports .hero_Header_Catch {
    max-width: 450px; }
  #hero_Header.__teikan .half_Img {
    background-image: url("../images/mv/mv_front_slider03.jpg");
    background-position: center bottom; }
  #hero_Header.__teikan .hero_Header_Catch {
    max-width: 500px; }
  #hero_Header.__wait .half_Img {
    background-image: url("../images/mv/mv_wait.jpg");
    background-position: center 40%; }
  #hero_Header.__wait .hero_Header_Catch {
    max-width: 230px; }

/* compornent + layout.
/**************************************************************/
.noscroll {
  overflow: hidden; }

.inner {
  padding: 100px 3% 0; }
  @media screen and (max-width: 768px) {
    .inner {
      padding: 80px 20px 0; } }

.cont {
  margin: auto;
  max-width: 1000px; }
  @media screen and (max-width: 768px) {
    .cont {
      max-width: 100%; } }

#pageNation {
  position: relative;
  text-align: center;
  z-index: 50;
  /* イロチ */ }
  #pageNation .wp-pagenavi {
    margin-top: 80px; }
  #pageNation span.pages {
    display: none; }
  #pageNation span,
  #pageNation a {
    color: #3a1a0c;
    display: inline-block;
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    margin: 0 5px;
    padding: 5px 13px; }
    @media screen and (max-width: 480px) {
      #pageNation span,
      #pageNation a {
        padding: 4px 10px; } }
    #pageNation span:hover, #pageNation span.current,
    #pageNation a:hover,
    #pageNation a.current {
      background-color: #3a1a0c;
      color: #fff; }
  #pageNation.__blue span,
  #pageNation.__blue a {
    color: #00041d; }
    #pageNation.__blue span:hover, #pageNation.__blue span.current,
    #pageNation.__blue a:hover,
    #pageNation.__blue a.current {
      background-color: #00041d;
      color: #fff; }

#pankuz_Nav {
  width: 100%; }
  @media screen and (max-width: 768px) {
    #pankuz_Nav {
      position: initial; } }
  #pankuz_Nav ul {
    display: flex;
    flex-wrap: wrap;
    margin: auto;
    max-width: 1200px;
    padding: 20px 3%; }
    @media screen and (max-width: 768px) {
      #pankuz_Nav ul {
        padding: 20px; } }
    @media screen and (max-width: 480px) {
      #pankuz_Nav ul {
        max-width: 100%; } }
    #pankuz_Nav ul li {
      display: inline-flex;
      font-size: 14px;
      font-size: 1.4rem;
      font-weight: 400;
      position: relative;
      z-index: 30; }
      #pankuz_Nav ul li:not(:last-child)::after {
        content: '⟩';
        display: inline-flex;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 10px; }
      #pankuz_Nav ul li a {
        color: #00041d; }
        #pankuz_Nav ul li a span::before {
          background-image: url("../images/common/icon/icon_home.svg");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          content: '';
          display: inline-block;
          height: 15px;
          margin-right: 5px;
          vertical-align: -1px;
          width: 15px; }

.fixed {
  position: fixed;
  width: 100%;
  z-index: 1000; }

.more {
  margin-top: auto; }
  .more a {
    background-color: #fff8a5;
    color: #00041d;
    max-width: 150px;
    padding: 5px 15px; }
    .more a span {
      font-size: 16px;
      font-size: 1.6rem; }
      .more a span.half_arrow::after {
        border-bottom: 1px solid #00041d;
        border-right: 1px solid #00041d;
        content: '';
        display: inline-block;
        height: 8px;
        margin-left: 8px;
        transform: skew(45deg);
        width: 50px; }

.vertical_Txt {
  font-size: 12px;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 1.4px;
  writing-mode: vertical-lr; }

p.noto_serif.cont_Null {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: 500;
  text-align: center; }

/* 記事一覧出力 */
#list_Of_All_Categories {
  position: relative; }
  #list_Of_All_Categories .inner {
    padding-bottom: 100px; }
    @media screen and (max-width: 768px) {
      #list_Of_All_Categories .inner {
        padding-bottom: 80px; } }
  #list_Of_All_Categories .cont {
    max-width: 800px; }
  #list_Of_All_Categories .cont_Null {
    font-size: 18px;
    font-size: 1.8rem;
    text-align: center; }
    @media screen and (max-width: 480px) {
      #list_Of_All_Categories .cont_Null {
        font-size: 16px;
        font-size: 1.6rem; } }
  #list_Of_All_Categories .head {
    margin-bottom: 50px;
    position: relative;
    z-index: 5; }
    #list_Of_All_Categories .head h2 {
      font-size: 40px;
      font-size: 4rem;
      line-height: 1;
      margin-bottom: 20px;
      text-align: center; }
      @media screen and (max-width: 480px) {
        #list_Of_All_Categories .head h2 {
          font-size: 44px;
          font-size: 4.4rem; } }
    #list_Of_All_Categories .head .sub_Ttl p {
      font-size: 18px;
      font-size: 1.8rem;
      line-height: 1;
      text-align: center; }
      #list_Of_All_Categories .head .sub_Ttl p.cab {
        margin-bottom: 15px; }
  #list_Of_All_Categories .report .flex_Box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 768px) {
      #list_Of_All_Categories .report .flex_Box {
        align-items: center;
        flex-direction: column; } }
  #list_Of_All_Categories .report .report_Box {
    margin-bottom: 40px;
    position: relative;
    z-index: 5; }
    #list_Of_All_Categories .report .report_Box:last-child, #list_Of_All_Categories .report .report_Box:only-child {
      margin-bottom: 0; }
    #list_Of_All_Categories .report .report_Box figure {
      margin-right: 40px;
      width: 40%; }
      @media screen and (max-width: 768px) {
        #list_Of_All_Categories .report .report_Box figure {
          margin-right: 0;
          margin-bottom: 30px;
          text-align: center;
          width: 100%; } }
      #list_Of_All_Categories .report .report_Box figure img {
        box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
        max-width: 400px;
        width: 100%; }
        @media screen and (max-width: 768px) {
          #list_Of_All_Categories .report .report_Box figure img {
            max-width: 600px; } }
        @media screen and (max-width: 480px) {
          #list_Of_All_Categories .report .report_Box figure img {
            max-width: 400px; } }
    #list_Of_All_Categories .report .report_Box .txt {
      width: 60%; }
      @media screen and (max-width: 768px) {
        #list_Of_All_Categories .report .report_Box .txt {
          width: 100%; } }
      #list_Of_All_Categories .report .report_Box .txt .wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px; }
        #list_Of_All_Categories .report .report_Box .txt .wrap .date span {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1; }
        #list_Of_All_Categories .report .report_Box .txt .wrap .cat span {
          background-color: #daa361;
          color: #fff;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1;
          padding: 3px 12px; }
      #list_Of_All_Categories .report .report_Box .txt .ttl {
        margin-bottom: 10px; }
        #list_Of_All_Categories .report .report_Box .txt .ttl p {
          font-size: 18px;
          font-size: 1.8rem; }
          @media screen and (max-width: 480px) {
            #list_Of_All_Categories .report .report_Box .txt .ttl p {
              font-size: 16px;
              font-size: 1.6rem; } }
      #list_Of_All_Categories .report .report_Box .txt .contents p {
        font-size: 16px;
        font-size: 1.6rem; }
        @media screen and (max-width: 480px) {
          #list_Of_All_Categories .report .report_Box .txt .contents p {
            font-size: 14px;
            font-size: 1.4rem; } }
      #list_Of_All_Categories .report .report_Box .txt .contents .more {
        margin-top: 30px;
        text-align: right; }
      #list_Of_All_Categories .report .report_Box .txt hr {
        margin: 4em 0; }
        @media screen and (max-width: 480px) {
          #list_Of_All_Categories .report .report_Box .txt hr {
            margin: 40px 0; } }
  #list_Of_All_Categories.article_List::before, #list_Of_All_Categories.article_List::after {
    opacity: .7; }
  #list_Of_All_Categories.article_List::before {
    background-image: url("../images/activities/bg_list_left.png");
    position: absolute;
    top: 0;
    left: 0; }
    @media screen and (max-width: 768px) {
      #list_Of_All_Categories.article_List::before {
        background-position: 55% center; } }
  #list_Of_All_Categories.article_List::after {
    background-image: url("../images/activities/bg_list_right.png");
    position: absolute;
    top: 0;
    right: 0; }
    @media screen and (max-width: 768px) {
      #list_Of_All_Categories.article_List::after {
        background-position: 40% center; } }
  #list_Of_All_Categories.__detail .report .flex_Box .txt {
    width: 100%; }
  #list_Of_All_Categories.__detail .report .flex_Box figure {
    text-align: center;
    width: 100%; }
    #list_Of_All_Categories.__detail .report .flex_Box figure img {
      max-width: 550px; }

/* 詳細記事のボタン */
.control_Btn {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 50px;
  width: 100%;
  /* イロチ */ }
  @media screen and (max-width: 480px) {
    .control_Btn {
      margin-bottom: 50px; } }
  .control_Btn .prev,
  .control_Btn .back,
  .control_Btn .next {
    height: 50px;
    margin: 0 5px 20px;
    min-width: 200px;
    max-width: 200px;
    text-align: center;
    width: calc((100% / 3) - 10px); }
    .control_Btn .prev a,
    .control_Btn .back a,
    .control_Btn .next a {
      color: #fff;
      display: block;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 500;
      height: 100%;
      line-height: 50px;
      padding: 3px 10px;
      width: 100%; }
      .control_Btn .prev a:hover,
      .control_Btn .back a:hover,
      .control_Btn .next a:hover {
        background-color: #fff; }
  .control_Btn.__blue .prev a,
  .control_Btn.__blue .back a,
  .control_Btn.__blue .next a {
    background-color: #00041d; }
    .control_Btn.__blue .prev a:hover,
    .control_Btn.__blue .back a:hover,
    .control_Btn.__blue .next a:hover {
      background-color: #fff;
      border: solid 1px #00041d;
      color: #00041d; }
  .control_Btn.__green .prev a,
  .control_Btn.__green .back a,
  .control_Btn.__green .next a {
    background-color: #286250; }
    .control_Btn.__green .prev a:hover,
    .control_Btn.__green .back a:hover,
    .control_Btn.__green .next a:hover {
      background-color: #fff;
      border: solid 1px #286250;
      color: #286250; }

/* 協賛企業バナー */
#link {
  background-color: #bce2e8;
  position: relative; }
  #link .inner {
    padding: 100px 3%; }
    @media screen and (max-width: 768px) {
      #link .inner {
        padding: 80px 20px; } }
  #link .head {
    margin: 0 auto 50px;
    position: relative;
    text-align: center;
    z-index: 35; }
    @media screen and (max-width: 768px) {
      #link .head {
        margin: 0 auto 30px; } }
    #link .head p {
      font-size: 16px;
      font-size: 1.6rem; }
      @media screen and (max-width: 768px) {
        #link .head p {
          font-size: 14px;
          font-size: 1.4rem; } }
      #link .head p.cab {
        font-size: 30px;
        font-size: 3rem;
        font-weight: 400;
        letter-spacing: 8px;
        word-break: break-word; }
        @media screen and (max-width: 768px) {
          #link .head p.cab {
            font-size: 26px;
            font-size: 2.6rem; } }
  #link ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto 20px;
    max-width: 510px; }
    #link ul li {
      margin: 0 auto 10px;
      width: calc((100% / 3) - 20px); }
      @media screen and (max-width: 768px) {
        #link ul li {
          width: calc((100% / 2) - 20px); } }
      #link ul li a {
        display: block;
        text-align: center; }
        #link ul li a:hover {
          opacity: 1; }
        #link ul li a img {
          margin: auto;
          max-width: 167px; }

/* footer-contact前 */
#sns .inner {
  padding: 40px 3%; }
  @media screen and (max-width: 768px) {
    #sns .inner {
      padding: 30px 20px; } }
#sns .cont {
  max-width: 700px; }
#sns .head {
  margin-bottom: 30px; }
  #sns .head h4 {
    text-align: center; }
    #sns .head h4 p.lex {
      font-size: 50px;
      font-size: 5rem;
      line-height: 1.4; }
      @media screen and (max-width: 480px) {
        #sns .head h4 p.lex {
          font-size: 40px;
          font-size: 4rem; } }
  #sns .head p {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: 500;
    text-align: center; }
    @media screen and (max-width: 480px) {
      #sns .head p {
        font-size: 16px;
        font-size: 1.6rem; } }
#sns .icon ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: center;
  margin: auto;
  max-width: 500px; }
  @media screen and (max-width: 768px) {
    #sns .icon ul {
      flex-wrap: wrap;
      max-width: 300px; } }
  #sns .icon ul li {
    display: -webkit-inline-flex;
    display: -moz-inline-flex;
    display: -ms-inline-flex;
    display: -o-inline-flex;
    display: inline-flex;
    margin: 0 20px 0 0;
    width: calc((100% / 5) - 20px);
    position: relative; }
    @media screen and (max-width: 768px) {
      #sns .icon ul li {
        margin: 0 15px 20px 0;
        width: calc((100% / 3) - 15px); } }
    #sns .icon ul li:last-child, #sns .icon ul li:only-child {
      margin-right: 0; }
    #sns .icon ul li::before {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 80px;
      width: 80px; }
    #sns .icon ul li:nth-child(1)::before {
      background-image: url("../images/history/bg_bleeding02.png");
      height: 100px;
      position: absolute;
      top: -30px;
      left: -20px;
      width: 100px; }
      @media screen and (max-width: 480px) {
        #sns .icon ul li:nth-child(1)::before {
          top: -45px;
          right: -40px; } }
    #sns .icon ul li:nth-child(2)::before {
      background-image: url("../images/history/bg_bleeding03.png");
      position: absolute;
      top: -20px;
      right: -20px; }
      @media screen and (max-width: 480px) {
        #sns .icon ul li:nth-child(2)::before {
          top: -30px;
          right: 5px; } }
    #sns .icon ul li:nth-child(3)::before {
      background-image: url("../images/history/bg_bleeding04.png");
      position: absolute;
      right: -20px;
      bottom: 0; }
      @media screen and (max-width: 480px) {
        #sns .icon ul li:nth-child(3)::before {
          top: -25px;
          right: -11px; } }
    #sns .icon ul li:nth-child(4)::before {
      background-image: url("../images/history/bg_bleeding02.png");
      position: absolute;
      top: -10px;
      right: -15px; }
      @media screen and (max-width: 480px) {
        #sns .icon ul li:nth-child(4)::before {
          height: 100px;
          top: 0;
          right: initial;
          left: -25;
          width: 100px; } }
    #sns .icon ul li:nth-child(5)::before {
      background-image: url("../images/history/bg_bleeding05.png");
      position: absolute;
      right: -30px;
      bottom: -5px; }
      @media screen and (max-width: 480px) {
        #sns .icon ul li:nth-child(5)::before {
          top: -15px;
          right: 0; } }
    #sns .icon ul li a {
      display: block;
      height: 80px;
      padding: 30px;
      position: relative;
      width: 80px; }
      @media screen and (max-width: 480px) {
        #sns .icon ul li a {
          height: 70px;
          width: 70px; } }
      #sns .icon ul li a img {
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translateY(-50%) translateX(-50%);
        height: 50px;
        width: 50px; }
        @media screen and (max-width: 480px) {
          #sns .icon ul li a img {
            height: 40px;
            width: 40px; } }

/*animation
***********************************************************/
.fadeIn {
  opacity: 0;
  transform: translate(0, 100px);
  transition: all 1s; }
  @media screen and (max-width: 480px) {
    .fadeIn {
      opacity: 1;
      transform: none;
      transition: none; } }
  .fadeIn.active {
    opacity: 1;
    transform: translate(0, 0); }

.fadeIn_right {
  opacity: 0;
  transform: translate(50%, 0);
  transition: 1.5s; }
  @media screen and (max-width: 480px) {
    .fadeIn_right {
      opacity: 1;
      transform: none;
      transition: none; } }
  .fadeIn_right.active {
    transform: translate(0, 0);
    opacity: 1; }

.fadeIn_left {
  opacity: 0;
  transform: translate(-50%, 0);
  transition: 1.5s; }
  @media screen and (max-width: 480px) {
    .fadeIn_left {
      opacity: 1;
      transform: none;
      transition: none; } }
  .fadeIn_left.active {
    transform: translate(0, 0);
    opacity: 1; }

/* main style.
**************************************************************************************/
#front #greeting .inner {
  padding-bottom: 120px; }
  @media screen and (max-width: 768px) {
    #front #greeting .inner {
      padding-bottom: 100px; } }
  @media screen and (max-width: 480px) {
    #front #greeting .inner {
      padding-bottom: 80px; } }
#front #greeting .l_flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  position: relative; }
  @media screen and (max-width: 768px) {
    #front #greeting .l_flex {
      display: block; } }
  #front #greeting .l_flex figure {
    margin-right: 25px;
    width: calc((100% / 2) - 25px); }
    @media screen and (max-width: 768px) {
      #front #greeting .l_flex figure {
        float: left;
        margin: 0 16px 10px 0;
        max-width: 400px; } }
    @media screen and (max-width: 480px) {
      #front #greeting .l_flex figure {
        float: none;
        height: 465px;
        margin: 0 0 20px 0;
        max-width: initial;
        overflow: hidden;
        width: initial; } }
    @media screen and (max-width: 480px) {
      #front #greeting .l_flex figure {
        height: initial; } }
    #front #greeting .l_flex figure img {
      box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
      max-width: 568px; }
      @media screen and (max-width: 768px) {
        #front #greeting .l_flex figure img {
          max-width: 400px; } }
      @media screen and (max-width: 480px) {
        #front #greeting .l_flex figure img {
          height: initial;
          max-width: initial;
          width: 100%; } }
  #front #greeting .l_flex .read {
    margin-left: 25px;
    width: calc((100% / 2) - 25px); }
    @media screen and (max-width: 768px) {
      #front #greeting .l_flex .read {
        margin-left: 0;
        width: 100%; } }
    #front #greeting .l_flex .read h2 {
      font-weight: 400;
      letter-spacing: 2px;
      line-height: 1;
      margin-bottom: 30px; }
      @media screen and (max-width: 480px) {
        #front #greeting .l_flex .read h2 {
          position: absolute;
          top: -70px;
          right: 0;
          text-align: right; } }
      #front #greeting .l_flex .read h2 p {
        font-size: 70px;
        font-size: 7rem;
        margin-bottom: 10px; }
        @media screen and (max-width: 768px) {
          #front #greeting .l_flex .read h2 p {
            font-size: 44px;
            font-size: 4.4rem; } }
    #front #greeting .l_flex .read .sub_Ttl {
      margin-bottom: 20px; }
      #front #greeting .l_flex .read .sub_Ttl p {
        font-size: 18px;
        font-size: 1.8rem; }
        @media screen and (max-width: 480px) {
          #front #greeting .l_flex .read .sub_Ttl p {
            font-size: 16px;
            font-size: 1.6rem; } }
        #front #greeting .l_flex .read .sub_Ttl p.cab {
          font-size: 18px;
          font-size: 1.8rem; }
          @media screen and (max-width: 480px) {
            #front #greeting .l_flex .read .sub_Ttl p.cab {
              font-size: 14px;
              font-size: 1.4rem; } }
    #front #greeting .l_flex .read .txt p {
      font-size: 16px;
      font-size: 1.6rem; }
      @media screen and (max-width: 768px) {
        #front #greeting .l_flex .read .txt p {
          font-size: 14px;
          font-size: 1.4rem; } }
      #front #greeting .l_flex .read .txt p.catch {
        font-size: 20px;
        font-size: 2rem;
        font-weight: 500;
        margin-bottom: 20px; }
        @media screen and (max-width: 768px) {
          #front #greeting .l_flex .read .txt p.catch {
            font-size: 18px;
            font-size: 1.8rem;
            margin-bottom: 15px; } }
        #front #greeting .l_flex .read .txt p.catch span {
          border-bottom: solid 2px #3a1a0c;
          display: inline-block;
          margin-left: 8px;
          vertical-align: 7px;
          width: 50px; }
    #front #greeting .l_flex .read .txt .more {
      margin-top: 30px;
      text-align: right; }
#front #news {
  background-color: rgba(159, 227, 144, 0.6);
  position: relative; }
  #front #news::after {
    background-image: url("../images/front/bg_news_right_bottom.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 452px;
    position: absolute;
    bottom: -25px;
    left: 75%;
    width: 400px;
    z-index: 3; }
  #front #news .inner {
    padding: 50px 3% 120px; }
    @media screen and (max-width: 768px) {
      #front #news .inner {
        padding: 30px 20px 100px; } }
  #front #news .l_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative; }
    @media screen and (max-width: 768px) {
      #front #news .l_flex {
        flex-direction: column; } }
  #front #news .news_Card {
    max-width: 481px;
    position: relative;
    width: calc((100% / 2) - 30px);
    z-index: 10; }
    @media screen and (max-width: 768px) {
      #front #news .news_Card {
        max-width: 100%;
        width: 100%; } }
    #front #news .news_Card.__ac {
      margin-right: 15px; }
      @media screen and (max-width: 768px) {
        #front #news .news_Card.__ac {
          margin-right: 0;
          margin-bottom: 30px; } }
    #front #news .news_Card.__ev {
      margin-left: 15px; }
      @media screen and (max-width: 768px) {
        #front #news .news_Card.__ev {
          margin-left: 0; } }
    #front #news .news_Card .l_head {
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: flex-start;
      margin-bottom: 30px;
      min-height: 182px; }
      @media screen and (max-width: 768px) {
        #front #news .news_Card .l_head {
          min-height: initial; } }
      #front #news .news_Card .l_head .icon {
        margin-right: 5%;
        width: 20%; }
        @media screen and (max-width: 768px) {
          #front #news .news_Card .l_head .icon {
            margin-right: 3%; } }
        #front #news .news_Card .l_head .icon img {
          max-width: 100px;
          width: 100%; }
      #front #news .news_Card .l_head .ttl {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column;
        justify-content: space-between; }
        #front #news .news_Card .l_head .ttl .catch {
          color: #3a1a0c;
          font-size: 18px;
          font-size: 1.8rem;
          font-weight: 500;
          letter-spacing: 2px;
          line-height: 1;
          margin-bottom: 5px; }
        #front #news .news_Card .l_head .ttl .type p {
          color: #3a1a0c;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1; }
          #front #news .news_Card .l_head .ttl .type p.cab {
            font-size: 58px;
            font-size: 5.8rem;
            font-weight: 400;
            letter-spacing: 8px;
            word-break: break-word; }
            @media screen and (max-width: 768px) {
              #front #news .news_Card .l_head .ttl .type p.cab {
                font-size: 54px;
                font-size: 5.4rem;
                font-weight: 400;
                letter-spacing: 6px; } }
            @media screen and (max-width: 480px) {
              #front #news .news_Card .l_head .ttl .type p.cab {
                font-size: 36px;
                font-size: 3.6rem; } }
            @media screen and (max-width: 768px) {
              #front #news .news_Card .l_head .ttl .type p.cab br {
                display: none; } }
            @media screen and (max-width: 480px) {
              #front #news .news_Card .l_head .ttl .type p.cab br {
                display: block; } }
    #front #news .news_Card .l_body {
      box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
      #front #news .news_Card .l_body.__ac {
        background-color: #fff; }
      #front #news .news_Card .l_body.__ev {
        background-color: #fff; }
      #front #news .news_Card .l_body figure {
        display: block;
        max-width: 481px; }
        @media screen and (max-width: 768px) {
          #front #news .news_Card .l_body figure {
            align-items: flex-start;
            display: -webkit-box;
            display: -moz-box;
            display: -ms-box;
            display: -webkit-flexbox;
            display: -moz-flexbox;
            display: -ms-flexbox;
            display: -webkit-flex;
            display: -moz-flex;
            display: -ms-flex;
            display: flex;
            justify-content: center;
            max-width: 100%;
            overflow: hidden; } }
        #front #news .news_Card .l_body figure img {
          max-width: initial; }
      #front #news .news_Card .l_body .news_Cont {
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: inline-flex;
        flex-direction: column;
        min-height: 292px;
        padding: 50px 5%; }
        @media screen and (max-width: 768px) {
          #front #news .news_Card .l_body .news_Cont {
            min-height: initial;
            width: 100%; } }
        #front #news .news_Card .l_body .news_Cont .ttl {
          margin-bottom: 15px; }
          #front #news .news_Card .l_body .news_Cont .ttl p {
            color: #3a1a0c;
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: 500; }
            #front #news .news_Card .l_body .news_Cont .ttl p span.lex {
              font-size: 22px;
              font-size: 2.2rem;
              letter-spacing: 2px; }
            @media screen and (max-width: 480px) {
              #front #news .news_Card .l_body .news_Cont .ttl p span.hidden-Toggle {
                display: none; } }
        #front #news .news_Card .l_body .news_Cont .txt p,
        #front #news .news_Card .l_body .news_Cont .txt a {
          color: #3a1a0c;
          font-size: 14px;
          font-size: 1.4rem; }
        #front #news .news_Card .l_body .news_Cont .txt p:first-of-type {
          margin-bottom: 10px; }
        #front #news .news_Card .l_body .news_Cont .note {
          color: #fff;
          font-size: 15px;
          font-size: 1.5rem;
          font-weight: 500; }
        #front #news .news_Card .l_body .news_Cont .more {
          text-align: right; }
          #front #news .news_Card .l_body .news_Cont .more a {
            color: #3a1a0c; }
            #front #news .news_Card .l_body .news_Cont .more a span {
              font-size: 16px;
              font-size: 1.6rem; }
              #front #news .news_Card .l_body .news_Cont .more a span.half_arrow::after {
                border-bottom: 1px solid #3a1a0c;
                border-right: 1px solid #3a1a0c; }
#front #forest {
  position: relative; }
  #front #forest::before {
    background-image: url(../images/front/bg_forest.png);
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 100%;
    opacity: .8;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%; }
  #front #forest .inner {
    padding: 100px 3%; }
    @media screen and (max-width: 768px) {
      #front #forest .inner {
        padding: 80px 20px; } }
  #front #forest .introduction {
    background-color: rgba(255, 255, 255, 0.6);
    margin-bottom: 30px;
    padding: 50px 20px; }
    #front #forest .introduction h3 {
      margin-bottom: 50px;
      text-align: center; }
      #front #forest .introduction h3 p {
        font-size: 26px;
        font-size: 2.6rem; }
        @media screen and (max-width: 480px) {
          #front #forest .introduction h3 p {
            font-size: 18px;
            font-size: 1.8rem; } }
        #front #forest .introduction h3 p::before, #front #forest .introduction h3 p::after {
          border-bottom: solid 2px #00041d;
          content: '';
          display: inline-block;
          height: 2px;
          vertical-align: 10px;
          width: 50px; }
          @media screen and (max-width: 480px) {
            #front #forest .introduction h3 p::before, #front #forest .introduction h3 p::after {
              vertical-align: 5px;
              width: 20px; } }
        #front #forest .introduction h3 p::before {
          margin-right: 8px; }
          @media screen and (max-width: 480px) {
            #front #forest .introduction h3 p::before {
              margin-right: 4px; } }
        #front #forest .introduction h3 p::after {
          margin-left: 8px; }
          @media screen and (max-width: 480px) {
            #front #forest .introduction h3 p::after {
              margin-left: 4px; } }
    #front #forest .introduction .prologue {
      margin: 0 auto;
      max-width: 630px; }
      #front #forest .introduction .prologue p {
        font-size: 16px;
        font-size: 1.6rem;
        margin-bottom: 20px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #front #forest .introduction .prologue p {
            text-align: left; } }
        #front #forest .introduction .prologue p:last-of-type {
          margin-bottom: 0; }
      #front #forest .introduction .prologue .more {
        margin-top: 30px;
        text-align: center; }
  #front #forest .l_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    position: relative; }
    @media screen and (max-width: 768px) {
      #front #forest .l_flex {
        flex-direction: column; } }
  #front #forest .info_Card {
    max-width: 481px;
    padding-bottom: 50px;
    position: relative;
    width: calc((100% / 2) - 30px); }
    @media screen and (max-width: 768px) {
      #front #forest .info_Card {
        max-width: 100%;
        width: 100%; } }
    #front #forest .info_Card:first-child {
      margin-right: 15px; }
      @media screen and (max-width: 768px) {
        #front #forest .info_Card:first-child {
          margin-right: 0;
          margin-bottom: 30px; } }
    #front #forest .info_Card:last-child {
      margin-left: 15px; }
      @media screen and (max-width: 768px) {
        #front #forest .info_Card:last-child {
          margin-left: 0; } }
    #front #forest .info_Card .head {
      margin-bottom: 20px; }
      #front #forest .info_Card .head p {
        font-size: 24px;
        font-size: 2.4rem;
        font-weight: 500; }
        #front #forest .info_Card .head p.lex {
          font-size: 24px;
          font-size: 2.4rem;
          font-weight: 400;
          line-height: 1.2;
          letter-spacing: 3.4px;
          margin-bottom: 5px;
          word-break: break-word; }
          @media screen and (max-width: 768px) {
            #front #forest .info_Card .head p.lex {
              font-size: 30px;
              font-size: 3rem;
              letter-spacing: 6px; } }
          @media screen and (max-width: 480px) {
            #front #forest .info_Card .head p.lex {
              font-size: 16px;
              font-size: 1.6rem;
              letter-spacing: 5px; } }
    #front #forest .info_Card .read figure {
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        #front #forest .info_Card .read figure {
          align-items: flex-start;
          display: -webkit-box;
          display: -moz-box;
          display: -ms-box;
          display: -webkit-flexbox;
          display: -moz-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          justify-content: center;
          max-width: 100%;
          overflow: hidden; } }
      #front #forest .info_Card .read figure img {
        box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
        display: block;
        max-width: 470px; }
        @media screen and (max-width: 768px) {
          #front #forest .info_Card .read figure img {
            max-width: 100%; } }
    #front #forest .info_Card .read .txt p {
      font-size: 16px;
      font-size: 1.6rem; }
    #front #forest .info_Card .read .txt .more {
      position: absolute;
      right: 5px;
      bottom: 0;
      text-align: right; }
#front #handbook {
  background-color: #bce2e891; }
  #front #handbook .inner {
    padding: 100px 3%; }
    @media screen and (max-width: 768px) {
      #front #handbook .inner {
        padding: 80px 20px; } }
  #front #handbook .what_Is_Nature {
    background-color: rgba(255, 255, 255, 0.6);
    margin-bottom: 50px;
    padding: 40px 5% 60px; }
    #front #handbook .what_Is_Nature .head {
      margin: 0 auto 50px;
      position: relative;
      text-align: center;
      z-index: 35; }
      #front #handbook .what_Is_Nature .head p {
        font-size: 16px;
        font-size: 1.6rem; }
        #front #handbook .what_Is_Nature .head p.cab {
          font-size: 30px;
          font-size: 3rem;
          font-weight: 400;
          letter-spacing: 8px;
          word-break: break-word; }
    #front #handbook .what_Is_Nature p {
      font-size: 16px;
      font-size: 1.6rem;
      text-align: center; }
      #front #handbook .what_Is_Nature p:not(:last-of-type) {
        margin-bottom: 10px; }
  #front #handbook .handbook_Intro .l_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 768px) {
      #front #handbook .handbook_Intro .l_flex {
        flex-direction: column; } }
    #front #handbook .handbook_Intro .l_flex:first-of-type {
      align-items: center;
      margin-bottom: 30px; }
      #front #handbook .handbook_Intro .l_flex:first-of-type .handbook_Cover {
        margin-right: 3%;
        width: calc(40% - 3%); }
        @media screen and (max-width: 768px) {
          #front #handbook .handbook_Intro .l_flex:first-of-type .handbook_Cover {
            margin: 0 0 10px 0;
            width: 100%; } }
      #front #handbook .handbook_Intro .l_flex:first-of-type .txt {
        width: 60%; }
        @media screen and (max-width: 768px) {
          #front #handbook .handbook_Intro .l_flex:first-of-type .txt {
            width: 100%; } }
        #front #handbook .handbook_Intro .l_flex:first-of-type .txt p {
          font-size: 16px;
          font-size: 1.6rem; }
          #front #handbook .handbook_Intro .l_flex:first-of-type .txt p.head {
            font-size: 22px;
            font-size: 2.2rem;
            margin-bottom: 15px; }
    #front #handbook .handbook_Intro .l_flex:last-of-type .handbook_Cover {
      margin-right: 3%;
      width: calc((100% / 3) - 3%); }
      @media screen and (max-width: 768px) {
        #front #handbook .handbook_Intro .l_flex:last-of-type .handbook_Cover {
          margin: 0 0 30px 0;
          width: 100%; } }
      #front #handbook .handbook_Intro .l_flex:last-of-type .handbook_Cover:last-of-type {
        margin-right: 0; }
        @media screen and (max-width: 768px) {
          #front #handbook .handbook_Intro .l_flex:last-of-type .handbook_Cover:last-of-type {
            margin: 0; } }
      #front #handbook .handbook_Intro .l_flex:last-of-type .handbook_Cover img {
        margin-bottom: 10px; }
      #front #handbook .handbook_Intro .l_flex:last-of-type .handbook_Cover p {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: center; }

#front_Chinese h2,
#front_Chinese h3,
#front_English h2,
#front_English h3 {
  margin: 0 auto 50px;
  text-align: center; }
  @media screen and (max-width: 480px) {
    #front_Chinese h2,
    #front_Chinese h3,
    #front_English h2,
    #front_English h3 {
      margin: 0 auto 30px; } }
  #front_Chinese h2 p,
  #front_Chinese h3 p,
  #front_English h2 p,
  #front_English h3 p {
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #front_Chinese h2 p,
      #front_Chinese h3 p,
      #front_English h2 p,
      #front_English h3 p {
        font-size: 22px;
        font-size: 2.2rem; } }
    @media screen and (max-width: 480px) {
      #front_Chinese h2 p,
      #front_Chinese h3 p,
      #front_English h2 p,
      #front_English h3 p {
        font-size: 20px;
        font-size: 2rem; } }
#front_Chinese #page_Jump h2 p br,
#front_English #page_Jump h2 p br {
  display: none; }
  @media screen and (max-width: 480px) {
    #front_Chinese #page_Jump h2 p br,
    #front_English #page_Jump h2 p br {
      display: block; } }
#front_Chinese #page_Jump .read,
#front_English #page_Jump .read {
  background-color: rgba(255, 255, 255, 0.6);
  margin-bottom: 30px; }
  #front_Chinese #page_Jump .read ul,
  #front_English #page_Jump .read ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto;
    max-width: 700px; }
    @media screen and (max-width: 480px) {
      #front_Chinese #page_Jump .read ul,
      #front_English #page_Jump .read ul {
        flex-direction: column; } }
    #front_Chinese #page_Jump .read ul li,
    #front_English #page_Jump .read ul li {
      margin-bottom: 15px;
      padding-right: 5%;
      text-align: center;
      width: calc(100% / 3); }
      #front_Chinese #page_Jump .read ul li:last-child,
      #front_English #page_Jump .read ul li:last-child {
        margin-bottom: 30px;
        padding-right: 0; }
      #front_Chinese #page_Jump .read ul li a,
      #front_English #page_Jump .read ul li a {
        align-items: center;
        color: #00041d;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: inline-flex;
        flex-direction: row;
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1.4; }
        #front_Chinese #page_Jump .read ul li a::before,
        #front_English #page_Jump .read ul li a::before {
          color: #00041d;
          content: '▶︎';
          display: inline-block;
          font-size: 16px;
          font-size: 1.6rem;
          margin-right: 5px; }
        #front_Chinese #page_Jump .read ul li a img,
        #front_English #page_Jump .read ul li a img {
          max-width: 100px; }
#front_Chinese #page_Jump figure,
#front_English #page_Jump figure {
  text-align: center; }
  #front_Chinese #page_Jump figure img,
  #front_English #page_Jump figure img {
    max-width: 640px; }
  #front_Chinese #page_Jump figure figcaption,
  #front_English #page_Jump figure figcaption {
    font-size: 18px;
    font-size: 1.8rem;
    margin: auto;
    max-width: 640px;
    text-align: right; }
#front_Chinese #about_Us .inner,
#front_Chinese #about_History .inner,
#front_Chinese #about_Into_The_Forest .inner,
#front_English #about_Us .inner,
#front_English #about_History .inner,
#front_English #about_Into_The_Forest .inner {
  padding: 100px 3%; }
  @media screen and (max-width: 768px) {
    #front_Chinese #about_Us .inner,
    #front_Chinese #about_History .inner,
    #front_Chinese #about_Into_The_Forest .inner,
    #front_English #about_Us .inner,
    #front_English #about_History .inner,
    #front_English #about_Into_The_Forest .inner {
      padding: 80px 20px; } }
@media screen and (max-width: 480px) {
  #front_Chinese #about_Us .read,
  #front_Chinese #about_History .read,
  #front_Chinese #about_Into_The_Forest .read,
  #front_English #about_Us .read,
  #front_English #about_History .read,
  #front_English #about_Into_The_Forest .read {
    margin: 0 auto 100px; } }
#front_Chinese #about_Us .read p,
#front_Chinese #about_History .read p,
#front_Chinese #about_Into_The_Forest .read p,
#front_English #about_Us .read p,
#front_English #about_History .read p,
#front_English #about_Into_The_Forest .read p {
  font-size: 16px;
  font-size: 1.6rem; }
#front_Chinese #about_Us #introduction_Ac,
#front_Chinese #about_History #introduction_Ac,
#front_Chinese #about_Into_The_Forest #introduction_Ac,
#front_English #about_Us #introduction_Ac,
#front_English #about_History #introduction_Ac,
#front_English #about_Into_The_Forest #introduction_Ac {
  padding-top: 80px; }
  @media screen and (max-width: 480px) {
    #front_Chinese #about_Us #introduction_Ac,
    #front_Chinese #about_History #introduction_Ac,
    #front_Chinese #about_Into_The_Forest #introduction_Ac,
    #front_English #about_Us #introduction_Ac,
    #front_English #about_History #introduction_Ac,
    #front_English #about_Into_The_Forest #introduction_Ac {
      padding-top: 50px; } }
  #front_Chinese #about_Us #introduction_Ac .l_flex,
  #front_Chinese #about_History #introduction_Ac .l_flex,
  #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex,
  #front_English #about_Us #introduction_Ac .l_flex,
  #front_English #about_History #introduction_Ac .l_flex,
  #front_English #about_Into_The_Forest #introduction_Ac .l_flex {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 50px;
    position: relative; }
    @media screen and (max-width: 768px) {
      #front_Chinese #about_Us #introduction_Ac .l_flex,
      #front_Chinese #about_History #introduction_Ac .l_flex,
      #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex,
      #front_English #about_Us #introduction_Ac .l_flex,
      #front_English #about_History #introduction_Ac .l_flex,
      #front_English #about_Into_The_Forest #introduction_Ac .l_flex {
        display: block;
        margin-bottom: 100px; } }
    #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(odd),
    #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(odd),
    #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd),
    #front_English #about_Us #introduction_Ac .l_flex:nth-child(odd),
    #front_English #about_History #introduction_Ac .l_flex:nth-child(odd),
    #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) {
      flex-direction: row; }
      #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(odd) figure,
      #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(odd) figure,
      #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) figure,
      #front_English #about_Us #introduction_Ac .l_flex:nth-child(odd) figure,
      #front_English #about_History #introduction_Ac .l_flex:nth-child(odd) figure,
      #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) figure {
        margin-right: 25px; }
        @media screen and (max-width: 768px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_English #about_Us #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_English #about_History #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) figure {
            float: left; } }
        @media screen and (max-width: 480px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_English #about_Us #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_English #about_History #introduction_Ac .l_flex:nth-child(odd) figure,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) figure {
            float: none;
            margin-right: 0; } }
      #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(odd) .read,
      #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(odd) .read,
      #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) .read,
      #front_English #about_Us #introduction_Ac .l_flex:nth-child(odd) .read,
      #front_English #about_History #introduction_Ac .l_flex:nth-child(odd) .read,
      #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) .read {
        margin-left: 25px; }
        @media screen and (max-width: 768px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(odd) .read,
          #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(odd) .read,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) .read,
          #front_English #about_Us #introduction_Ac .l_flex:nth-child(odd) .read,
          #front_English #about_History #introduction_Ac .l_flex:nth-child(odd) .read,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(odd) .read {
            margin-left: 0; } }
    #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(even),
    #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(even),
    #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even),
    #front_English #about_Us #introduction_Ac .l_flex:nth-child(even),
    #front_English #about_History #introduction_Ac .l_flex:nth-child(even),
    #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) {
      flex-direction: row-reverse; }
      #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(even) figure,
      #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(even) figure,
      #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) figure,
      #front_English #about_Us #introduction_Ac .l_flex:nth-child(even) figure,
      #front_English #about_History #introduction_Ac .l_flex:nth-child(even) figure,
      #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) figure {
        margin-left: 25px; }
        @media screen and (max-width: 768px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(even) figure,
          #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(even) figure,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) figure,
          #front_English #about_Us #introduction_Ac .l_flex:nth-child(even) figure,
          #front_English #about_History #introduction_Ac .l_flex:nth-child(even) figure,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) figure {
            float: right; } }
        @media screen and (max-width: 480px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(even) figure,
          #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(even) figure,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) figure,
          #front_English #about_Us #introduction_Ac .l_flex:nth-child(even) figure,
          #front_English #about_History #introduction_Ac .l_flex:nth-child(even) figure,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) figure {
            float: none;
            margin-left: 0; } }
      #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(even) .read,
      #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(even) .read,
      #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) .read,
      #front_English #about_Us #introduction_Ac .l_flex:nth-child(even) .read,
      #front_English #about_History #introduction_Ac .l_flex:nth-child(even) .read,
      #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) .read {
        margin-right: 25px; }
        @media screen and (max-width: 768px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex:nth-child(even) .read,
          #front_Chinese #about_History #introduction_Ac .l_flex:nth-child(even) .read,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) .read,
          #front_English #about_Us #introduction_Ac .l_flex:nth-child(even) .read,
          #front_English #about_History #introduction_Ac .l_flex:nth-child(even) .read,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex:nth-child(even) .read {
            margin-right: 0; } }
    #front_Chinese #about_Us #introduction_Ac .l_flex:last-of-type,
    #front_Chinese #about_History #introduction_Ac .l_flex:last-of-type,
    #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex:last-of-type,
    #front_English #about_Us #introduction_Ac .l_flex:last-of-type,
    #front_English #about_History #introduction_Ac .l_flex:last-of-type,
    #front_English #about_Into_The_Forest #introduction_Ac .l_flex:last-of-type {
      margin-bottom: 0; }
    #front_Chinese #about_Us #introduction_Ac .l_flex figure,
    #front_Chinese #about_History #introduction_Ac .l_flex figure,
    #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex figure,
    #front_English #about_Us #introduction_Ac .l_flex figure,
    #front_English #about_History #introduction_Ac .l_flex figure,
    #front_English #about_Into_The_Forest #introduction_Ac .l_flex figure {
      width: calc((100% / 2) - 25px); }
      @media screen and (max-width: 768px) {
        #front_Chinese #about_Us #introduction_Ac .l_flex figure,
        #front_Chinese #about_History #introduction_Ac .l_flex figure,
        #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex figure,
        #front_English #about_Us #introduction_Ac .l_flex figure,
        #front_English #about_History #introduction_Ac .l_flex figure,
        #front_English #about_Into_The_Forest #introduction_Ac .l_flex figure {
          margin: 0 16px 10px 0;
          max-width: 400px; } }
      @media screen and (max-width: 480px) {
        #front_Chinese #about_Us #introduction_Ac .l_flex figure,
        #front_Chinese #about_History #introduction_Ac .l_flex figure,
        #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex figure,
        #front_English #about_Us #introduction_Ac .l_flex figure,
        #front_English #about_History #introduction_Ac .l_flex figure,
        #front_English #about_Into_The_Forest #introduction_Ac .l_flex figure {
          float: none;
          margin: 0 0 20px 0;
          max-width: 100%;
          overflow: hidden;
          width: 100%; } }
      #front_Chinese #about_Us #introduction_Ac .l_flex figure img,
      #front_Chinese #about_History #introduction_Ac .l_flex figure img,
      #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex figure img,
      #front_English #about_Us #introduction_Ac .l_flex figure img,
      #front_English #about_History #introduction_Ac .l_flex figure img,
      #front_English #about_Into_The_Forest #introduction_Ac .l_flex figure img {
        box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
        max-width: 568px; }
        @media screen and (max-width: 768px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex figure img,
          #front_Chinese #about_History #introduction_Ac .l_flex figure img,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex figure img,
          #front_English #about_Us #introduction_Ac .l_flex figure img,
          #front_English #about_History #introduction_Ac .l_flex figure img,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex figure img {
            max-width: 400px; } }
        @media screen and (max-width: 480px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex figure img,
          #front_Chinese #about_History #introduction_Ac .l_flex figure img,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex figure img,
          #front_English #about_Us #introduction_Ac .l_flex figure img,
          #front_English #about_History #introduction_Ac .l_flex figure img,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex figure img {
            max-width: initial;
            width: 100%; } }
    #front_Chinese #about_Us #introduction_Ac .l_flex .read,
    #front_Chinese #about_History #introduction_Ac .l_flex .read,
    #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read,
    #front_English #about_Us #introduction_Ac .l_flex .read,
    #front_English #about_History #introduction_Ac .l_flex .read,
    #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read {
      width: calc((100% / 2) - 25px); }
      @media screen and (max-width: 768px) {
        #front_Chinese #about_Us #introduction_Ac .l_flex .read,
        #front_Chinese #about_History #introduction_Ac .l_flex .read,
        #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read,
        #front_English #about_Us #introduction_Ac .l_flex .read,
        #front_English #about_History #introduction_Ac .l_flex .read,
        #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read {
          width: 100%; } }
      #front_Chinese #about_Us #introduction_Ac .l_flex .read h4,
      #front_Chinese #about_History #introduction_Ac .l_flex .read h4,
      #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read h4,
      #front_English #about_Us #introduction_Ac .l_flex .read h4,
      #front_English #about_History #introduction_Ac .l_flex .read h4,
      #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read h4 {
        font-weight: 400;
        letter-spacing: 2px;
        line-height: 1;
        margin-bottom: 30px; }
        @media screen and (max-width: 480px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex .read h4,
          #front_Chinese #about_History #introduction_Ac .l_flex .read h4,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read h4,
          #front_English #about_Us #introduction_Ac .l_flex .read h4,
          #front_English #about_History #introduction_Ac .l_flex .read h4,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read h4 {
            position: absolute;
            top: -70px;
            right: 0;
            text-align: right; } }
        #front_Chinese #about_Us #introduction_Ac .l_flex .read h4 p,
        #front_Chinese #about_History #introduction_Ac .l_flex .read h4 p,
        #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read h4 p,
        #front_English #about_Us #introduction_Ac .l_flex .read h4 p,
        #front_English #about_History #introduction_Ac .l_flex .read h4 p,
        #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read h4 p {
          font-size: 50px;
          font-size: 5rem;
          margin-bottom: 10px; }
          @media screen and (max-width: 768px) {
            #front_Chinese #about_Us #introduction_Ac .l_flex .read h4 p,
            #front_Chinese #about_History #introduction_Ac .l_flex .read h4 p,
            #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read h4 p,
            #front_English #about_Us #introduction_Ac .l_flex .read h4 p,
            #front_English #about_History #introduction_Ac .l_flex .read h4 p,
            #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read h4 p {
              font-size: 40px;
              font-size: 4rem; } }
          @media screen and (max-width: 480px) {
            #front_Chinese #about_Us #introduction_Ac .l_flex .read h4 p,
            #front_Chinese #about_History #introduction_Ac .l_flex .read h4 p,
            #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read h4 p,
            #front_English #about_Us #introduction_Ac .l_flex .read h4 p,
            #front_English #about_History #introduction_Ac .l_flex .read h4 p,
            #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read h4 p {
              font-size: 30px;
              font-size: 3rem;
              letter-spacing: -.5px; } }
      #front_Chinese #about_Us #introduction_Ac .l_flex .read .txt p,
      #front_Chinese #about_History #introduction_Ac .l_flex .read .txt p,
      #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read .txt p,
      #front_English #about_Us #introduction_Ac .l_flex .read .txt p,
      #front_English #about_History #introduction_Ac .l_flex .read .txt p,
      #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read .txt p {
        font-size: 16px;
        font-size: 1.6rem; }
        @media screen and (max-width: 768px) {
          #front_Chinese #about_Us #introduction_Ac .l_flex .read .txt p,
          #front_Chinese #about_History #introduction_Ac .l_flex .read .txt p,
          #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read .txt p,
          #front_English #about_Us #introduction_Ac .l_flex .read .txt p,
          #front_English #about_History #introduction_Ac .l_flex .read .txt p,
          #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read .txt p {
            font-size: 14px;
            font-size: 1.4rem; } }
        #front_Chinese #about_Us #introduction_Ac .l_flex .read .txt p:not(:last-of-type),
        #front_Chinese #about_History #introduction_Ac .l_flex .read .txt p:not(:last-of-type),
        #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read .txt p:not(:last-of-type),
        #front_English #about_Us #introduction_Ac .l_flex .read .txt p:not(:last-of-type),
        #front_English #about_History #introduction_Ac .l_flex .read .txt p:not(:last-of-type),
        #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read .txt p:not(:last-of-type) {
          margin-bottom: 10px; }
      #front_Chinese #about_Us #introduction_Ac .l_flex .read .txt .pic,
      #front_Chinese #about_History #introduction_Ac .l_flex .read .txt .pic,
      #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read .txt .pic,
      #front_English #about_Us #introduction_Ac .l_flex .read .txt .pic,
      #front_English #about_History #introduction_Ac .l_flex .read .txt .pic,
      #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read .txt .pic {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: row;
        flex-wrap: nowrap;
        justify-content: space-between;
        margin-top: 25px; }
        #front_Chinese #about_Us #introduction_Ac .l_flex .read .txt .pic img,
        #front_Chinese #about_History #introduction_Ac .l_flex .read .txt .pic img,
        #front_Chinese #about_Into_The_Forest #introduction_Ac .l_flex .read .txt .pic img,
        #front_English #about_Us #introduction_Ac .l_flex .read .txt .pic img,
        #front_English #about_History #introduction_Ac .l_flex .read .txt .pic img,
        #front_English #about_Into_The_Forest #introduction_Ac .l_flex .read .txt .pic img {
          box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
          width: calc(100% / 2); }
#front_Chinese #about_History .read p,
#front_English #about_History .read p {
  text-align: center; }
#front_Chinese #about_History #history ul li:nth-child(odd),
#front_English #about_History #history ul li:nth-child(odd) {
  background-color: #f0f3b6; }
#front_Chinese #about_History #history ul li .cont,
#front_English #about_History #history ul li .cont {
  max-width: 800px;
  padding: 30px 20px; }
  #front_Chinese #about_History #history ul li .cont > p,
  #front_English #about_History #history ul li .cont > p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 20px;
    text-align: left; }
    @media screen and (max-width: 768px) {
      #front_Chinese #about_History #history ul li .cont > p,
      #front_English #about_History #history ul li .cont > p {
        margin: 0 auto 20px;
        max-width: 400px; } }
#front_Chinese #about_History #history ul li .flex_Box,
#front_English #about_History #history ul li .flex_Box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  justify-content: space-between; }
  @media screen and (max-width: 768px) {
    #front_Chinese #about_History #history ul li .flex_Box,
    #front_English #about_History #history ul li .flex_Box {
      flex-direction: column;
      justify-content: center; } }
  #front_Chinese #about_History #history ul li .flex_Box figure,
  #front_English #about_History #history ul li .flex_Box figure {
    max-width: 300px;
    margin: 0 10px 0; }
    @media screen and (max-width: 768px) {
      #front_Chinese #about_History #history ul li .flex_Box figure,
      #front_English #about_History #history ul li .flex_Box figure {
        margin: 0 auto 30px;
        text-align: center; } }
    #front_Chinese #about_History #history ul li .flex_Box figure img,
    #front_English #about_History #history ul li .flex_Box figure img {
      box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
      margin: 0 auto 30px;
      max-width: 300px; }
    #front_Chinese #about_History #history ul li .flex_Box figure figcaption,
    #front_English #about_History #history ul li .flex_Box figure figcaption {
      font-size: 16px;
      font-size: 1.6rem; }
  #front_Chinese #about_History #history ul li .flex_Box .txt,
  #front_English #about_History #history ul li .flex_Box .txt {
    margin-left: 10px;
    width: calc((100% / 1.8) - 10px); }
    @media screen and (max-width: 768px) {
      #front_Chinese #about_History #history ul li .flex_Box .txt,
      #front_English #about_History #history ul li .flex_Box .txt {
        margin: 0 auto;
        width: 100%; } }
    #front_Chinese #about_History #history ul li .flex_Box .txt p,
    #front_English #about_History #history ul li .flex_Box .txt p {
      font-size: 14px;
      font-size: 1.4rem; }
#front_Chinese #about_Into_The_Forest,
#front_English #about_Into_The_Forest {
  position: relative; }
  #front_Chinese #about_Into_The_Forest::before,
  #front_English #about_Into_The_Forest::before {
    background-image: url("../images/front_english/bg_eng_into_the_forest.jpg");
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block; }
  #front_Chinese #about_Into_The_Forest .read .txt,
  #front_English #about_Into_The_Forest .read .txt {
    margin: 0 auto 30px; }
    #front_Chinese #about_Into_The_Forest .read .txt p:not(:last-of-type),
    #front_English #about_Into_The_Forest .read .txt p:not(:last-of-type) {
      margin-bottom: 10px; }
  #front_Chinese #about_Into_The_Forest .read .movie,
  #front_English #about_Into_The_Forest .read .movie {
    margin: 0 auto 30px; }
  #front_Chinese #about_Into_The_Forest .read figure,
  #front_English #about_Into_The_Forest .read figure {
    margin: 0 auto 30px;
    text-align: center; }
    #front_Chinese #about_Into_The_Forest .read figure img,
    #front_English #about_Into_The_Forest .read figure img {
      margin: 0 auto;
      max-width: 600px; }

#activities #activities_Info .head {
  margin-bottom: 50px;
  text-align: center; }
  @media screen and (max-width: 480px) {
    #activities #activities_Info .head {
      margin: auto;
      max-width: 215px; } }
  #activities #activities_Info .head p {
    font-size: 38px;
    font-size: 3.8rem; }
    @media screen and (max-width: 768px) {
      #activities #activities_Info .head p {
        font-size: 30px;
        font-size: 3rem; } }
    #activities #activities_Info .head p span {
      font-size: 28px;
      font-size: 2.8rem; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info .head p span {
          font-size: 20px;
          font-size: 2rem; } }
    #activities #activities_Info .head p br {
      display: none; }
      @media screen and (max-width: 480px) {
        #activities #activities_Info .head p br {
          display: block; } }
    #activities #activities_Info .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
#activities #activities_Info .read {
  margin: 0 auto 50px;
  max-width: 590px; }
  @media screen and (max-width: 480px) {
    #activities #activities_Info .read {
      margin: 0 auto 110px; } }
  #activities #activities_Info .read p {
    font-size: 16px;
    font-size: 1.6rem; }
#activities #activities_Info .introduction_Ac .l_flex {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-bottom: 30px;
  position: relative; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info .introduction_Ac .l_flex {
      display: block;
      margin-bottom: 100px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info .introduction_Ac .l_flex {
      margin-bottom: 130px;
      padding-top: 20px; } }
  #activities #activities_Info .introduction_Ac .l_flex:nth-child(odd) {
    flex-direction: row; }
    #activities #activities_Info .introduction_Ac .l_flex:nth-child(odd) figure {
      margin-right: 25px; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info .introduction_Ac .l_flex:nth-child(odd) figure {
          float: left; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info .introduction_Ac .l_flex:nth-child(odd) figure {
          float: none;
          margin-right: 0; } }
    #activities #activities_Info .introduction_Ac .l_flex:nth-child(odd) .read {
      margin-left: 25px; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info .introduction_Ac .l_flex:nth-child(odd) .read {
          margin-left: 0; } }
  #activities #activities_Info .introduction_Ac .l_flex:nth-child(even) {
    flex-direction: row-reverse; }
    #activities #activities_Info .introduction_Ac .l_flex:nth-child(even) figure {
      margin-left: 25px; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info .introduction_Ac .l_flex:nth-child(even) figure {
          float: right; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info .introduction_Ac .l_flex:nth-child(even) figure {
          float: none;
          margin-left: 0; } }
    #activities #activities_Info .introduction_Ac .l_flex:nth-child(even) .read {
      margin-right: 25px; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info .introduction_Ac .l_flex:nth-child(even) .read {
          margin-right: 0; } }
  #activities #activities_Info .introduction_Ac .l_flex:last-of-type {
    margin-bottom: 0; }
  #activities #activities_Info .introduction_Ac .l_flex figure {
    width: calc((100% / 2) - 25px); }
    @media screen and (max-width: 768px) {
      #activities #activities_Info .introduction_Ac .l_flex figure {
        margin: 0 16px 10px 0;
        max-width: 400px; } }
    @media screen and (max-width: 480px) {
      #activities #activities_Info .introduction_Ac .l_flex figure {
        float: none;
        margin: 0 0 20px 0;
        max-width: 100%;
        overflow: hidden;
        width: 100%; } }
    #activities #activities_Info .introduction_Ac .l_flex figure img {
      box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
      max-width: 568px; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info .introduction_Ac .l_flex figure img {
          max-width: 400px; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info .introduction_Ac .l_flex figure img {
          max-width: initial;
          width: 100%; } }
  #activities #activities_Info .introduction_Ac .l_flex .read {
    width: calc((100% / 2) - 25px); }
    @media screen and (max-width: 768px) {
      #activities #activities_Info .introduction_Ac .l_flex .read {
        width: 100%; } }
    #activities #activities_Info .introduction_Ac .l_flex .read h2 {
      font-weight: 400;
      letter-spacing: 2px;
      line-height: 1;
      margin-bottom: 30px; }
      @media screen and (max-width: 480px) {
        #activities #activities_Info .introduction_Ac .l_flex .read h2 {
          position: absolute;
          top: -70px;
          left: 50%;
          text-align: center;
          transform: translateX(-50%);
          width: 100%; } }
      #activities #activities_Info .introduction_Ac .l_flex .read h2 p {
        font-size: 40px;
        font-size: 4rem;
        margin-bottom: 10px; }
        @media screen and (max-width: 768px) {
          #activities #activities_Info .introduction_Ac .l_flex .read h2 p {
            font-size: 34px;
            font-size: 3.4rem; } }
        @media screen and (max-width: 480px) {
          #activities #activities_Info .introduction_Ac .l_flex .read h2 p {
            font-size: 28px;
            font-size: 2.8rem; } }
    #activities #activities_Info .introduction_Ac .l_flex .read .sub_Ttl {
      margin-bottom: 20px; }
      @media screen and (max-width: 480px) {
        #activities #activities_Info .introduction_Ac .l_flex .read .sub_Ttl {
          position: absolute;
          top: -39px;
          left: 50%;
          text-align: center;
          transform: translateX(-50%);
          width: 100%; } }
      #activities #activities_Info .introduction_Ac .l_flex .read .sub_Ttl p.cab {
        font-size: 22px;
        font-size: 2.2rem; }
        @media screen and (max-width: 768px) {
          #activities #activities_Info .introduction_Ac .l_flex .read .sub_Ttl p.cab {
            font-size: 20px;
            font-size: 2rem; } }
        @media screen and (max-width: 480px) {
          #activities #activities_Info .introduction_Ac .l_flex .read .sub_Ttl p.cab {
            font-size: 18px;
            font-size: 1.8rem; } }
    #activities #activities_Info .introduction_Ac .l_flex .read .txt p {
      font-size: 16px;
      font-size: 1.6rem; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info .introduction_Ac .l_flex .read .txt p {
          font-size: 14px;
          font-size: 1.4rem; } }
    #activities #activities_Info .introduction_Ac .l_flex .read .txt .more {
      margin-top: 30px;
      text-align: right; }
      #activities #activities_Info .introduction_Ac .l_flex .read .txt .more a {
        max-width: initial; }
#activities #activities_Info_List .head {
  margin-bottom: 50px;
  position: relative;
  z-index: 5; }
  #activities #activities_Info_List .head h2 {
    position: relative;
    z-index: 8; }
  #activities #activities_Info_List .head::before, #activities #activities_Info_List .head::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block; }
  #activities #activities_Info_List .head h2 {
    margin-bottom: 20px;
    text-align: center; }
    #activities #activities_Info_List .head h2 p {
      font-size: 40px;
      font-size: 4rem;
      font-weight: 500;
      line-height: 1;
      position: relative;
      z-index: 5; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info_List .head h2 p {
          font-size: 34px;
          font-size: 3.4rem; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info_List .head h2 p {
          font-size: 28px;
          font-size: 2.8rem;
          letter-spacing: -.5px; } }
  #activities #activities_Info_List .head .sub_Ttl p {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    position: relative;
    text-align: center;
    z-index: 5; }
    #activities #activities_Info_List .head .sub_Ttl p.cab {
      font-size: 22px;
      font-size: 2.2rem;
      margin-bottom: 10px; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info_List .head .sub_Ttl p.cab {
          font-size: 20px;
          font-size: 2rem; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info_List .head .sub_Ttl p.cab {
          font-size: 18px;
          font-size: 1.8rem; } }
#activities #activities_Info_List .list_By_Category {
  margin: auto;
  max-width: 800px;
  padding-bottom: 150px;
  position: relative; }
  #activities #activities_Info_List .list_By_Category::before, #activities #activities_Info_List .list_By_Category::after {
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    position: relative;
    z-index: 3; }
  #activities #activities_Info_List .list_By_Category ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between; }
    @media screen and (max-width: 768px) {
      #activities #activities_Info_List .list_By_Category ul {
        flex-direction: column; } }
    #activities #activities_Info_List .list_By_Category ul li {
      display: -webkit-inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flex;
      display: -o-inline-flex;
      display: inline-flex;
      flex-direction: column;
      justify-content: space-between;
      margin-right: 10px;
      margin-bottom: 40px;
      max-width: 200px;
      text-align: center;
      width: calc((100% / 3) - 10px); }
      @media screen and (max-width: 768px) {
        #activities #activities_Info_List .list_By_Category ul li {
          flex-direction: row;
          margin-right: 0;
          max-width: 100%;
          padding-bottom: 75px;
          position: relative;
          width: 100%; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info_List .list_By_Category ul li {
          flex-direction: column;
          padding-bottom: 0; } }
      #activities #activities_Info_List .list_By_Category ul li:nth-child(3n) {
        margin-right: 0; }
      @media screen and (max-width: 768px) {
        #activities #activities_Info_List .list_By_Category ul li:nth-child(2n) figure {
          flex-direction: row-reverse; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info_List .list_By_Category ul li:nth-child(2n) figure {
          flex-direction: column; } }
      @media screen and (max-width: 768px) {
        #activities #activities_Info_List .list_By_Category ul li:nth-child(2n) figure img {
          margin-left: 20px; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info_List .list_By_Category ul li:nth-child(2n) figure img {
          margin-left: 0; } }
      @media screen and (max-width: 768px) {
        #activities #activities_Info_List .list_By_Category ul li:nth-child(2n) .more {
          position: absolute;
          right: initial;
          bottom: 0;
          left: 0; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info_List .list_By_Category ul li:nth-child(2n) .more {
          position: initial; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info_List .list_By_Category ul li:last-child {
          margin-bottom: 0; } }
      @media screen and (max-width: 768px) {
        #activities #activities_Info_List .list_By_Category ul li figure {
          align-items: flex-start;
          display: inline-flex;
          flex-direction: row;
          justify-content: space-between; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info_List .list_By_Category ul li figure {
          flex-direction: column;
          margin-right: 0; } }
      #activities #activities_Info_List .list_By_Category ul li figure a {
        margin: 0 auto; }
      #activities #activities_Info_List .list_By_Category ul li figure img {
        box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
        margin-bottom: 30px;
        max-width: 200px;
        width: 100%; }
        @media screen and (max-width: 768px) {
          #activities #activities_Info_List .list_By_Category ul li figure img {
            margin-right: 20px;
            margin-bottom: 0;
            min-width: 200px;
            width: 40%; } }
        @media screen and (max-width: 480px) {
          #activities #activities_Info_List .list_By_Category ul li figure img {
            margin-right: 0;
            margin-bottom: 25px;
            max-width: 100%;
            width: 100%; } }
      @media screen and (max-width: 768px) {
        #activities #activities_Info_List .list_By_Category ul li figure figcaption {
          width: 60%; } }
      @media screen and (max-width: 480px) {
        #activities #activities_Info_List .list_By_Category ul li figure figcaption {
          width: 100%; } }
      #activities #activities_Info_List .list_By_Category ul li figure figcaption dl {
        font-size: 16px;
        font-size: 1.6rem; }
        #activities #activities_Info_List .list_By_Category ul li figure figcaption dl dt {
          margin-bottom: 15px;
          position: relative;
          text-align: center; }
          @media screen and (max-width: 480px) {
            #activities #activities_Info_List .list_By_Category ul li figure figcaption dl dt {
              margin-bottom: 20px; } }
          #activities #activities_Info_List .list_By_Category ul li figure figcaption dl dt::before {
            background-image: url("../images/activities/bg_line03.png");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: block;
            height: 40px;
            position: absolute;
            top: -5px;
            left: -5px;
            width: 100%; }
          #activities #activities_Info_List .list_By_Category ul li figure figcaption dl dt span {
            position: relative;
            z-index: 3; }
        #activities #activities_Info_List .list_By_Category ul li figure figcaption dl dd p {
          text-align: left; }
      #activities #activities_Info_List .list_By_Category ul li .more {
        border: none;
        margin-top: 20px;
        text-align: center; }
        @media screen and (max-width: 768px) {
          #activities #activities_Info_List .list_By_Category ul li .more {
            position: absolute;
            right: 0;
            bottom: 0; } }
        @media screen and (max-width: 480px) {
          #activities #activities_Info_List .list_By_Category ul li .more {
            position: initial; } }
        #activities #activities_Info_List .list_By_Category ul li .more a {
          background-color: #00041d;
          color: #fff;
          display: block;
          max-width: 167px;
          padding: 3px 12px; }
          @media screen and (max-width: 480px) {
            #activities #activities_Info_List .list_By_Category ul li .more a {
              margin-left: auto;
              max-width: 190px; } }
          #activities #activities_Info_List .list_By_Category ul li .more a span {
            font-size: 14px;
            font-size: 1.4rem; }
            #activities #activities_Info_List .list_By_Category ul li .more a span.half_arrow::after {
              border-bottom: 1px solid #fff;
              border-right: 1px solid #fff; }
  #activities #activities_Info_List .list_By_Category .more {
    border: solid 1px #00041d;
    margin: 20px auto;
    max-width: 250px;
    position: relative;
    text-align: center;
    z-index: 5; }
    #activities #activities_Info_List .list_By_Category .more a {
      background-color: transparent;
      display: block;
      max-width: initial; }
#activities #activities_Info_List.__reforestation .head::before {
  background-image: url("../images/activities/img_fr_deco01.png");
  height: 64px;
  position: absolute;
  top: -40px;
  right: 78%;
  width: 155px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__reforestation .head::before {
      height: 49px;
      position: absolute;
      top: -90px;
      right: initial;
      bottom: initial;
      left: -40px;
      width: 140px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__reforestation .head::before {
      height: 39px;
      width: 130px; } }
#activities #activities_Info_List.__reforestation .head::after {
  background-image: url("../images/activities/img_fr_deco02.png");
  height: 392px;
  position: absolute;
  top: -165px;
  left: 62%;
  width: 832px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__reforestation .head::after {
      height: 352px;
      position: absolute;
      top: -170px;
      right: -260px;
      bottom: initial;
      left: initial;
      width: 792px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__reforestation .head::after {
      height: 160px;
      top: -145px;
      width: 600px; } }
#activities #activities_Info_List.__reforestation .list_By_Category::before {
  background-image: url("../images/activities/img_fr_deco03.png");
  height: 247px;
  position: absolute;
  bottom: -50px;
  left: -100px;
  width: 328px; }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__reforestation .list_By_Category::before {
      height: 147px;
      left: -45px;
      width: 228px; } }
#activities #activities_Info_List.__reforestation .list_By_Category::after {
  background-image: url("../images/activities/img_fr_deco04.png");
  height: 243px;
  position: absolute;
  right: -100px;
  bottom: -50px;
  width: 250px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__reforestation .list_By_Category::after {
      height: 173px;
      right: -50px;
      width: 180px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__reforestation .list_By_Category::after {
      height: 153px;
      right: -20px;
      width: 160px; } }
#activities #activities_Info_List.__environmental_Education .head::before {
  background-image: url("../images/activities/img_ee_deco01.png");
  height: 215px;
  position: absolute;
  right: 82%;
  bottom: -15px;
  width: 170px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__environmental_Education .head::before {
      height: 200px;
      position: absolute;
      top: -130px;
      right: initial;
      bottom: initial;
      left: -20px;
      width: 107px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__environmental_Education .head::before {
      height: 180px;
      width: 87px; } }
#activities #activities_Info_List.__environmental_Education .head::after {
  background-image: url("../images/activities/img_ee_deco02.png");
  height: 259px;
  position: absolute;
  bottom: -20px;
  left: 82%;
  width: 280px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__environmental_Education .head::after {
      height: 200px;
      position: absolute;
      top: -75px;
      right: -40px;
      bottom: initial;
      left: initial;
      width: 221px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__environmental_Education .head::after {
      height: 180px;
      top: -185px;
      right: -80px;
      width: 201px; } }
#activities #activities_Info_List.__environmental_Education .list_By_Category::before {
  content: none; }
#activities #activities_Info_List.__environmental_Education .list_By_Category::after {
  background-image: url("../images/activities/img_ee_deco03.png");
  height: 365px;
  position: absolute;
  right: -380px;
  bottom: 0;
  width: 750px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__environmental_Education .list_By_Category::after {
      height: 300px;
      position: absolute;
      right: -100px;
      bottom: -35px;
      width: 685px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__environmental_Education .list_By_Category::after {
      height: 160px;
      right: -170px;
      width: 545px; } }
#activities #activities_Info_List.__nature_Conservation .head::before {
  background-image: url("../images/activities/img_nc_deco01.png");
  height: 179px;
  position: absolute;
  right: 62%;
  bottom: -15px;
  width: 477px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__nature_Conservation .head::before {
      height: 129px;
      position: absolute;
      top: -80px;
      right: initial;
      bottom: initial;
      left: -120px;
      width: 427px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__nature_Conservation .head::before {
      height: 100px;
      position: absolute;
      top: -100px;
      left: -200px;
      width: 398px; } }
#activities #activities_Info_List.__nature_Conservation .head::after {
  background-image: url("../images/activities/img_nc_deco02.png");
  height: 259px;
  position: absolute;
  bottom: -20px;
  left: 82%;
  width: 280px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__nature_Conservation .head::after {
      height: 200px;
      position: absolute;
      right: -40px;
      bottom: 65px;
      left: initial;
      width: 221px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__nature_Conservation .head::after {
      height: 160px;
      width: 181px; } }
#activities #activities_Info_List.__nature_Conservation .list_By_Category::before {
  content: none; }
#activities #activities_Info_List.__nature_Conservation .list_By_Category::after {
  background-image: url("../images/activities/img_nc_deco03.png");
  height: 322px;
  position: absolute;
  bottom: -50px;
  left: -250px;
  width: 441px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__nature_Conservation .list_By_Category::after {
      height: 271px;
      position: absolute;
      bottom: -50px;
      left: -110px;
      width: 390px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__nature_Conservation .list_By_Category::after {
      height: 191px;
      width: 310px; } }
#activities #activities_Info_List.__community_development .head::before {
  background-image: url("../images/activities/img_cd_deco01.png");
  height: 182px;
  position: absolute;
  right: 82%;
  bottom: -15px;
  width: 183px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__community_development .head::before {
      height: 152px;
      position: absolute;
      top: -80px;
      right: initial;
      bottom: initial;
      left: -75px;
      width: 153px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__community_development .head::before {
      height: 112px;
      position: absolute;
      top: -80px;
      left: -30px;
      width: 113px; } }
#activities #activities_Info_List.__community_development .head::after {
  background-image: url("../images/activities/img_cd_deco02.png");
  height: 324px;
  position: absolute;
  bottom: -80px;
  left: 82%;
  width: 246px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__community_development .head::after {
      height: 279px;
      position: absolute;
      right: -40px;
      bottom: -10px;
      left: initial;
      width: 200px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__community_development .head::after {
      height: 128px;
      bottom: 130px;
      width: 150px; } }
#activities #activities_Info_List.__community_development .list_By_Category::before {
  background-image: url("../images/activities/img_cd_deco03.png");
  height: 286px;
  position: absolute;
  bottom: -50px;
  left: -250px;
  width: 381px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__community_development .list_By_Category::before {
      height: 201px;
      position: absolute;
      bottom: -50px;
      left: -110px;
      width: 200px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__community_development .list_By_Category::before {
      height: 136px;
      width: 210px; } }
#activities #activities_Info_List.__community_development .list_By_Category::after {
  background-image: url("../images/activities/img_cd_deco04.png");
  height: 308px;
  position: absolute;
  right: -250px;
  bottom: -50px;
  width: 304px; }
  @media screen and (max-width: 768px) {
    #activities #activities_Info_List.__community_development .list_By_Category::after {
      height: 181px;
      position: absolute;
      right: -110px;
      bottom: -50px;
      width: 300px; } }
  @media screen and (max-width: 480px) {
    #activities #activities_Info_List.__community_development .list_By_Category::after {
      height: 131px;
      width: 250px; } }

#about_Us #about .about_Box .head {
  margin-bottom: 50px;
  text-align: center; }
  #about_Us #about .about_Box .head p {
    font-size: 38px;
    font-size: 3.8rem; }
    @media screen and (max-width: 768px) {
      #about_Us #about .about_Box .head p {
        font-size: 30px;
        font-size: 3rem; } }
    #about_Us #about .about_Box .head p span {
      font-size: 28px;
      font-size: 2.8rem; }
      @media screen and (max-width: 768px) {
        #about_Us #about .about_Box .head p span {
          font-size: 20px;
          font-size: 2rem; } }
    #about_Us #about .about_Box .head p br {
      display: none; }
      @media screen and (max-width: 480px) {
        #about_Us #about .about_Box .head p br {
          display: block; } }
    #about_Us #about .about_Box .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #about_Us #about .about_Box .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
#about_Us #about .about_Box.__about {
  margin-bottom: 80px; }
  @media screen and (max-width: 480px) {
    #about_Us #about .about_Box.__about {
      margin-bottom: 50px; } }
  #about_Us #about .about_Box.__about .read {
    margin: 0 auto 80px;
    max-width: 650px; }
    @media screen and (max-width: 480px) {
      #about_Us #about .about_Box.__about .read {
        margin: 0 auto 50px; } }
    #about_Us #about .about_Box.__about .read p {
      font-size: 16px;
      font-size: 1.6rem;
      margin-bottom: 10px; }
    #about_Us #about .about_Box.__about .read .link-Join {
      margin: 0 0 0 auto;
      max-width: 320px;
      padding-top: 80px; }
      @media screen and (max-width: 480px) {
        #about_Us #about .about_Box.__about .read .link-Join {
          padding-top: 50px; } }
      #about_Us #about .about_Box.__about .read .link-Join p {
        font-size: 14px;
        font-size: 1.4rem;
        position: relative;
        z-index: 5; }
      #about_Us #about .about_Box.__about .read .link-Join .more {
        position: relative; }
        #about_Us #about .about_Box.__about .read .link-Join .more::before {
          background-image: url("../images/history/bg_bleeding02.png");
          background-position: center;
          background-repeat: no-repeat;
          background-size: contain;
          content: '';
          display: block;
          height: 300px;
          position: absolute;
          top: -160px;
          right: -90px;
          width: 300px; }
          @media screen and (max-width: 480px) {
            #about_Us #about .about_Box.__about .read .link-Join .more::before {
              height: 200px;
              top: -125px;
              right: -50px;
              width: 200px; } }
        #about_Us #about .about_Box.__about .read .link-Join .more a {
          background-color: transparent;
          display: block;
          max-width: initial;
          position: relative;
          z-index: 5; }
          #about_Us #about .about_Box.__about .read .link-Join .more a img {
            box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
            max-width: 320px; }
#about_Us #about .about_Box.__group table, #about_Us #about .about_Box.__staff table {
  margin: auto;
  max-width: 1000px; }
  #about_Us #about .about_Box.__group table tr, #about_Us #about .about_Box.__staff table tr {
    border-bottom: solid 1px #286250; }
    #about_Us #about .about_Box.__group table tr th,
    #about_Us #about .about_Box.__group table tr td, #about_Us #about .about_Box.__staff table tr th,
    #about_Us #about .about_Box.__staff table tr td {
      font-size: 16px;
      font-size: 1.6rem;
      text-align: left; }
    #about_Us #about .about_Box.__group table tr th, #about_Us #about .about_Box.__staff table tr th {
      font-weight: 500;
      min-width: 140px;
      padding: 15px 0 15px 50px;
      text-align: left; }
      @media screen and (max-width: 768px) {
        #about_Us #about .about_Box.__group table tr th, #about_Us #about .about_Box.__staff table tr th {
          padding: 15px 0 15px 5%; } }
      @media screen and (max-width: 480px) {
        #about_Us #about .about_Box.__group table tr th, #about_Us #about .about_Box.__staff table tr th {
          display: block;
          padding-bottom: 0; } }
    #about_Us #about .about_Box.__group table tr td, #about_Us #about .about_Box.__staff table tr td {
      padding: 15px 0 15px 30px; }
      @media screen and (max-width: 768px) {
        #about_Us #about .about_Box.__group table tr td, #about_Us #about .about_Box.__staff table tr td {
          padding: 15px 0 15px 3%; } }
      @media screen and (max-width: 480px) {
        #about_Us #about .about_Box.__group table tr td, #about_Us #about .about_Box.__staff table tr td {
          display: block;
          margin-left: 1em; } }
#about_Us #about .about_Box.__group {
  margin-bottom: 50px; }

#contact .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  #contact .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #contact .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #contact .head p {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 768px) {
      #contact .head p.cab {
        font-size: 26px;
        font-size: 2.6rem; } }
#contact .read {
  margin: auto;
  max-width: 600px; }
  #contact .read p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 16px; }
    #contact .read p.note {
      font-size: 14px;
      font-size: 1.4rem; }
    #contact .read p:last-of-type, #contact .read p:only-of-type {
      margin-bottom: 0; }
#contact #contact_Info .contact_To {
  margin: 50px auto;
  max-width: 500px; }
  #contact #contact_Info .contact_To dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row; }
    #contact #contact_Info .contact_To dl dt,
    #contact #contact_Info .contact_To dl dd {
      font-size: 16px;
      font-size: 1.6rem;
      padding: 5px 12px; }
    #contact #contact_Info .contact_To dl dt {
      background-color: #286250;
      border-right: solid 2px #fff;
      border-bottom: solid 2px #fff;
      color: #fff;
      font-weight: 500;
      min-width: 80px;
      text-align: left;
      width: 20%; }
    #contact #contact_Info .contact_To dl dd {
      border-bottom: solid 1px #286250;
      color: #00041d;
      width: 80%; }
#contact #access_Info .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #contact #access_Info .inner {
      padding-bottom: 80px; } }
#contact #access_Info .read {
  margin: 0 auto 50px; }
#contact #access_Info .image_Map {
  margin-bottom: 50px;
  text-align: center; }
  #contact #access_Info .image_Map .modal_Trigger {
    height: 406px;
    max-width: 497px; }
    @media screen and (max-width: 768px) {
      #contact #access_Info .image_Map .modal_Trigger {
        height: initial;
        margin: 0 2%;
        width: 96%; } }
    #contact #access_Info .image_Map .modal_Trigger img {
      height: 406px;
      max-width: 497px;
      width: 100%; }
      @media screen and (max-width: 768px) {
        #contact #access_Info .image_Map .modal_Trigger img {
          height: initial;
          width: 100%; } }
  #contact #access_Info .image_Map .modal_Content {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10; }
    #contact #access_Info .image_Map .modal_Content .overlay {
      background-color: rgba(0, 0, 0, 0.5);
      height: 100vh;
      width: 100%; }
    #contact #access_Info .image_Map .modal_Content .modal {
      background-color: #fff;
      max-height: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      overflow-y: scroll;
      width: 80%; }
      #contact #access_Info .image_Map .modal_Content .modal .modal_Wrap {
        padding: 40px 20px 20px;
        position: relative; }
        #contact #access_Info .image_Map .modal_Content .modal .modal_Wrap .close_Btn {
          position: absolute;
          top: 8px;
          right: 8px; }
          #contact #access_Info .image_Map .modal_Content .modal .modal_Wrap .close_Btn img {
            height: 25px;
            width: 25px; }
  #contact #access_Info .image_Map p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px; }
#contact #access_Info .route .head {
  margin-bottom: 10px;
  padding: 30px 0; }
  #contact #access_Info .route .head p {
    font-size: 16px;
    font-size: 1.6rem;
    font-weight: 500;
    position: relative;
    z-index: 5; }
  #contact #access_Info .route .head::before {
    background-image: url("../images/contact/icon_acorn.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 60px;
    margin-right: 10px;
    position: absolute;
    top: 15px;
    left: 170px;
    width: 54px; }
#contact #access_Info .route .wrap {
  margin: auto;
  max-width: 600px; }
  #contact #access_Info .route .wrap dl {
    background-color: #bce2e8;
    margin: 0 10px 30px;
    position: relative;
    text-align: center;
    width: 100%;
    z-index: 5; }
    @media screen and (max-width: 480px) {
      #contact #access_Info .route .wrap dl {
        margin: 0 5px 20px;
        padding: 10px 15px 15px; } }
    #contact #access_Info .route .wrap dl::after {
      border: dashed 2px #000;
      content: '';
      display: block;
      height: 94%;
      position: absolute;
      top: 3%;
      left: 2%;
      width: 96%; }
    #contact #access_Info .route .wrap dl dt,
    #contact #access_Info .route .wrap dl dd {
      color: #00041d;
      display: block;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 500; }
    #contact #access_Info .route .wrap dl dt {
      padding: 10px 4% 5px; }
    #contact #access_Info .route .wrap dl dd {
      padding: 0 4% 15px; }
#contact #access_Info .route.__02 {
  margin-top: 50px; }
  #contact #access_Info .route.__02 dl dd .flow {
    text-align: left; }

#donation .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  #donation .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400;
    position: relative;
    z-index: 6; }
    @media screen and (max-width: 768px) {
      #donation .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #donation .head p {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 768px) {
      #donation .head p.cab {
        font-size: 26px;
        font-size: 2.6rem; } }
#donation .read {
  margin: auto;
  max-width: 600px; }
  #donation .read p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 16px;
    position: relative;
    z-index: 6; }
    #donation .read p.note {
      font-size: 14px;
      font-size: 1.4rem; }
    #donation .read p:last-of-type, #donation .read p:only-of-type {
      margin-bottom: 0; }
#donation #donation_Info .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #donation #donation_Info .inner {
      padding-bottom: 80px; } }
#donation #donation_Info .head:first-of-type {
  max-width: 230px; }
  @media screen and (max-width: 768px) {
    #donation #donation_Info .head:first-of-type {
      max-width: 190px; } }
  @media screen and (max-width: 480px) {
    #donation #donation_Info .head:first-of-type {
      max-width: 170px; } }
  #donation #donation_Info .head:first-of-type::after {
    background-image: url("../images/donation/illust_rabbit.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: inline-block;
    height: 185px;
    position: absolute;
    top: 50%;
    right: -210px;
    transform: translateY(-50%);
    width: 257px;
    z-index: 3; }
    @media screen and (max-width: 768px) {
      #donation #donation_Info .head:first-of-type::after {
        height: 145px;
        top: 60%;
        right: -165px;
        width: 217px; } }
    @media screen and (max-width: 480px) {
      #donation #donation_Info .head:first-of-type::after {
        height: 135px;
        width: 207px; } }
#donation #donation_Info .read:not(:last-of-type) {
  margin-bottom: 50px; }
#donation #donation_Info .read p.catch {
  font-size: 20px;
  font-size: 2rem;
  margin-bottom: 20px;
  text-align: center;
  vertical-align: 6px; }
  #donation #donation_Info .read p.catch::before, #donation #donation_Info .read p.catch:after {
    border-bottom: solid 1px #00041d;
    content: '';
    display: inline-block;
    height: 1px;
    width: 30px; }
  #donation #donation_Info .read p.catch::before {
    margin-right: 8px; }
  #donation #donation_Info .read p.catch::after {
    margin-left: 8px; }
#donation #donation_Info .read .more {
  margin-top: 30px;
  text-align: right; }
  #donation #donation_Info .read .more p {
    font-size: 16px;
    font-size: 1.6rem; }
#donation #for {
  background-color: rgba(159, 227, 144, 0.6);
  margin-top: 100px;
  position: relative; }
  #donation #for .inner {
    padding: 50px 3% 120px; }
    @media screen and (max-width: 768px) {
      #donation #for .inner {
        padding: 30px 20px 100px; } }
  #donation #for .read .more {
    margin-top: 30px;
    text-align: right; }
    #donation #for .read .more p {
      line-height: 1.4;
      margin-bottom: 10px; }
      #donation #for .read .more p br {
        display: none; }
        @media screen and (max-width: 480px) {
          #donation #for .read .more p br {
            display: block; } }
#donation #flow .read > p {
  font-size: 16px;
  font-size: 1.6rem;
  font-weight: 500; }
#donation #flow .read .flow_List {
  background-color: #bce2e8;
  padding: 20px 35px;
  position: relative; }
  #donation #flow .read .flow_List:not(:last-child) {
    margin-bottom: 20px; }
  #donation #flow .read .flow_List::after {
    border: dashed 2px #fff;
    content: '';
    display: block;
    height: 94%;
    position: absolute;
    top: 3%;
    left: 1%;
    width: 98%; }
  #donation #flow .read .flow_List dl {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start; }
    #donation #flow .read .flow_List dl dt,
    #donation #flow .read .flow_List dl dd {
      font-size: 16px;
      font-size: 1.6rem; }
      @media screen and (max-width: 480px) {
        #donation #flow .read .flow_List dl dt,
        #donation #flow .read .flow_List dl dd {
          font-size: 14px;
          font-size: 1.4rem; } }
    #donation #flow .read .flow_List dl dt {
      max-width: 90px;
      width: 30%; }
      @media screen and (max-width: 480px) {
        #donation #flow .read .flow_List dl dt {
          min-width: 70px;
          width: 20%; } }
    #donation #flow .read .flow_List dl dd {
      width: 70%; }
      @media screen and (max-width: 480px) {
        #donation #flow .read .flow_List dl dd {
          width: 80%; } }
  #donation #flow .read .flow_List a {
    background-color: #00041d;
    color: #fff;
    display: block;
    font-size: 16px;
    font-size: 1.6rem;
    margin-top: 10px;
    padding: 3px auto;
    position: relative;
    text-align: center;
    z-index: 5; }
    @media screen and (max-width: 480px) {
      #donation #flow .read .flow_List a {
        font-size: 14px;
        font-size: 1.4rem; } }

#event .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  #event .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #event .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #event .head p {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 768px) {
      #event .head p.cab {
        font-size: 26px;
        font-size: 2.6rem; } }
#event .read {
  margin: auto;
  max-width: 600px; }
  #event .read p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 16px; }
#event #info .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #event #info .inner {
      padding-bottom: 80px; } }
#event #info .read p {
  text-align: center; }
#event #event_Info {
  background-color: rgba(159, 227, 144, 0.6);
  position: relative; }
  #event #event_Info .inner {
    padding: 50px 3% 120px; }
    @media screen and (max-width: 768px) {
      #event #event_Info .inner {
        padding: 30px 20px 100px; } }
  #event #event_Info .report .flex_Box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row; }
    @media screen and (max-width: 768px) {
      #event #event_Info .report .flex_Box {
        align-items: center;
        flex-direction: column; } }
  #event #event_Info .report .report_Box {
    margin-bottom: 40px;
    position: relative;
    z-index: 5; }
    #event #event_Info .report .report_Box:last-child, #event #event_Info .report .report_Box:only-child {
      margin-bottom: 0; }
    #event #event_Info .report .report_Box figure {
      margin-right: 40px;
      width: 40%; }
      @media screen and (max-width: 768px) {
        #event #event_Info .report .report_Box figure {
          margin-right: 0;
          margin-bottom: 30px;
          text-align: center;
          width: 100%; } }
      #event #event_Info .report .report_Box figure img {
        box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
        max-width: 400px;
        width: 100%; }
        @media screen and (max-width: 768px) {
          #event #event_Info .report .report_Box figure img {
            max-width: 600px; } }
        @media screen and (max-width: 480px) {
          #event #event_Info .report .report_Box figure img {
            max-width: 400px; } }
    #event #event_Info .report .report_Box .txt {
      width: 60%; }
      @media screen and (max-width: 768px) {
        #event #event_Info .report .report_Box .txt {
          width: 100%; } }
      #event #event_Info .report .report_Box .txt .wrap {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin-bottom: 20px; }
        #event #event_Info .report .report_Box .txt .wrap .date span {
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1; }
        #event #event_Info .report .report_Box .txt .wrap .cat span {
          background-color: #daa361;
          color: #fff;
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1;
          padding: 3px 12px; }
      #event #event_Info .report .report_Box .txt .ttl {
        margin-bottom: 10px; }
        #event #event_Info .report .report_Box .txt .ttl p {
          font-size: 18px;
          font-size: 1.8rem; }
          @media screen and (max-width: 480px) {
            #event #event_Info .report .report_Box .txt .ttl p {
              font-size: 16px;
              font-size: 1.6rem; } }
      #event #event_Info .report .report_Box .txt .contents p {
        font-size: 16px;
        font-size: 1.6rem; }
        @media screen and (max-width: 480px) {
          #event #event_Info .report .report_Box .txt .contents p {
            font-size: 14px;
            font-size: 1.4rem; } }
      #event #event_Info .report .report_Box .txt .contents .more {
        margin-top: 30px;
        text-align: right; }
        #event #event_Info .report .report_Box .txt .contents .more a {
          max-width: initial; }
#event #ac_Info .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #event #ac_Info .inner {
      padding-bottom: 80px; } }
#event #ac_Info p {
  margin-bottom: 20px; }
#event #ac_Info .more {
  margin: 0 0 30px;
  text-align: right; }
#event #ac_Info .link-Join {
  margin: 0 0 0 auto;
  max-width: 320px; }
  #event #ac_Info .link-Join p {
    font-size: 14px;
    font-size: 1.4rem; }
  #event #ac_Info .link-Join a {
    background-color: transparent;
    display: block;
    max-width: initial; }
    #event #ac_Info .link-Join a img {
      max-width: 320px; }

#greeting #greetings .head {
  margin-bottom: 50px;
  text-align: center; }
  #greeting #greetings .head p {
    font-size: 38px;
    font-size: 3.8rem; }
    @media screen and (max-width: 768px) {
      #greeting #greetings .head p {
        font-size: 30px;
        font-size: 3rem; } }
    #greeting #greetings .head p span {
      font-size: 28px;
      font-size: 2.8rem; }
      @media screen and (max-width: 768px) {
        #greeting #greetings .head p span {
          font-size: 20px;
          font-size: 2rem; } }
    #greeting #greetings .head p br {
      display: none; }
      @media screen and (max-width: 480px) {
        #greeting #greetings .head p br {
          display: block; } }
    #greeting #greetings .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #greeting #greetings .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
#greeting #greetings .read figure {
  float: right;
  margin: 0 0 50px 25px; }
  @media screen and (max-width: 480px) {
    #greeting #greetings .read figure {
      float: none;
      margin: 0 auto 30px;
      text-align: center; } }
  #greeting #greetings .read figure img {
    box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
    max-width: 430px; }
    @media screen and (max-width: 768px) {
      #greeting #greetings .read figure img {
        max-width: 288px; } }
#greeting #greetings .read .txt p {
  font-size: 16px;
  font-size: 1.6rem;
  margin-bottom: 20px; }
#greeting #greetings .read .txt .sign {
  font-size: 16px;
  font-size: 1.6rem;
  margin-top: 30px;
  text-align: right; }
  #greeting #greetings .read .txt .sign .sign_Img img {
    margin-right: -15px;
    max-width: 200px; }
    @media screen and (max-width: 480px) {
      #greeting #greetings .read .txt .sign .sign_Img img {
        max-width: 150px; } }
  #greeting #greetings .read .txt .sign span {
    font-size: 20px;
    font-size: 2rem; }

#history #progress .inner {
  padding-bottom: 50px; }
  @media screen and (max-width: 480px) {
    #history #progress .inner {
      padding-bottom: 30px; } }
#history #progress .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  #history #progress .head p {
    font-size: 30px;
    font-size: 3rem; }
    @media screen and (max-width: 768px) {
      #history #progress .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #history #progress .head p {
        font-size: 20px;
        font-size: 2rem; } }
    #history #progress .head p span {
      font-size: 28px;
      font-size: 2.8rem; }
      @media screen and (max-width: 768px) {
        #history #progress .head p span {
          font-size: 20px;
          font-size: 2rem; } }
    #history #progress .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #history #progress .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
#history #progress .cont {
  margin-top: 400px;
  max-width: 600px;
  position: relative; }
  @media screen and (max-width: 768px) {
    #history #progress .cont {
      margin-top: 350px; } }
  @media screen and (max-width: 480px) {
    #history #progress .cont {
      margin-top: 0; } }
  #history #progress .cont::after {
    background: #00041d;
    background: linear-gradient(180deg, #00041d 0%, #286250 35%, rgba(159, 227, 144, 0.8) 60%, rgba(255, 248, 165, 0.7) 85%, rgba(255, 248, 165, 0) 100%);
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 2px; }
    @media screen and (max-width: 480px) {
      #history #progress .cont::after {
        content: none; } }
#history #progress .cont_Box {
  max-width: 293px;
  width: 50%; }
  #history #progress .cont_Box:not(:last-of-type) {
    margin-top: -350px; }
    @media screen and (max-width: 768px) {
      #history #progress .cont_Box:not(:last-of-type) {
        margin-top: -300px; } }
    @media screen and (max-width: 480px) {
      #history #progress .cont_Box:not(:last-of-type) {
        margin-top: 0; } }
  @media screen and (max-width: 480px) {
    #history #progress .cont_Box {
      max-width: 100%;
      width: 100%; } }
  #history #progress .cont_Box figure {
    margin-bottom: 20px;
    position: relative; }
    #history #progress .cont_Box figure img {
      box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
      max-width: 293px;
      position: relative;
      z-index: 3; }
      @media screen and (max-width: 480px) {
        #history #progress .cont_Box figure img {
          max-width: 100%; } }
  #history #progress .cont_Box .ex {
    position: relative;
    z-index: 5; }
  #history #progress .cont_Box.__capter01 {
    margin-right: auto;
    padding-right: 30px; }
    @media screen and (max-width: 768px) {
      #history #progress .cont_Box.__capter01 {
        padding-right: 15px; } }
    @media screen and (max-width: 480px) {
      #history #progress .cont_Box.__capter01 {
        padding-right: 0; } }
    @media screen and (max-width: 768px) {
      #history #progress .cont_Box.__capter01 figure::before {
        background-image: url("../images/history/bg_bleeding04.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        height: 300px;
        margin: 20px 0;
        position: absolute;
        top: -170px;
        left: -90px;
        width: 300px; } }
    #history #progress .cont_Box.__capter01 .ex .head::before {
      background-image: url("../images/history/icon_chapter01.png"); }
    #history #progress .cont_Box.__capter01 .ex .txt::after {
      background-image: url("../images/history/illust_01.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 140px;
      margin: 20px 0; }
  #history #progress .cont_Box.__capter02 {
    margin-left: auto;
    padding-left: 30px; }
    @media screen and (max-width: 768px) {
      #history #progress .cont_Box.__capter02 {
        padding-left: 15px; } }
    @media screen and (max-width: 480px) {
      #history #progress .cont_Box.__capter02 {
        padding-left: 0; } }
    #history #progress .cont_Box.__capter02 figure::before {
      background-image: url("../images/history/bg_bleeding01.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 300px;
      margin: 20px 0;
      position: absolute;
      top: -160px;
      right: -65px;
      width: 300px; }
    #history #progress .cont_Box.__capter02 .ex .head::before {
      background-image: url("../images/history/icon_chapter02.png"); }
    #history #progress .cont_Box.__capter02 .ex .txt::after {
      background-image: url("../images/history/illust_02.png");
      background-position: right center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 130px;
      margin: 20px 0; }
  #history #progress .cont_Box.__capter03 {
    margin-right: auto;
    padding-right: 30px; }
    @media screen and (max-width: 768px) {
      #history #progress .cont_Box.__capter03 {
        padding-right: 15px; } }
    @media screen and (max-width: 480px) {
      #history #progress .cont_Box.__capter03 {
        padding-right: 0; } }
    #history #progress .cont_Box.__capter03 figure::before {
      background-image: url("../images/history/bg_bleeding02.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 300px;
      margin: 20px 0;
      position: absolute;
      top: -160px;
      left: -130px;
      width: 300px; }
    #history #progress .cont_Box.__capter03 .ex .head::before {
      background-image: url("../images/history/icon_chapter03.png"); }
    #history #progress .cont_Box.__capter03 .ex .txt::after {
      background-image: url("../images/history/illust_03.png");
      background-position: right center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 160px;
      margin: 20px 0; }
  #history #progress .cont_Box.__capter04 {
    margin-left: auto;
    padding-left: 30px; }
    @media screen and (max-width: 768px) {
      #history #progress .cont_Box.__capter04 {
        padding-left: 15px; } }
    @media screen and (max-width: 480px) {
      #history #progress .cont_Box.__capter04 {
        padding-left: 0; } }
    #history #progress .cont_Box.__capter04 figure::before {
      background-image: url("../images/history/bg_bleeding03.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 300px;
      margin: 20px 0;
      position: absolute;
      top: -200px;
      left: -90px;
      width: 300px; }
    #history #progress .cont_Box.__capter04 .ex .head::before {
      background-image: url("../images/history/icon_chapter04.png"); }
    #history #progress .cont_Box.__capter04 .ex .txt::after {
      background-image: url("../images/history/illust_04.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 140px;
      margin: 20px 0; }
  #history #progress .cont_Box.__capter05 {
    margin-right: auto;
    padding-right: 30px; }
    @media screen and (max-width: 768px) {
      #history #progress .cont_Box.__capter05 {
        padding-right: 15px; } }
    @media screen and (max-width: 480px) {
      #history #progress .cont_Box.__capter05 {
        padding-right: 0; } }
    #history #progress .cont_Box.__capter05 figure::before {
      background-image: url("../images/history/bg_bleeding04.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 300px;
      margin: 20px 0;
      position: absolute;
      top: -220px;
      left: -80px;
      width: 300px; }
    #history #progress .cont_Box.__capter05 .ex .head::before {
      background-image: url("../images/history/icon_chapter05.png"); }
    #history #progress .cont_Box.__capter05 .ex .txt::after {
      background-image: url("../images/history/illust_05.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 160px;
      margin: 20px 0; }
      @media screen and (max-width: 768px) {
        #history #progress .cont_Box.__capter05 .ex .txt::after {
          background-position: left center; } }
  #history #progress .cont_Box.__capter06 {
    margin-left: auto;
    padding-left: 30px; }
    @media screen and (max-width: 768px) {
      #history #progress .cont_Box.__capter06 {
        padding-left: 15px; } }
    @media screen and (max-width: 480px) {
      #history #progress .cont_Box.__capter06 {
        padding-left: 0; } }
    #history #progress .cont_Box.__capter06 figure::before {
      background-image: url("../images/history/bg_bleeding05.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 300px;
      margin: 20px 0;
      position: absolute;
      top: -160px;
      right: -65px;
      width: 300px; }
    #history #progress .cont_Box.__capter06 .ex .head::before {
      background-image: url("../images/history/icon_chapter06.png"); }
    #history #progress .cont_Box.__capter06 .ex .txt::after {
      background-image: url("../images/history/illust_06.png");
      background-position: right center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 120px;
      margin: 20px 0; }
  #history #progress .cont_Box.__capter07 {
    margin-top: -400px;
    padding-right: 30px; }
    @media screen and (max-width: 768px) {
      #history #progress .cont_Box.__capter07 {
        padding-right: 15px; } }
    @media screen and (max-width: 480px) {
      #history #progress .cont_Box.__capter07 {
        margin-top: 0;
        padding-right: 0; } }
    #history #progress .cont_Box.__capter07 figure::before {
      background-image: url("../images/history/bg_bleeding01.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 300px;
      margin: 20px 0;
      position: absolute;
      top: -220px;
      left: -80px;
      width: 300px; }
    #history #progress .cont_Box.__capter07 .ex .head::before {
      background-image: url("../images/history/icon_chapter07.png"); }
  #history #progress .cont_Box.__capter08 {
    margin-top: -240px; }
    #history #progress .cont_Box.__capter08 figure::before {
      background-image: url("../images/history/bg_bleeding04.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 300px;
      margin: 20px 0;
      position: absolute;
      top: -170px;
      right: -160px;
      width: 300px; }
    #history #progress .cont_Box.__capter08 figure::after {
      background-image: url("../images/history/bg_bleeding02.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: block;
      height: 300px;
      margin: 20px 0;
      position: absolute;
      bottom: -190px;
      left: -175px;
      width: 300px; }
    #history #progress .cont_Box.__capter08 .ex .head {
      justify-content: center; }
      #history #progress .cont_Box.__capter08 .ex .head::before {
        background-image: url("../images/history/icon_chapter08.png"); }
    #history #progress .cont_Box.__capter08 .ex .txt {
      text-align: center; }
  #history #progress .cont_Box.__full {
    margin: auto;
    max-width: 602px;
    padding: 50px 0 0;
    width: 100%; }
    #history #progress .cont_Box.__full figure {
      text-align: center; }
      #history #progress .cont_Box.__full figure img {
        max-width: 602px; }
  #history #progress .cont_Box .ex .head {
    align-items: flex-end;
    border-bottom: solid 1px #00041d;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin-bottom: 16px;
    padding-bottom: 10px; }
    #history #progress .cont_Box .ex .head::before {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '';
      display: inline-block;
      height: 70px;
      margin-right: 10px;
      width: 30px; }
    #history #progress .cont_Box .ex .head p {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 500;
      text-align: left;
      text-indent: 0; }
  #history #progress .cont_Box .ex .txt p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.4;
    margin-bottom: 16px;
    text-indent: 1em; }
  #history #progress .cont_Box .ex .txt a {
    color: #00041d; }
  #history #progress .cont_Box .ex .txt span.outer_Link {
    font-size: 14px;
    font-size: 1.4rem; }
  #history #progress .cont_Box .ex .txt .note_Box {
    margin-top: 50px; }
    #history #progress .cont_Box .ex .txt .note_Box p {
      font-size: 14px;
      font-size: 1.4rem; }
  #history #progress .cont_Box .ex .txt .link-Join {
    margin: 0 0 0 auto;
    max-width: 320px;
    padding-top: 80px; }
    @media screen and (max-width: 480px) {
      #history #progress .cont_Box .ex .txt .link-Join {
        padding-top: 50px; } }
    #history #progress .cont_Box .ex .txt .link-Join p {
      font-size: 14px;
      font-size: 1.4rem; }
    #history #progress .cont_Box .ex .txt .link-Join a {
      background-color: transparent;
      display: block;
      max-width: initial; }
      #history #progress .cont_Box .ex .txt .link-Join a img {
        max-width: 320px; }
  @media screen and (max-width: 480px) {
    #history #progress .cont_Box .ex .txt::after {
      height: 130px;
      margin: 20px 0; } }

#join .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  #join .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400;
    position: relative;
    z-index: 10; }
    @media screen and (max-width: 768px) {
      #join .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #join .head p {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 768px) {
      #join .head p.cab {
        font-size: 26px;
        font-size: 2.6rem; } }
#join h2::before {
  background-image: url("../images/join/img_join_deco.png");
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  content: '';
  display: block;
  height: 279px;
  position: absolute;
  bottom: -70px;
  left: 62%;
  width: 300px; }
  @media screen and (max-width: 768px) {
    #join h2::before {
      height: 220px;
      position: absolute;
      top: -50px;
      right: -40px;
      bottom: initial;
      left: initial;
      width: 241px; } }
  @media screen and (max-width: 480px) {
    #join h2::before {
      height: 200px;
      top: -35px;
      right: -65px;
      width: 221px; } }
#join .read {
  margin: auto; }
  #join .read p {
    font-size: 16px;
    font-size: 1.6rem; }
    #join .read p:last-of-type, #join .read p:only-of-type {
      margin-bottom: 0; }
#join #join_Info .about_Npo .read {
  margin: 0 auto 50px;
  max-width: 665px; }
  #join #join_Info .about_Npo .read p {
    margin-bottom: 20px;
    text-align: center; }
    #join #join_Info .about_Npo .read p:last-of-type {
      margin-bottom: 0; }
#join #join_Info .How_To_Join .read {
  margin: auto;
  max-width: 650px; }
  #join #join_Info .How_To_Join .read .member_Type figure {
    margin-top: 20px;
    text-align: center; }
    #join #join_Info .How_To_Join .read .member_Type figure img {
      box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
      max-width: 450px; }
    #join #join_Info .How_To_Join .read .member_Type figure figcaption {
      font-size: 16px;
      font-size: 1.6rem;
      margin-top: 15px;
      text-align: center; }
      @media screen and (max-width: 480px) {
        #join #join_Info .How_To_Join .read .member_Type figure figcaption {
          font-size: 14px;
          font-size: 1.4rem; } }
  #join #join_Info .How_To_Join .read .member_Type .type {
    margin-top: 30px; }
    #join #join_Info .How_To_Join .read .member_Type .type p {
      font-weight: 500; }
    #join #join_Info .How_To_Join .read .member_Type .type dl {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      #join #join_Info .How_To_Join .read .member_Type .type dl:last-of-type {
        margin-bottom: 0; }
      #join #join_Info .How_To_Join .read .member_Type .type dl dt,
      #join #join_Info .How_To_Join .read .member_Type .type dl dd {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 5px 12px; }
      #join #join_Info .How_To_Join .read .member_Type .type dl dt {
        background-color: #286250;
        border-right: solid 2px #fff;
        border-bottom: solid 2px #fff;
        color: #fff;
        font-weight: 500;
        min-width: 80px;
        text-align: left;
        width: 25%; }
        #join #join_Info .How_To_Join .read .member_Type .type dl dt br {
          display: none; }
          @media screen and (max-width: 768px) {
            #join #join_Info .How_To_Join .read .member_Type .type dl dt br {
              display: block; } }
      #join #join_Info .How_To_Join .read .member_Type .type dl dd {
        border-bottom: solid 1px #286250;
        color: #00041d;
        width: 75%; }
#join #join_Info .How_To_Join .flow {
  margin: 30px auto 0;
  max-width: 650px; }
  #join #join_Info .How_To_Join .flow > p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px; }
  #join #join_Info .How_To_Join .flow .flow_List {
    margin-bottom: 50px; }
    #join #join_Info .How_To_Join .flow .flow_List:last-of-type {
      margin-bottom: 0; }
    #join #join_Info .How_To_Join .flow .flow_List .number {
      margin-bottom: 10px; }
      #join #join_Info .How_To_Join .flow .flow_List .number p {
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 500; }
    #join #join_Info .How_To_Join .flow .flow_List .choice::after {
      border: 24px solid transparent;
      border-top: 24px solid #bce2e8;
      box-sizing: border-box;
      content: '';
      display: block;
      height: 24px;
      margin: 30px auto 0;
      width: 24px; }
    #join #join_Info .How_To_Join .flow .flow_List .choice ul {
      background-color: #bce2e8;
      padding: 20px 35px;
      position: relative; }
      #join #join_Info .How_To_Join .flow .flow_List .choice ul.how_To_Apply ::before {
        background-image: url("../images/join/deco_matsutake.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        height: 65px;
        position: absolute;
        right: 20px;
        bottom: 10px;
        vertical-align: -8px;
        width: 45px;
        z-index: 3; }
      #join #join_Info .How_To_Join .flow .flow_List .choice ul.annual_Fee ::before {
        background-image: url("../images/join/deco_shimeji_purple.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        height: 65px;
        position: absolute;
        right: 20px;
        bottom: 10px;
        vertical-align: -8px;
        width: 45px;
        z-index: 3; }
      #join #join_Info .How_To_Join .flow .flow_List .choice ul::after {
        border: dashed 2px #fff;
        content: '';
        display: block;
        height: 94%;
        position: absolute;
        top: 3%;
        left: 1%;
        width: 98%; }
      #join #join_Info .How_To_Join .flow .flow_List .choice ul li {
        font-size: 16px;
        font-size: 1.6rem; }
    #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex {
      background-color: #bce2e8;
      padding: 20px 35px;
      position: relative; }
      #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex::after {
        border: dashed 2px #fff;
        content: '';
        display: block;
        height: 94%;
        position: absolute;
        top: 3%;
        left: 1%;
        width: 98%; }
      #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern {
        margin-bottom: 10px; }
        #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern:last-of-type {
          margin-bottom: 0; }
        #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern p {
          font-size: 16px;
          font-size: 1.6rem; }
          #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern p.ttl {
            font-weight: 500; }
          #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern p:not(:first-of-type) {
            margin-left: 25px; }
          #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern p a {
            color: #00041d;
            position: relative;
            text-decoration: underline;
            z-index: 5; }
        #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern dl {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-box;
          display: -webkit-flexbox;
          display: -moz-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          flex-direction: row;
          margin: auto;
          max-width: 450px; }
          #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern dl dt,
          #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern dl dd {
            font-size: 16px;
            font-size: 1.6rem;
            padding: 5px 12px; }
          #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern dl dt {
            background-color: #00041d;
            border-right: solid 2px #bce2e8;
            border-bottom: solid 2px #bce2e8;
            color: #fff;
            font-weight: 500;
            min-width: 100px;
            text-align: left;
            width: 20%; }
            #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern dl dt.letter01 {
              letter-spacing: 8px; }
          #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern dl dd {
            border-bottom: solid 1px #00041d;
            color: #00041d;
            width: 80%; }
        #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern ul.card_Brand {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-box;
          display: -webkit-flexbox;
          display: -moz-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          flex-direction: row;
          flex-wrap: wrap;
          justify-content: center;
          margin: 15px auto 0;
          max-width: 400px; }
          #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern ul.card_Brand li {
            margin: 0 10px 20px;
            max-width: 120px;
            width: calc((100% / 3) - 20px); }
            #join #join_Info .How_To_Join .flow .flow_List .supplementary_Ex .pattern ul.card_Brand li img {
              max-width: 120px; }
    #join #join_Info .How_To_Join .flow .flow_List .contact_To p {
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 500;
      margin-bottom: 10px; }
    #join #join_Info .How_To_Join .flow .flow_List .contact_To dl {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      margin: auto;
      max-width: 450px; }
      #join #join_Info .How_To_Join .flow .flow_List .contact_To dl dt,
      #join #join_Info .How_To_Join .flow .flow_List .contact_To dl dd {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 5px 12px; }
      #join #join_Info .How_To_Join .flow .flow_List .contact_To dl dt {
        background-color: #00041d;
        border-right: solid 2px #bce2e8;
        border-bottom: solid 2px #bce2e8;
        color: #fff;
        font-weight: 500;
        min-width: 60px;
        text-align: left;
        width: 20%; }
        #join #join_Info .How_To_Join .flow .flow_List .contact_To dl dt.letter01 {
          letter-spacing: 8px; }
      #join #join_Info .How_To_Join .flow .flow_List .contact_To dl dd {
        border-bottom: solid 1px #00041d;
        color: #00041d;
        width: 80%; }
    #join #join_Info .How_To_Join .flow .flow_List.__02 {
      margin-bottom: 50px; }
      #join #join_Info .How_To_Join .flow .flow_List.__02 .supplementary_Ex::after {
        height: 98%;
        position: absolute;
        top: 1%;
        left: 2%;
        width: 96%; }

#members .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  #members .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #members .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #members .head p {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 768px) {
      #members .head p.cab {
        font-size: 26px;
        font-size: 2.6rem; } }
#members .read {
  margin: auto;
  max-width: 600px; }
  #members .read p {
    font-size: 16px;
    font-size: 1.6rem; }
    #members .read p:last-of-type, #members .read p:only-of-type {
      margin-bottom: 30px; }
#members #to_Members .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #members #to_Members .inner {
      padding-bottom: 80px; } }
#members #to_Members .read p.note {
  font-size: 14px;
  font-size: 1.4rem; }
#members #to_Members .read .for_Inquiries {
  margin-left: auto;
  max-width: 340px; }
  #members #to_Members .read .for_Inquiries p {
    margin-bottom: 10px; }
  #members #to_Members .read .for_Inquiries .contact p {
    margin-bottom: 0; }
  #members #to_Members .read .for_Inquiries .more {
    margin-top: 30px; }
    #members #to_Members .read .for_Inquiries .more a {
      background-color: transparent;
      max-width: initial; }
#members #to_Members .read .more {
  margin-top: 100px; }
  @media screen and (max-width: 480px) {
    #members #to_Members .read .more {
      margin-top: 80px; } }
#members #report {
  background-color: #bce2e8;
  position: relative; }
  #members #report .inner {
    padding: 120px 3% 140px; }
    @media screen and (max-width: 768px) {
      #members #report .inner {
        padding: 100px 20px 120px; } }
  #members #report h2 {
    margin-bottom: 10px; }
  #members #report .read {
    margin: 0 auto 30px; }
  #members #report ul li {
    align-items: center;
    background-color: #fff;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    margin: 0 auto 40px;
    max-width: 800px;
    padding: 20px 40px 30px;
    position: relative;
    z-index: 5; }
    @media screen and (max-width: 768px) {
      #members #report ul li {
        flex-direction: column; } }
    #members #report ul li:last-child {
      margin-bottom: 0; }
    #members #report ul li::after {
      border: dashed 2px #000;
      content: '';
      display: block;
      height: 94%;
      position: absolute;
      top: 3%;
      left: 2%;
      width: 96%; }
    #members #report ul li .left_Box {
      margin-right: 20px; }
      @media screen and (max-width: 480px) {
        #members #report ul li .left_Box {
          margin-right: 1%; } }
      #members #report ul li .left_Box figure img {
        box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
        max-width: 166px;
        width: 100%; }
    #members #report ul li .right_Box {
      margin-left: 20px; }
      @media screen and (max-width: 480px) {
        #members #report ul li .right_Box {
          margin-left: 1%; } }
      #members #report ul li .right_Box .ttl {
        margin-bottom: 20px; }
        #members #report ul li .right_Box .ttl p {
          font-size: 16px;
          font-size: 1.6rem; }
      #members #report ul li .right_Box .txt {
        font-size: 14px;
        font-size: 1.4rem; }

#mifoss .guidance ul,
#mifoss .download_Forms ul,
#mifoss_Supporters .guidance ul,
#mifoss_Supporters .download_Forms ul {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: center;
  margin: auto;
  max-width: 550px; }
  #mifoss .guidance ul li,
  #mifoss .download_Forms ul li,
  #mifoss_Supporters .guidance ul li,
  #mifoss_Supporters .download_Forms ul li {
    background-color: #bce2e8;
    margin: 0 10px 30px;
    max-width: 240px;
    position: relative;
    text-align: center;
    width: calc((100% / 2) - 20px);
    z-index: 5; }
    @media screen and (max-width: 480px) {
      #mifoss .guidance ul li,
      #mifoss .download_Forms ul li,
      #mifoss_Supporters .guidance ul li,
      #mifoss_Supporters .download_Forms ul li {
        margin: 0 5px 20px;
        padding: 10px 15px 15px;
        width: calc((100% / 2) - 10px); } }
    #mifoss .guidance ul li::after,
    #mifoss .download_Forms ul li::after,
    #mifoss_Supporters .guidance ul li::after,
    #mifoss_Supporters .download_Forms ul li::after {
      border: dashed 2px #000;
      content: '';
      display: block;
      height: 94%;
      position: absolute;
      top: 3%;
      left: 2%;
      width: 96%; }
    #mifoss .guidance ul li a,
    #mifoss .download_Forms ul li a,
    #mifoss_Supporters .guidance ul li a,
    #mifoss_Supporters .download_Forms ul li a {
      color: #00041d;
      display: block;
      font-size: 16px;
      font-size: 1.6rem;
      font-weight: 500;
      padding: 10px 2% 15px;
      position: relative;
      text-align: center;
      z-index: 6; }
      @media screen and (max-width: 480px) {
        #mifoss .guidance ul li a,
        #mifoss .download_Forms ul li a,
        #mifoss_Supporters .guidance ul li a,
        #mifoss_Supporters .download_Forms ul li a {
          font-size: 14px;
          font-size: 1.4rem; } }
      #mifoss .guidance ul li a br,
      #mifoss .download_Forms ul li a br,
      #mifoss_Supporters .guidance ul li a br,
      #mifoss_Supporters .download_Forms ul li a br {
        display: none; }
        @media screen and (max-width: 768px) {
          #mifoss .guidance ul li a br,
          #mifoss .download_Forms ul li a br,
          #mifoss_Supporters .guidance ul li a br,
          #mifoss_Supporters .download_Forms ul li a br {
            display: block; } }
        #mifoss .guidance ul li a br.sp_Only,
        #mifoss .download_Forms ul li a br.sp_Only,
        #mifoss_Supporters .guidance ul li a br.sp_Only,
        #mifoss_Supporters .download_Forms ul li a br.sp_Only {
          display: none; }
          @media screen and (max-width: 768px) {
            #mifoss .guidance ul li a br.sp_Only,
            #mifoss .download_Forms ul li a br.sp_Only,
            #mifoss_Supporters .guidance ul li a br.sp_Only,
            #mifoss_Supporters .download_Forms ul li a br.sp_Only {
              display: none; } }
          @media screen and (max-width: 480px) {
            #mifoss .guidance ul li a br.sp_Only,
            #mifoss .download_Forms ul li a br.sp_Only,
            #mifoss_Supporters .guidance ul li a br.sp_Only,
            #mifoss_Supporters .download_Forms ul li a br.sp_Only {
              display: block; } }

#mifoss .head {
  margin: 0 auto 50px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    #mifoss .head {
      margin: 0 auto 30px; } }
  #mifoss .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #mifoss .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #mifoss .head p {
        font-size: 20px;
        font-size: 2rem; } }
    #mifoss .head p span {
      font-size: 28px;
      font-size: 2.8rem; }
      @media screen and (max-width: 768px) {
        #mifoss .head p span {
          font-size: 20px;
          font-size: 2rem; } }
    #mifoss .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #mifoss .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
#mifoss .read {
  margin: 0 auto 50px; }
  #mifoss .read p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 16px; }
    #mifoss .read p:last-of-type {
      margin-bottom: 0; }
  #mifoss .read .more {
    margin-top: 30px;
    text-align: right; }
#mifoss #facility {
  padding-bottom: 100px;
  position: relative; }
  #mifoss #facility::before {
    background-image: url("../images/mifoss_supporters/bg_mifoss_supporters.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 100%;
    max-height: 800px;
    opacity: .3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  #mifoss #facility .read {
    max-width: 600px; }
    #mifoss #facility .read .ttl {
      margin-bottom: 20px; }
      #mifoss #facility .read .ttl p {
        font-size: 18px;
        font-size: 1.8rem;
        margin-bottom: 0;
        text-align: center; }
        #mifoss #facility .read .ttl p span {
          border-bottom: solid 1px #00041d;
          display: inline-block;
          margin-left: 5px;
          vertical-align: 6px;
          width: 24px; }
    #mifoss #facility .read .induction {
      margin-top: 40px; }
      #mifoss #facility .read .induction p {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: right; }
        @media screen and (max-width: 480px) {
          #mifoss #facility .read .induction p span {
            display: none; } }
      #mifoss #facility .read .induction .more {
        background-color: #00041d;
        margin: 10px 0 0 auto;
        max-width: 200px;
        text-align: center; }
        #mifoss #facility .read .induction .more a {
          background-color: transparent;
          color: #fff;
          display: block;
          max-width: initial;
          padding: 5px 25px; }
          #mifoss #facility .read .induction .more a span.half_arrow::after {
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff; }
#mifoss #facility_Overview .facility_Detail {
  margin-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #mifoss #facility_Overview .facility_Detail {
      margin-bottom: 80px; } }
  #mifoss #facility_Overview .facility_Detail table {
    margin: auto;
    max-width: 500px; }
    #mifoss #facility_Overview .facility_Detail table tr {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row; }
      #mifoss #facility_Overview .facility_Detail table tr th,
      #mifoss #facility_Overview .facility_Detail table tr td {
        font-size: 16px;
        font-size: 1.6rem;
        padding: 5px 12px; }
      #mifoss #facility_Overview .facility_Detail table tr th {
        background-color: #286250;
        border-right: solid 2px #fff;
        border-bottom: solid 2px #fff;
        color: #fff;
        font-weight: 500;
        min-width: 120px;
        text-align: left;
        width: 20%; }
      #mifoss #facility_Overview .facility_Detail table tr td {
        border-bottom: solid 1px #286250;
        color: #00041d;
        width: 80%; }
        @media screen and (max-width: 480px) {
          #mifoss #facility_Overview .facility_Detail table tr td span {
            display: none; } }
#mifoss #facility_Overview .floor_Map .read p {
  text-align: center; }
#mifoss #facility_Overview .floor_Map .every_Room {
  margin-bottom: 50px; }
  #mifoss #facility_Overview .floor_Map .every_Room ul {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap; }
    #mifoss #facility_Overview .floor_Map .every_Room ul li {
      margin: 0 10px;
      max-width: 450px;
      width: calc((100% / 4) - 20px); }
      @media screen and (max-width: 768px) {
        #mifoss #facility_Overview .floor_Map .every_Room ul li {
          margin-bottom: 30px;
          width: calc((100% / 2) - 20px); } }
      @media screen and (max-width: 480px) {
        #mifoss #facility_Overview .floor_Map .every_Room ul li {
          margin: 0 5px 20px;
          width: calc((100% / 2) - 10px); } }
      @media screen and (max-width: 768px) {
        #mifoss #facility_Overview .floor_Map .every_Room ul li:nth-last-child(-n+2) {
          margin-bottom: 0; } }
      #mifoss #facility_Overview .floor_Map .every_Room ul li figure img {
        margin-bottom: 10px;
        max-width: 450px;
        width: 100%; }
      #mifoss #facility_Overview .floor_Map .every_Room ul li figure figcaption {
        align-items: center;
        display: -webkit-inline-flex;
        display: -moz-inline-flex;
        display: -ms-inline-flex;
        display: -o-inline-flex;
        display: inline-flex;
        flex-direction: column;
        margin-bottom: 10px;
        width: 100%; }
        #mifoss #facility_Overview .floor_Map .every_Room ul li figure figcaption p {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1;
          margin-bottom: 10px; }
          #mifoss #facility_Overview .floor_Map .every_Room ul li figure figcaption p.cab {
            font-size: 18px;
            font-size: 1.8rem;
            margin-bottom: 0; }
            @media screen and (max-width: 480px) {
              #mifoss #facility_Overview .floor_Map .every_Room ul li figure figcaption p.cab {
                font-size: 12px;
                font-size: 1.2rem; } }
      #mifoss #facility_Overview .floor_Map .every_Room ul li .txt p {
        font-size: 14px;
        font-size: 1.4rem; }
#mifoss #facility_Overview .floor_Map .main_Pic {
  text-align: center; }
  #mifoss #facility_Overview .floor_Map .main_Pic .modal_Trigger {
    height: 406px;
    max-width: 497px; }
    @media screen and (max-width: 768px) {
      #mifoss #facility_Overview .floor_Map .main_Pic .modal_Trigger {
        height: initial;
        margin: 0 2%;
        width: 96%; } }
    #mifoss #facility_Overview .floor_Map .main_Pic .modal_Trigger img {
      height: 406px;
      max-width: 497px;
      width: 100%; }
      @media screen and (max-width: 768px) {
        #mifoss #facility_Overview .floor_Map .main_Pic .modal_Trigger img {
          height: initial;
          width: 100%; } }
  #mifoss #facility_Overview .floor_Map .main_Pic .modal_Content {
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10; }
    #mifoss #facility_Overview .floor_Map .main_Pic .modal_Content .overlay {
      background-color: rgba(0, 0, 0, 0.5);
      height: 100vh;
      width: 100%; }
    #mifoss #facility_Overview .floor_Map .main_Pic .modal_Content .modal {
      background-color: #fff;
      max-height: 80%;
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      overflow-y: scroll;
      width: 80%; }
      #mifoss #facility_Overview .floor_Map .main_Pic .modal_Content .modal .modal_Wrap {
        padding: 40px 20px 20px;
        position: relative; }
        #mifoss #facility_Overview .floor_Map .main_Pic .modal_Content .modal .modal_Wrap .close_Btn {
          position: absolute;
          top: 8px;
          right: 8px; }
          #mifoss #facility_Overview .floor_Map .main_Pic .modal_Content .modal .modal_Wrap .close_Btn img {
            height: 25px;
            width: 25px; }
  #mifoss #facility_Overview .floor_Map .main_Pic p {
    font-size: 14px;
    font-size: 1.4rem;
    margin-top: 10px; }
#mifoss #facility_Fee .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #mifoss #facility_Fee .inner {
      padding-bottom: 80px; } }
#mifoss #facility_Fee .read {
  max-width: 600px; }
#mifoss #facility_Fee .download_Forms {
  margin-bottom: 50px; }
#mifoss #facility_Fee .info .wrap {
  margin: auto;
  max-width: 600px; }
#mifoss #facility_Fee .info dl {
  margin-bottom: 20px; }
  #mifoss #facility_Fee .info dl:last-of-type {
    margin-bottom: 0; }
  #mifoss #facility_Fee .info dl dt,
  #mifoss #facility_Fee .info dl dd {
    font-size: 16px;
    font-size: 1.6rem; }
  #mifoss #facility_Fee .info dl dt {
    margin-bottom: 10px; }
  #mifoss #facility_Fee .info dl dd {
    padding-left: 16px; }
    #mifoss #facility_Fee .info dl dd dl {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      margin-bottom: 5px; }
      @media screen and (max-width: 768px) {
        #mifoss #facility_Fee .info dl dd dl {
          flex-direction: column; } }
      #mifoss #facility_Fee .info dl dd dl dt {
        margin-bottom: 0;
        width: 25%; }
        @media screen and (max-width: 768px) {
          #mifoss #facility_Fee .info dl dd dl dt {
            width: 100%; } }
      #mifoss #facility_Fee .info dl dd dl dd {
        width: 75%; }
        @media screen and (max-width: 768px) {
          #mifoss #facility_Fee .info dl dd dl dd {
            width: 100%; } }
    #mifoss #facility_Fee .info dl dd ol li {
      margin-bottom: 5px;
      padding-left: 1em;
      text-indent: -1em; }

#mifoss_Supporters .head {
  margin: 0 auto 50px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    #mifoss_Supporters .head {
      margin: 0 auto 30px; } }
  #mifoss_Supporters .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #mifoss_Supporters .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #mifoss_Supporters .head p {
        font-size: 20px;
        font-size: 2rem; } }
    #mifoss_Supporters .head p span {
      font-size: 28px;
      font-size: 2.8rem; }
      @media screen and (max-width: 768px) {
        #mifoss_Supporters .head p span {
          font-size: 20px;
          font-size: 2rem; } }
    #mifoss_Supporters .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #mifoss_Supporters .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
#mifoss_Supporters .read {
  margin: 0 auto 50px; }
  #mifoss_Supporters .read p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 16px; }
    #mifoss_Supporters .read p:last-of-type {
      margin-bottom: 0; }
  #mifoss_Supporters .read .more {
    margin-top: 30px;
    text-align: right; }
#mifoss_Supporters #supporter_System {
  padding-bottom: 100px;
  position: relative; }
  #mifoss_Supporters #supporter_System::before {
    background-image: url("../images/mifoss_supporters/bg_mifoss_supporters.png");
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: contain;
    content: '';
    display: block;
    height: 100%;
    max-height: 800px;
    opacity: .3;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%; }
  #mifoss_Supporters #supporter_System h3 {
    margin-bottom: 50px; }
    #mifoss_Supporters #supporter_System h3 p {
      font-size: 18px;
      font-size: 1.8rem;
      font-weight: 400;
      text-align: center; }
      #mifoss_Supporters #supporter_System h3 p span {
        border-bottom: solid 1px #00041d;
        display: inline-block;
        height: 1px;
        vertical-align: 5px;
        width: 40px; }
  #mifoss_Supporters #supporter_System .read {
    max-width: 650px; }
#mifoss_Supporters #supporter_Q_And_A .question_List .list {
  margin-bottom: 30px; }
  #mifoss_Supporters #supporter_Q_And_A .question_List .list:last-of-type {
    margin-bottom: 0; }
  #mifoss_Supporters #supporter_Q_And_A .question_List .list .question {
    align-items: flex-start;
    background-color: #286250;
    color: #fff;
    cursor: pointer;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    max-width: 800px;
    margin: 0 auto;
    padding: 10px 3%;
    position: relative;
    transition-duration: 0.2s;
    z-index: +1; }
    #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .icon {
      max-width: 50px;
      width: 5%; }
      #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .icon p.cab {
        font-size: 20px;
        font-size: 2rem; }
    #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .txt {
      width: 90%; }
      #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .txt p {
        font-size: 18px;
        font-size: 1.8rem;
        font-weight: 500;
        text-align: left; }
        @media screen and (max-width: 480px) {
          #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .txt p {
            font-size: 16px;
            font-size: 1.6rem; } }
    #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .i_box {
      margin-top: 10px;
      width: 5%; }
      #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .i_box .one_i {
        display: block;
        height: 20px;
        position: relative;
        transition-duration: 0.2s;
        width: 20px; }
        #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .i_box .one_i::before, #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .i_box .one_i::after {
          background-color: #fff;
          border-radius: 10px;
          content: '';
          display: flex;
          -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
          transform-origin: center center; }
        #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .i_box .one_i::before {
          height: 18px;
          position: absolute;
          top: 0;
          left: 7px;
          top: 0;
          left: 7px;
          width: 4px; }
        #mifoss_Supporters #supporter_Q_And_A .question_List .list .question .i_box .one_i::after {
          height: 4px;
          position: absolute;
          top: 7px;
          left: 0;
          width: 18px; }
    #mifoss_Supporters #supporter_Q_And_A .question_List .list .question.open .i_box .one_i::before, #mifoss_Supporters #supporter_Q_And_A .question_List .list .question.open .i_box .one_i::after {
      -webkit-transform: rotate(45deg);
      transform: rotate(45deg); }
  #mifoss_Supporters #supporter_Q_And_A .question_List .list .answer {
    display: none;
    margin: auto;
    max-width: 800px;
    padding: 30px 30px; }
    #mifoss_Supporters #supporter_Q_And_A .question_List .list .answer .wrap {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      justify-content: space-between; }
      #mifoss_Supporters #supporter_Q_And_A .question_List .list .answer .wrap .icon {
        max-width: 50px;
        width: 5%; }
        #mifoss_Supporters #supporter_Q_And_A .question_List .list .answer .wrap .icon p.cab {
          font-size: 20px;
          font-size: 2rem; }
      #mifoss_Supporters #supporter_Q_And_A .question_List .list .answer .wrap p {
        font-size: 16px;
        font-size: 1.6rem;
        width: 95%; }
        @media screen and (max-width: 480px) {
          #mifoss_Supporters #supporter_Q_And_A .question_List .list .answer .wrap p {
            font-size: 14px;
            font-size: 1.4rem; } }
      #mifoss_Supporters #supporter_Q_And_A .question_List .list .answer .wrap a {
        color: #00041d;
        text-decoration: underline; }
#mifoss_Supporters #flow .read {
  max-width: 650px; }
  #mifoss_Supporters #flow .read ol li {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 10px;
    padding-left: 1rem;
    text-indent: -1.5rem; }
    #mifoss_Supporters #flow .read ol li:last-child {
      margin-bottom: 0; }
    #mifoss_Supporters #flow .read ol li a {
      color: #00041d;
      text-decoration: underline; }
#mifoss_Supporters #training_Topics .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #mifoss_Supporters #training_Topics .inner {
      padding-bottom: 80px; } }
#mifoss_Supporters #training_Topics ol {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 0 auto 30px;
  max-width: 800px; }
  @media screen and (max-width: 768px) {
    #mifoss_Supporters #training_Topics ol {
      flex-direction: column;
      max-width: 100%; } }
  #mifoss_Supporters #training_Topics ol li {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    margin: 0 15px 50px;
    max-width: 400px;
    padding-top: 50px;
    width: calc((100% / 2) - 30px); }
    @media screen and (max-width: 768px) {
      #mifoss_Supporters #training_Topics ol li {
        margin: 0 auto 50px;
        max-width: 100%;
        width: 100%; } }
    #mifoss_Supporters #training_Topics ol li:nth-child(1) figure::before {
      background-image: url("../images/history/bg_bleeding03.png"); }
    #mifoss_Supporters #training_Topics ol li:nth-child(2) figure::before {
      background-image: url("../images/history/bg_bleeding04.png"); }
    #mifoss_Supporters #training_Topics ol li:nth-child(3) figure::before {
      background-image: url("../images/history/bg_bleeding01.png"); }
    #mifoss_Supporters #training_Topics ol li figure {
      margin-bottom: 10px;
      position: relative; }
      #mifoss_Supporters #training_Topics ol li figure::before {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        height: 120px;
        position: absolute;
        top: -70px;
        left: -65px;
        width: 120px; }
      #mifoss_Supporters #training_Topics ol li figure img {
        max-width: 300px;
        position: relative;
        z-index: 5; }
    #mifoss_Supporters #training_Topics ol li .txt {
      padding: 0 20px; }
      @media screen and (max-width: 480px) {
        #mifoss_Supporters #training_Topics ol li .txt {
          padding: 0; } }
      #mifoss_Supporters #training_Topics ol li .txt .head {
        margin-bottom: 10px; }
        #mifoss_Supporters #training_Topics ol li .txt .head p {
          font-size: 14px;
          font-size: 1.4rem;
          font-weight: 400;
          text-align: left; }
          #mifoss_Supporters #training_Topics ol li .txt .head p:first-of-type {
            font-size: 18px;
            font-size: 1.8rem;
            font-weight: 500;
            text-align: center; }
      #mifoss_Supporters #training_Topics ol li .txt .schedule p {
        font-size: 14px;
        font-size: 1.4rem;
        font-style: normal;
        margin-bottom: 10px;
        text-align: center; }
        #mifoss_Supporters #training_Topics ol li .txt .schedule p:first-of-type {
          font-size: 16px;
          font-size: 1.6rem;
          font-style: italic;
          margin-bottom: 0; }
      #mifoss_Supporters #training_Topics ol li .txt .schedule .time_Table {
        margin: auto;
        max-width: 300px; }
        @media screen and (max-width: 768px) {
          #mifoss_Supporters #training_Topics ol li .txt .schedule .time_Table {
            max-width: 100%; } }
        #mifoss_Supporters #training_Topics ol li .txt .schedule .time_Table tr {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-box;
          display: -webkit-flexbox;
          display: -moz-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          flex-direction: row;
          flex-wrap: nowrap;
          justify-content: space-between;
          padding-bottom: 3px; }
          #mifoss_Supporters #training_Topics ol li .txt .schedule .time_Table tr:last-child {
            padding-bottom: 0; }
          #mifoss_Supporters #training_Topics ol li .txt .schedule .time_Table tr th,
          #mifoss_Supporters #training_Topics ol li .txt .schedule .time_Table tr td {
            font-size: 14px;
            font-size: 1.4rem;
            padding: 0 10px; }
          #mifoss_Supporters #training_Topics ol li .txt .schedule .time_Table tr th {
            background-color: #daa361;
            font-weight: 400;
            width: 40%; }
          #mifoss_Supporters #training_Topics ol li .txt .schedule .time_Table tr td {
            border-bottom: solid 1px #daa361;
            margin-left: 1px;
            width: 60%; }
#mifoss_Supporters #training_Topics .note_Box {
  max-width: 640px;
  margin-left: auto; }
  @media screen and (max-width: 768px) {
    #mifoss_Supporters #training_Topics .note_Box {
      max-width: 100%;
      margin: auto; } }
  #mifoss_Supporters #training_Topics .note_Box p {
    font-size: 16px;
    font-size: 1.6rem; }
    @media screen and (max-width: 768px) {
      #mifoss_Supporters #training_Topics .note_Box p {
        font-size: 14px;
        font-size: 1.4rem; } }
    #mifoss_Supporters #training_Topics .note_Box p.note {
      margin-bottom: 5px;
      text-indent: -0.5em; }
    #mifoss_Supporters #training_Topics .note_Box p:last-of-type {
      margin-bottom: 0; }

#mifoss_Support_Activities .head {
  font-weight: 400;
  margin: 0 auto 50px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    #mifoss_Support_Activities .head {
      margin: 0 auto 30px; } }
  #mifoss_Support_Activities .head p {
    font-size: 30px;
    font-size: 3rem; }
    @media screen and (max-width: 768px) {
      #mifoss_Support_Activities .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #mifoss_Support_Activities .head p {
        font-size: 20px;
        font-size: 2rem; } }
    #mifoss_Support_Activities .head p span {
      font-size: 28px;
      font-size: 2.8rem; }
      @media screen and (max-width: 768px) {
        #mifoss_Support_Activities .head p span {
          font-size: 20px;
          font-size: 2rem; } }
    #mifoss_Support_Activities .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #mifoss_Support_Activities .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
#mifoss_Support_Activities .read {
  margin: 0 auto 50px;
  max-width: 600px; }
  #mifoss_Support_Activities .read p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 16px; }
    #mifoss_Support_Activities .read p:last-of-type {
      margin-bottom: 0; }
#mifoss_Support_Activities #supporter .read p a {
  color: #286250;
  text-decoration: underline; }
#mifoss_Support_Activities #supporter .read .more {
  margin: 50px auto 0;
  text-align: right; }
#mifoss_Support_Activities #report .read p {
  text-align: center; }
#mifoss_Support_Activities #members .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #mifoss_Support_Activities #members .inner {
      padding-bottom: 80px; } }
#mifoss_Support_Activities #members .read p {
  text-align: center; }

#museum,
#front_English_Museum {
  /**/
  /**/ }
  #museum .inner,
  #front_English_Museum .inner {
    padding-bottom: 100px; }
    @media screen and (max-width: 768px) {
      #museum .inner,
      #front_English_Museum .inner {
        padding-bottom: 80px; } }
  #museum .head,
  #front_English_Museum .head {
    margin: 0 auto 50px;
    position: relative;
    text-align: center;
    z-index: 5; }
    @media screen and (max-width: 768px) {
      #museum .head,
      #front_English_Museum .head {
        margin: 0 auto 30px; } }
    #museum .head p.cab,
    #front_English_Museum .head p.cab {
      word-break: break-word; }
      #museum .head p.cab br,
      #front_English_Museum .head p.cab br {
        display: none; }
        @media screen and (max-width: 480px) {
          #museum .head p.cab br,
          #front_English_Museum .head p.cab br {
            display: block; } }
  #museum h2 p,
  #front_English_Museum h2 p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #museum h2 p,
      #front_English_Museum h2 p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #museum h2 p,
      #front_English_Museum h2 p {
        font-size: 20px;
        font-size: 2rem; } }
    #museum h2 p.cab,
    #front_English_Museum h2 p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px; }
      @media screen and (max-width: 768px) {
        #museum h2 p.cab,
        #front_English_Museum h2 p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
  #museum h3 p,
  #front_English_Museum h3 p {
    font-size: 20px;
    font-size: 2rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #museum h3 p,
      #front_English_Museum h3 p {
        font-size: 18px;
        font-size: 1.8rem; } }
    @media screen and (max-width: 480px) {
      #museum h3 p,
      #front_English_Museum h3 p {
        font-size: 16px;
        font-size: 1.6rem; } }
    #museum h3 p.cab,
    #front_English_Museum h3 p.cab {
      font-size: 24px;
      font-size: 2.4rem;
      font-weight: 400;
      letter-spacing: 8px; }
      @media screen and (max-width: 768px) {
        #museum h3 p.cab,
        #front_English_Museum h3 p.cab {
          font-size: 22px;
          font-size: 2.2rem; } }
  #museum .materials,
  #front_English_Museum .materials {
    margin-bottom: 50px;
    /* 植樹祭フォトギャラリーCMSここから */
    /* 植樹祭フォトギャラリーCMSここまで */ }
    #museum .materials:nth-of-type(1) .head::before,
    #front_English_Museum .materials:nth-of-type(1) .head::before {
      background-image: url("../images/common/illust/bg_frame02.png"); }
    #museum .materials:nth-of-type(2) .head::before,
    #front_English_Museum .materials:nth-of-type(2) .head::before {
      background-image: url("../images/common/illust/bg_frame03.png"); }
    #museum .materials:nth-of-type(3) .head::before,
    #front_English_Museum .materials:nth-of-type(3) .head::before {
      background-image: url("../images/common/illust/bg_frame01.png"); }
    #museum .materials:last-of-type,
    #front_English_Museum .materials:last-of-type {
      margin-bottom: 0; }
    #museum .materials .head,
    #front_English_Museum .materials .head {
      padding-top: 50px;
      position: relative; }
      @media screen and (max-width: 768px) {
        #museum .materials .head,
        #front_English_Museum .materials .head {
          padding-top: 30px; } }
      #museum .materials .head::before,
      #front_English_Museum .materials .head::before {
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        height: 150px;
        position: absolute;
        top: 65%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 150px; }
        @media screen and (max-width: 768px) {
          #museum .materials .head::before,
          #front_English_Museum .materials .head::before {
            height: 120px;
            width: 120px; } }
      #museum .materials .head p,
      #front_English_Museum .materials .head p {
        position: relative;
        z-index: 5; }
    #museum .materials .read,
    #front_English_Museum .materials .read {
      margin: 0 auto 30px;
      max-width: 600px; }
      #museum .materials .read p,
      #front_English_Museum .materials .read p {
        font-size: 16px;
        font-size: 1.6rem;
        text-align: center; }
    #museum .materials .report,
    #front_English_Museum .materials .report {
      align-items: center;
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: column;
      flex-wrap: wrap;
      justify-content: space-between; }
      #museum .materials .report .contents figure,
      #front_English_Museum .materials .report .contents figure {
        display: block;
        margin-bottom: 20px !important;
        width: 100% !important; }
        #museum .materials .report .contents figure img,
        #front_English_Museum .materials .report .contents figure img {
          max-width: 808px !important;
          width: 93vw !important; }
          @media screen and (max-width: 768px) {
            #museum .materials .report .contents figure img,
            #front_English_Museum .materials .report .contents figure img {
              max-width: initial;
              width: 100% !important; } }
      #museum .materials .report .flex_Box,
      #front_English_Museum .materials .report .flex_Box {
        align-items: center;
        flex-direction: column;
        margin: 0;
        width: 100%; }
      #museum .materials .report .report_Box,
      #front_English_Museum .materials .report .report_Box {
        margin-bottom: 40px;
        max-width: 430px;
        position: relative;
        z-index: 5; }
        @media screen and (max-width: 768px) {
          #museum .materials .report .report_Box,
          #front_English_Museum .materials .report .report_Box {
            max-width: 600px; } }
        @media screen and (max-width: 480px) {
          #museum .materials .report .report_Box,
          #front_English_Museum .materials .report .report_Box {
            max-width: 100%; } }
        #museum .materials .report .report_Box:last-child, #museum .materials .report .report_Box:only-child,
        #front_English_Museum .materials .report .report_Box:last-child,
        #front_English_Museum .materials .report .report_Box:only-child {
          margin-bottom: 0; }
        #museum .materials .report .report_Box figure,
        #front_English_Museum .materials .report .report_Box figure {
          margin-bottom: 30px;
          text-align: center;
          width: 100%; }
          #museum .materials .report .report_Box figure img,
          #front_English_Museum .materials .report .report_Box figure img {
            box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1); }
        #museum .materials .report .report_Box .txt,
        #front_English_Museum .materials .report .report_Box .txt {
          width: 100%; }
          #museum .materials .report .report_Box .txt .ttl,
          #front_English_Museum .materials .report .report_Box .txt .ttl {
            margin-bottom: 10px;
            position: relative; }
            #museum .materials .report .report_Box .txt .ttl::before,
            #front_English_Museum .materials .report .report_Box .txt .ttl::before {
              background-image: url("../images/history/bg_bleeding03.png");
              background-position: center;
              background-repeat: no-repeat;
              background-size: contain;
              content: '';
              display: block;
              height: 100px;
              position: absolute;
              top: -30px;
              left: -50px;
              width: 100px; }
            #museum .materials .report .report_Box .txt .ttl p,
            #front_English_Museum .materials .report .report_Box .txt .ttl p {
              font-size: 18px;
              font-size: 1.8rem;
              position: relative;
              z-index: 5; }
              @media screen and (max-width: 480px) {
                #museum .materials .report .report_Box .txt .ttl p,
                #front_English_Museum .materials .report .report_Box .txt .ttl p {
                  font-size: 16px;
                  font-size: 1.6rem; } }
          #museum .materials .report .report_Box .txt .contents p,
          #front_English_Museum .materials .report .report_Box .txt .contents p {
            font-size: 16px;
            font-size: 1.6rem; }
            @media screen and (max-width: 480px) {
              #museum .materials .report .report_Box .txt .contents p,
              #front_English_Museum .materials .report .report_Box .txt .contents p {
                font-size: 14px;
                font-size: 1.4rem; } }
          #museum .materials .report .report_Box .txt .contents .more,
          #front_English_Museum .materials .report .report_Box .txt .contents .more {
            margin-top: 30px;
            text-align: right; }
    #museum .materials #modal-container,
    #front_English_Museum .materials #modal-container {
      display: none;
      position: fixed;
      background: rgba(0, 0, 0, 0.6);
      top: 0;
      bottom: 0;
      left: 0;
      right: 0;
      z-index: 99; }
      #museum .materials #modal-container > div,
      #front_English_Museum .materials #modal-container > div {
        display: flex;
        height: 100vh;
        justify-content: center;
        align-items: center; }
        #museum .materials #modal-container > div > img,
        #front_English_Museum .materials #modal-container > div > img {
          max-width: 90vw; }
    #museum .materials img.popup,
    #front_English_Museum .materials img.popup {
      cursor: pointer; }
    #museum .materials .youtube,
    #front_English_Museum .materials .youtube {
      text-align: center; }
      #museum .materials .youtube iframe,
      #front_English_Museum .materials .youtube iframe {
        aspect-ratio: 16/9;
        max-width: 600px;
        width: 100%; }
    #museum .materials .document a,
    #front_English_Museum .materials .document a {
      display: block;
      margin: auto;
      max-width: 400px; }
      #museum .materials .document a img,
      #front_English_Museum .materials .document a img {
        box-shadow: 10px 10px 0 rgba(0, 0, 0, 0.1);
        display: block;
        max-width: 400px; }
  #museum.__detail #photo_Gallery .report p,
  #front_English_Museum.__detail #photo_Gallery .report p {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 30px;
    text-align: center; }
  #museum.__detail #photo_Gallery .control_Btn,
  #front_English_Museum.__detail #photo_Gallery .control_Btn {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 50px;
    width: 100%; }
    @media screen and (max-width: 480px) {
      #museum.__detail #photo_Gallery .control_Btn,
      #front_English_Museum.__detail #photo_Gallery .control_Btn {
        margin-bottom: 50px; } }
    #museum.__detail #photo_Gallery .control_Btn .prev,
    #museum.__detail #photo_Gallery .control_Btn .back,
    #museum.__detail #photo_Gallery .control_Btn .next,
    #front_English_Museum.__detail #photo_Gallery .control_Btn .prev,
    #front_English_Museum.__detail #photo_Gallery .control_Btn .back,
    #front_English_Museum.__detail #photo_Gallery .control_Btn .next {
      height: 50px;
      margin: 0 5px 20px;
      min-width: 200px;
      max-width: 200px;
      text-align: center;
      width: calc((100% / 3) - 10px); }
      #museum.__detail #photo_Gallery .control_Btn .prev a,
      #museum.__detail #photo_Gallery .control_Btn .back a,
      #museum.__detail #photo_Gallery .control_Btn .next a,
      #front_English_Museum.__detail #photo_Gallery .control_Btn .prev a,
      #front_English_Museum.__detail #photo_Gallery .control_Btn .back a,
      #front_English_Museum.__detail #photo_Gallery .control_Btn .next a {
        background-color: #286250;
        color: #fff;
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        font-weight: 500;
        height: 100%;
        line-height: 50px;
        padding: 3px 10px;
        width: 100%; }
        #museum.__detail #photo_Gallery .control_Btn .prev a:hover,
        #museum.__detail #photo_Gallery .control_Btn .back a:hover,
        #museum.__detail #photo_Gallery .control_Btn .next a:hover,
        #front_English_Museum.__detail #photo_Gallery .control_Btn .prev a:hover,
        #front_English_Museum.__detail #photo_Gallery .control_Btn .back a:hover,
        #front_English_Museum.__detail #photo_Gallery .control_Btn .next a:hover {
          background-color: #fff;
          border: solid 1px #286250;
          color: #286250; }
  #museum #turn_Pdf,
  #front_English_Museum #turn_Pdf {
    margin: auto;
    max-width: 1200px; }
    #museum #turn_Pdf p.note,
    #front_English_Museum #turn_Pdf p.note {
      font-size: 16px;
      font-size: 1.6rem; }
    #museum #turn_Pdf #page_turn,
    #front_English_Museum #turn_Pdf #page_turn {
      margin: auto;
      width: 100%; }
      @media screen and (max-width: 480px) {
        #museum #turn_Pdf #page_turn,
        #front_English_Museum #turn_Pdf #page_turn {
          max-height: 423px;
          min-height: 423px;
          max-width: 600px;
          min-width: 600px; } }
      #museum #turn_Pdf #page_turn img,
      #front_English_Museum #turn_Pdf #page_turn img {
        height: auto;
        width: 100%; }
    #museum #turn_Pdf .page.odd,
    #museum #turn_Pdf .page.even,
    #museum #turn_Pdf .shadow,
    #front_English_Museum #turn_Pdf .page.odd,
    #front_English_Museum #turn_Pdf .page.even,
    #front_English_Museum #turn_Pdf .shadow {
      height: auto !important; }
  #museum #back_Museum .more,
  #front_English_Museum #back_Museum .more {
    margin: 0 auto; }
    #museum #back_Museum .more a,
    #front_English_Museum #back_Museum .more a {
      background-color: #00041d;
      color: #fff;
      padding: 10px 20px; }
      #museum #back_Museum .more a span::after,
      #front_English_Museum #back_Museum .more a span::after {
        border-bottom: 1px solid #fff;
        border-right: 1px solid #fff; }

#sitemap .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #sitemap .inner {
      padding-bottom: 80px; } }
#sitemap .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  @media screen and (max-width: 768px) {
    #sitemap .head {
      margin: 0 auto 30px; } }
  #sitemap .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #sitemap .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #sitemap .head p {
        font-size: 20px;
        font-size: 2rem; } }
    #sitemap .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #sitemap .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
      #sitemap .head p.cab br {
        display: none; }
        @media screen and (max-width: 480px) {
          #sitemap .head p.cab br {
            display: block; } }
#sitemap .flex_Box {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-box;
  display: -webkit-flexbox;
  display: -moz-flexbox;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between; }
  @media screen and (max-width: 480px) {
    #sitemap .flex_Box {
      flex-direction: column; } }
  #sitemap .flex_Box .left_Box {
    margin-right: 1%;
    width: 49%; }
    @media screen and (max-width: 480px) {
      #sitemap .flex_Box .left_Box {
        margin-bottom: 25px;
        width: 100%; } }
  #sitemap .flex_Box .right_Box {
    margin-left: 1%;
    width: 49%; }
    @media screen and (max-width: 480px) {
      #sitemap .flex_Box .right_Box {
        width: 100%; } }
  #sitemap .flex_Box ul li {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: flex-start;
    margin-bottom: 25px; }
    #sitemap .flex_Box ul li:last-child {
      margin-bottom: 0; }
    #sitemap .flex_Box ul li::before {
      background-position: center;
      background-repeat: no-repeat;
      background-size: contain;
      content: '●';
      display: inline-block;
      height: 20px;
      width: 20px; }
    #sitemap .flex_Box ul li a {
      color: #00041d; }
      #sitemap .flex_Box ul li a span {
        display: block;
        font-size: 16px;
        font-size: 1.6rem;
        line-height: 1; }
        #sitemap .flex_Box ul li a span.cab {
          font-size: 18px;
          font-size: 1.8rem;
          margin-bottom: 5px; }

#step_Into_The_Forest .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  #step_Into_The_Forest .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #step_Into_The_Forest .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #step_Into_The_Forest .head p {
        font-size: 20px;
        font-size: 2rem; } }
    @media screen and (max-width: 768px) {
      #step_Into_The_Forest .head p.cab {
        font-size: 26px;
        font-size: 2.6rem; } }
#step_Into_The_Forest .read {
  margin: auto;
  max-width: 515px; }
  #step_Into_The_Forest .read p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 16px;
    text-align: center; }
    #step_Into_The_Forest .read p:last-of-type, #step_Into_The_Forest .read p:only-of-type {
      margin-bottom: 50px; }
#step_Into_The_Forest #lets_Go {
  position: relative; }
  #step_Into_The_Forest #lets_Go::before {
    background-image: url("../images/into_the_forest/bg_lets_go.png");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    content: '';
    display: inline-block;
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%; }
    @media screen and (max-width: 480px) {
      #step_Into_The_Forest #lets_Go::before {
        background-position: center top;
        background-size: contain; } }
  @media screen and (max-width: 480px) {
    #step_Into_The_Forest #lets_Go .read p br {
      display: none; } }
  #step_Into_The_Forest #lets_Go .video {
    margin: 0 auto 50px; }
    #step_Into_The_Forest #lets_Go .video iframe {
      aspect-ratio: 16/9;
      max-width: 640px;
      min-width: 315px;
      width: 100%; }
#step_Into_The_Forest #movie {
  background-color: #bce2e8;
  position: relative; }
  #step_Into_The_Forest #movie .inner {
    padding: 120px 3% 140px; }
    @media screen and (max-width: 768px) {
      #step_Into_The_Forest #movie .inner {
        padding: 100px 20px 120px; } }
  #step_Into_The_Forest #movie h2 {
    margin-bottom: 10px; }
  #step_Into_The_Forest #movie .read {
    margin: 0 auto 30px; }
  #step_Into_The_Forest #movie .flex_Box {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    max-width: 800px;
    position: relative;
    z-index: 5; }
    @media screen and (max-width: 768px) {
      #step_Into_The_Forest #movie .flex_Box {
        flex-direction: column; } }
    #step_Into_The_Forest #movie .flex_Box .left_Box {
      align-items: center;
      display: -webkit-inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flex;
      display: -o-inline-flex;
      display: inline-flex;
      flex-direction: column;
      justify-content: space-between;
      margin-right: 20px;
      width: calc((100% / 2) - 20px); }
      @media screen and (max-width: 768px) {
        #step_Into_The_Forest #movie .flex_Box .left_Box {
          margin-right: 0;
          width: 100%; } }
      #step_Into_The_Forest #movie .flex_Box .left_Box .txt {
        margin-bottom: 30px; }
        #step_Into_The_Forest #movie .flex_Box .left_Box .txt p {
          font-size: 14px;
          font-size: 1.4rem; }
      #step_Into_The_Forest #movie .flex_Box .left_Box iframe {
        min-height: 250px;
        width: 100%; }
    #step_Into_The_Forest #movie .flex_Box .right_Box {
      align-items: center;
      display: -webkit-inline-flex;
      display: -moz-inline-flex;
      display: -ms-inline-flex;
      display: -o-inline-flex;
      display: inline-flex;
      flex-direction: column;
      justify-content: space-between;
      margin-left: 20px;
      width: calc((100% / 2) - 20px); }
      @media screen and (max-width: 768px) {
        #step_Into_The_Forest #movie .flex_Box .right_Box {
          margin-left: 0;
          width: 100%; } }
      #step_Into_The_Forest #movie .flex_Box .right_Box .txt {
        margin-bottom: 30px; }
        #step_Into_The_Forest #movie .flex_Box .right_Box .txt p {
          font-size: 14px;
          font-size: 1.4rem; }
      #step_Into_The_Forest #movie .flex_Box .right_Box iframe {
        min-height: 250px;
        width: 100%; }

#supports #supports_Info .inner {
  padding-bottom: 30px; }
#supports #supports_Info .head {
  margin: 0 auto 50px;
  text-align: center; }
  @media screen and (max-width: 768px) {
    #supports #supports_Info .head {
      margin: 0 auto 30px; } }
  #supports #supports_Info .head p {
    font-size: 30px;
    font-size: 3rem; }
    @media screen and (max-width: 768px) {
      #supports #supports_Info .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #supports #supports_Info .head p {
        font-size: 20px;
        font-size: 2rem; } }
    #supports #supports_Info .head p span {
      font-size: 28px;
      font-size: 2.8rem; }
      @media screen and (max-width: 768px) {
        #supports #supports_Info .head p span {
          font-size: 20px;
          font-size: 2rem; } }
    #supports #supports_Info .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #supports #supports_Info .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
#supports #supports_Info .read {
  margin: 0 auto 50px;
  max-width: 600px; }
  #supports #supports_Info .read p {
    font-size: 16px;
    font-size: 1.6rem;
    margin-bottom: 16px;
    text-align: center; }
    #supports #supports_Info .read p:last-of-type {
      margin-bottom: 0; }
#supports #supports_Info .supports_List ul li {
  padding: 50px 5%; }
  #supports #supports_Info .supports_List ul li:nth-child(odd) {
    background-color: rgba(159, 227, 144, 0.6); }
    #supports #supports_Info .supports_List ul li:nth-child(odd) .head::before {
      background-image: url("../images/common/illust_tree01.png"); }
  #supports #supports_Info .supports_List ul li:nth-child(even) .head::before {
    background-image: url("../images/common/illust_tree02.png"); }
  #supports #supports_Info .supports_List ul li:not(:last-child) {
    margin-bottom: 40px; }
  #supports #supports_Info .supports_List ul li .head {
    border-bottom: solid 1px #286250;
    margin: 0 0 30px;
    padding-bottom: 10px;
    position: relative;
    text-align: left; }
    #supports #supports_Info .supports_List ul li .head::before {
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      display: inline-block;
      height: 50px;
      width: 30px; }
    #supports #supports_Info .supports_List ul li .head p {
      color: #286250;
      display: inline-block;
      font-size: 20px;
      font-size: 2rem;
      font-weight: 500; }
  #supports #supports_Info .supports_List ul li .contents {
    padding-left: 30px; }
    #supports #supports_Info .supports_List ul li .contents p {
      font-size: 18px;
      font-size: 1.8rem;
      text-align: left; }
      @media screen and (max-width: 768px) {
        #supports #supports_Info .supports_List ul li .contents p {
          font-size: 16px;
          font-size: 1.6rem; } }
      #supports #supports_Info .supports_List ul li .contents p:not(:last-child) {
        margin-bottom: 10px; }

#teikan #rule .head,
#teikan #financial_Statements .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  @media screen and (max-width: 768px) {
    #teikan #rule .head,
    #teikan #financial_Statements .head {
      margin: 0 auto 30px; } }
  #teikan #rule .head p,
  #teikan #financial_Statements .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #teikan #rule .head p,
      #teikan #financial_Statements .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #teikan #rule .head p,
      #teikan #financial_Statements .head p {
        font-size: 20px;
        font-size: 2rem; } }
    #teikan #rule .head p.cab,
    #teikan #financial_Statements .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #teikan #rule .head p.cab,
        #teikan #financial_Statements .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
      #teikan #rule .head p.cab br,
      #teikan #financial_Statements .head p.cab br {
        display: none; }
        @media screen and (max-width: 480px) {
          #teikan #rule .head p.cab br,
          #teikan #financial_Statements .head p.cab br {
            display: block; } }
#teikan #rule .read,
#teikan #financial_Statements .read {
  max-width: 515px;
  margin: auto; }
  #teikan #rule .read p,
  #teikan #financial_Statements .read p {
    font-size: 16px;
    font-size: 1.6rem; }
  #teikan #rule .read .for_Document,
  #teikan #financial_Statements .read .for_Document {
    padding: 30px 0;
    text-align: center; }
    #teikan #rule .read .for_Document a,
    #teikan #financial_Statements .read .for_Document a {
      color: #00041d;
      font-size: 16px;
      font-size: 1.6rem;
      position: relative; }
      #teikan #rule .read .for_Document a::before,
      #teikan #financial_Statements .read .for_Document a::before {
        background-image: url("../images/history/icon_chapter03.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        height: 50px;
        margin: 20px 10px 20px 0;
        vertical-align: -35px;
        width: 22px; }
      #teikan #rule .read .for_Document a::after,
      #teikan #financial_Statements .read .for_Document a::after {
        background-image: url("../images/history/bg_bleeding01.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: block;
        height: 80px;
        margin: 20px 0;
        position: absolute;
        top: -40px;
        right: -20px;
        width: 80px; }
      #teikan #rule .read .for_Document a span,
      #teikan #financial_Statements .read .for_Document a span {
        position: relative;
        z-index: 5; }

#wait .inner {
  padding-bottom: 100px; }
  @media screen and (max-width: 768px) {
    #wait .inner {
      padding-bottom: 80px; } }
#wait .head {
  margin: 0 auto 50px;
  position: relative;
  text-align: center;
  z-index: 5; }
  @media screen and (max-width: 768px) {
    #wait .head {
      margin: 0 auto 30px; } }
  #wait .head p {
    font-size: 30px;
    font-size: 3rem;
    font-weight: 400; }
    @media screen and (max-width: 768px) {
      #wait .head p {
        font-size: 24px;
        font-size: 2.4rem; } }
    @media screen and (max-width: 480px) {
      #wait .head p {
        font-size: 20px;
        font-size: 2rem; } }
    #wait .head p.cab {
      font-size: 30px;
      font-size: 3rem;
      font-weight: 400;
      letter-spacing: 8px;
      word-break: break-word; }
      @media screen and (max-width: 768px) {
        #wait .head p.cab {
          font-size: 26px;
          font-size: 2.6rem; } }
      #wait .head p.cab br {
        display: none; }
        @media screen and (max-width: 480px) {
          #wait .head p.cab br {
            display: block; } }
#wait .read {
  max-width: 515px;
  margin: auto; }
  #wait .read p {
    font-size: 16px;
    font-size: 1.6rem;
    text-align: center; }
  #wait .read .btn_List {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin: auto;
    max-width: 420px; }
    @media screen and (max-width: 480px) {
      #wait .read .btn_List {
        flex-direction: column; } }
    #wait .read .btn_List .btn {
      margin: 30px 10px;
      width: calc((100% / 2) - 10px); }
      @media screen and (max-width: 480px) {
        #wait .read .btn_List .btn {
          margin: 30px auto 0;
          max-width: 230px;
          width: 100%; } }
      #wait .read .btn_List .btn .more {
        background-color: #00041d;
        text-align: center; }
        #wait .read .btn_List .btn .more a {
          background-color: transparent;
          color: #fff;
          display: block;
          max-width: initial;
          padding: 5px 25px; }
          #wait .read .btn_List .btn .more a span.half_arrow::after {
            border-bottom: 1px solid #fff;
            border-right: 1px solid #fff; }

/* 24.02- 追加ページ */
#map_Moune {
  background-color: #9fe390;
  /*地図 - エリアページ */ }
  #map_Moune #mapping h2 {
    align-items: flex-end;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    justify-content: center;
    margin-bottom: 80px;
    text-align: center; }
    @media screen and (max-width: 480px) {
      #map_Moune #mapping h2 {
        align-items: center;
        flex-direction: column; } }
    #map_Moune #mapping h2 p {
      color: #3a1a0c;
      font-size: 36px;
      font-size: 3.6rem;
      margin-bottom: 10px; }
      #map_Moune #mapping h2 p:first-of-type {
        margin-right: 15px; }
        @media screen and (max-width: 480px) {
          #map_Moune #mapping h2 p:first-of-type {
            margin-right: 0; } }
  #map_Moune #mapping .l_flex {
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    margin-bottom: 80px; }
    @media screen and (max-width: 768px) {
      #map_Moune #mapping .l_flex {
        margin-bottom: 30px; } }
    @media screen and (max-width: 480px) {
      #map_Moune #mapping .l_flex {
        flex-direction: column; } }
    #map_Moune #mapping .l_flex .list {
      margin-right: 20px;
      width: 30%; }
      @media screen and (max-width: 480px) {
        #map_Moune #mapping .l_flex .list {
          margin: 0 0 20px 0;
          width: 100%; } }
      #map_Moune #mapping .l_flex .list ul {
        margin: auto;
        width: fit-content; }
        #map_Moune #mapping .l_flex .list ul li {
          line-height: 1.2; }
          #map_Moune #mapping .l_flex .list ul li:not(:last-child) {
            margin-bottom: 20px; }
          #map_Moune #mapping .l_flex .list ul li:nth-child(1) a, #map_Moune #mapping .l_flex .list ul li:nth-child(2) a, #map_Moune #mapping .l_flex .list ul li:nth-child(5) a {
            letter-spacing: 5px; }
          #map_Moune #mapping .l_flex .list ul li a {
            align-items: center;
            color: #3a1a0c;
            display: -webkit-inline-flex;
            display: -moz-inline-flex;
            display: -ms-inline-flex;
            display: -o-inline-flex;
            display: inline-flex;
            font-size: 20px;
            font-size: 2rem;
            justify-content: flex-start;
            word-break: keep-all; }
            #map_Moune #mapping .l_flex .list ul li a:hover {
              opacity: 1; }
            #map_Moune #mapping .l_flex .list ul li a::after {
              background-image: url("../images/map_moune/icon_map_arrow03.png");
              background-position: center;
              background-repeat: no-repeat;
              background-size: contain;
              content: '';
              display: inline-block;
              height: 30px;
              margin-left: 20px;
              width: 30px; }
              @media screen and (max-width: 768px) {
                #map_Moune #mapping .l_flex .list ul li a::after {
                  margin-left: 3%; } }
              @media screen and (max-width: 480px) {
                #map_Moune #mapping .l_flex .list ul li a::after {
                  margin-left: 20px; } }
    #map_Moune #mapping .l_flex figure {
      width: 70%; }
      @media screen and (max-width: 480px) {
        #map_Moune #mapping .l_flex figure {
          width: 100%; } }
      #map_Moune #mapping .l_flex figure img map area {
        cursor: pointer; }
  #map_Moune #mapping .l_float {
    display: block;
    margin-bottom: 80px; }
    @media screen and (max-width: 480px) {
      #map_Moune #mapping .l_float {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column-reverse;
        margin-bottom: 60px; } }
    #map_Moune #mapping .l_float figure {
      float: right;
      margin: 0 0 20px 3%;
      max-width: 55%; }
      @media screen and (max-width: 480px) {
        #map_Moune #mapping .l_float figure {
          float: none;
          margin: 0 0 40px;
          max-width: 100%; } }
      #map_Moune #mapping .l_float figure img {
        margin-bottom: 10px; }
      #map_Moune #mapping .l_float figure .l_flex {
        margin-bottom: 0; }
        #map_Moune #mapping .l_float figure .l_flex img {
          display: block;
          width: calc((100% / 2) - 5px); }
          @media screen and (max-width: 480px) {
            #map_Moune #mapping .l_float figure .l_flex img {
              width: 100%; } }
          #map_Moune #mapping .l_float figure .l_flex img:nth-child(odd) {
            margin-right: 5px; }
            @media screen and (max-width: 480px) {
              #map_Moune #mapping .l_float figure .l_flex img:nth-child(odd) {
                margin-right: 0; } }
          #map_Moune #mapping .l_float figure .l_flex img:nth-child(even) {
            margin-left: 5px; }
            @media screen and (max-width: 480px) {
              #map_Moune #mapping .l_float figure .l_flex img:nth-child(even) {
                margin-left: 0; } }
    @media screen and (max-width: 480px) {
      #map_Moune #mapping .l_float .txt {
        margin-bottom: 20px; } }
  #map_Moune #mapping .btn {
    margin-bottom: 100px; }
    #map_Moune #mapping .btn a {
      border: solid 1px #3a1a0c;
      color: #3a1a0c;
      display: block;
      margin: auto;
      max-width: 340px;
      padding: 5px 3%;
      text-align: center; }
      #map_Moune #mapping .btn a::after {
        background-image: url("../images/map_moune/icon_map_arrow01.png");
        background-position: center;
        background-repeat: no-repeat;
        background-size: contain;
        content: '';
        display: inline-block;
        height: 30px;
        margin-left: 20px;
        vertical-align: -7px;
        width: 30px; }
        @media screen and (max-width: 768px) {
          #map_Moune #mapping .btn a::after {
            margin-left: 3%; } }
      #map_Moune #mapping .btn a span {
        font-size: 18px;
        font-size: 1.8rem; }
  #map_Moune ._area h2 p span {
    font-size: 40px;
    font-size: 4rem;
    margin-left: 20px; }
  #map_Moune ._area .txt h3 {
    align-items: flex-end;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    line-height: 1;
    justify-content: flex-start;
    margin-bottom: 40px; }
    #map_Moune ._area .txt h3 p {
      font-size: 34px;
      font-size: 3.4rem; }
      #map_Moune ._area .txt h3 p.cab {
        font-size: 18px;
        font-size: 1.8rem;
        margin-left: 20px; }
  #map_Moune ._area .txt h4 {
    margin-bottom: 20px; }
    #map_Moune ._area .txt h4 p {
      font-size: 22px;
      font-size: 2.2rem; }
  #map_Moune ._area .txt p {
    font-size: 16px;
    font-size: 1.6rem; }
  #map_Moune ._area .biology {
    margin-bottom: 80px;
    padding-top: 40px;
    position: relative; }
    @media screen and (max-width: 768px) {
      #map_Moune ._area .biology {
        margin-bottom: 60px; } }
    #map_Moune ._area .biology::before {
      content: '';
      display: block; }
    #map_Moune ._area .biology h5 {
      margin-bottom: 40px; }
      #map_Moune ._area .biology h5 p {
        font-size: 22px;
        font-size: 2.2rem; }
    #map_Moune ._area .biology ul li {
      background-color: #fff;
      box-shadow: 10px 10px 0px rgba(0, 0, 0, 0.1);
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      margin-bottom: 30px; }
      @media screen and (max-width: 768px) {
        #map_Moune ._area .biology ul li {
          flex-direction: column; } }
      #map_Moune ._area .biology ul li figure {
        width: 60%; }
        @media screen and (max-width: 768px) {
          #map_Moune ._area .biology ul li figure {
            width: 100%; } }
        #map_Moune ._area .biology ul li figure a {
          display: block;
          height: 100%;
          overflow: hidden;
          position: relative;
          width: 100%; }
        #map_Moune ._area .biology ul li figure img {
          height: 100%;
          object-fit: cover;
          position: absolute;
          top: 0;
          left: 0;
          width: 100%; }
          @media screen and (max-width: 768px) {
            #map_Moune ._area .biology ul li figure img {
              position: initial; } }
      #map_Moune ._area .biology ul li .detail {
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column;
        padding: 50px 5%;
        width: 40%; }
        @media screen and (max-width: 768px) {
          #map_Moune ._area .biology ul li .detail {
            width: 100%; } }
        #map_Moune ._area .biology ul li .detail p {
          font-size: 16px;
          font-size: 1.6rem;
          line-height: 1.6;
          margin-bottom: 25px; }
          #map_Moune ._area .biology ul li .detail p.head {
            font-size: 20px;
            font-size: 2rem;
            font-weight: 500;
            line-height: 1; }
            #map_Moune ._area .biology ul li .detail p.head span {
              display: block;
              font-size: 16px;
              font-size: 1.6rem;
              margin-top: 10px;
              padding-left: 30px; }
              #map_Moune ._area .biology ul li .detail p.head span::before {
                content: '-';
                font-size: 16px;
                font-size: 1.6rem;
                margin-right: 10px; }
        #map_Moune ._area .biology ul li .detail .more {
          margin: auto 0 0 auto; }
  #map_Moune._detail #bio_List .inner {
    padding: 100px 3%; }
    @media screen and (max-width: 768px) {
      #map_Moune._detail #bio_List .inner {
        padding: 80px 20px; } }
  #map_Moune._detail #bio_List .head {
    margin-bottom: 50px;
    position: relative;
    z-index: 5; }
    #map_Moune._detail #bio_List .head h2 p {
      font-size: 22px;
      font-size: 2.2rem;
      text-align: center; }
      #map_Moune._detail #bio_List .head h2 p.cab {
        font-size: 18px;
        font-size: 1.8rem;
        line-height: 1;
        margin-bottom: 20px;
        text-align: center; }
  #map_Moune._detail #bio_List .report h3 {
    border-bottom: solid 1px #3a1a0c;
    color: #3a1a0c;
    margin-bottom: 40px;
    padding-bottom: 10px; }
    #map_Moune._detail #bio_List .report h3 p {
      font-size: 26px;
      font-size: 2.6rem;
      font-weight: 500;
      line-height: 1.4; }
  #map_Moune._detail #bio_List .report figure img {
    width: auto; }
  #map_Moune._detail #bio_List .report .disc p {
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 1.6; }
  #map_Moune #sns {
    background-color: #fff; }

/* footer
******************************************************/
footer {
  position: relative; }
  footer #contact_Us {
    position: relative; }
    footer #contact_Us::before {
      background-image: url("../images/common/bg_footer_contact.jpg");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      display: block;
      height: 100%;
      opacity: .7;
      position: absolute;
      top: 0;
      width: 100%; }
    footer #contact_Us .inner {
      padding: 80px 3%; }
      @media screen and (max-width: 480px) {
        footer #contact_Us .inner {
          padding: 50px 20px; } }
    footer #contact_Us #contact_Us_Cont {
      padding: 0 3% 50px; }
      @media screen and (max-width: 768px) {
        footer #contact_Us #contact_Us_Cont {
          padding: 0 3%; } }
      @media screen and (max-width: 480px) {
        footer #contact_Us #contact_Us_Cont {
          padding: 0 20px; } }
      footer #contact_Us #contact_Us_Cont .head {
        margin-bottom: 30px;
        padding-top: 30px;
        position: relative;
        text-align: center;
        z-index: 5; }
        footer #contact_Us #contact_Us_Cont .head p {
          color: #286250;
          font-size: 80px;
          font-size: 8rem;
          font-weight: 500;
          letter-spacing: 8px;
          line-height: 1; }
          @media screen and (max-width: 768px) {
            footer #contact_Us #contact_Us_Cont .head p {
              font-size: 76px;
              font-size: 7.6rem; } }
          @media screen and (max-width: 480px) {
            footer #contact_Us #contact_Us_Cont .head p {
              font-size: 50px;
              font-size: 5rem; } }
      footer #contact_Us #contact_Us_Cont .read {
        max-width: 100%;
        position: relative;
        z-index: 5; }
        footer #contact_Us #contact_Us_Cont .read .txt {
          margin-bottom: 40px; }
          footer #contact_Us #contact_Us_Cont .read .txt p {
            color: #286250;
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: 500;
            margin-bottom: 20px;
            text-align: center; }
            footer #contact_Us #contact_Us_Cont .read .txt p.note {
              font-size: 14px;
              font-size: 1.4rem;
              font-weight: 400; }
        footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .map {
          margin-bottom: 30px; }
          footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .map iframe {
            max-height: 450px;
            width: 100%; }
        footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add {
          display: -webkit-box;
          display: -moz-box;
          display: -ms-box;
          display: -webkit-flexbox;
          display: -moz-flexbox;
          display: -ms-flexbox;
          display: -webkit-flex;
          display: -moz-flex;
          display: -ms-flex;
          display: flex;
          flex-direction: row;
          justify-content: center; }
          @media screen and (max-width: 768px) {
            footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add {
              flex-direction: column; } }
          footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add address {
            font-size: 16px;
            font-size: 1.6rem;
            margin-bottom: 20px;
            padding: 0 20px;
            width: 35%; }
            @media screen and (max-width: 768px) {
              footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add address {
                width: 100%; } }
            @media screen and (max-width: 480px) {
              footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add address {
                padding: 0; } }
          footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add .info {
            padding: 0 20px;
            width: 65%; }
            @media screen and (max-width: 768px) {
              footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add .info {
                width: 100%; } }
            @media screen and (max-width: 480px) {
              footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add .info {
                padding: 0; } }
            footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add .info p {
              font-size: 16px;
              font-size: 1.6rem;
              line-height: 1.4; }
              footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add .info p:not(last-of-type), footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add .info p:not(only-of-type) {
                margin-bottom: 10px; }
              footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add .info p a {
                color: #00041d; }
                footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .add .info p a:hover {
                  opacity: 1; }
        footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .detail .more a {
          background-color: #286250;
          color: #fff;
          display: block;
          font-size: 18px;
          font-size: 1.8rem;
          margin: 30px 0 0 auto;
          max-width: initial;
          padding: 5px 12px;
          text-align: center;
          width: 300px; }
          @media screen and (max-width: 480px) {
            footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .detail .more a {
              width: 245px; } }
          footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .detail .more a span {
            font-size: 20px;
            font-size: 2rem; }
            footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .google_Map .detail .more a span::after {
              border-bottom: 1px solid #fff;
              border-right: 1px solid #fff; }
        footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .contact_Us_List_Card_Cont {
          display: block;
          margin-bottom: 20px;
          min-height: 138px;
          padding: 7% 13%;
          position: relative; }
          @media screen and (max-width: 768px) {
            footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .contact_Us_List_Card_Cont {
              min-height: 150px;
              padding: 7% 8%; } }
          @media screen and (max-width: 480px) {
            footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .contact_Us_List_Card_Cont {
              margin-bottom: 10px;
              min-height: 115px;
              padding: 25px 3%; } }
          footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .contact_Us_List_Card_Cont span {
            color: #fff;
            display: block;
            font-size: 16px;
            font-size: 1.6rem;
            font-weight: 500;
            padding: 0 10px;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateY(-50%) translateX(-50%);
            text-align: center;
            width: 100%; }
            @media screen and (max-width: 480px) {
              footer #contact_Us #contact_Us_Cont .read .contact_Us_Card .contact_Us_List_Card_Cont span {
                font-size: 14px;
                font-size: 1.4rem; } }
      footer #contact_Us #contact_Us_Cont p.request {
        font-weight: 500;
        text-align: center; }
        @media screen and (max-width: 768px) {
          footer #contact_Us #contact_Us_Cont p.request {
            padding: 0 10px; } }
        footer #contact_Us #contact_Us_Cont p.request a {
          color: #3a1a0c;
          font-size: 14px;
          font-size: 1.4rem; }
          footer #contact_Us #contact_Us_Cont p.request a::before {
            background-image: url("../images/common/arrow_brown.svg");
            background-position: center;
            background-repeat: no-repeat;
            background-size: contain;
            content: '';
            display: inline-block;
            height: 14px;
            margin-right: 10px;
            vertical-align: -1PX;
            width: 14px; }
  footer #footer_Credit {
    background-color: #fff8a5;
    overflow: hidden;
    position: relative;
    width: 100%; }
    footer #footer_Credit::before {
      background-image: url("../images/common/bg_footer.png");
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      content: '';
      display: block;
      height: 100%;
      opacity: .5;
      position: absolute;
      top: 0;
      width: 100%; }
    footer #footer_Credit .pagetop_Btn {
      color: #fff;
      height: 40px;
      position: absolute;
      top: 0;
      width: 100%;
      z-index: 30; }
      footer #footer_Credit .pagetop_Btn a {
        background-image: -webkit-linear-gradient(left, transparent, rgba(40, 98, 80, 0.8) 35%, #06231a 50%, rgba(40, 98, 80, 0.8) 65%, transparent);
        background-image: linear-gradient(to right, transparent, rgba(40, 98, 80, 0.8) 35%, #06231a 50%, rgba(40, 98, 80, 0.8) 65%, transparent);
        background-position: center;
        background-repeat: no-repeat;
        align-items: center;
        display: -webkit-box;
        display: -moz-box;
        display: -ms-box;
        display: -webkit-flexbox;
        display: -moz-flexbox;
        display: -ms-flexbox;
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: flex;
        flex-direction: column;
        height: 40px;
        justify-content: center;
        padding: 10px 20px;
        position: relative;
        text-align: center;
        width: 100%; }
        footer #footer_Credit .pagetop_Btn a::before, footer #footer_Credit .pagetop_Btn a::after {
          content: '';
          position: absolute;
          top: 10px;
          left: 50%;
          vertical-align: middle; }
        footer #footer_Credit .pagetop_Btn a::before {
          width: 8px;
          height: 8px;
          border-top: 2px solid #fff;
          border-right: 2px solid #fff;
          transform: rotate(-45deg); }
        footer #footer_Credit .pagetop_Btn a span {
          color: #fff;
          font-size: 14px;
          font-size: 1.4rem;
          line-height: 1;
          margin-top: 10px;
          position: absolute;
          top: 15px;
          text-align: center;
          transform: translateY(-50%);
          width: auto; }
    footer #footer_Credit .footer_Credit_Cont {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-box;
      display: -webkit-flexbox;
      display: -moz-flexbox;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: -moz-flex;
      display: -ms-flex;
      display: flex;
      flex-direction: row;
      flex-wrap: nowrap;
      justify-content: space-around;
      position: relative; }
      @media screen and (max-width: 768px) {
        footer #footer_Credit .footer_Credit_Cont {
          flex-direction: column;
          justify-content: flex-start; } }
      footer #footer_Credit .footer_Credit_Cont .company_Logo {
        align-items: center;
        display: inline-flex;
        flex-direction: column;
        position: relative;
        width: 18%; }
        @media screen and (max-width: 768px) {
          footer #footer_Credit .footer_Credit_Cont .company_Logo {
            width: 100%; } }
        footer #footer_Credit .footer_Credit_Cont .company_Logo a {
          color: #00041d;
          text-align: center; }
          footer #footer_Credit .footer_Credit_Cont .company_Logo a:hover {
            opacity: 1; }
          footer #footer_Credit .footer_Credit_Cont .company_Logo a img {
            height: 130px;
            padding-bottom: 30px;
            width: 130px; }
            @media screen and (max-width: 768px) {
              footer #footer_Credit .footer_Credit_Cont .company_Logo a img {
                padding-bottom: 10px; } }
        footer #footer_Credit .footer_Credit_Cont .company_Logo span {
          display: block;
          font-size: 12px;
          font-size: 1.2rem;
          max-width: 180px; }
        @media screen and (max-width: 768px) {
          footer #footer_Credit .footer_Credit_Cont .company_Logo .related_Page_Nav {
            margin-top: 20px; } }
        footer #footer_Credit .footer_Credit_Cont .company_Logo .related_Page_Nav ul li {
          margin-bottom: 10px; }
          footer #footer_Credit .footer_Credit_Cont .company_Logo .related_Page_Nav ul li a {
            color: #00041d;
            font-size: 16px;
            font-size: 1.6rem;
            display: block;
            padding-left: 35px;
            text-align: left; }
          footer #footer_Credit .footer_Credit_Cont .company_Logo .related_Page_Nav ul li:last-child {
            margin-bottom: 0; }
            footer #footer_Credit .footer_Credit_Cont .company_Logo .related_Page_Nav ul li:last-child a {
              background-color: #00041d;
              color: #fff;
              padding: 5px 20px 5px 35px;
              position: relative; }
              footer #footer_Credit .footer_Credit_Cont .company_Logo .related_Page_Nav ul li:last-child a span::before {
                border-top: 2px solid #fff;
                border-right: 2px solid #fff;
                content: '';
                display: inline-block;
                margin: auto;
                height: 8px;
                position: absolute;
                top: 12px;
                left: 10px;
                transform: rotate(45deg);
                vertical-align: middle;
                width: 8px; }
      footer #footer_Credit .footer_Credit_Cont .left_Box {
        align-items: flex-start;
        display: inline-flex;
        flex-direction: column;
        min-width: 300px;
        padding: 0 3%;
        position: relative;
        width: 39%;
        z-index: 5; }
        @media screen and (max-width: 768px) {
          footer #footer_Credit .footer_Credit_Cont .left_Box {
            min-width: 100%;
            width: 100%; } }
        footer #footer_Credit .footer_Credit_Cont .left_Box .company_Name {
          margin-bottom: 25px; }
          @media screen and (max-width: 768px) {
            footer #footer_Credit .footer_Credit_Cont .left_Box .company_Name {
              margin: 20px auto 40px;
              text-align: center; } }
          footer #footer_Credit .footer_Credit_Cont .left_Box .company_Name img {
            width: 280px; }
            @media screen and (max-width: 480px) {
              footer #footer_Credit .footer_Credit_Cont .left_Box .company_Name img {
                width: 265px; } }
      footer #footer_Credit .footer_Credit_Cont .right_Box {
        align-items: flex-start;
        display: inline-flex;
        flex-direction: column;
        justify-content: space-between;
        max-width: 400px;
        position: relative;
        width: 43%;
        z-index: 5; }
        @media screen and (max-width: 768px) {
          footer #footer_Credit .footer_Credit_Cont .right_Box {
            margin: auto;
            max-width: 380px;
            width: 100%; } }
        footer #footer_Credit .footer_Credit_Cont .right_Box .company_Add.head_Office {
          margin-top: auto; }
          @media screen and (max-width: 768px) {
            footer #footer_Credit .footer_Credit_Cont .right_Box .company_Add.head_Office {
              margin: auto; } }
          footer #footer_Credit .footer_Credit_Cont .right_Box .company_Add.head_Office address {
            line-height: 1.5;
            margin-bottom: 5%; }
        footer #footer_Credit .footer_Credit_Cont .right_Box .company_Add address {
          color: #00041d;
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 20px; }
          @media screen and (max-width: 768px) {
            footer #footer_Credit .footer_Credit_Cont .right_Box .company_Add address {
              text-align: center; } }
      footer #footer_Credit .footer_Credit_Cont .related_Page_Nav {
        margin-top: auto; }
        @media screen and (max-width: 768px) {
          footer #footer_Credit .footer_Credit_Cont .related_Page_Nav {
            margin: 0 auto 40px; } }
        footer #footer_Credit .footer_Credit_Cont .related_Page_Nav p {
          color: #00041d;
          font-size: 16px;
          font-size: 1.6rem;
          margin-bottom: 10px; }
        footer #footer_Credit .footer_Credit_Cont .related_Page_Nav ul li a {
          color: #00041d;
          display: inline-block;
          font-size: 16px;
          font-size: 1.6rem;
          padding-left: 20px;
          position: relative;
          text-decoration: none;
          vertical-align: middle; }
          footer #footer_Credit .footer_Credit_Cont .related_Page_Nav ul li a::before {
            border-top: 2px solid #00041d;
            border-right: 2px solid #00041d;
            content: '';
            display: inline-block;
            margin: auto;
            height: 8px;
            position: absolute;
            top: 11px;
            left: 0;
            transform: rotate(45deg);
            vertical-align: middle;
            width: 8px; }
    footer #footer_Credit .copyRight {
      padding: 40px 0 20px;
      position: relative;
      text-align: center;
      z-index: 5; }
      @media screen and (max-width: 480px) {
        footer #footer_Credit .copyRight {
          letter-spacing: -.5px;
          margin-left: -20px;
          width: calc(100% + 40px); } }
      footer #footer_Credit .copyRight small {
        color: #00041d;
        font-size: 12px;
        font-size: 1.2rem; }

/* Slider */
.slick-loading .slick-list {
  background: #fff url("./ajax-loader.gif") center center no-repeat; }

/* Icons */
@font-face {
  font-family: "slick";
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
  font-weight: normal;
  font-style: normal; }
/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 20px;
  width: 20px;
  line-height: 0px;
  font-size: 0px;
  cursor: pointer;
  background: transparent;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding: 0;
  border: none;
  outline: none; }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    outline: none;
    background: transparent;
    color: transparent; }
    .slick-prev:hover:before, .slick-prev:focus:before,
    .slick-next:hover:before,
    .slick-next:focus:before {
      opacity: 1; }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 1;
    color: white;
    opacity: 0.75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale; }

.slick-prev {
  left: -25px; }
  [dir="rtl"] .slick-prev {
    left: auto;
    right: -25px; }
  .slick-prev:before {
    content: "←"; }
    [dir="rtl"] .slick-prev:before {
      content: "→"; }

.slick-next {
  right: -25px; }
  [dir="rtl"] .slick-next {
    left: -25px;
    right: auto; }
  .slick-next:before {
    content: "→"; }
    [dir="rtl"] .slick-next:before {
      content: "←"; }

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px; }

.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      outline: none;
      line-height: 0px;
      font-size: 0px;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover, .slick-dots li button:focus {
        outline: none; }
        .slick-dots li button:hover:before, .slick-dots li button:focus:before {
          opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "•";
        width: 20px;
        height: 20px;
        font-family: "slick";
        font-size: 6px;
        line-height: 20px;
        text-align: center;
        color: black;
        opacity: 0.25;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
    .slick-dots li.slick-active button:before {
      color: black;
      opacity: 0.75; }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  height: 100%;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/*# sourceMappingURL=common.css.map */