@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100..900;1,100..900&family=Roboto&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
* {
  font-family: 'Montserrat', 'Roboto', sans-serif;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  position: relative; }

h3, h4, p {
  word-wrap: break-word; }

a {
  font-family: 'Montserrat', 'Roboto', sans-serif;
  font-style: normal;
  font-weight: 400;
  text-decoration: none;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

html,
body {
  padding: 0;
  margin: 0; }

body {
  min-height: 100vh;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 100px; }
  body .container {
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
  body#index {
    padding-top: 150px; }

nav {
  width: 100%;
  height: 100px;
  padding: 24px 66px 51px 36px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 10;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 99;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }

.nav-left {
  width: 185px;
  min-width: 185px; }
  .nav-left img {
    display: block; }

.nav-right {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  padding: 0;
  padding-top: 10px; }
  .nav-right li {
    padding-left: 32px; }
    .nav-right li a {
      font-size: 18px;
      color: #9F9F9F;
      white-space: nowrap;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .nav-right li a:hover {
        color: #99D6DB; }
  .nav-right .lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
    .nav-right .lang:hover > li {
      display: block !important; }
    .nav-right .lang li {
      margin-left: 28px;
      margin-bottom: 28px;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      .nav-right .lang li:nth-of-type(2) {
        display: none; }
      .nav-right .lang li a {
        width: 60px;
        color: #D1AF56;
        padding: 4px 16px;
        border-radius: 40px;
        border: 1px solid #D1AF56;
        background-color: white;
        -webkit-transition: all 0.3s;
        -o-transition: all 0.3s;
        transition: all 0.3s; }
        .nav-right .lang li a:hover {
          color: white !important;
          border-color: #D1AF56;
          background-color: #D1AF56 !important; }

nav .nav-right > li > .menu_active {
  color: #99D6DB; }

#index .nav-right li > a {
  color: white; }
  #index .nav-right li > a:hover {
    color: #D1AF56; }

.index_only a.menu_active {
  color: #D1AF56 !important;
  background-color: transparent !important;
  border: 1px solid #D1AF56 !important; }

#index .nav-right .lang li a {
  color: #D1AF56;
  border-color: white;
  -webkit-box-shadow: 0px 4px 4px 0px rgba(162, 200, 203, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(162, 200, 203, 0.1); }
  #index .nav-right .lang li a:hover {
    color: white;
    border-color: #D1AF56;
    background-color: #D1AF56; }

#index nav,
#japanese nav {
  height: 150px;
  padding-top: 51px; }

#japanese nav .nav-right .lang {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }
  #japanese nav .nav-right .lang li:nth-of-type(1) {
    display: none;
    position: absolute;
    left: 0;
    top: 100%;
    width: 170px !important; }
  #japanese nav .nav-right .lang li:nth-of-type(2) {
    display: block; }

.burger {
  width: 81px;
  height: 81px;
  position: absolute;
  right: 0px;
  top: 0px;
  display: none; }

.nav_burger {
  cursor: pointer;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: none; }
  .nav_burger.act_toggle {
    display: none; }

.burger_act {
  background-color: #D1AF56; }

.side_nav_show {
  right: 0 !important; }

#side-nav {
  padding: 40px 27px;
  position: fixed;
  background-color: #fff;
  right: -200%;
  top: 80px;
  z-index: 100;
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  width: 100vw;
  height: calc(100vh - 80px);
  -webkit-box-shadow: -4px 0px 10px 0px rgba(217, 217, 217, 0.3);
  box-shadow: -4px 0px 10px 0px rgba(217, 217, 217, 0.3);
  overflow-y: scroll;
  display: none; }
  #side-nav li {
    margin-bottom: 40px; }
  #side-nav a {
    font-family: 'Montserrat';
    font-size: 24px;
    line-height: 30px;
    font-weight: 400;
    color: #9F9F9F; }
    #side-nav a:hover {
      color: #99D6DB; }
  #side-nav .mobile_lang {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 30px; }
    #side-nav .mobile_lang a {
      display: block;
      font-family: 'Montserrat';
      font-size: 18px;
      line-height: 20px;
      font-weight: 400;
      padding: 4px 16px;
      border-radius: 40px;
      margin-right: 8px;
      border: 1px solid #D1AF56;
      color: #D1AF56; }
      #side-nav .mobile_lang a:hover {
        color: white;
        background-color: #D1AF56; }

@media (max-width: 1366px) {
  body {
    padding-top: 80px; }
  nav {
    height: 80px !important;
    padding: 22px 30px !important;
    background-color: white !important; }
  .nav-left {
    width: 150px;
    min-width: 150px; }
  .nav-right {
    display: none; }
  .burger {
    display: block; }
  .nav_burger {
    display: block; }
  #side-nav {
    display: block; } }

footer {
  background-color: #38383A;
  margin-top: 120px; }
  footer .above_line {
    padding: 60px 80px 75px 106px;
    border-bottom: 1px solid #4F4F4F;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    footer .above_line .address {
      width: 340px;
      margin-top: 22px;
      margin-bottom: 18px;
      padding-top: 18px;
      padding-bottom: 27px;
      border-top: 1px solid #4F4F4F;
      border-bottom: 1px solid #4F4F4F; }
      footer .above_line .address h5 {
        font-family: 'Montserrat';
        font-size: 17px;
        line-height: 160%;
        font-weight: 400;
        color: #D6D6D6;
        margin-bottom: 9px; }
      footer .above_line .address p {
        font-family: 'Montserrat';
        font-size: 17px;
        line-height: 120%;
        font-weight: 300;
        color: #9F9F9F;
        letter-spacing: 0.85px; }
    footer .above_line .socials a {
      margin-right: 12px; }
      footer .above_line .socials a .hover {
        display: none; }
      footer .above_line .socials a:hover > .normal {
        display: none; }
      footer .above_line .socials a:hover > .hover {
        display: inline; }
    footer .above_line .sitemap {
      max-width: 800px;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap; }
      footer .above_line .sitemap ul {
        margin-left: 36px;
        margin-bottom: 20px; }
      footer .above_line .sitemap li:first-of-type {
        font-family: 'Montserrat';
        font-size: 16px;
        line-height: normal;
        font-weight: 700;
        color: #99D6DB;
        margin-bottom: 12px; }
      footer .above_line .sitemap li {
        margin-bottom: 8px; }
        footer .above_line .sitemap li a {
          font-family: 'Montserrat';
          font-size: 16px;
          line-height: normal;
          font-weight: 400;
          color: #D9D9D9;
          -webkit-transition: all 0.3s;
          -o-transition: all 0.3s;
          transition: all 0.3s; }
          footer .above_line .sitemap li a:hover {
            color: #99D6DB; }
  footer .under_line {
    padding: 15px 80px 21px 106px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    footer .under_line a {
      font-family: 'Montserrat';
      font-size: 14px;
      line-height: 120%;
      font-weight: 400;
      margin-right: 24px;
      color: #D9D9D9; }
    footer .under_line p {
      font-family: 'Helvetica';
      font-size: 13px;
      line-height: normal;
      font-weight: 400;
      color: #9F9F9F; }

@media (max-width: 1240px) {
  footer .above_line {
    padding: 30px 34px 50px; }
    footer .above_line .logo {
      display: none; }
    footer .above_line .address {
      border: none;
      margin-top: 0;
      padding-top: 0;
      padding-bottom: 14px;
      margin-bottom: 0; }
      footer .above_line .address h5 {
        color: #D1AF56; }
  footer .under_line {
    display: block;
    padding: 24px;
    text-align: center; }
    footer .under_line a:last-of-type {
      margin-right: 0; }
    footer .under_line p {
      margin-top: 5px; } }

@media (max-width: 430px) {
  footer {
    margin-top: 40px; }
  .sitemap {
    display: none !important; } }

.bd {
  border: 1px solid red; }

.hero {
  width: 100vw;
  height: 320px;
  overflow: hidden;
  border-bottom: 7px solid #D1AF56; }
  .hero .hero_d {
    min-width: 100%; }
  .hero h1 {
    font-family: 'Montserrat';
    font-size: 72px;
    line-height: 113%;
    font-weight: 500;
    color: #FFDF8B;
    position: absolute;
    left: 128px;
    top: 160px; }

.hero_m {
  display: none; }

.crumb {
  margin-top: 24px;
  margin-left: 64px; }
  .crumb a {
    color: #9F9F9F; }
  .crumb a:last-child {
    color: #99D6DB; }
  .crumb a:not(:last-of-type)::after {
    content: '/';
    margin-left: 4px;
    margin-right: 4px;
    color: #9F9F9F; }

.addition {
  margin-top: 24px;
  margin-bottom: 20px;
  padding: 0 20%; }
  .addition h3 {
    font-family: 'Montserrat';
    font-size: 42px;
    line-height: 140%;
    font-weight: 400;
    color: #99D6DB;
    margin-bottom: 21px; }
  .addition p {
    font-family: 'Montserrat';
    font-size: 17px;
    line-height: 120%;
    font-weight: 400;
    color: #878787;
    margin: 16px auto;
    text-align: justify; }
  .addition a {
    color: #D1AF56; }

.pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

ul.page_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  ul.page_group li {
    width: 32px;
    height: 32px;
    margin-right: 16px; }
    ul.page_group li a {
      display: block;
      height: 32px;
      text-align: center;
      font-family: 'Montserrat';
      font-size: 20px;
      line-height: 32px;
      font-weight: 400;
      color: #D1AF56;
      -webkit-transition: all 0.3s;
      -o-transition: all 0.3s;
      transition: all 0.3s; }
      ul.page_group li a:hover {
        color: #99D6DB; }
    ul.page_group li img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }
    ul.page_group li .page_back {
      background-color: #D1AF56; }
    ul.page_group li .page_next {
      border: 1px solid rgba(159, 159, 159, 0.5); }
    ul.page_group li:first-of-type, ul.page_group li:nth-last-child(2), ul.page_group li:last-of-type {
      margin-right: 32px; }

ul.page_group.text li {
  margin: 0; }

ul.page_group.text li:first-of-type,
ul.page_group.text li:last-of-type {
  font-family: 'Montserrat';
  font-size: 20px;
  line-height: 20px;
  font-weight: 400;
  color: #D1AF56;
  cursor: pointer;
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  ul.page_group.text li:first-of-type:hover,
  ul.page_group.text li:last-of-type:hover {
    color: #99D6DB; }

ul.page_group.text li:first-of-type span {
  left: 40px; }

ul.page_group.text li:last-of-type span {
  right: 55px; }

ul.page_group.text li:nth-of-type(2) {
  width: initial;
  margin: 0 110px 0 145px; }
  ul.page_group.text li:nth-of-type(2) a {
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 20px;
    font-weight: 600;
    font-weight: 400;
    color: #9F9F9F;
    line-height: 30px;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    ul.page_group.text li:nth-of-type(2) a:hover {
      color: #99D6DB; }

.button {
  font-family: 'Montserrat';
  font-size: 20px;
  line-height: normal;
  font-weight: 400;
  color: #D1AF56;
  background-color: #fff;
  padding: 20px 24px;
  border-radius: 40px;
  border: 1px solid rgba(211, 232, 234, 0.5);
  -webkit-box-shadow: 0px 4px 4px 0px rgba(162, 200, 203, 0.1);
  box-shadow: 0px 4px 4px 0px rgba(162, 200, 203, 0.1);
  -webkit-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s; }
  .button:hover {
    color: white;
    background-color: #D1AF56; }

.slide_in_ele {
  -webkit-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
  -webkit-transform: translateY(80px);
  -ms-transform: translateY(80px);
  transform: translateY(80px);
  opacity: 0; }

.slide_in {
  -webkit-transform: translateY(0px);
  -ms-transform: translateY(0px);
  transform: translateY(0px);
  opacity: 1; }

#index .hero {
  width: 100vw;
  height: 100vh;
  top: -150px;
  z-index: 1;
  border-bottom: none;
  padding: 20px; }

#index .outline {
  width: 100%;
  height: 100%;
  border-radius: 20px;
  border: 1px solid #D1AF56;
  z-index: 2; }
  #index .outline::after {
    content: '';
    width: 0px;
    height: 0px;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 1;
    border-top: 50px solid transparent;
    border-left: 50px solid transparent;
    border-bottom: 50px solid #D1AF56;
    border-right: 50px solid #D1AF56;
    border-bottom-right-radius: 8px;
    border-top: 60px solid transparent;
    border-left: 60px solid transparent;
    border-bottom: 60px solid #D1AF56;
    border-right: 60px solid #D1AF56;
    border-bottom-right-radius: 18px; }
  #index .outline img {
    position: absolute;
    right: 20px;
    bottom: 14px;
    z-index: 3;
    cursor: pointer; }
  #index .outline .arrow_hover {
    opacity: 0;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    #index .outline .arrow_hover:hover {
      opacity: 1; }

#index .pic_layout {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  left: 0;
  top: 0; }

#index .bg {
  background-image: url(../img/index/hero.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1; }

#index .headline {
  width: 100%;
  padding: 42px 5% 60px;
  background-image: url(../img/index/hero_bottom.png);
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat; }
  #index .headline h2 {
    font-family: 'Montserrat';
    font-size: 40px;
    line-height: 120%;
    font-weight: 600;
    font-weight: 400;
    color: white; }
  #index .headline h1 {
    font-family: 'Montserrat';
    font-size: 64px;
    line-height: 113%;
    font-weight: 600;
    color: #D1AF56;
    text-align: left;
    position: relative;
    left: 0;
    top: 0; }

#index .section_1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1440px;
  margin: 0 auto 140px; }
  #index .section_1 img {
    max-width: 500px;
    width: 40%;
    margin-right: 40px; }
  #index .section_1 .info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-family: 'Montserrat';
    font-size: 42px;
    line-height: 140%;
    font-weight: 400;
    color: #58686C; }
    #index .section_1 .info .fz-24 {
      font-size: 32px; }
    #index .section_1 .info img {
      display: none; }
  #index .section_1 .num {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 160%;
    font-weight: 600;
    font-weight: 400;
    margin-top: 20px; }
  #index .section_1 .bigger {
    font-family: 'Montserrat';
    font-size: 48px;
    line-height: 160%;
    font-weight: 400;
    color: #99D6DB;
    margin-right: 72px; }
  #index .section_1 .center {
    margin-top: 40px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }

#index .section_2 {
  text-align: center;
  width: 85%;
  margin: 0 auto 20px;
  font-family: 'Montserrat';
  font-size: 32px;
  line-height: 140%;
  font-weight: 400;
  color: #9F9F9F; }
  #index .section_2 span {
    color: #99D6DB; }
  #index .section_2 p {
    margin-bottom: 39px; }

#index .section_3 {
  margin-top: 153px; }
  #index .section_3 .cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 3%; }
    #index .section_3 .cards::after {
      content: '';
      width: 100%;
      height: 90%;
      position: absolute;
      top: -60px;
      right: 0;
      z-index: -1;
      background-color: #F8F6F1; }
  #index .section_3 .card {
    width: 30%;
    max-width: 490px;
    margin: 0 1% 64px; }
  #index .section_3 .intro {
    position: absolute;
    width: 80%;
    left: 30px;
    bottom: 40px;
    z-index: 3; }
    #index .section_3 .intro h4 {
      font-family: 'Montserrat';
      font-size: 24px;
      line-height: normal;
      font-weight: 700;
      color: white;
      text-shadow: 0 2px 8px black; }
    #index .section_3 .intro p {
      font-family: 'Montserrat';
      font-size: 17px;
      line-height: 120%;
      font-weight: 500;
      font-weight: 400;
      color: white;
      text-shadow: 0 2px 8px black; }
  #index .section_3 .center {
    text-align: center;
    margin-bottom: 72px; }

#index .section_4 h3 {
  font-family: 'Montserrat';
  font-size: 50px;
  line-height: 160%;
  font-weight: 300;
  color: #38383A;
  margin-left: 5%;
  margin-bottom: 51px; }
  #index .section_4 h3::before {
    content: '';
    width: 15px;
    height: 2px;
    background-color: #A2C8CB;
    position: absolute;
    left: 0px;
    top: 0px; }

#index .section_4 .cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 10% 51px; }
  #index .section_4 .cards::after {
    content: '';
    width: 100%;
    height: 150%;
    position: absolute;
    top: 33px;
    right: 0;
    z-index: -1;
    background-color: #F8F6F1; }
  #index .section_4 .cards .card {
    width: 32%;
    max-width: 540px;
    margin: 0 12px;
    border-radius: 5px;
    border: 1px solid #EBF1F3;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    cursor: pointer;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column; }
  #index .section_4 .cards h4 {
    font-family: 'Montserrat';
    font-size: 17px;
    line-height: normal;
    font-weight: 600;
    color: #38383A;
    text-align: center;
    padding: 33px 10% 28px;
    margin-bottom: 28px;
    border-bottom: 1px solid #EEE7E7; }
  #index .section_4 .cards .media {
    font-family: 'Montserrat';
    font-size: 17px;
    line-height: 160%;
    font-weight: 500;
    color: #38383A;
    padding: 0 10%; }
  #index .section_4 .cards .text {
    font-family: 'Montserrat';
    font-size: 17px;
    line-height: 160%;
    font-weight: 400;
    color: #878787;
    padding: 0px 10% 66px;
    -webkit-box-flex: 1;
    -ms-flex-positive: 1;
    flex-grow: 1; }
    #index .section_4 .cards .text::after {
      content: ' (view)';
      color: #99D6DB; }
  #index .section_4 .cards .label {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    padding: 0 10% 20px; }
  #index .section_4 .cards .time {
    font-family: 'Montserrat';
    font-size: 18px;
    line-height: normal;
    font-weight: 600;
    color: #38383A; }
  #index .section_4 .cards .tag {
    font-family: 'Montserrat';
    font-size: 14px;
    line-height: 160%;
    font-weight: 400;
    color: #D1AF56;
    letter-spacing: 0.7px; }

#index .section_4 .center {
  background-color: #F8F6F1;
  text-align: center;
  padding-top: 30px; }

#japanese .hero .headline h1,
#japanese .hero .headline h2,
#japanese .section_1 .info div > p,
#japanese .section_2 p,
#japanese .button,
#japanese .section_3 .intro h4,
#japanese .section_3 .intro p {
  font-family: 'Noto Sans JP'; }

#japanese .hero .headline h1 {
  font-size: 60px; }

#japanese .section_1 .info div > p {
  line-height: 67px; }

#japanese .section_4 h2 {
  font-family: 'Noto Sans JP';
  font-size: 48px;
  line-height: 54px;
  font-weight: 400;
  color: #D1AF56;
  text-align: center;
  margin-top: 164px;
  margin-bottom: 64px; }

#japanese .section_4::after {
  content: '';
  width: 100vw;
  height: 100%;
  background-color: #F8F6F1;
  position: absolute;
  left: 0;
  bottom: -205px;
  z-index: -1; }

#japanese .social_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 80%;
  margin: 0 auto; }
  #japanese .social_cards .card {
    width: 552px;
    height: 290px;
    border-radius: 8px;
    border: 1px solid #EBF1F3;
    background: white;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    margin-right: 70px;
    padding: 41px 50px; }
    #japanese .social_cards .card::before {
      content: url(../img/global/arrow_left.png);
      width: 36px;
      height: 36px;
      position: absolute;
      bottom: 5px;
      right: 5px;
      z-index: 2;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    #japanese .social_cards .card::after {
      content: '';
      width: 0px;
      height: 0px;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 1;
      border-top: 50px solid transparent;
      border-left: 50px solid transparent;
      border-bottom: 50px solid #D1AF56;
      border-right: 50px solid #D1AF56;
      border-bottom-right-radius: 8px; }
    #japanese .social_cards .card:last-of-type {
      margin-right: 0; }
  #japanese .social_cards img {
    margin-bottom: 17px; }
  #japanese .social_cards h4 {
    font-family: 'Noto Sans JP';
    font-size: 36px;
    line-height: 140%;
    font-weight: 500;
    font-weight: 400;
    color: #58686C;
    padding-top: 31px;
    border-top: 1px solid #D4D4D4; }

#about_us h2 {
  max-width: 1460px;
  font-family: 'Montserrat';
  font-size: 32px;
  line-height: normal;
  font-weight: 400;
  color: #58686C;
  text-align: center;
  line-height: 58px;
  margin: 70px auto; }

#about_us .section_1 {
  max-width: 1460px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 4px auto 148px;
  padding: 0 60px;
  max-width: 1440px; }
  #about_us .section_1 .icon {
    max-width: 350px;
    text-align: center;
    padding: 0 10px; }
  #about_us .section_1 p {
    font-family: 'Montserrat';
    font-size: 22px;
    line-height: 30px;
    font-weight: 500;
    font-weight: 400;
    color: #9F9F9F;
    margin-top: 20px; }

#about_us .section_2 {
  max-width: 1460px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0 60px;
  margin: 0 auto 140px; }
  #about_us .section_2 .gears {
    width: 620px;
    height: 520px;
    margin-right: 74px;
    margin-left: 74px; }
  #about_us .section_2 p {
    font-family: 'Montserrat';
    font-size: 42px;
    line-height: 58px;
    font-weight: 400;
    color: #D1AF56; }
  #about_us .section_2 .left {
    margin-top: 40px;
    text-align: right;
    font-style: italic;
    padding-right: 50px; }
    #about_us .section_2 .left:after {
      content: '';
      width: 1px;
      height: 172px;
      background-color: #D1AF56;
      position: absolute;
      right: 0;
      top: 10px; }
  #about_us .section_2 .right {
    margin-top: 120px;
    padding-left: 50px;
    font-style: italic; }
    #about_us .section_2 .right:before {
      content: '';
      width: 1px;
      height: 164px;
      background-color: #D1AF56;
      position: absolute;
      left: 0;
      top: 10px; }

#about_us .section_3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin: 0 auto;
  padding: 0 20px; }
  #about_us .section_3:after {
    content: '';
    width: 100vw;
    height: 150%;
    background-color: #F8F6F1;
    position: absolute;
    left: 0;
    top: 47px;
    z-index: -1; }
  #about_us .section_3 h2 {
    font-family: 'Montserrat';
    font-size: 36px;
    line-height: 140%;
    font-weight: 500;
    font-weight: 400;
    color: #58686C;
    font-style: italic;
    text-align: left;
    margin-top: 124px;
    margin-right: 40px; }
  #about_us .section_3 .card {
    width: 552px;
    height: 290px;
    border-radius: 8px;
    border: 1px solid #EBF1F3;
    background: white;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    margin-right: 70px;
    padding: 41px 50px; }
    #about_us .section_3 .card::before {
      content: url(../img/global/arrow_left.png);
      width: 36px;
      height: 36px;
      position: absolute;
      bottom: 5px;
      right: 5px;
      z-index: 2;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    #about_us .section_3 .card::after {
      content: '';
      width: 0px;
      height: 0px;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 1;
      border-top: 50px solid transparent;
      border-left: 50px solid transparent;
      border-bottom: 50px solid #D1AF56;
      border-right: 50px solid #D1AF56;
      border-bottom-right-radius: 8px; }
  #about_us .section_3 img {
    margin-bottom: 17px; }
  #about_us .section_3 h3 {
    font-family: 'Montserrat';
    font-size: 36px;
    line-height: 140%;
    font-weight: 500;
    font-weight: 400;
    color: #58686C;
    padding-top: 31px;
    border-top: 1px solid #D4D4D4; }

.partner_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: 60px auto 0;
  padding: 0 30px;
  max-width: 1640px; }
  .partner_cards .card {
    width: 265px;
    height: 265px;
    padding: 28px;
    margin-right: 48px;
    margin-bottom: 60px;
    border: 1px solid #EBF1F3;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3); }
    .partner_cards .card img {
      position: absolute;
      left: 50%;
      top: 50%;
      -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
      transform: translate(-50%, -50%); }

#approach h2 {
  font-family: 'Montserrat';
  font-size: 32px;
  line-height: 140%;
  font-weight: 600;
  color: #D1AF56;
  text-align: center;
  margin-top: 64px;
  margin-bottom: 32px; }

#approach h3 {
  font-family: 'Montserrat';
  font-size: 24px;
  line-height: 140%;
  font-weight: 400;
  color: #58686C;
  text-align: center;
  max-width: 50%;
  margin: 0 auto 46px; }

#approach .photo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #F8F6F1;
  padding-top: 80px;
  padding-bottom: 40px; }
  #approach .photo p {
    font-family: 'Montserrat';
    font-size: 24px;
    line-height: 140%;
    font-weight: 500;
    font-weight: 400;
    color: #38383A;
    text-align: center;
    margin-top: 19px; }

#approach .fund {
  margin-top: 77px; }
  #approach .fund h3 {
    font-family: 'Montserrat';
    font-size: 36px;
    line-height: 140%;
    font-weight: 500;
    font-weight: 400;
    color: #38383A;
    margin-bottom: 10px; }
  #approach .fund .feature {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #approach .fund .feature p {
      font-family: 'Montserrat';
      font-size: 20px;
      line-height: 140%;
      font-weight: 500;
      font-weight: 400;
      color: #9F9F9F;
      margin-left: 12px;
      margin-right: 48px; }
      #approach .fund .feature p::before {
        content: '';
        width: 2px;
        height: 20px;
        background-color: #D1AF56;
        position: absolute;
        left: -12px;
        top: 8px;
        z-index: 1; }

#insights .category_pills {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 61px;
  margin-bottom: 30px; }
  #insights .category_pills a {
    font-family: 'Montserrat';
    font-size: 17px;
    line-height: normal;
    font-weight: 400;
    color: #9F9F9F;
    margin-right: 16px;
    padding: 10px 24px;
    border-radius: 100px;
    border: 1px solid rgba(214, 214, 214, 0.25);
    background: #FFF;
    -webkit-box-shadow: 0px 4px 4px 0px rgba(73, 171, 208, 0.05);
    box-shadow: 0px 4px 4px 0px rgba(73, 171, 208, 0.05); }
    #insights .category_pills a.active_pill {
      border-color: #D1AF56;
      background-color: #D1AF56;
      color: white; }

#insights .insight_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 1440px;
  margin: 0 auto 63px; }
  #insights .insight_cards .card {
    width: 30%;
    max-width: 420px;
    min-width: 300px;
    margin: 32px 16px;
    border-radius: 5px;
    border: 1px solid #EBF1F3;
    background: #FFF;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    cursor: pointer;
    -webkit-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s; }
    #insights .insight_cards .card:hover {
      -webkit-box-shadow: 0px 10px 10px 0px #d9d9d9;
      box-shadow: 0px 10px 10px 0px #d9d9d9; }
    #insights .insight_cards .card::before {
      content: url(../img/global/arrow_left.png);
      width: 36px;
      height: 36px;
      position: absolute;
      bottom: 5px;
      right: 5px;
      z-index: 2;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    #insights .insight_cards .card::after {
      content: '';
      width: 0px;
      height: 0px;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 1;
      border-top: 50px solid transparent;
      border-left: 50px solid transparent;
      border-bottom: 50px solid #D1AF56;
      border-right: 50px solid #D1AF56;
      border-bottom-right-radius: 8px; }
    #insights .insight_cards .card h3 {
      font-family: 'Montserrat';
      font-size: 20px;
      line-height: normal;
      font-weight: 500;
      font-weight: 400;
      color: #38383A;
      text-align: center;
      padding: 32px 55px;
      border-bottom: 1px solid #EEE7E7; }
    #insights .insight_cards .card .info {
      padding: 29px 55px 22px 42px; }
    #insights .insight_cards .card .subtitle {
      font-family: 'Montserrat';
      font-size: 17px;
      line-height: 160%;
      font-weight: 400;
      color: #38383A;
      margin-top: 12px;
      margin-bottom: 12px; }
    #insights .insight_cards .card .text {
      font-family: 'Montserrat';
      font-size: 17px;
      line-height: 160%;
      font-weight: 400;
      color: #878787;
      width: 100%;
      margin-bottom: 100px; }
      #insights .insight_cards .card .text::after {
        content: ' (view)';
        font-family: 'Montserrat';
        font-size: 17px;
        line-height: 160%;
        font-weight: 400;
        color: #99D6DB; }
    #insights .insight_cards .card .label {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      position: absolute;
      left: 42px;
      bottom: 22px; }
    #insights .insight_cards .card .date {
      font-family: 'Montserrat';
      font-size: 13px;
      line-height: normal;
      font-weight: 700;
      color: #38383A;
      margin-right: 18px; }
    #insights .insight_cards .card .tag {
      font-family: 'Montserrat';
      font-size: 14px;
      line-height: 160%;
      font-weight: 400;
      color: #D1AF56;
      top: -3px;
      max-width: 150px;
      word-break: break-all; }

#article .content {
  padding-top: 61px;
  text-align: center; }

#article .label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center; }

#article .date {
  font-family: 'Montserrat';
  font-size: 13px;
  line-height: normal;
  font-weight: 700;
  color: #38383A;
  margin-right: 18px; }

#article .tag {
  font-family: 'Montserrat';
  font-size: 14px;
  line-height: 160%;
  font-weight: 400;
  color: #D1AF56;
  top: -3px; }

#article .section_1 {
  padding: 0 10%; }
  #article .section_1 h2 {
    font-family: 'Montserrat';
    font-size: 36px;
    line-height: 140%;
    font-weight: 600;
    color: #38383A;
    margin: 24px 12px; }
  #article .section_1 p {
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 140%;
    font-weight: 400;
    color: #58686C;
    margin: 0px 10% 43px; }
  #article .section_1 .pic_note {
    font-family: 'Montserrat';
    font-size: 15px;
    line-height: 140%;
    font-weight: 400;
    color: #9F9F9F;
    margin-top: 16px; }

#article .section_2 {
  margin-top: 84px;
  margin-bottom: 96px;
  padding: 0 20%;
  text-align: left; }
  #article .section_2 .time {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-bottom: 12px;
    margin-bottom: 54px;
    border-bottom: 1px solid #D6D6D6; }
    #article .section_2 .time p {
      font-family: 'Montserrat';
      font-size: 15px;
      line-height: 200%;
      font-weight: 400;
      color: #9F9F9F;
      margin-left: 8px; }
  #article .section_2 .addition {
    margin: 0;
    padding: 0; }

#contact_us .content {
  margin: 64px 10px 0px 5%; }

#contact_us h2 {
  font-family: 'Montserrat';
  font-size: 42px;
  line-height: 140%;
  font-weight: 500;
  margin-bottom: 32px;
  color: #D1AF56; }

#contact_us .office_group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-bottom: 65px; }

#contact_us .office {
  padding-left: 19px;
  max-width: 500px;
  width: 33%;
  margin-right: 30px;
  margin-bottom: 60px; }
  #contact_us .office h4 {
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 140%;
    font-weight: 500;
    color: #38383A;
    margin-bottom: 16px;
    word-wrap: break-word; }
    #contact_us .office h4::before {
      content: '';
      width: 2px;
      height: 24px;
      background-color: #D1AF56;
      position: absolute;
      z-index: 1;
      left: -20px;
      top: 6px; }
  #contact_us .office p {
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 160%;
    font-weight: 400;
    color: #9F9F9F; }

#contact_us .social_cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap; }
  #contact_us .social_cards .card {
    max-width: 552px;
    width: 40%;
    height: 290px;
    border-radius: 8px;
    border: 1px solid #EBF1F3;
    background: #F8F8F8;
    -webkit-box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    box-shadow: 0px 4px 10px 0px rgba(217, 217, 217, 0.3);
    margin-right: 70px;
    margin-bottom: 24px;
    padding: 41px 50px; }
    #contact_us .social_cards .card::before {
      content: url(../img/global/arrow_left.png);
      width: 36px;
      height: 36px;
      position: absolute;
      bottom: 5px;
      right: 5px;
      z-index: 2;
      -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
      transform: rotate(180deg); }
    #contact_us .social_cards .card::after {
      content: '';
      width: 0px;
      height: 0px;
      position: absolute;
      right: 0;
      bottom: 0;
      z-index: 1;
      border-top: 50px solid transparent;
      border-left: 50px solid transparent;
      border-bottom: 50px solid #D1AF56;
      border-right: 50px solid #D1AF56;
      border-bottom-right-radius: 8px; }
  #contact_us .social_cards img {
    margin-bottom: 17px; }
  #contact_us .social_cards h3 {
    font-family: 'Montserrat';
    font-size: 36px;
    line-height: 140%;
    font-weight: 500;
    color: #58686C;
    padding-top: 31px;
    border-top: 1px solid #D4D4D4; }

#policy {
  max-width: 960px;
  padding: 0 20px 0px;
  margin: 0 auto; }
  #policy h1, #policy h2 {
    font-family: 'Montserrat';
    font-size: 24px;
    line-height: 44.8px;
    font-weight: 500;
    color: #D1AF56;
    margin-top: 71px; }
  #policy h3 {
    font-family: 'Montserrat';
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #38383A; }
  #policy h4 {
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 28px;
    font-weight: 500;
    color: #38383A;
    margin-top: 32px; }
  #policy .mt-0 {
    margin-top: 0; }
  #policy p {
    font-family: 'Montserrat';
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #878787;
    text-align: justify; }
    #policy p a {
      color: #D1AF56; }

#error_404 {
  text-align: center;
  padding: 100px 0 0px; }
  #error_404 h1 {
    font-family: 'Montserrat';
    font-size: 250px;
    line-height: 250px;
    font-weight: 200;
    color: #F0D48C;
    font-style: italic;
    padding: 0 20px; }
  #error_404 p {
    font-family: 'Montserrat';
    font-size: 17px;
    line-height: 27px;
    font-weight: 400;
    color: #38383A;
    padding: 0 20px; }
    #error_404 p a {
      color: #D1AF56; }

@media (max-width: 1440px) {
  .hero h1 {
    font-size: 56px; }
  #index .headline h2 {
    font-size: 32px; }
  #index .headline h1 {
    font-size: 56px; }
  #index .section_1 {
    padding: 0 8%; }
    #index .section_1 .info {
      font-size: 32px;
      padding-bottom: 40px; }
  #japanese .hero .headline h2 {
    font-size: 32px; }
  #japanese .hero .headline h1 {
    font-size: 48px; }
  #japanese .section_1 .info {
    font-size: 32px;
    padding-bottom: 40px; }
  #japanese .section_3 .card .intro h4 {
    font-size: 22px;
    margin-bottom: 5px; }
  #japanese .section_3 .card .intro p {
    font-size: 16px; }
  #about_us h2 {
    font-size: 32px;
    margin: 70px 60px; }
  #about_us .section_1 {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto; }
    #about_us .section_1 .icon {
      max-width: 300px; }
    #about_us .section_1 p {
      font-size: 18px; }
  #about_us .section_2 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center; }
    #about_us .section_2 p {
      font-size: 32px; }
  #about_us .section_3 {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0 auto; }
    #about_us .section_3 h2 {
      font-size: 32px; }
    #about_us .section_3 h3 {
      font-size: 24px; }
  #approach h3 {
    max-width: 60%; }
  #approach .fund h3 {
    font-size: 32px; }
  #approach .fund .feature p {
    font-size: 20px; }
  .partner_cards {
    max-width: 1360px;
    padding-left: 78px; }
  #insights .insight_cards {
    padding-left: 20px; }
    #insights .insight_cards .card {
      width: 400px; }
  #contact_us .content {
    margin: 64px 10px 0px 2%; }
  #contact_us h2 {
    font-size: 36px; }
  #contact_us .office {
    max-width: 400px; }
    #contact_us .office p {
      font-size: 20px; }
  #contact_us .social_cards .card {
    width: 40%;
    max-width: 460px; }
    #contact_us .social_cards .card h3 {
      font-size: 30px;
      word-wrap: break-word; } }

@media (max-width: 1366px) {
  #index .outline {
    height: calc(100% - 80px);
    top: 80px; } }

@media (max-width: 1024px) {
  .hero h1 {
    top: 120px; }
  #index .bg {
    background-size: auto 95%;
    background-position: center 115%; }
  #index .section_1 .info .fz-24 {
    font-size: 24px; }
  #index .section_1 .bigger {
    margin-right: 27px; }
  #index .section_2 p {
    font-size: 24px; }
  #index .section_4 .cards {
    padding: 0 4% 51px; }
    #index .section_4 .cards .text {
      padding-bottom: 36px; }
  #index #japanese .section_1 .info div > p {
    line-height: 45px; }
  #index #japanese .section_1 .bigger {
    margin-right: 50px; }
  #index #japanese .social_cards {
    max-width: 90%; }
    #index #japanese .social_cards .card {
      margin-right: 30px; }
  #about_us .section_2 .gears {
    width: 100%;
    height: 300px;
    margin-left: 40px;
    margin-right: 40px; }
  #about_us .section_2 p {
    font-size: 24px; }
  #about_us .section_3 h2 {
    margin-right: 20px; }
  #about_us .section_3 .card {
    width: 650px;
    margin-right: 30px; }
  #approach .photo {
    padding-bottom: 40px; }
    #approach .photo p {
      margin-top: 0;
      margin-bottom: 25px; }
  .partner_cards .card {
    margin-right: 40px; }
  #insights .insight_cards .card {
    width: 45%;
    max-width: 500px; }
  #contact_us .office {
    max-width: 300px; }
  #contact_us .social_cards .card {
    width: 45%;
    margin-right: 30px; } }

@media (max-width: 820px) {
  #index .bg {
    background-size: auto 95%;
    background-position: 48% 100%; }
  #index .headline h1 {
    font-size: 60px; }
  #index .section_1 img {
    margin-right: 20px; }
  #index .section_1 .info {
    padding-top: 0; }
    #index .section_1 .info .fz-24 {
      line-height: 34px; }
  #index .section_1 .bigger {
    margin-right: 20px;
    font-size: 36px; }
  #japanese .social_cards .card {
    min-width: 45%; }
  #japanese .social_cards h4 {
    font-size: 26px; }
  #about_us .section_2 {
    margin-bottom: 80px; }
    #about_us .section_2 p {
      font-size: 24px;
      line-height: 38px; }
    #about_us .section_2 .left {
      padding-right: 30px; }
      #about_us .section_2 .left:after {
        height: 122px; }
    #about_us .section_2 .right {
      margin-top: 80px;
      padding-left: 30px; }
      #about_us .section_2 .right:before {
        height: 122px; }
  #about_us .section_3 h2 {
    margin-left: 30px;
    font-size: 24px; }
  #approach .photo p {
    margin-top: 0;
    margin-bottom: 20px; }
  #approach .fund .feature {
    max-width: 95%; }
  .partner_cards {
    padding-left: 40px; }
    .partner_cards .card {
      width: 240px;
      height: 240px;
      margin-right: 10px;
      margin-bottom: 30px; }
  #insights .insight_cards {
    padding-left: 0; }
  #contact_us .office {
    max-width: 230px; }
  #contact_us .social_cards .card h3 {
    font-size: 24px; } }

@media (max-width: 430px) {
  .hero {
    height: 135px; }
    .hero h1 {
      display: none; }
  .hero_d {
    display: none; }
  .hero_m {
    display: block; }
  .crumb {
    margin-top: 18px;
    margin-left: 18px; }
  .addition {
    padding: 40px 16px 0; }
    .addition p {
      text-align: left; }
  #index {
    padding-top: 80px !important; }
    #index .hero {
      top: -80px;
      padding: 10px; }
    #index .outline::after {
      border-left-width: 40px;
      border-right-width: 40px;
      border-top: 36px solid transparent;
      border-left: 36px solid transparent;
      border-bottom: 36px solid #D1AF56;
      border-right: 36px solid #D1AF56; }
    #index .outline img {
      width: 26px;
      height: 26px;
      right: 6px;
      bottom: 10px; }
    #index .headline {
      padding: 24px 40px 20px; }
      #index .headline h2 {
        font-size: 18px;
        margin-bottom: 5px; }
      #index .headline h1 {
        display: block;
        font-size: 24px;
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0); }
    #index .bg {
      background-size: auto 92%;
      background-position: 48% 105%; }
    #index .button {
      font-size: 17px; }
    #index .section_1 {
      max-width: 100vw;
      margin: 0px 32px 70px;
      padding-left: 0;
      padding-right: 0; }
      #index .section_1 > img {
        display: none; }
      #index .section_1 .info {
        width: 100%;
        font-size: 20px;
        padding-top: 0px; }
        #index .section_1 .info img {
          display: block;
          width: 300px;
          height: auto;
          display: block;
          margin: 0 auto 36px; }
      #index .section_1 .num {
        margin: 35px 0px 25px 35px;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        font-size: 18px; }
      #index .section_1 .bigger {
        font-family: 'Montserrat';
        font-size: 36px;
        line-height: 160%;
        font-weight: 300;
        margin-bottom: 10px; }
      #index .section_1 .center {
        text-align: center;
        margin-top: 0; }
    #index .section_2 {
      font-size: 24px; }
      #index .section_2 p {
        margin-bottom: 32px; }
      #index .section_2 .button {
        display: block; }
    #index .section_3 {
      margin-top: 70px; }
      #index .section_3 h3 {
        display: none; }
      #index .section_3 .cards {
        padding: 0 16px;
        margin: 0 10px 10px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center; }
        #index .section_3 .cards::after {
          content: '';
          height: 85%;
          top: 5%; }
      #index .section_3 .card {
        width: 47%;
        height: 110%;
        max-width: 180px;
        margin: 0 5px 20px; }
        #index .section_3 .card img {
          height: 110%; }
      #index .section_3 .intro {
        width: 100%;
        height: 100%;
        left: 0;
        bottom: 0; }
        #index .section_3 .intro h4 {
          width: 90%;
          font-size: 18px;
          font-weight: 600;
          text-align: center;
          position: absolute;
          left: 50%;
          top: 50%;
          -webkit-transform: translate(-50%, -50%);
          -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%); }
        #index .section_3 .intro p {
          display: none; }
    #index .section_4 h3 {
      font-size: 24px;
      margin-left: 20px;
      margin-bottom: 22px; }
    #index .section_4 .cards {
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      padding: 0 16px; }
      #index .section_4 .cards::after {
        content: '';
        height: 50%;
        top: 50%; }
      #index .section_4 .cards .card {
        width: 100%;
        margin-bottom: 36px; }
      #index .section_4 .cards h4 {
        padding: 33px 25px 28px; }
      #index .section_4 .cards .media {
        padding: 0px 25px; }
      #index .section_4 .cards .text {
        padding: 0px 25px 45px; }
    #index .section_4 .center {
      margin-bottom: 30px; }
      #index .section_4 .center:after {
        content: '';
        position: absolute;
        width: 100%;
        height: 120px;
        left: 0;
        bottom: -150%;
        background-color: #F8F6F1;
        z-index: -1; }
  #japanese .hero .headline h2 {
    font-size: 18px; }
  #japanese .hero .headline h1 {
    display: block;
    font-size: 26px; }
  #japanese .bg {
    background-size: auto 92%;
    background-position: 48% 105%; }
  #japanese .section_1 .info div > p {
    line-height: 40px; }
  #japanese .section_1 .num {
    margin: 35px 0px 25px 35px; }
  #japanese .button {
    font-size: 15px; }
  #japanese .m_none {
    display: none; }
  #japanese .section_3 .card .intro h4 {
    font-size: 20px;
    font-weight: 600; }
  #japanese .section_4 h2 {
    font-size: 36px; }
  #japanese .social_cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #japanese .social_cards .card {
      height: 240px;
      margin: 0 0px 24px !important;
      padding: 24px 20px; }
      #japanese .social_cards .card img {
        margin-bottom: 17px; }
      #japanese .social_cards .card h4 {
        font-size: 24px; }
  #about_us h2 {
    font-family: 'Montserrat';
    font-size: 20px;
    line-height: 33px;
    font-weight: 400;
    text-align: left;
    margin: 20px 32px; }
  #about_us .section_1 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 80px; }
    #about_us .section_1 .icon {
      margin-bottom: 24px; }
    #about_us .section_1 p {
      font-size: 17px;
      line-height: 24px; }
  #about_us .section_2 {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 0 30px; }
    #about_us .section_2 .left p:nth-of-type(2) {
      margin-right: 9px; }
    #about_us .section_2 .left p:nth-of-type(3) {
      margin-right: 29px; }
    #about_us .section_2 .gears {
      width: 100%;
      height: 100%;
      margin: 36px 0 60px; }
    #about_us .section_2 .right {
      margin-top: 0; }
  #about_us .section_3 {
    max-width: 100%;
    padding-left: 16px;
    padding-right: 16px;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap; }
    #about_us .section_3 h2 {
      font-family: 'Montserrat';
      font-size: 20px;
      line-height: 28px;
      font-weight: 500;
      text-align: center; }
    #about_us .section_3 .card {
      height: 240px;
      margin: 0;
      padding: 24px 20px; }
    #about_us .section_3 h3 {
      font-family: 'Montserrat';
      font-size: 24px;
      line-height: 33px;
      font-weight: 500; }
  .partner_cards {
    padding-left: 30px; }
    .partner_cards .card {
      width: 47%;
      height: 160px;
      padding-left: 30px;
      margin-bottom: 16px;
      margin-right: 16px; }
      .partner_cards .card:nth-of-type(2n) {
        margin-right: 0px; }
  #approach h2 {
    font-size: 24px;
    margin-top: 56px;
    margin-bottom: 25px; }
  #approach h3 {
    max-width: 100%;
    padding: 0 30px 9px;
    text-align: left;
    font-size: 20px; }
  #approach .photo {
    padding-top: 60px; }
    #approach .photo div {
      margin: 0 12px;
      margin-bottom: 20px; }
    #approach .photo img {
      max-width: 100%;
      height: auto; }
    #approach .photo p {
      font-size: 20px;
      margin-top: 5px; }
  #approach .fund {
    margin-top: 48px; }
    #approach .fund h3 {
      font-size: 22px;
      margin-bottom: 20px;
      padding: 0;
      text-align: center; }
    #approach .fund .feature {
      -webkit-box-pack: start;
      -ms-flex-pack: start;
      justify-content: start; }
      #approach .fund .feature p {
        font-size: 20px;
        margin-left: 42px;
        margin-bottom: 16px; }
  #insights .category_pills {
    margin: 56px auto 36px; }
    #insights .category_pills a {
      margin-left: 8px;
      margin-right: 8px;
      margin-bottom: 16px; }
      #insights .category_pills a:first-of-type {
        margin-left: 20px; }
      #insights .category_pills a:nth-of-type(2) {
        margin-right: 20px; }
  #insights .insight_cards {
    padding-left: 0;
    margin-bottom: 20px; }
    #insights .insight_cards .card {
      margin: 0 16px 32px; }
      #insights .insight_cards .card h3 {
        padding: 32px 16px; }
      #insights .insight_cards .card .date {
        font-weight: 600; }
      #insights .insight_cards .card .tag {
        max-width: 120px; }
  #article .content {
    padding-top: 59px;
    padding-bottom: 27px; }
  #article .date {
    font-size: 17px;
    font-weight: 600; }
  #article .tag {
    font-size: 17px; }
  #article .section_1 {
    padding: 0 16px; }
    #article .section_1 h2 {
      font-size: 24px;
      margin: 24px 0; }
    #article .section_1 p {
      font-size: 17px;
      margin: 0 0 24px; }
    #article .section_1 .pic_note {
      font-size: 14px; }
  #article .section_2 {
    margin-top: 84px;
    margin-bottom: 26px;
    padding: 0 16px; }
    #article .section_2 h3 {
      font-size: 24px; }
    #article .section_2 p {
      font-size: 18px; }
  #article .pagination .page_group.text {
    width: calc(100% - 32px);
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between; }
    #article .pagination .page_group.text li:nth-of-type(2) {
      margin: 0; }
  #contact_us .content {
    margin: 56px 16px 58px; }
  #contact_us h2 {
    font-size: 24px;
    margin-bottom: 36px;
    text-align: center; }
  #contact_us .office_group {
    margin-bottom: 32px; }
  #contact_us .office {
    width: 100%;
    padding-left: 19px;
    margin-right: 0;
    margin-bottom: 24px; }
    #contact_us .office h4 {
      font-size: 20px;
      margin-bottom: 8px; }
    #contact_us .office p {
      font-size: 17px; }
  #contact_us .social_cards {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex; }
    #contact_us .social_cards .card {
      width: 100%;
      height: 240px;
      margin-right: 0;
      padding: 24px 20px; }
      #contact_us .social_cards .card img {
        margin-bottom: 17px; }
      #contact_us .social_cards .card h3 {
        font-size: 24px; }
  #error_404 h1 {
    font-size: 180px; } }

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