@charset "UTF-8";

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
html {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}
a img {
  border: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}
* {
  box-sizing: border-box;
}

/* HTML5
-------------------------------------------------- */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}
audio,
canvas,
video {
  display: inline-block;
  *display: inline;
  *zoom: 1;
}
audio:not([controls]) {
  display: none;
  height: 0;
}
[hidden] {
  display: none;
}

/* embed
-------------------------------------------------- */
img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
  border: 0;
  -ms-interpolation-mode: bicubic;
}

/* all
-------------------------------------------------- */
html {
  position: relative;
  min-height: 100%;
  font-size: 100%;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  width: 100%;
}
body {
  position: relative;
  padding: 0;
  margin: 0;
  min-width: 320px;
  font-size: 16px;
  line-height: 1.7;
  font-family: 'Zen Kaku Gothic New', sans-serif;
  font-weight: 500;
  overflow-wrap: break-word;
  word-break: normal;
  color: #000000;
  background: url('../images/common/bk-body.jpg') repeat top left;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
#content {
  overflow-y: hidden;
}
a {
  text-decoration: none;
  color: #000000;
  -webkit-transition: all ease-in-out .3s;
          transition: all ease-in-out .3s;
}
a:focus, a:active, a:hover {
  outline: 0;
  text-decoration: none;
}
a:hover {
  opacity: 0.7;
}
* {
  box-sizing: border-box;
}
.pc {
  display: inline-block;
}
.sp {
  display: none;
}
.stretch {
  width: 100%;
  display: inline-block;
  font-size: 0;
  line-height: 0;
}
.wrap {
  max-width: 1280px;
  width: 100%;
  box-sizing: border-box;
  margin: 0 auto;
  *zoom: 1;
}

@media screen and (max-width: 768px) {
  body {
    padding-top: 18.66vw;
    font-size: 14px;
    overflow-x: hidden;
  }
  .wrap {
    width: 100%;
  }
  .pc {
    display: none;
    }
  .sp {
    display: inline-block;
  }
}

/* clear
-------------------------------------------------- */
.clear {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
.clearfix:before {
  display: inline-table;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/* header
-------------------------------------------------- */
header {
  position: fixed;
  z-index: 99;
  top: 0;
  left: 0;
  width: min(8.12vw, 104px);
  height: 100vh;
  background: #F4EFEB;
}
header.UpMove{
  animation: UpAnime 0.5s forwards;
}
@keyframes UpAnime{
  from {
    opacity: 1;
    transform: translateY(0);
  }
  to {
    opacity: 0;
    transform: translateY(-100px);
  }
}
header.DownMove{
  animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
header .header-logo-icon {
  position: fixed;
  z-index: 1;
  top: min(2.34vw, 30px);
  left: min(2.10vw, 27px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(3.90vw, 50px);
  height: min(3.90vw, 50px);
  background: #FFFFFF;
  border-radius: 100%;
  opacity: 0;
  visibility: hidden;
  transition: all .5s;
}
header .header-logo-icon.is-active {
  opacity: 1;
  visibility: visible;
}
header .header-logo-icon img {
  position: relative;
  top: -0.5px;
  left: 1.4px;
  width: min(2.18vw, 28px);
}
header .header-logo {
  position: fixed;
  z-index: 1;
  top: min(2.34vw, 30px);
  left: min(2.10vw, 27px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(19.53vw, 250px);
  height: min(3.90vw, 50px);
  background: #FFFFFF;
  border-radius: min(3.12vw, 40px);
  opacity: 0;
  visibility: hidden;
  transition: all .5s;
}
header .header-logo.is-active {
  opacity: 1;
  visibility: visible;
}
header .header-logo img {
  width: min(15.62vw, 200px);
}
header .header-menu {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: url('../images/common/bk-menu.jpg') no-repeat top left;
  background-size: 100% 100%;
  border: min(1.71vw, 22px) solid #FFFFFF;
  opacity: 0;
  visibility: hidden;
  transition: all .5s;
}
header .header-menu.is-open {
  opacity: 1;
  visibility: visible;
}
header .header-menu .header-site-name {
  position: absolute;
  bottom: min(7.03vw, 90px);
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
header .header-menu .header-site-name img {
  width: min(413vw, 413px);
}
header .header__nav {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  width: min(74.60vw, 955px);
}
header .header__nav ul {
  margin-right: min(1.56vw, 20px);
}
header .header__nav .main-menu {
  margin-bottom: min(1vw, 12.8px);
}
header .header__nav .main-menu a {
  display: inline-block;
}
header .header__nav .main-menu span {
  display: inline-block;
  width: 100%;
  line-height: 1;
}
header .header__nav .main-menu span.ja img {
  height: min(1.71vw, 22px);
}
header .header__nav .main-menu span.en {
  position: relative;
}
header .header__nav .main-menu span.en img {
  height: min(0.70vw, 9px);
}
header .header__nav .sub-menu {
  padding-left: min(0.46vw, 6px);
  border-left: min(0.07vw, 1px) solid #381C18;
}
header .header__nav .sub-menu li {
  margin-bottom: min(0.93vw, 12px);
}
header .header__nav .sub-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
}
header .header__nav .sub-menu span {
  display: inline-block;
  line-height: 1;
}
header .header__nav .sub-menu img {
  height: min(1.25vw, 16px);
}
header .header__nav .nav-entry-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(13.43vw, 172px);
  height: min(13.43vw, 172px);
  background: #B1A9A5;
  border-radius: 100%;
}
header .header__nav .nav-entry-btn a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
  border-radius: 100%;
}
header .header__nav .nav-entry-btn img:nth-child(1) {
  position: relative;
  z-index: 1;
  width: min(9.21vw, 118px);
}
header .header__nav .nav-entry-btn img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: min(6.09vw, 78px);
}
header .hamburger {
  position: fixed;
  top: min(7.81vw, 100px);
  left: min(2.10vw, 27px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(3.90vw, 50px);
  height: min(3.90vw, 50px);
  background: #FFFFFF;
  border-radius: 100%;
  z-index: 999;
  cursor: pointer;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
header .hamburger__trigger {
  position: relative;
  left: -0.2px;
  display: inline-block;
  transition: all .4s;
  box-sizing: border-box;
  background: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  width: 19px;
  height: 17px;
}
header .hamburger__trigger span {
  display: inline-block;
  transition: all .4s;
  position: absolute;
  left: 0;
  width: 18px;
  height: 2px;
  background-color: #000000;
}
header .hamburger__trigger span:nth-of-type(1) {
  top: 0;
}
header .hamburger__trigger span:nth-of-type(2) {
  top: 7px;
  transition: all .25s .25s;
  opacity: 1;
}
header .hamburger__trigger span:nth-of-type(3) {
  bottom: 0;
}
header .hamburger__trigger.is-active span:nth-of-type(1) {
  transform: translateY(8px) rotate(-45deg);
}
header .hamburger__trigger.is-active span:nth-of-type(2) {
  opacity: 0;
}
header .hamburger__trigger.is-active span:nth-of-type(3) {
  transform: translateY(-7px) rotate(45deg);
}
header .header-entry {
  position: fixed;
  top: min(13.28vw, 170px);
  left: min(2.10vw, 27px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(3.90vw, 50px);
  height: min(3.90vw, 50px);
  background: #B1A9A5;
  border-radius: 100%;
  opacity: 1;
  visibility: visible;
  transition: all .5s;
}
header .header-entry.is-close {
  opacity: 0;
  visibility: hidden;
}
header .header-entry img:nth-child(1) {
  position: relative;
  z-index: 1;
  width: min(2.73vw, 35px);
}
header .header-entry img:nth-child(2) {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: min(1.79vw, 23px);
  opacity: 0.3;
}

@media screen and (max-width: 768px) {
  header {
    width: 100%;
    height: 18.66vw;
    background: #F4EFEB;
  }
  header .header-logo-icon {
    top: 3vw;
    left: 3vw;
    width: 13.33vw;
    height: 13.33vw;
  }
  header .header-logo-icon img {
    top: 0;
    left: 0.3vw;
    width: 7.46vw;
  }
  header .header-logo {
    display: none;
  }
  header .hamburger {
    top: 3vw;
    left: auto;
    right: 3vw;
    width: 13.33vw;
    height: 13.33vw;
  }
  header .hamburger__trigger {
    width: 5.06vw;
    height: 4.53vw;
  }
  header .hamburger__trigger span {
    width: 100%;
    height: 0.53vw;
  }
  header .hamburger__trigger span:nth-of-type(2) {
    top: 2.05vw;
  }
  header .hamburger__trigger.is-active span:nth-of-type(1) {
    transform: translateY(1.9vw) rotate(-45deg);
  }
  header .hamburger__trigger.is-active span:nth-of-type(3) {
    bottom: -0.06vw;
    transform: translateY(-2vw) rotate(45deg);
  }
  header .header-entry {
    top: 3vw;
    left: auto;
    right: 19vw;
    width: 13.33vw;
    height: 13.33vw;
  }
  header .header-entry img:nth-child(1) {
    width: 9.06vw;
  }
  header .header-entry img:nth-child(2) {
    width: 6.13vw;
  }
  header .header-menu {
    background: url(../images/common/bk-menu_sp.jpg) no-repeat top left;
    background-size: 100% 100%;
    border: 4.26vw solid #FFFFFF;
  }
  header .header__nav {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
  header .header__nav .main-menu {
    margin-bottom: 6vw;
  }
  header .header__nav .main-menu span.ja img {
    height: 5vw;
  }
  header .header__nav .main-menu span.en img {
    height: 2.4vw;
  }
  header .header__nav .sub-menu {
    position: relative;
    top: -4vw;
    padding-left: 5vw;
    margin-bottom: 3vw;
  }
  header .header__nav .sub-menu img {
    height: 4vw;
  }
  header .header__nav .sub-menu li {
    margin-bottom: 3vw;
  }
  header .header__nav .nav-entry-btn {
    display: none;
  }
  header .header-entry.is-close {
    opacity: 1;
    visibility: visible;
  }
}

/* footer
-------------------------------------------------- */
footer {
  position: relative;
  z-index: 90;
  padding: min(2.73vw, 35px) 0 min(2.34vw, 30px) min(8.12vw, 104px);
  background: #E9E0DB;
}
footer .wrap {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
}
footer .footer-site-info {
  width: min(44.53vw, 570px);
  padding-right: min(4.68vw, 60px);
}
footer .footer-site-info .footer-logo {
  width: min(39.84vw, 510px);
  height: min(10.62vw, 136px);
  background: #FFFFFF;
}
footer .footer-site-info .footer-logo a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: 100%;
}
footer .footer-site-info .footer-logo img {
  width: min(28.28vw, 362px);
}
footer .footer-site-info .footer-copy {
  display: inline-block;
  width: 100%;
  margin-top: min(1vw, 12.8px);
  text-align: center;
  line-height: 1;
}
footer .footer-site-info .footer-copy img {
  width: min(11.79vw, 151px);
}
footer .footer-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
}
footer .footer-menu ul {
  margin-right: min(1.56vw, 20px);
}
footer .footer-menu .main-menu a {
  display: inline-block;
}
footer .footer-menu .main-menu span {
  display: inline-block;
  width: 100%;
  line-height: 1;
}
footer .footer-menu .main-menu span.ja img {
  height: min(1.17vw, 15px);
}
footer .footer-menu .main-menu span.en {
  position: relative;
  top: min(-0.46vw, -6px);
}
footer .footer-menu .main-menu span.en img {
  height: min(0.46vw, 6px);
}
footer .footer-menu .sub-menu {
  padding-left: min(0.46vw, 6px);
  border-left: min(0.07vw, 1px) solid #381C18;
}
footer .footer-menu .sub-menu li {
  margin-bottom: min(0.93vw, 12px);
}
footer .footer-menu .sub-menu a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
}
footer .footer-menu .sub-menu span {
  display: inline-block;
  line-height: 1;
}
footer .footer-menu .sub-menu img {
  height: min(0.85vw, 11px);
}

@media screen and (max-width: 768px) {
  footer {
    padding: 8vw 2.66vw 4vw;
  }
  footer .wrap {
    flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
  }
  footer .footer-site-name {
    width: 100%;
    padding-bottom: 7vw;
    margin-bottom: 5vw;
    text-align: center;
    border-bottom: 1.06vw solid #FFFFFF;
  }
  footer .footer-site-name img {
    width: 72.26vw;
  }
  footer .footer-site-info {
    width: 100%;
    padding-right: 0;
    margin-top: 10vw;
    text-align: center;
  }
  footer .footer-site-info .footer-logo {
    width: 85.86vw;
    height: 22.93vw;
    margin: 0 auto;
  }
  footer .footer-site-info .footer-logo img {
    width: 61.06vw;
  }
  footer .footer-site-info .footer-copy {
    margin-top: 4vw;
  }
  footer .footer-site-info .footer-copy img {
    width: 40.26vw;
  }
  footer .footer-menu {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    padding: 0 5.33vw;
  }
  footer .footer-menu ul {
    margin-right: 0;
  }
  footer .footer-menu .main-menu {
    margin: 5vw 0;
  }
  footer .footer-menu .main-menu span.ja img {
    height: 5.6vw;
  }
  footer .footer-menu .main-menu span.en {
    top: -0.25vw;
  }
  footer .footer-menu .main-menu span.en img {
    height: 2.4vw;
  }
  footer .footer-menu .sub-menu {
    padding-left: 3vw;
    border-left: 0.26vw solid #381C18;
  }
  footer .footer-menu .sub-menu li {
    margin-bottom: 3vw;
  }
  footer .footer-menu .sub-menu img {
    height: 4.26vw;
  }

}

/* front page
-------------------------------------------------- */
#home header {
  height: auto;
  background: transparent;
}
#home #main-fv {
  position: relative;
  display: inline-block;
  width: 100%;
  height: 100vh;
  border: min(1.71vw, 22px) solid #FFFFFF;
  overflow: hidden;
}
#home #main-fv:after {
  content: '';
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: min(0.31vw, 4px);
  height: min(3.12vw, 40px);
  background: #FFFFFF;
}
#home #main-fv .slider_fade {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: 48.07vh;
  height: 79.15vh;
}
#home #main-fv .slider_fade > li {
  position: absolute;
  width: 100%;
  height: 100%;
  list-style: none;
  visibility: hidden;
  animation: anime_slider_fade 35s 0s infinite;
}
#home #main-fv .slider_fade > li:nth-of-type(2) {
  animation-delay: 7s;
}
#home #main-fv .slider_fade > li:nth-of-type(3) {
  animation-delay: 14s;
}
#home #main-fv .slider_fade > li:nth-of-type(4) {
  animation-delay: 21s;
}
#home #main-fv .slider_fade > li:nth-of-type(5) {
  animation-delay: 28s;
}
#home #main-fv .slider_fade > li img {
  height: 100%;
}
@keyframes anime_slider_fade {
  0% {
      visibility: visible;
      opacity: 0;
  }
  10% {
      opacity: 1;
  }
  20% {
      opacity: 1;
  }
  35% {
      opacity: 0;
  }
  100% {
      opacity: 0;
  }
}
#home #main-fv .slider_fade_text {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 100%;
  height: auto;
  text-align: center;
}
#home #main-fv .slider_fade_text > li {
  position: absolute;
  width: min(74.92vw, 959px);
  list-style: none;
  visibility: hidden;
  opacity: 0;
  animation: anime_slider_fade_text 35s 0s infinite;
  animation-fill-mode: forwards;
  overflow: hidden;
}
#home #main-fv .slider_fade_text > li:nth-of-type(2) {
  animation-delay: 7s;
  width: min(84.68vw, 1084px);
}
#home #main-fv .slider_fade_text > li:nth-of-type(3) {
  animation-delay: 14s;
  width: min(65.85vw, 843px);
}
#home #main-fv .slider_fade_text > li:nth-of-type(4) {
  animation-delay: 21s;
  width: min(66.79vw, 855px);
}
#home #main-fv .slider_fade_text > li:nth-of-type(5) {
  animation-delay: 28s;
  width: min(71.40vw, 914px);
}
@keyframes anime_slider_fade_text {
  0% {
      visibility: visible;
      opacity: 0;
      transform: translateY(100%) skewY(-8deg);
  }
  5% {
      opacity: 1;
      transform: translateY(0) skewY(-8deg);
  }
  16.66% {
      opacity: 1;
      transform: translateY(0) skewY(-8deg);
  }
  20% {
      opacity: 0;
      transform: translateY(100%) skewY(-8deg);
  }
  100% {
      opacity: 0;
      transform: translateY(0) skewY(-8deg);
  }
}
#home #main-fv .slider_fade_text > li img {
  animation: anime_slider_fade_text-100 35s 0s infinite;
  animation-fill-mode: forwards;
  opacity: 0;
}
#home #main-fv .slider_fade_text > li:nth-of-type(2) img {
  animation-delay: 7s;
}
#home #main-fv .slider_fade_text > li:nth-of-type(3) img {
  animation-delay: 14s;
}
#home #main-fv .slider_fade_text > li:nth-of-type(4) img {
  animation-delay: 21s;
}
#home #main-fv .slider_fade_text > li:nth-of-type(5) img {
  animation-delay: 28s;
}
@keyframes anime_slider_fade_text-100 {
  0% {
      visibility: visible;
      opacity: 0;
      transform: translateY(-100%);
  }
  5% {
      opacity: 1;
      transform: translateY(0);
  }
  16.66% {
      opacity: 1;
      transform: translateY(0);
  }
  20% {
      opacity: 0;
      transform: translateY(-100%);
  }
  100% {
      opacity: 0;
      transform: translateY(0);
  }
}
#home #main-fv #main-fv-bk {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  display: inline-block;
  width: 100%;
  height: 100%;
}
#home #main-fv #main-fv-bk img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#home #main-fv #main-fv-site-name {
  position: absolute;
  bottom: min(4.68vw, 60px);
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
}
#home #main-fv #main-fv-site-name img {
  width: min(32.26vw, 413px);
}
#home .list-message {
  position: relative;
  padding: min(33.59vw, 430px) 0 0;
  font-size: min(1.71vw, 22px);
  font-family: 'Noto Sans JP', sans-serif;
  color: #381C18;
}
#home .list-message .list-img {
  position: absolute;
  z-index: -1;
  top: min(3.906vw, 50px);
  width: 100%;
}
#home .list-message .list-img img {
  width: 100%;
}
#home .list-message .list-contents {
  padding: 0 min(4.68vw, 60px);
}
#home .list-message .list-contents .list-title img {
  width: min(15.23vw, 195px);
  margin: min(0.46vw, 6px) 0;
}
#home .list-message .list-contents .list-sub-title img {
  width: min(41.56vw, 532px);
  margin: min(0.46vw, 6px) 0;
}
#home .list-message .list-contents .list-desc p {
  display: inline-block;
  padding: 0 min(0.62vw, 8px);
  margin: min(0.46vw, 6px) 0;
  background: #FFFFFF;
}
#home .list-about-us .list-title {
  position: relative;
  z-index: 1;
  top: 14.5vw;
  text-align: center;
}
#home .list-about-us .list-title img {
  width: 38.35vw;
}
#home .list-about-us .list-contents .list-img {
  position: relative;
  top: -5vw;
}
#home .list-about-us .list-contents .list-img img {
  width: 100%;
}
#home .list-about-us .list-contents .list-img .item {
  position: absolute;
  z-index: 2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  width: 23.43vw;
  height: 23.43vw;
  border-radius: 100%;
  text-align: center;
  font-size: 1.40vw;
  font-weight: bold;
}
#home .list-about-us .list-contents .list-img .item a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  width: 100%;
  height: 100%;
  border-radius: 100%;
  color: #FFFFFF;
}
#home .list-about-us .list-contents .list-img .item .item-title-en img {
  height: 3.90vw;
  margin-bottom: 1vw;
}
#home .list-about-us .list-contents .list-img .item .item-title-ja img {
  height: 2.5vw;
  margin-bottom: 1vw;
}
#home .list-about-us .list-contents .list-img .item.item-01 {
  bottom: 3vw;
  left: 5vw;
}
#home .list-about-us .list-contents .list-img .item.item-02 {
  top: 25vw;
  right: 42vw;
}
#home .list-about-us .list-contents .list-img .item.item-03 {
  top: 16vw;
  right: 13vw;
}
#home .list-people {
  position: relative;
  padding: min(7.81vw, 100px) min(4.68vw, 60px) 12vw;
  margin-bottom: min(4.68vw, 60px);
  color: #381C18;
  overflow: hidden;
}
#home .list-people:after {
  content: '';
  position: absolute;
  z-index: -1;
  bottom: 0;
  left: 0;
  display: inline-block;
  width: 100%;
  height: 22.89vw;
  background: url('../images/home/people-bk-line.png') no-repeat top left;
  background-size: 100% 100%;
}
#home .list-people .wrap {
  position: relative;
}
#home .list-people .list-title img {
 width: min(29.21vw, 374px);
  margin-bottom: min(0.93vw, 12px);
}
#home .list-people .list-sub-title {
  margin-bottom: min(3.90vw, 50px);
}
#home .list-people .list-sub-title img {
 width: min(22.5vw, 288px);
}
#home .list-people .list-contents {
  display: inline-block;
  width: 100%;
}
#home .list-people .list-contents .people-list {
  position: relative;
  top: min(-7.81vw, -100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 115%;
  height: min(35.7vw, 457px);
  transform: skewY(-8deg);
  overflow: visible;
}
#home .list-people .list-contents .people-list .slick-prev {
  left: 0;
  bottom: min(5vw, 64px);
}
#home .list-people .list-contents .people-list .slick-next {
  left: min(14vw, 179.2px);
  bottom: calc(min(4vw, 51.2px) - 12px);
  right: auto;
}
#home .list-people .list-contents .people-list .slick-prev,
#home .list-people .list-contents .people-list .slick-next {
  z-index: 1;
  top: auto;
  width: min(3vw, 38.4px);
  height: min(3vw, 38.4px);
  transform: skewY(8deg);
}
#home .list-people .list-contents .people-list .slick-prev:before,
#home .list-people .list-contents .people-list .slick-next:before {
  font-size: min(3vw, 38.4px);
  color: #381C18;
}
#home .list-people .list-contents .people-list .slick-dots {
  width: auto;
  left: min(4vw, 51.2px);
  bottom: min(5vw, 64px);
  transform: skewY(8deg);
}
#home .list-people .list-contents .people-list .slick-dots li {
  width: min(1.56vw, 20px);
  height: min(1.56vw, 20px);
}
#home .list-people .list-contents .people-list .slick-dots li button {
  width: min(1.56vw, 20px);
  height: min(1.56vw, 20px);
}
#home .list-people .list-contents .people-list .slick-dots li button:before {
  width: min(1.56vw, 20px);
  height: min(1.56vw, 20px);
  color: #381C18;
  line-height: min(1.56vw, 20px);
  font-size: min(1.56vw, 20px);
}
#home .list-people .list-contents .people-list .people-info {
  width: min(27.34vw, 350px);
  color: #381C18;
  font-weight: 700;
  transform: skewY(8deg);
}
#home .list-people .list-contents .people-list .people-info .info-num {
  display: inline-block;
  width: 100%;
  margin-bottom: min(1.95vw, 25px);
}
#home .list-people .list-contents .people-list .people-info .info-num img {
  height: min(6.09vw, 78px);
}
#home .list-people .list-contents .people-list .people-info .info-name {
  display: inline-block;
  width: 100%;
  margin-bottom: min(1.56vw, 20px);
  font-size: min(1.95vw, 25px);
}
#home .list-people .list-contents .people-list .people-info .info-catch {
  display: inline-block;
  width: 100%;
  margin-bottom: min(2.34vw, 30px);
  font-size: min(1.32vw, 17px);
} 
#home .list-people .list-contents .people-list .people-list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(76.56vw, 980px);
  padding: 2vw 0 3vw;
}
#home .list-people .list-contents .people-list .people-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#home .list-people .list-contents .people-list .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(23.67vw, 303px);
  height: min(35.70vw, 457px);
  margin-right: min(2.34vw, 30px);
}
#home .list-people .list-contents .people-list .list-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#home .list-people .list-contents .people-list .list-img img:nth-child(1) {
  width: min(23.67vw, 303px);
}
#home .list-people .list-contents .people-list .list-img img:nth-child(2) {
  position: absolute;
  top: -2vw;
  right: 1vw;
  height: min(4.37vw, 56px);
  transform: skewY(8deg);
}
#home .list-people .list-contents .people-list .list-btn {
  position: absolute;
  bottom: -3vw;
  left: -5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(11.09vw, 142px);
  height: min(11.09vw, 142px);
  border-radius: 100%;
  background: url('../images/home/people-btn-bk.svg') no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
  transform: skewY(8deg);
}
#home .list-people .list-contents .people-list .list-btn img {
  position: relative;
  top: 0;
  right: 0;
  width: min(7.5vw, 96px);
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
#home .list-people .list-contents .people-list a:hover .list-btn img {
  top: -0.2vw;
  right: -0.2vw;
}
#home .list-information {
  padding: 0 0 min(9.37vw, 120px);
}
#home .list-information .list-title {
  margin-bottom: min(2.34vw, 30px);
  text-align: center;
}
#home .list-information .list-title img {
  width: min(38.98vw, 499px);
}
#home .list-information .list-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}
#home .list-information .list-contents a {
  display: inline-block;
  margin: min(1.56vw, 20px);
}
#home .list-information .list-contents .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  width: min(38.28vw, 490px);
  height: min(11.71vw, 150px);
  background: url('../images/home/information-bk-02.png') no-repeat center;
  background-size: 100% 100%;
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
#home .list-information .list-contents a:hover {
  opacity: 1;
}
#home .list-information .list-contents a:hover .item {
  background: url('../images/home/information-bk-02-hover.png') no-repeat center;
  background-size: 100% 100%;
}
#home .list-information .list-contents .item .item-title img {
  height: min(3.28vw, 42px);
  margin-bottom: min(1.56vw, 20px);
}
#home .list-information .list-contents .item .item-desc img {
  height: min(5vw, 64px);
}
#home .list-information .list-contents .item .item-icon img {
  width: min(2.57vw, 33px);
}
#home .list-information .list-contents a:nth-child(1) .item,
#home .list-information .list-contents a:nth-child(2) .item {
  height: min(14.68vw, 188px);
  background: url('../images/home/information-bk-01.png') no-repeat center;
  background-size: 100% 100%;
}
#home .list-information .list-contents a:nth-child(1):hover .item,
#home .list-information .list-contents a:nth-child(2):hover .item {
  background: url('../images/home/information-bk-01-hover.png') no-repeat center;
  background-size: 100% 100%;
}
#home .list-information .list-contents a:nth-child(1) .item .item-title img ,
#home .list-information .list-contents a:nth-child(2) .item .item-title img  {
  height: min(3.59vw, 46px);
}
#home .list-information .list-contents a:nth-child(2) .item .item-desc img {
  height: min(1.87vw, 24px);
}
#home .list-information .list-contents a:nth-child(5) .item {
  background: url('../images/home/information-bk-03.png') no-repeat center;
  background-size: 100% 100%;
}
#home .list-information .list-contents a:nth-child(5):hover .item {
  background: url('../images/home/information-bk-03-hover.png') no-repeat center;
  background-size: 100% 100%;
}
#home .list-information .list-contents a:nth-child(5) .item .item-title {
  display: inline-block;
  width: 100%;
  background: #FFFFFF;
  text-align: center;
}
#home .list-information .list-contents a:nth-child(5) .item .item-title img {
  margin: min(0.93vw, 12px) 0;
}

@media screen and (max-width: 768px) {
  #home {
    padding-top: 0;
  }
  #home header .header-logo-icon {
    top: 5vw;
    left: 5vw;
  }
  #home header .header-entry {
    top: 5vw;
    right: 21vw;
  }
  #home header .hamburger {
    top: 5vw;
    right: 5vw;
  }
  #home #main-fv {
    display: none;
  }
  #home #main-fv-sp {
    position: relative;
    display: inline-block;
    width: 100%;
    height: 100vh;
    border: 4.26vw solid #FFFFFF;
  }
  #home #main-fv-sp:after {
    content: '';
    position: absolute;
    z-index: 1;
    bottom: 0;
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 2.13vw;
    height: 4.53vw;
    background: #FFFFFF;
  }
  #home #main-fv-sp .slider_fade {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 58.66vw;
    height: 116.53vw;
  }
  #home #main-fv-sp .slider_fade img {
    width: 58.66vw;
    height: 116.53vw;
  }
  #home #main-fv-sp .slider_fade > li {
    position: absolute;
    list-style: none;
    visibility: hidden;
    animation: anime_slider_fade 35s 0s infinite;
  }
  #home #main-fv-sp .slider_fade > li:nth-of-type(2) {
    animation-delay: 7s;
  }
  #home #main-fv-sp .slider_fade > li:nth-of-type(3) {
    animation-delay: 14s;
  }
  #home #main-fv-sp .slider_fade > li:nth-of-type(4) {
    animation-delay: 21s;
  }
  #home #main-fv-sp .slider_fade > li:nth-of-type(5) {
    animation-delay: 28s;
  }
  #home #main-fv-sp .slider_fade_text {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    height: 53.22vw;
    text-align: center;
  }
  #home #main-fv-sp .slider_fade_text > li {
    position: absolute;
    width: 74.92vw;
    list-style: none;
    visibility: hidden;
    opacity: 0;
    animation: anime_slider_fade_text 35s 0s infinite;
    animation-fill-mode: forwards;
    overflow: hidden;
  }
  #home #main-fv-sp .slider_fade_text > li:nth-of-type(2) {
    animation-delay: 7s;
    width: 92.8vw;
  }
  #home #main-fv-sp .slider_fade_text > li:nth-of-type(3) {
    animation-delay: 14s;
    width: 92.8vw;
  }
  #home #main-fv-sp .slider_fade_text > li:nth-of-type(4) {
    animation-delay: 21s;
    width: 92.8vw;
  }
  #home #main-fv-sp .slider_fade_text > li:nth-of-type(5) {
    animation-delay: 28s;
    width: 92.8vw;
  }
  #home #main-fv-sp .slider_fade_text > li img {
    animation: anime_slider_fade_text-100 35s 0s infinite;
    animation-fill-mode: forwards;
    opacity: 0;
  }
  #home #main-fv-sp .slider_fade_text > li:nth-of-type(2) img {
    animation-delay: 7s;
  }
  #home #main-fv-sp .slider_fade_text > li:nth-of-type(3) img {
    animation-delay: 14s;
  }
  #home #main-fv-sp .slider_fade_text > li:nth-of-type(4) img {
    animation-delay: 21s;
  }
  #home #main-fv-sp .slider_fade_text > li:nth-of-type(5) img {
    animation-delay: 28s;
  }
  #home #main-fv-sp #main-fv-site-name {
    position: absolute;
    bottom: min(7.03vw, 90px);
    left: 50%;
    -ms-transform: translate(-50%, 0);
    -moz-transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
  }
  #home #main-fv-sp #main-fv-site-name img {
    width: 77.86vw;
  }
  #home #main-fv-sp #main-fv-bk {
    position: absolute;
    z-index: -1;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: inline-block;
    width: 100%;
    height: 100%;
  }
  #home #main-fv-sp #main-fv-bk img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  #home .list-message {
    padding: 45vw 0 0;
    margin-bottom: -15vw;
    font-size: 3.73vw;
    overflow-x: hidden;
  }
  #home .list-about-us .list-title {
    top: 38vw;
  }
  #home .list-about-us .list-title img {
    width: 86.4vw;
  }
  #home .list-message .list-img {
    position: relative;
    top: 0;
  }
  #home .list-message .list-img img {
    width: 110%;
    max-width: none;
  }
  #home .list-message .list-contents {
    position: absolute;
    top: 5vw;
    left: 0;
  }
  #home .list-message .list-contents .list-title img {
    width: 36.25vw;
    margin: 0 0 3vw;
  }
  #home .list-message .list-contents .list-sub-title img {
    width: 88.53vw;
    margin: 0 0 3vw;
  }
  #home .list-message .list-contents .list-desc p {
    padding: 0 1vw;
    margin: 2vw 0;
  }
  #home .list-about-us .list-contents .list-img .item {
    width: 72vw;
    height: 72vw;
    font-size: 4.26vw;
  }
  #home .list-about-us .list-contents .list-img .item .item-title-en img {
    height: 10.93vw;
    margin-bottom: 3vw;
  }
  #home .list-about-us .list-contents .list-img .item .item-title-ja img {
    height: 6.93vw;
    margin-bottom: 3vw;
  }
  #home .list-about-us .list-contents .list-img .item.item-01 {
    bottom: 15vw;
    left: 2vw;
  }
  #home .list-about-us .list-contents .list-img .item.item-02 {
    top: auto;
    bottom: 100vw;
    right: auto;
    left: 16vw;
  }
  #home .list-about-us .list-contents .list-img .item.item-03 {
    top: 47vw;
    right: 3vw;
  }
  #home .list-people {
    padding: 0 2.66vw;
    overflow-x: hidden;
  }
  #home .list-people .list-title img {
    width: 47.07vw;
    margin-bottom: 3vw;
  }
  #home .list-people .list-sub-title {
    margin-bottom: 0;
  }
  #home .list-people .list-sub-title img {
    width: 70.02vw;
  }
  #home .list-people .list-contents {
    padding: 0 0 45vw 0;
  }
  #home .list-people .list-contents .people-list {
    top: 0;
    width: 100%;
    height: 64.8vw;
  }
  #home .list-people .list-contents .people-list .slick-dots {
    left: auto;
    right: 10vw;
    bottom: -23vw;
  }
  #home .list-people .list-contents .people-list .slick-dots li {
    width: 3.2vw;
    height: 3.2vw;
  }
  #home .list-people .list-contents .people-list .slick-dots li button {
    width: 3.2vw;
    height: 3.2vw;
  }
  #home .list-people .list-contents .people-list .slick-dots li button:before {
    width: 3.2vw;
    height: 3.2vw;
    line-height: 3.2vw;
    font-size: 3.2vw;
  }
  #home .list-people .list-contents .people-list .slick-prev,
  #home .list-people .list-contents .people-list .slick-next {
    width: 7vw;
    height: 7vw;
  }
  #home .list-people .list-contents .people-list .slick-prev {
    left: auto;
    right: 35vw;
    bottom: -22.5vw;
  }
  #home .list-people .list-contents .people-list .slick-next {
    left: auto;
    right: 0;
    bottom: -27vw;
  }
  #home .list-people .list-contents .people-list .slick-prev:before,
  #home .list-people .list-contents .people-list .slick-next:before {
    font-size: 7vw;
  }
  #home .list-people .list-contents .people-list .people-info {
    top: 95vw;
    right: 0;
    width: 100%;
    text-align: right;
  }
  #home .list-people .list-contents .people-list .people-info .info-num {
    margin-bottom: 1vw;
    text-align: right;
  }
  #home .list-people .list-contents .people-list .people-info .info-num img {
    height: 9.6vw;
    margin: auto 0 auto auto;
  }
  #home .list-people .list-contents .people-list .people-info .info-name {
    margin-bottom: 3vw;
    font-size: 4.8vw;
  }
  #home .list-people .list-contents .people-list .people-info .info-catch {
    font-size: 3.2vw;
  }
  #home .list-people .list-contents .people-list .people-info .info-type .circle {
    width: 2.93vw;
    height: 2.93vw;
    margin-right: 1vw;
    border: 0.53vw solid #381C18;
  }
  #home .list-people .list-contents .people-list .people-info .info-type span {
    padding: 0 1vw;
    margin: 1vw 0;
    font-size: 2.93vw;
  }
  #home .list-people .list-contents .people-list .people-info-list {
    position: relative;
    left: 20vw;
  }
  #home .list-people .list-contents .people-list .people-list-box {
    width: 100%;
    height: 100%;
    flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
  }
  #home .list-people .list-contents .people-list .list {
    width: 33.86vw;
    height: 50.93vw;
    margin-right: 5vw;
  }
  #home .list-people .list-contents .people-list .list-img img:nth-child(1) {
    width: 33.86vw;
  }
  #home .list-people .list-contents .people-list .list-img img:nth-child(2) {
    height: 6.13vw;
  }
  #home .list-information .list-title {
    margin-bottom: 3vw;
  }
  #home .list-information .list-title img {
    width: 78.31vw;
  }
  #home .list-information .list-contents a {
    margin: 3vw;
  }
  #home .list-information .list-contents .item {
    width: 94.66vw;
    height: 28.8vw;
  }
  #home .list-information .list-contents .item .item-title {
    margin-bottom: 2vw;
  }
  #home .list-information .list-contents a:nth-child(1) .item,
  #home .list-information .list-contents a:nth-child(2) .item {
    height: 36.26vw;
  }
  #home .list-information .list-contents a:nth-child(1) .item .item-title img,
  #home .list-information .list-contents a:nth-child(2) .item .item-title img {
    height: 7.2vw;
  }
  #home .list-information .list-contents .item .item-desc img {
    height: 12.33vw;
  }
  #home .list-information .list-contents a:nth-child(2) .item .item-desc img {
    height: 4.61vw;
  }
  #home .list-information .list-contents .item .item-title img {
    height: 8vw;
    margin-bottom: 2vw;
  }
  #home .list-information .list-contents .item .item-icon img {
    width: 6.4vw;
  }
  #home .list-information .list-contents a:nth-child(5) .item .item-title {
    margin-bottom: 0;
  }
  #home .list-information .list-contents a:nth-child(5) .item .item-title img {
    height: 9.6vw;
    margin: 3vw 1vw;
  }
}

/* page common
-------------------------------------------------- */
.page #content {
  overflow-x: hidden;
}
.page #main .wrap {
  padding: min(3.90vw, 50px) min(3.90vw, 50px) min(3.90vw, 50px) min(12.03vw, 154px);
}
.page .page-nav {
  position: fixed;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  z-index: 99;
  left: min(1.17vw, 15px);
  bottom: min(1.17vw, 15px);
  opacity: 0;
  visibility: hidden;
  transition: all .5s;
}
.page .page-nav.is-active {
  opacity: 1;
  visibility: visible;
}
.page .page-nav img:nth-child(1) {
  height: min(1.32vw, 17px);
  margin-bottom: min(1.17vw, 15px);
}
.page .page-nav img:nth-child(2) {
  height: min(0.70vw, 9px);
}
.page .page-arrow-icon img {
  position: absolute;
  z-index: -1;
}
.page .page-title {
  display: inline-block;
  width: 100%;
  padding-bottom: min(1.95vw, 25px);
  margin: 0 0 min(1.95vw, 25px);
  text-align: right;
  border-bottom: min(0.31vw, 4px) solid #FFFFFF;
}
.page .page-title .title-en {
  display: inline-block;
  margin-bottom: min(1.95vw, 25px);
  background: #FFFFFF;
}
.page .page-title .title-en img {
  height: min(6.48vw, 83px);
  margin: min(1.95vw, 25px);
}
.page .page-title .title-ja {
  display: inline-block;
  vertical-align: middle;
  background: #FFFFFF;
  line-height: 1;
}
.page .page-title .title-ja img {
  height: min(2.89vw, 37px);
  margin: min(0.78vw, 10px);
}

@media screen and (max-width: 768px) {
  .page #main .wrap {
    padding: 6.13vw 2.66vw;
  }
  .page .page-nav {
    display: none;
  }
  .page .page-arrow-icon {
    display: none;
  }
  .page .page-title {
    padding-bottom: 2vw;
    margin-bottom: 5vw;
    border-bottom: 1.06vw solid #FFFFFF;
  }
  .page .page-title .title-en {
    margin-bottom: 2vw;
  }
  .page .page-title .title-en img {
    height: 7.73vw;
    margin: 2vw;
  }
  .page .page-title .title-ja img {
    height: 3.46vw;
    margin: 1vw;
  }
}

/* business page
-------------------------------------------------- */
#business .page-arrow-icon img.arrow-01 {
  top: 40vw;
  left: 8vw;
  width: min(6.48vw, 82.94px);
}
#business .page-arrow-icon img.arrow-02 {
  z-index: 1;
  top: 58vw;
  right: 2vw;
  width: min(7.73vw, 123.684px);
}
#business .page-arrow-icon img.arrow-03 {
  z-index: 1;
  top: 55vw;
  left: 48vw;
  width: min(13.98vw, 178.94px);
}
#business .page-arrow-icon img.arrow-04 {
  top: 98vw;
  left: 6vw;
  width: min(9.06vw, 116px);
}
#business .page-arrow-icon img.arrow-05 {
  bottom: 45vw;
  left: 5vw;
  width: min(18.82vw, 241px);
}
#business .page-info {
  position: relative;
  text-align: right;
}
#business .page-info .page-catch {
  position: absolute;
  z-index: 1;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
#business .page-info .page-catch .main-catch {
  display: inline-block;
  margin-bottom: min(1.56vw, 20px);
}
#business .page-info .page-catch .main-catch img {
  width: min(64.06vw, 820px);
}
#business .page-info .page-catch .main-desc img {
  width: min(50.39vw, 645px);
}
#business .page-info .page-main-img {
  position: relative;
  right: min(-3.90vw, -50px);
  width: min(63.98vw, 819px);
  margin: 0 0 0 auto;
}
#business .page-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
}
#business .page-contents .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  width: min(40.46vw, 518px);
  padding: min(3.90vw, 50px) 0 min(10.93vw, 140px);
  background: #FFFFFF;
  border-radius: min(19.29vw, 247px);
  color: #381C18;
  font-weight: 700;
}
#business .page-contents .item:nth-child(1) {
  position: relative;
  z-index: 2;
  top: min(-15vw, -192px);
}
#business .page-contents .item .item-icon {
  text-align: center;
}
#business .page-contents .item .item-icon img {
  width: min(16.71vw, 214px);
}
#business .page-contents .item .item-title {
  margin-bottom: min(1.56vw, 20px);
  font-size: min(2.42vw, 31px);
  text-align: center;
}
#business .page-contents .item .item-title .title-ja {
  display: inline-block;
  width: 100%;
  margin-top: min(3.12vw, 40px);
  line-height: 1;
}
#business .page-contents .item .item-title .title-en {
  position: relative;
  top: min(-1.56vw, -20px);
}
#business .page-contents .item .item-title .title-en img {
  height: min(1.17vw, 15px);
}
#business .page-contents .item .item-contents {
  padding: 0 min(3.12vw, 40px);
  margin-bottom: min(3.12vw, 40px);
  font-size: min(1.56vw, 20px);
}
#business .page-contents .item .item-img {
  width: 100%;
  padding: min(1.95vw, 25px);
  background: #F4EFEB;
  text-align: center;
}
#business .page-contents .item:nth-child(1) .item-img {
  padding: 0;
  background: #FFFFFF;
}
#business .page-contents .item:nth-child(1) .item-img img {
  margin: min(0.5vw, 6.4px) 0;
}
#business .page-contents .item .item-img .img-box {
  margin-bottom: min(1vw, 12.8px);
}
#business .page-contents .item .item-img .img-box .box-title img {
  height: min(1.325vw, 17px);
  margin-bottom: min(0.5vw, 6.4px);
}
#business .page-contents .item .item-img .img-box .box-contents img {
  width: min(33.595vw, 430px);
}
#business .page-contents .item .item-point .point-box {
  margin-top: min(3.90vw, 50px);
  text-align: center;
  font-size: min(1.71vw, 22px);
}
#business .page-contents .item .item-point .box-title img {
  width: min(6.25vw, 80px);
}

@media screen and (max-width: 768px) {
  #business .page-info .page-catch {
    position: relative;
  }
  #business .page-info .page-catch .main-catch {
    margin-bottom: 3vw;
  }
  #business .page-info .page-catch .main-catch img {
    width: 89.06vw;
  }
  #business .page-info .page-catch .main-desc img {
    width: 94.66vw;
  }
  #business .page-info .page-main-img {
    top: -15vw;
    width: 82.66vw;
  }
  #business .page-contents .item:nth-child(1) {
    top: 0;
  }
  #business .page-contents {
    position: relative;
    top: -7vw;
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    align-items: center;
  }
  #business .page-contents .item {
    width: 100%;
    padding: 15vw 0;
    margin-bottom: 10vw;
    border-radius: 45.06vw;
  }
  #business .page-contents .item .item-icon img {
    width: 39.2vw;
  }
  #business .page-contents .item .item-title {
    margin: 3vw 0 1vw;
    font-size: 6.66vw;
  }
  #business .page-contents .item .item-title .title-en {
    top: -4vw;
  }
  #business .page-contents .item .item-title .title-en img {
    height: 2.93vw;
  }
  #business .page-contents .item .item-contents {
    padding: 0 8vw;
    font-size: 4.26vw;
  }
  #business .page-contents .item .item-img {
    padding: 5vw 0;
  }
  #business .page-contents .item:nth-child(1) .item-img img {
    width: 100%;
    margin: 3vw 0;
  }
  #business .page-contents .item .item-point .point-box {
    margin-top: 5vw;
    font-size: 3.73vw;
  }
  #business .page-contents .item .item-point .box-title {
    margin-bottom: 3vw;
  }
  #business .page-contents .item .item-point .box-title img {
    width: 16vw;
  }
  #business .page-contents .item .item-img .img-box {
    margin-bottom: 3vw;
  }
  #business .page-contents .item .item-img .img-box .box-title img {
    height: 3.2vw;
    margin-bottom: 1vw;
  }
  #business .page-contents .item .item-img .img-box .box-contents img {
    width: 78.4vw;
  }
}

/* works page
-------------------------------------------------- */
#works .page-arrow-icon img.arrow-01 {
  top: 50vw;
  right: 36vw;
  width: min(7.10vw, 91px);
}
#works .page-arrow-icon img.arrow-02 {
  top: 62vw;
  right: 16vw;
  width: min(6.17vw, 79px);
}
#works .page-arrow-icon img.arrow-03 {
  top: 87vw;
  left: 7vw;
  width: min(9.21vw, 118px);
}
#works .page-arrow-icon img.arrow-04 {
  top: 132vw;
  left: 22vw;
  width: min(6.87vw, 88px);
}
#works .page-arrow-icon img.arrow-05 {
  bottom: 53vw;
  right: 37vw;
  width: min(5.54vw, 71px);
}
#works .page-arrow-icon img.arrow-06 {
  bottom: 42vw;
  left: 7vw;
  width: min(4.68vw, 60px);
}
#works .page-arrow-icon img.arrow-07 {
  bottom: 31vw;
  right: 29vw;
  width: min(11.32vw, 145px);
}
#works .page-info {
  position: relative;
  text-align: right;
  border-bottom: min(0.31vw, 4px) solid #FFFFFF;
}
#works .page-info .page-catch {
  position: absolute;
  z-index: 1;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
#works .page-info .page-catch .main-catch {
  display: inline-block;
  margin-bottom: min(3.12vw, 40px);
}
#works .page-info .page-catch .main-catch img:nth-child(1) {
  width: min(64.37vw, 824px);
  margin: 0 0 min(1.95vw, 25px);
}
#works .page-info .page-catch .main-catch img:nth-child(2) {
  width: min(44.37vw, 568px);
}
#works .page-info .page-catch .main-desc {
  width: min(53.82vw, 689px);
  font-size: min(1.48vw, 19px);
  color: #381C18;
}
#works .page-info .page-main-img {
  position: relative;
  top: min(-2vw, -25.6px);
  right: max(-23.43vw, -300px);
  width: min(54.6vw, 699px);
  margin: 0 0 0 auto;
}
#works .page-contents .box {
  display: inline-block;
  width: 100%;
  padding: min(4.29vw, 55px) 0;
}
#works .page-contents .sub-title {
  display: inline-block;
  margin: min(4.29vw, 55px) 0;
}
#works .page-contents .sub-title img {
  height: min(3.43vw, 44px);
}
#works .page-contents .box01 {
  border-bottom: min(0.31vw, 4px) solid #FFFFFF;
}
#works .page-contents .box01 .sub-title {
  width: 100%;
  text-align: center;
}
#works .page-contents .slide-list {
  background: #FFFFFF;
  padding: min(2.34vw, 30px) min(4.29vw, 55px);
}
#works .page-contents .slide-list .slick-prev,
#works .page-contents .slide-list .slick-next {
  z-index: 1;
  width: min(4.29vw, 55px);
  height: 100%;
  background: #DBCCC1;
}
#works .page-contents .slide-list .slick-prev {
  left: 0;
}
#works .page-contents .slide-list .slick-next {
  right: 0;
}
#works .page-contents .slide-list .slick-prev:before,
#works .page-contents .slide-list .slick-next:before {
  font-size: min(2.81vw, 36px);
}
#works .page-contents .slide-list img {
  padding: 0 min(1.56vw, 20px);
}
#works .page-contents .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-top: min(0.15vw, 2px) solid #FFFFFF;
  color: #381C18;
}
#works .page-contents .item:last-child {
  border-bottom: min(0.07vw, 1px) solid #FFFFFF;
}
#works .page-contents .item .item-num {
  width: min(8.20vw, 105px);
  color: #FFFFFF;
  font-family: 'Roboto', sans-serif;
  font-size: min(5.23vw, 67px);
}
#works .page-contents .item .item-contents {
  width: min(43.43vw, 556px);
  font-size: min(1.17vw, 15px);
}
#works .page-contents .item .item-contents span {
  font-size: min(1.95vw, 25px);
  line-height: 2.5;
}
#works .page-contents .item .item-img {
  width: min(25.93vw, 332px);
}
#works .page-contents .item .item-img img {
  width: 100%;
}

@media screen and (max-width: 768px) {
  #works .page-info {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
    margin-bottom: 15vw;
    border-bottom: 0;
  }
  #works .page-info .page-main-img {
    top: 0;
    right: -2.66vw;
    width: 86.13vw;
  }
  #works .page-info .page-main-img img {
    width: 100%;
  }
  #works .page-info .page-catch {
    position: relative;
  }
  #works .page-info .page-catch .main-catch {
    position: absolute;
    top: -50vw;
    left: 0;
    margin-bottom: 0;
  }
  #works .page-info .page-catch .main-catch img:nth-child(1) {
    width: 89.06vw;
    margin-bottom: 2vw;
  }
  #works .page-info .page-catch .main-catch img:nth-child(2) {
    width: 72.8vw;
  }
  #works .page-info .page-catch .main-desc {
    width: 100%;
    font-size: 3.73vw;
  }
  #works .page-contents .box {
    padding: 5vw 0;
    margin: 5vw 0;
  }
  #works .page-contents .sub-title {
    margin: 3vw 0;
  }
  #works .page-contents .sub-title img {
    height: 7.2vw;
  }
  #works .page-contents .box01 {
    border-bottom: 0;
    margin-bottom: 10vw;
  }
  #works .page-contents .box01 .sub-title {
    margin-bottom: 5vw;
  }
  #works .page-contents .slide-list .slick-prev,
  #works .page-contents .slide-list .slick-next {
    z-index: 1;
    top: auto;
    bottom: -20vw;
    width: 12.26vw;
    height: 12.26vw;
    background: transparent;
  }
  #works .page-contents .slide-list .slick-prev {
    left: 35vw;
  }
  #works .page-contents .slide-list .slick-next {
    right: 35vw;
  }
  #works .page-contents .slide-list .slick-prev:before,
  #works .page-contents .slide-list .slick-next:before {
    font-size: 10vw;
    color: #381C18;
  }
  #works .page-contents .slide-list img {
    padding: 0 2vw;
  }
  #works .page-contents .item {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    align-items: flex-start;
    margin: 5vw 0;
    border-top: 0;
    border-bottom: 0.53vw solid #FFFFFF;
  }
  #works .page-contents .item .item-num {
    position: relative;
    top: 3vw;
    width: auto;
    font-size: 17.86vw;
    line-height: 1;
  }
  #works .page-contents .item .item-contents {
    width: 100%;
    font-size: 3.2vw;
  }
  #works .page-contents .item .item-contents span {
    font-size: 5.33vw;
    line-height: 2;
  }
  #works .page-contents .item .item-img {
    width: 100%;
    margin: 3vw 0;
  }
}

/* data page
-------------------------------------------------- */
#data .page-arrow-icon img.arrow-01 {
  top: 29vw;
  right: 6vw;
  width: min(11.17vw, 143px);
}
#data .page-arrow-icon img.arrow-02 {
  top: 54vw;
  left: 6vw;
  width: min(8.67vw, 111px);
}
#data .page-arrow-icon img.arrow-03 {
  top: 85vw;
  right: 28vw;
  width: min(18.59vw, 238px);
}
#data .page-arrow-icon img.arrow-04 {
  top: 78vw;
  left: 6vw;
  width: min(912.5vw, 160px);
}
#data .page-arrow-icon img.arrow-05 {
  bottom: 61vw;
  right: 1vw;
  width: min(19.92vw, 255px);
}
#data .page-arrow-icon img.arrow-06 {
  bottom: 25vw;
  left: -1vw;
  width: min(21.95vw, 281px);
}
#data .page-nav img:nth-child(1) {
  height: min(3.51vw, 45px);
  margin-bottom: min(2.34vw, 30px);
}
#data .page-title .title-ja {
  display: inline-block;
  margin-bottom: min(1.95vw, 25px);
}
#data .page-title .main-catch img {
  width: min(59.76vw, 765px);
}
#data .page-contents .item-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  margin: 1vw 0 5vw;
}
#data .page-contents .item-list .item {
  float: left;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  margin: min(1vw, 12.8px) 0;
  color: #FFFFFF;
  text-align: center;
}
#data .page-contents .item-list .item .item-title {
  padding-left: min(2.73vw, 35px);
  margin-bottom: min(2.66vw, 10px);
  font-size: min(2.18vw, 28px);
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
#data .page-contents .item-list .item .item-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
#data .page-contents .item-list .item .item-contents .item-data {
  line-height: 1;
}
#data .page-contents .item-list .item .item-contents .item-data span {
  font-family: 'Roboto', sans-serif;
}
#data .page-contents .item-list .item-01 .item-title {
  color: #5593F1;
}
#data .page-contents .item-list .item-01 .item-contents {
  width: min(32.18vw, 412px);
  height: min(17.96vw, 230px);
  background: url('../images/data/bk-01.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-01 .item-contents .item-data {
  font-size: min(4.53vw, 58px);
}
#data .page-contents .item-list .item-01 .item-contents .item-data span {
  font-size: min(11.40vw, 146px);
}
#data .page-contents .item-list .item-01 .item-contents .item-date {
  font-size: min(1.48vw, 19px);
}
#data .page-contents .item-list .item-02 {
  top: min(4vw, 51.2px);
}
#data .page-contents .item-list .item-02 .item-title {
  color: #457a36;
}
#data .page-contents .item-list .item-02 .item-contents {
  width: min(44.21vw, 566px);
  height: min(18.98vw, 243px);
  background: url('../images/data/bk-02.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-02 .item-contents .item-data {
  font-size: min(4.53vw, 58px);
}
#data .page-contents .item-list .item-02 .item-contents .item-data span {
  font-size: min(9.45vw, 121px);
}
#data .page-contents .item-list .item-02 .item-contents .item-desc {
  font-size: min(0.93vw, 12px);
}
#data .page-contents .item-list .item-03 {
  top: min(-2vw, -25.6px);
  left: min(4vw, 51.2px);
}
#data .page-contents .item-list .item-03 .item-title {
  color: #f09538;
}
#data .page-contents .item-list .item-03 .item-contents {
  width: min(29.45vw, 377px);
  height: min(20.39vw, 261px);
  background: url('../images/data/bk-03.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-03 .item-contents .item-data {
  font-size: min(5vw, 64px);
}
#data .page-contents .item-list .item-03 .item-contents .item-data span {
  font-size: min(9.84vw, 126px);
}
#data .page-contents .item-list .item-03 .item-contents .item-date {
  font-size: min(1.40vw, 18px);
}
#data .page-contents .item-list .item-03 .item-contents .item-desc {
  font-size: min(0.93vw, 12px);
}
#data .page-contents .item-list .item-04 {
  top: min(6vw, 76.8px);
  right: min(5vw, 64px);
}
#data .page-contents .item-list .item-04 .item-title {
  color: #5bc1ff;
}
#data .page-contents .item-list .item-04 .item-contents {
  width: min(36.32vw, 465px);
  height: min(25.78vw, 330px);
  background: url('../images/data/bk-04.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-04 .item-contents .item-data img {
  width: min(36.40vw, 466px);
}
#data .page-contents .item-list .item-05 {
  top: min(-2vw, -25.6px);
}
#data .page-contents .item-list .item-05 .item-title {
  color: #0046e1;
}
#data .page-contents .item-list .item-05 .item-contents {
  width: min(36.32vw, 465px);
  height: min(25.78vw, 330px);
  background: url('../images/data/bk-05.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-05 .item-contents .item-data img {
  width: min(36.40vw, 466px);
}
#data .page-contents .item-list .item-06 {
  top: min(4vw, 51.2px);
}
#data .page-contents .item-list .item-06 .item-title {
  color: #e03828;
}
#data .page-contents .item-list .item-06 .item-contents {
  width: min(25.07vw, 321px);
  height: min(16.40vw, 210px);
  background: url('../images/data/bk-06.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-06 .item-contents .item-data {
  font-size: min(4.92vw, 63px);
}
#data .page-contents .item-list .item-06 .item-contents .item-data span {
  font-size: min(10.39vw, 133px);
}
#data .page-contents .item-list .item-06 .item-contents .item-date {
  font-size: min(1.40vw, 18px);
}
#data .page-contents .item-list .item-07 {
  top: min(-2vw, -25.6px);
  left: min(4vw, 51.2px);
}
#data .page-contents .item-list .item-07 .item-title {
  color: #77d4db;
}
#data .page-contents .item-list .item-07 .item-contents {
  width: min(36.32vw, 465px);
  height: min(25.78vw, 330px);
  background: url('../images/data/bk-07.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-07 .item-contents .item-data img {
  width: min(36.40vw, 466px);
}
#data .page-contents .item-list .item-07 .item-contents .item-data {
  font-size: min(4.53vw, 58px);
}
#data .page-contents .item-list .item-07 .item-contents .item-data span {
  font-size: min(9.45vw, 121px);
}
#data .page-contents .item-list .item-07 .item-contents .item-date {
  font-size: min(1.40vw, 18px);
}
#data .page-contents .item-list .item-07 .item-contents .item-desc {
  font-size: min(0.93vw, 12px);
}
#data .page-contents .item-list .item-08 {
  top: min(2vw, 25.6px);
  right: min(4vw, 51.2px);
}
#data .page-contents .item-list .item-08 .item-title {
  color: #457a36;
}
#data .page-contents .item-list .item-08 .item-contents {
  width: min(31.32vw, 401px);
  height: min(27.5vw, 352px);
  background: url('../images/data/bk-08.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-08 .item-contents .item-data {
  font-size: min(5vw, 64px);
}
#data .page-contents .item-list .item-08 .item-contents .item-data span {
  font-size: min(9.84vw, 126px);
}
#data .page-contents .item-list .item-08 .item-contents .item-date {
  font-size: min(1.40vw, 18px);
}
#data .page-contents .item-list .item-08 .item-contents .item-desc {
  font-size: min(0.93vw, 12px);
}
#data .page-contents .item-list .item-09 {
  left: min(23.45vw, 300px);
}
#data .page-contents .item-list .item-09 .item-title {
  color: #f09538;
}
#data .page-contents .item-list .item-09 .item-contents {
  width: min(35.85vw, 459px);
  height: min(21.17vw, 271px);
  background: url('../images/data/bk-09.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-09 .item-contents .item-data {
  font-size: min(5vw, 64px);
}
#data .page-contents .item-list .item-09 .item-contents .item-data span {
  font-size: min(9.84vw, 126px);
}
#data .page-contents .item-list .item-09 .item-contents .item-data span.small {
  font-size: min(1.56vw, 20px);
}
#data .page-contents .item-list .item-09 .item-contents .item-date {
  font-size: min(1.40vw, 18px);
}
#data .page-contents .item-list .item-09 .item-contents .item-desc {
  font-size: min(0.93vw, 12px);
}
#data .page-contents .item-list .item-10 {
  top: min(1vw, 12.8px);
  right: min(8vw, 102.4px);
}
#data .page-contents .item-list .item-10 .item-title {
  color: #5593f1;
}
#data .page-contents .item-list .item-10 .item-contents {
  width: min(21.17vw, 271px);
  height: min(21.09vw, 270px);
  background: url('../images/data/bk-10.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-list .item-10 .item-contents .item-data {
  font-size: min(5vw, 64px);
}
#data .page-contents .item-list .item-10 .item-contents .item-data span {
  font-size: min(9.84vw, 126px);
}
#data .page-contents .item-list .item-10 .item-contents .item-date {
  font-size: min(1.40vw, 18px);
}
#data .page-contents .item-list .item-10 .item-contents .item-desc {
  font-size: min(0.93vw, 12px);
}
#data .page-contents .item-group-list {
  position: relative;
  left: 5vw;
  margin-top: min(2.34vw, 30px);
}
#data .page-contents .item-group-list .list-title {
  position: relative;
  left: 3vw;
  color: #381C18;
  font-size: min(2.34vw, 30px);
  font-weight: 700;
}
#data .page-contents .item-group-list .list-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
  width: min(79.68vw, 1020px);
  height: min(56.01vw, 717px);
  background: url('../images/data/bk-group.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-group-list .item {
  float: left;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  margin: 0 min(3.90vw, 50px);
  color: #FFFFFF;
  text-align: center;
}
#data .page-contents .item-group-list .item .item-title {
  padding-left: min(5.33vw, 20px);
  margin-bottom: min(2.66vw, 10px);
  font-size: min(2.18vw, 28px);
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
#data .page-contents .item-group-list .item .item-contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
}
#data .page-contents .item-group-list .item .item-contents .item-data {
  line-height: 1;
}
#data .page-contents .item-group-list .item .item-contents .item-data span {
  font-family: 'Roboto', sans-serif;
}
#data .page-contents .item-group-list .item .item-contents .item-date {
  font-size: min(1.17vw, 15px);
}
#data .page-contents .item-group-list .item-01 {
  top: min(1vw, 12.8px);
}
#data .page-contents .item-group-list .item-01 .item-title {
  color: #0046E1;
}
#data .page-contents .item-group-list .item-01 .item-contents {
  width: min(31.95vw, 409px);
  height: min(14.14vw, 181px);
  background: url('../images/data/bk-group-01.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-group-list .item-01 .item-contents .item-data {
  font-size: min(4.29vw, 55px);
}
#data .page-contents .item-group-list .item-01 .item-contents .item-data span {
  font-size: min(8.98vw, 115px);
}
#data .page-contents .item-group-list .item-02 .item-title {
  color: #457A36;
}
#data .page-contents .item-group-list .item-02 .item-contents {
  width: min(27.89vw, 357px);
  height: min(14.60vw, 187px);
  background: url('../images/data/bk-group-02.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-group-list .item-02 .item-contents .item-data {
  font-size: min(3.75vw, 48px);
}
#data .page-contents .item-group-list .item-02 .item-contents .item-data span {
  font-size: min(7.96vw, 102px);
}
#data .page-contents .item-group-list .item-03 {
  left: min(4vw, 51.2px);
  top: min(-2vw, -25.6px);
}
#data .page-contents .item-group-list .item-03 .item-title {
  color: #d80a00;
}
#data .page-contents .item-group-list .item-03 .item-contents {
  width: min(30.70vw, 393px);
  height: min(13.82vw, 177px);
  background: url('../images/data/bk-group-03.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-group-list .item-03 .item-contents .item-data {
  font-size: min(4.06vw, 52px);
}
#data .page-contents .item-group-list .item-03 .item-contents .item-data span {
  font-size: min(8.51vw, 109px);
}
#data .page-contents .item-group-list .item-04 {
  left: min(1vw, 12.8px);
  top: min(-5vw, -64px);
}
#data .page-contents .item-group-list .item-04 .item-title {
  color: #0da5ad;
}
#data .page-contents .item-group-list .item-04 .item-contents {
  width: min(31.01vw, 397px);
  height: min(15.31vw, 196px);
  background: url('../images/data/bk-group-04.png') no-repeat center;
  background-size: 100% 100%;
}
#data .page-contents .item-group-list .item-04 .item-contents .item-data {
  font-size: min(4.45vw, 57px);
}
#data .page-contents .item-group-list .item-04 .item-contents .item-data span {
  font-size: min(9.45vw, 121px);
}

@media screen and (max-width: 768px) {
  #data .page-title .title-ja {
    margin-bottom: 2vw;
  }
  #data .page-title .main-catch img {
    width: 90.4vw;
  }
  #data .page-contents {
    width: 100%;
  }
  #data .page-contents .item-list {
    justify-content: center;
    margin: 5vw 0;
  }
  #data .page-contents .item-list .item {
    margin: 5vw 0;
    align-items: center;
  }
  #data .page-contents .item-list .item .item-title {
    width: 100%;
    padding-left: 7vw;
    font-size: 6.66vw;
    text-align: left;
  }
  #data .page-contents .item-list .item-01 {
    left: -8vw;
  }
  #data .page-contents .item-list .item-01 .item-contents {
    width: 78.93vw;
    height: 45.6vw;
    background: url(../images/data/bk-01_sp.png) no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-list .item-01 .item-contents .item-data {
    font-size: 10.66vw;
  }
  #data .page-contents .item-list .item-01 .item-contents .item-data span {
    font-size: 26.93vw;
  }
  #data .page-contents .item-list .item-01 .item-contents .item-date {
    font-size: 4vw;
  }
  #data .page-contents .item-list .item-02 {
    top: 0;
  }
  #data .page-contents .item-list .item-02 .item-contents {
    width: 86.13vw;
    height: 57.06vw;
    background: url(../images/data/bk-02_sp.png) no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-list .item-02 .item-contents .item-data {
    font-size: 8.26vw;
  }
  #data .page-contents .item-list .item-02 .item-contents .item-data span {
    font-size: 17.33vw;
  }
  #data .page-contents .item-list .item-02 .item-contents .item-desc {
    font-size: 2.93vw;
  }
  #data .page-contents .item-list .item-03 {
    top: 0;
    left: -5vw;
  }
  #data .page-contents .item-list .item-03 .item-contents {
    width: 84.53vw;
    height: 59.46vw;
    background: url(../images/data/bk-03_sp.png) no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-list .item-03 .item-contents .item-data {
    font-size: 13.6vw;
  }
  #data .page-contents .item-list .item-03 .item-contents .item-data span {
    font-size: 26.93vw;
  }
  #data .page-contents .item-list .item-03 .item-contents .item-desc {
    font-size: 2.93vw;
  }
  #data .page-contents .item-list .item-03 .item-contents .item-date {
    font-size: 3.73vw;
  }
  #data .page-contents .item-list .item-04 {
    top: 0;
    right: 0;
  }
  #data .page-contents .item-list .item-04 .item-contents {
    width: 110vw;
    height: 93.06vw;
    background: url(../images/data/bk-04_sp.png) no-repeat center;
    background-size: 110% 100%;
  }
  #data .page-contents .item-list .item-04 .item-title {
    position: relative;
    left: 5vw;
  }
  #data .page-contents .item-list .item-04 .item-contents .item-data img {
    width: 110vw;
  }
  #data .page-contents .item-list .item-05 {
    top: 0;
    left: 0;
    right: 0;
  }
  #data .page-contents .item-list .item-05 .item-contents {
    width: 110vw;
    height: 93.06vw;
    background: url(../images/data/bk-05_sp.png) no-repeat center;
    background-size: 110% 100%;
  }
  #data .page-contents .item-list .item-05 .item-title {
    position: relative;
    left: 5vw;
  }
  #data .page-contents .item-list .item-05 .item-contents .item-data img {
    width: 110vw;
  }
  #data .page-contents .item-list .item-07 {
    top: 0;
    left: 0;
    right: 0;
  }
  #data .page-contents .item-list .item-07 .item-contents {
    width: 110vw;
    height: 93.06vw;
    background: url(../images/data/bk-07_sp.png) no-repeat center;
    background-size: 110% 100%;
  }
  #data .page-contents .item-list .item-07 .item-title {
    position: relative;
    left: 5vw;
  }
  #data .page-contents .item-list .item-07 .item-contents .item-data img {
    width: 110vw;
  }
  #data .page-contents .item-list .item-06 {
    top: 0;
    left: -17vw;
  }
  #data .page-contents .item-list .item-06 .item-contents {
    width: 61.06vw;
    height: 43.73vw;
    background: url(../images/data/bk-06_sp.png) no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-list .item-06 .item-contents .item-data {
    font-size: 12.8vw;
  }
  #data .page-contents .item-list .item-06 .item-contents .item-data span {
    font-size: 27.2vw;
  }
  #data .page-contents .item-list .item-06 .item-contents .item-date {
    font-size: 4.8vw;
  }
  #data .page-contents .item-list .item-08 {
    top: 0;
    left: 6vw;
  }
  #data .page-contents .item-list .item-08 .item-title {
    padding-left: 10vw;
  }
  #data .page-contents .item-list .item-08 .item-contents {
    width: 106.93vw;
    height: 89.33vw;
    padding-right: 5vw;
    background: url(../images/data/bk-08_sp.png) no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-list .item-08 .item-contents .item-data {
    font-size: 15.2vw;
  }
  #data .page-contents .item-list .item-08 .item-contents .item-data span {
    font-size: 32.26vw;
  }
  #data .page-contents .item-list .item-08 .item-contents .item-desc {
    font-size: 3.2vw;
  }
  #data .page-contents .item-list .item-08 .item-contents .item-date {
    font-size: 4.8vw;
  }
  #data .page-contents .item-list .item-09 {
    top: 0;
    left: 14vw;
  }
  #data .page-contents .item-list .item-09 .item-title {
    padding-left: 10vw;
  }
  #data .page-contents .item-list .item-09 .item-contents {
    width: 122.4vw;
    height: 72.26vw;
    padding-right: 21vw;
    background: url(../images/data/bk-09_sp.png) no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-list .item-09 .item-contents .item-data {
    font-size: 15.2vw;
  }
  #data .page-contents .item-list .item-09 .item-contents .item-data span {
    font-size: 32.26vw;
  }
  #data .page-contents .item-list .item-09 .item-contents .item-desc {
    font-size: 3.2vw;
  }
  #data .page-contents .item-list .item-09 .item-contents .item-date {
    font-size: 4.8vw;
  }
  #data .page-contents .item-list .item-10 {
    top: 0;
    left: 9vw;
  }
  #data .page-contents .item-list .item-10 .item-contents {
    width: 72.26vw;
    height: 72.26vw;
    background: url(../images/data/bk-10_sp.png) no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-list .item-10 .item-contents .item-data {
    font-size: 15.2vw;
  }
  #data .page-contents .item-list .item-10 .item-contents .item-data span {
    font-size: 32.26vw;
  }
  #data .page-contents .item-list .item-10 .item-contents .item-desc {
    font-size: 3.2vw;
  }
  #data .page-contents .item-list .item-10 .item-contents .item-date {
    font-size: 4.8vw;
  }
  #data .page-contents .item-group-list {
    left: 0;
    margin: 10vw 0;
  }
  #data .page-contents .item-group-list .list-title {
    left: 5vw;
    font-size: 6.66vw;
  }
  #data .page-contents .item-group-list .list-contents {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    width: 100vw;
    height: 308vw;
    background: url(../images/data/bk-group_sp.png) no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-group-list .item {
    top: 0;
    margin: 5vw 0;
  }
  #data .page-contents .item-group-list .item .item-title {
    top: -10vw;
    left: 6vw;
    font-size: 6.66vw;
  }
  #data .page-contents .item-group-list .item .item-contents .item-date {
    font-size: 4vw;
  }
  #data .page-contents .item-group-list .item-01 {
    top: 0;
  }
  #data .page-contents .item-group-list .item-01 .item-contents {
    width: 82.66vw;
    height: 48.53vw;
    background: url('../images/data/bk-group-01_sp.png') no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-group-list .item-01 .item-contents .item-data {
    font-size: 13.33vw;
  }
  #data .page-contents .item-group-list .item-01 .item-contents .item-data span {
    font-size: 29.33vw;
  }
  #data .page-contents .item-group-list .item-04 {
    left: 10vw;
  }
  #data .page-contents .item-group-list .item-04 .item-contents {
    width: 61.06vw;
    height: 37.6vw;
    background: url('../images/data/bk-group-04_sp.png') no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-group-list .item-04 .item-contents .item-data {
    font-size: 7vw;
  }
  #data .page-contents .item-group-list .item-04 .item-contents .item-data span {
    font-size: 26.13vw;
  }
  #data .page-contents .item-group-list .item-02 .item-contents {
    width: 77.86vw;
    height: 38.93vw;
    background: url('../images/data/bk-group-02_sp.png') no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-group-list .item-02 .item-contents .item-data {
    font-size: 8.53vw;
  }
  #data .page-contents .item-group-list .item-02 .item-contents .item-data span {
    font-size: 21.06vw;
  }
  #data .page-contents .item-group-list .item-03 {
    left: 0;
  }
  #data .page-contents .item-group-list .item-03 .item-contents {
    width: 79.2vw;
    height: 43.46vw;
    background: url('../images/data/bk-group-03_sp.png') no-repeat center;
    background-size: 100% 100%;
  }
  #data .page-contents .item-group-list .item-03 .item-contents .item-data {
    font-size: 11.2vw;
  }
  #data .page-contents .item-group-list .item-03 .item-contents .item-data span {
    font-size: 24vw;
  }
}

/* people index page
-------------------------------------------------- */
#people-index .page-title {
  margin-bottom: 0;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
  border-bottom: 0;
}
#people-index .page-title .main-catch {
  margin-bottom: min(3.9vw, 50px);
}
#people-index .page-title .main-catch img {
  width: min(29.68vw, 380px);
}
#people-index #main .wrap {
  position: relative;
}
#people-index .page-contents {
  display: inline-block;
  width: 100%;
}
#people-index .page-contents .people-list {
  position: relative;
  top: min(-7.81vw, -100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 125%;
  height: min(35.7vw, 457px);
  transform: skewY(-8deg);
  overflow: visible;
}
#people-index .page-contents .people-list .slick-prev {
  left: 0;
  bottom: min(5vw, 64px);
}
#people-index .page-contents .people-list .slick-next {
  left: min(14vw, 179.2px);
  bottom: calc(min(4vw, 51.2px) - 12px);
  right: auto;
}
#people-index .page-contents .people-list .slick-prev,
#people-index .page-contents .people-list .slick-next {
  z-index: 1;
  top: auto;
  width: min(3vw, 38.4px);
  height: min(3vw, 38.4px);
  transform: skewY(8deg);
}
#people-index .page-contents .people-list .slick-prev:before,
#people-index .page-contents .people-list .slick-next:before {
  font-size: min(3vw, 38.4px);
  color: #381C18;
}
#people-index .page-contents .people-list .slick-dots {
  width: auto;
  left: min(4vw, 51.2px);
  bottom: min(5vw, 64px);
  transform: skewY(8deg);
}
#people-index .page-contents .people-list .slick-dots li {
  width: min(1.56vw, 20px);
  height: min(1.56vw, 20px);
}
#people-index .page-contents .people-list .slick-dots li button {
  width: min(1.56vw, 20px);
  height: min(1.56vw, 20px);
}
#people-index .page-contents .people-list .slick-dots li button:before {
  width: min(1.56vw, 20px);
  height: min(1.56vw, 20px);
  color: #381C18;
  line-height: min(1.56vw, 20px);
  font-size: min(1.56vw, 20px);
}
#people-index .page-contents .people-list .people-info {
  width: min(27.34vw, 350px);
  color: #381C18;
  font-weight: 700;
  transform: skewY(8deg);
}
#people-index .page-contents .people-list .people-info .info-num {
  display: inline-block;
  width: 100%;
  margin-bottom: min(1.95vw, 25px);
}
#people-index .page-contents .people-list .people-info .info-num img {
  height: min(6.09vw, 78px);
}
#people-index .page-contents .people-list .people-info .info-name {
  display: inline-block;
  width: 100%;
  margin-bottom: min(1.56vw, 20px);
  font-size: min(1.95vw, 25px);
}
#people-index .page-contents .people-list .people-info .info-catch {
  display: inline-block;
  width: 100%;
  margin-bottom: min(2.34vw, 30px);
  font-size: min(1.32vw, 17px);
} 
#people-index .page-contents .people-list .people-list-box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(76.56vw, 980px);
  padding: 2vw 0 3vw;
}
#people-index .page-contents .people-list .people-info-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#people-index .page-contents .people-list .list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(23.67vw, 303px);
  height: min(35.70vw, 457px);
  margin-right: min(2.34vw, 30px);
}
#people-index .page-contents .people-list .list-img {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
#people-index .page-contents .people-list .list-img img:nth-child(1) {
  width: min(23.67vw, 303px);
}
#people-index .page-contents .people-list .list-img img:nth-child(2) {
  position: absolute;
  top: -2vw;
  right: 1vw;
  height: min(4.37vw, 56px);
}
#people-index .page-contents .people-list .list-btn {
  position: absolute;
  bottom: -3vw;
  left: -5vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(11.09vw, 142px);
  height: min(11.09vw, 142px);
  border-radius: 100%;
  background: url('../images/people/btn-bk.svg') no-repeat center;
  background-size: 100% 100%;
  overflow: hidden;
  transform: skewY(8deg);
}
#people-index .page-contents .people-list .list-btn img {
  position: relative;
  top: 0;
  right: 0;
  width: min(7.5vw, 96px);
  -webkit-transition: all ease-in-out .3s;
  transition: all ease-in-out .3s;
}
#people-index .page-contents .people-list a:hover .list-btn img {
  top: -0.2vw;
  right: -0.2vw;
}

@media screen and (max-width: 768px) {
  #people-index .page-title .main-catch img {
    width: 69.6vw;
  }
  #people-index .page-contents {
    padding: 0 0 45vw 0;
  }
  #people-index .page-contents .people-list {
    top: 0;
    width: 100%;
    height: 64.8vw;
  }
  #people-index .page-contents .people-list .slick-dots {
    left: auto;
    right: 10vw;
    bottom: -23vw;
  }
  #people-index .page-contents .people-list .slick-dots li {
    width: 3.2vw;
    height: 3.2vw;
  }
  #people-index .page-contents .people-list .slick-dots li button {
    width: 3.2vw;
    height: 3.2vw;
  }
  #people-index .page-contents .people-list .slick-dots li button:before {
    width: 3.2vw;
    height: 3.2vw;
    line-height: 3.2vw;
    font-size: 3.2vw;
  }
  #people-index .page-contents .people-list .slick-prev,
  #people-index .page-contents .people-list .slick-next {
    width: 7vw;
    height: 7vw;
  }
  #people-index .page-contents .people-list .slick-prev {
    left: auto;
    right: 35vw;
    bottom: -22.5vw;
  }
  #people-index .page-contents .people-list .slick-next {
    left: auto;
    right: 0;
    bottom: -27vw;
  }
  #people-index .page-contents .people-list .slick-prev:before,
  #people-index .page-contents .people-list .slick-next:before {
    font-size: 7vw;
  }
  #people-index .page-contents .people-list .people-info {
    top: 95vw;
    right: 0;
    width: 100%;
    text-align: right;
  }
  #people-index .page-contents .people-list .people-info-list {
    position: relative;
    left: 20vw;
  }
  #people-index .page-contents .people-list .people-list-box {
    width: 100%;
    height: 100%;
    flex-direction: column-reverse;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column-reverse;
  }
  #people-index .page-contents .people-list .list {
    width: 33.86vw;
    height: 50.93vw;
    margin-right: 5vw;
  }
  #people-index .page-contents .people-list .list-img img:nth-child(1) {
    width: 33.86vw;
  }
  #people-index .page-contents .people-list .list-img img:nth-child(2) {
    height: 6.13vw;
  }
  #people-index .page-contents .people-list .people-info .info-num {
    margin-bottom: 1vw;
    text-align: right;
  }
  #people-index .page-contents .people-list .people-info .info-num img {
    height: 9.6vw;
    margin: auto 0 auto auto;
  }
  #people-index .page-contents .people-list .people-info .info-name {
    margin-bottom: 3vw;
    font-size: 4.8vw;
  }
  #people-index .page-contents .people-list .people-info .info-catch {
    font-size: 3.2vw;
  }
  #people-index .page-contents .people-list .people-info .info-type {
    display: inline-block;
    position: absolute;
    left: 17vw;
    top: 13vw;
    text-align: left;
  }
  #people-index .page-contents .people-list .people-info .info-type .circle {
    width: 2.93vw;
    height: 2.93vw;
    margin-right: 1vw;
    border: 0.53vw solid #381C18;
  }
  #people-index .page-contents .people-list .people-info .info-type span {
    padding: 0 1vw;
    margin: 1vw 0;
    font-size: 2.93vw;
  }
}

/* people common page
-------------------------------------------------- */
.people .page-nav img:nth-child(1) {
  height: min(5.62vw, 72px);
}
.people .page-title {
  position: absolute;
  top: min(3.90vw, 50px);
  right: min(3.90vw, 50px);
  border-bottom: 0;
}
.people .main-catch {
  display: inline-block;
  background: #FFFFFF;
}
.people .main-catch img {
  height: min(2.96vw, 38px);
  margin: min(0.78vw, 10px);
}
.people .page-contents {
  text-align: center;
}
.people .page-contents .people-info {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-end;
  margin-bottom: min(3.90vw, 50px);
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
.people .page-contents .people-info .people-catch {
  position: absolute;
  z-index: 1;
  top: 50%;
  left: 65%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.people .page-contents .people-info .people-catch img {
  max-width: none;
}
.people .page-contents .people-info .people-img {
  position: relative;
  left: min(-3.90vw, -50px);
}
.people .page-contents .people-info .people-img img {
  width: min(42.57vw, 545px);
}
.people .page-contents .people-info .people-profile {
  position: relative;
  top: -2vw;
  display: inline-block;
  width: min(40.46vw, 518px);
  padding: min(1.56vw, 20px) 0;
  border-top: min(0.07vw, 1px) solid #381C18;
  border-bottom: min(0.07vw, 1px) solid #381C18;
}
.people .page-contents .people-info .people-profile .profile-title {
  margin-bottom: min(1.56vw, 20px);
}
.people .page-contents .people-info .people-profile .profile-title img {
  width: min(15vw, 192px);
}
.people .page-contents .people-info .people-profile .profile-contents .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  font-size: min(1.56vw, 20px);
  color: #381C18;
}
.people .page-contents .people-info .people-profile .profile-contents .item .item-title {
  width: min(11.71vw, 150px);
}
.people .page-contents .people-info .people-profile .profile-contents .item .item-contents {
  width: calc(100% - min(11.71vw, 150px));
}
.people .page-contents .people-interview {
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
.people .page-contents .people-interview .item {
  display: inline-block;
  width: min(68.90vw, 882px);
  margin: min(3.90vw, 50px);
  color: #381C18;
  font-size: min(1.40vw, 18px);
}
.people .page-contents .people-interview .item .item-title {
  position: relative;
  font-size: min(2.34vw, 30px);
  line-height: 3;
}
.people .page-contents .people-interview .item .item-title:before {
  content: '';
  position: absolute;
  z-index: -1;
  top: 50%;
  left: max(-2.5vw, -32px);
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  width: min(7.5vw, 96px);
  height: min(7.5vw, 96px);
  border-radius: 100%;
  background: #F4EFEB;
}
.people .page-contents .people-flow {
  display: inline-block;
  margin: min(3.90vw, 50px) auto;
}
.people .page-contents .people-flow .tab_item {
  width: auto;
  height: min(4.21vw, 54px);
  padding: 0 min(1.09vw, 14px);
  background: #f4EFEB;
  font-size: min(1.09vw, 14px);
  text-align: center;
  color: #381C18;
  display: block;
  float: left;
  text-align: center;
  line-height: min(4.21vw, 54px);
  border-radius: 0 min(1.25vw, 16px) 0 0;
  transition: all 0.2s ease;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
.people .page-contents .people-flow .tab_item:hover {
  cursor: pointer;
}
.people .page-contents .people-flow input[name="tab_item"] {
  display: none;
}
.people .page-contents .people-flow .tab_content {
  display: none;
  clear: both;
  overflow: hidden;
  width: min(69.06vw, 884px);
  height: min(20.93vw, 268px);
  padding-left: min(10.93vw, 140px);
  background: #F4EFEB;
  border: min(0.31vw, 4px) solid #381C18;
  text-align: left;
}
.people .page-contents .people-flow .tab_content img {
  height: 100%;
}
.people .page-contents .people-flow #weekdays:checked ~ #weekdays_content,
.people .page-contents .people-flow #weekend:checked ~ #weekend_content {
  display: block;
}
.people .page-contents .people-flow input:checked + .tab_item {
  background: #381C18;
  color: #FFFFFF;
}
.people .page-contents .people-message {
  width: min(53.90vw, 690px);
  margin: min(3.90vw, 50px) auto;
  color: #381C18;
  text-align: justify;
  text-justify: inter-ideograph;
  text-justify: inter-character;
}
.people .page-contents .people-message .message-img img {
  width: 100%;
}
.people .page-contents .people-message .message-title {
  font-size: min(2.34vw, 30px);
  line-height: 3;
  text-align: center;
}
.people .page-contents .people-message .message-desc {
  width: min(37.42vw, 479px);
  margin: 0 auto;
  font-size: min(1.25vw, 16px);
}

@media screen and (max-width: 768px) {
  .people .page-title {
    position: relative;
    top: 0;
    right: 0;
    border-bottom: 1.06vw solid #FFFFFF;
  }
  .people .main-catch img {
    height: 3.46vw;
    margin: 2vw;
  }
  .people .page-contents .people-info {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    align-items: center;
    margin-bottom: 3vw;
  }
  .people .page-contents .people-info .people-img {
    left: 0;
  }
  .people .page-contents .people-info .people-img img {
    width: 100%;
  }
  .people .page-contents .people-info .people-catch {
    top: 0;
    left: 0;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
  }
  .people .page-contents .people-info .people-profile {
    top: 0;
    width: 100%;
    padding: 2vw 0;
    margin-top: 3vw;
    border-top: 0.13vw solid #381C18;
    border-bottom: 0.13vw solid #381C18;
  }
  .people .page-contents .people-info .people-profile .profile-title {
    margin-bottom: 5vw;
  }
  .people .page-contents .people-info .people-profile .profile-title img {
    width: 33.06vw;
  }
  .people .page-contents .people-info .people-profile .profile-contents .item {
    font-size: 3.73vw;
  }
  .people .page-contents .people-info .people-profile .profile-contents .item .item-title {
    width: 25.86vw;
  }
  .people .page-contents .people-info .people-profile .profile-contents .item .item-contents {
    width: calc(100% - 25.86vw);
  }
  .people .page-contents .people-interview .item {
    width: 100%;
    margin: 13vw 0;
    font-size: 3.73vw;
  }
  .people .page-contents .people-interview .item .item-title {
    margin-bottom: 5vw;
    font-size: 5.33vw;
    line-height: 1.5;
  }
  .people .page-contents .people-interview .item .item-title:before {
    top: -10vw;
    left: -10vw;
    -ms-transform: none;
    -moz-transform: none;
    -webkit-transform: none;
    transform: none;
    width: 25.6vw;
    height: 25.6vw;
  }
  .people .page-contents .people-interview .item .item-contents {
    line-height: 2;
  }
  .people .page-contents .people-flow {
    width: 94.66vw;
    margin: 10vw auto 13vw;
  }
  .people .page-contents .people-flow .tab_item {
    height: 18.13vw;
    padding: 3vw;
    font-size: 3.73vw;
    line-height: 1.7;
    border-radius: 0 4.8vw 0 0;
  }
  .people .page-contents .people-flow .tab_content {
    width: 94.66vw;
    height: 139.73vw;
    padding: 0 0 5vw 10vw;
    border: 0.8vw solid #381C18;
  }
  .people .page-contents .people-message {
    width: 100%;
    margin: 10vw 0;
  }
  .people .page-contents .people-message .message-title {
    font-size: 5.33vw;
    line-height: 4;
  }
  .people .page-contents .people-message .message-desc {
    width: 100%;
    font-size: 3.73vw;
  }
}

/* people 01 page
-------------------------------------------------- */
#people-01 .page-arrow-icon img.arrow-01 {
  top: 63vw;
  left: 16vw;
  width: min(11.17vw, 143px);
}
#people-01 .page-arrow-icon img.arrow-02 {
  top: 108vw;
  right: 0;
  width: min(18.35vw, 235px);
}
#people-01 .page-arrow-icon img.arrow-03 {
  top: 117vw;
  left: 45vw;
  width: min(9.53vw, 122px);
}
#people-01 .page-arrow-icon img.arrow-04 {
  bottom: 61vw;
  left: 0;
  width: min(28.04vw, 359px);
}
#people-01 .page-arrow-icon img.arrow-05 {
  bottom: 28vw;
  right: 12vw;
  width: min(12.18vw, 156px);
}
#people-01 .page-contents .people-info .people-catch img {
  width: min(42.73vw, 547px);
}

@media screen and (max-width: 768px) {
  #people-01 .page-contents .people-info .people-catch img {
    width: 85.33vw;
  }
}

/* people 02 page
-------------------------------------------------- */
#people-02 .page-arrow-icon img.arrow-01 {
  top: 65vw;
  left: 22vw;
  width: min(12.26vw, 157px);
}
#people-02 .page-arrow-icon img.arrow-02 {
  top: 91vw;
  right: 18vw;
  width: min(27.42vw, 351px);
}
#people-02 .page-arrow-icon img.arrow-03 {
  top: 116vw;
  left: 7vw;
  width: min(9.60vw, 123px);
}
#people-02 .page-arrow-icon img.arrow-04 {
  bottom: 68vw;
  right: 2vw;
  width: min(14.92vw, 191px);
}
#people-02 .page-arrow-icon img.arrow-05 {
  bottom: 46vw;
  left: 10vw;
  width: min(13.90vw, 178px);
}
#people-02 .page-arrow-icon img.arrow-06 {
  bottom: 26vw;
  right: 7vw;
  width: min(23.43vw, 300px);
}
#people-02 .page-contents .people-info .people-catch img {
  width: min(46.95vw, 601px);
}

@media screen and (max-width: 768px) {
  #people-02 .page-contents .people-info .people-catch img {
    width: 94.66vw;
  }
}

/* people 03 page
-------------------------------------------------- */
#people-03 .page-arrow-icon img.arrow-01 {
  top: 68vw;
  right: 12vw;
  width: min(14.92vw, 191px);
}
#people-03 .page-arrow-icon img.arrow-02 {
  top: 91vw;
  left: 25vw;
  width: min(13.67vw, 175px);
}
#people-03 .page-arrow-icon img.arrow-03 {
  top: 128vw;
  left: 2vw;
  width: min(26.01vw, 333px);
}
#people-03 .page-arrow-icon img.arrow-04 {
  bottom: 55vw;
  right: 0;
  width: min(23.20vw, 297px);
}
#people-03 .page-arrow-icon img.arrow-05 {
  bottom: 50vw;
  left: 17vw;
  width: min(9.68vw, 124px);
}
#people-03 .page-contents .people-info .people-catch img {
  width: min(36.64vw, 469px);
}

@media screen and (max-width: 768px) {
  #people-03 .page-contents .people-info .people-catch img {
    width: 74.4vw;
  }
}

/* people 04 page
-------------------------------------------------- */
#people-04 .page-arrow-icon img.arrow-01 {
  top: 70vw;
  right: 5vw;
  width: min(26.09vw, 334px);
}
#people-04 .page-arrow-icon img.arrow-02 {
  top: 80vw;
  left: 6vw;
  width: min(16.95vw, 217px);
}
#people-04 .page-arrow-icon img.arrow-03 {
  top: 100vw;
  left: 32vw;
  width: min(9.29vw, 119px);
}
#people-04 .page-arrow-icon img.arrow-04 {
  bottom: 55vw;
  right: 5vw;
  width: min(10.78vw, 138px);
}
#people-04 .page-arrow-icon img.arrow-05 {
  bottom: 43vw;
  left: 12vw;
  width: min(15.07vw, 193px);
}
#people-04 .page-contents .people-info .people-catch img {
  width: min(42.10vw, 539px);
}
#people-04 .page-contents .people-flow .tab_item:hover {
  cursor: auto;
}

@media screen and (max-width: 768px) {
  #people-04 .page-contents .people-info .people-catch img {
    width: 84.8vw;
  }
  #people-04 .page-contents .people-flow .tab_item {
    height: 12.53vw;
  }
}

/* information common page
-------------------------------------------------- */
.information .page-nav-bk {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 99;
  width: min(8.12vw, 104px);
  height: 100%;
  overflow-x: hidden;
  mix-blend-mode: multiply;
  pointer-events: none;
  opacity: 1;
  visibility: visible;
  transition: all .5s;
}
.information .page-nav-bk.is-close {
  opacity: 0;
  visibility: hidden;
}
.information .page-nav-bk img {
  position: absolute;
  left: -10%;
  bottom: 6vw;
  width: 120%;
  max-width: none;
}

@media screen and (max-width: 768px) {
  .information .page-nav-bk {
    display: none;
  }
}

/* environment page
-------------------------------------------------- */
#environment .page-nav img:nth-child(2) {
  height: min(2.34vw, 30px);
}
#environment .page-info .page-catch .main-catch {
  display: inline-block;
  margin-bottom: min(3.12vw, 40px);
}
#environment .page-info .page-catch .main-catch img {
  width: min(54.60vw, 699px);
}
#environment .page-info .page-catch .main-desc {
  display: inline-block;
  margin-bottom: min(3.12vw, 40px);
}
#environment .page-info .page-catch .main-desc img {
  width: min(63.82vw, 817px);
}
#environment .page-anchor {
  padding: min(2.34vw, 30px);
  border-bottom: min(0.31vw, 4px) solid #FFFFFF;
}
#environment .page-anchor a {
  display: inline-block;
  margin-right: min(3.90vw, 50px);
  border-radius: 100%;
}
#environment .page-anchor .anchor-box {
  position: relative;
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(11.71vw, 150px);
  height: min(11.71vw, 150px);
  color: #381C18;
  background: #FFFFFF;
  border-radius: 100%;
  font-weight: 700;
  font-size: min(2.18vw, 28px);
  cursor: pointer;
}
#environment .page-anchor .anchor-box:after {
  content: '';
  position: absolute;
  bottom: max(-2.89vw, -37px);
  left: 50%;
  -ms-transform: translate(-50%, 0);
  -moz-transform: translate(-50%, 0);
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: min(0.31vw, 4px);
  height: min(3.67vw, 47px);
  background: #381C18;
}
#environment .page-contents .box {
  display: inline-block;
  width: 100%;
  padding: min(4.29vw, 55px) min(1.56vw, 20px);
  margin: min(3.90vw, 50px) 0;
  color: #381C18;
  font-weight: 700;
}
#environment .page-contents .box#training {
  background: url('../images/environment/bk-01.png') no-repeat top left;
  background-size: 100% 100%;
}
#environment .page-contents .box#system {
  padding-bottom: min(11.71vw, 150px);
  background: url('../images/environment/bk-02.png') no-repeat top left;
  background-size: 100% 100%;
}
#environment .page-contents .box .box-title {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: min(2.34vw, 30px);
  text-align: center;
  font-size: min(4.06vw, 52px);
}
#environment .page-contents .box .box-title img {
  position: absolute;
  top: 50%;
  left: 50%;
  -ms-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  height: min(6.48vw, 83px);
}
#environment .page-contents .box .box-title span {
  position: relative;
  z-index: 1;
}
#environment .page-contents .box .box-desc {
  display: inline-block;
  width: 100%;
  margin-bottom: min(3.12vw, 40px);
  font-size: min(1.87vw, 24px);
  text-align: center;
}
#environment .page-contents .accordion-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
}
#environment .page-contents .accordion-list .accordion {
  position: relative;
  display: inline-block;
  width: min(38.28vw, 490px);
  border-top: min(0.46vw, 6px) solid #381C18;
}
#environment .page-contents .accordion-list .accordion:last-child {
  margin-bottom: min(3.12vw, 40px);
  border-bottom: min(0.46vw, 6px) solid #381C18;
}
#environment .page-contents .accordion-list .accordion .accordion-header {
  position: relative;
  z-index: +1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: min(1.95vw, 25px) 0;
  cursor: pointer;
  transition-duration: 0.2s;
  font-size: min(1.71vw, 22px);
}
#environment .page-contents .accordion-list .accordion .accordion-header .header-num {
  display: inline-block;
  width: min(7.42vw, 95px);
  font-family: 'Roboto', sans-serif;
  font-size: min(5.54vw, 71px);
  color: #E9E0DB;
  transform: skewY(-8deg);
  line-height: 1;
}
#environment .page-contents .accordion-list .accordion .accordion-header .header-title {
  width: calc(100% - min(7.42vw, 95px) - min(7.03vw, 90px));
}
#environment .page-contents .accordion-list .accordion .accordion-header .header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(7.03vw, 90px);
  height: min(2.57vw, 33px);
}
#environment .page-contents .accordion-list .accordion .accordion-header .i_box {
  display: inline-block;
  box-sizing: border-box;
  transition-duration: 0.2s;
}
#environment .page-contents .accordion-list .accordion .accordion-header .i_box .one_i {
  display: block;
  width: min(2.57vw, 33px);
  height: min(2.57vw, 33px);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
#environment .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:before,
#environment .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #381C18;
  width: min(2.57vw, 33px);
  height: min(0.15vw, 2px);
  position: absolute;
  top: min(1.25vw, 16px);
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
  transition: .2s;
}
#environment .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:before {
  width: min(0.15vw, 2px);
  height: min(2.57vw, 33px);
  top: 0;
  left: min(1.25vw, 16px);
}
#environment .page-contents .accordion-list .accordion .accordion-header.open .i_box .one_i:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#environment .page-contents .accordion-list .accordion .accordion-header.open .i_box .one_i:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: min(1.25vw, 16px);
}
#environment .page-contents .accordion-list .accordion .accordion-inner {
  display: none;
  padding: min(1.56vw, 20px) min(0.15vw, 2px) min(2.73vw, 35px);
  border-top: min(0.15vw, 2px) dashed #381C18;
  box-sizing: border-box;
}
#environment .page-contents .accordion-list .accordion .accordion-inner .box_one {
  height: auto;
}
#environment .page-contents .accordion-list .accordion .accordion-inner p {
  display: inline-block;
  font-size: min(1.09vw, 14px);
}
#environment .page-contents .box-img {
  display: inline-block;
  width: 100%;
  padding-bottom: min(2.5vw, 32px);
  margin-bottom: min(2.5vw, 32px);
  border-bottom: min(0.07vw, 1px) solid #381C18;
}
#environment .page-contents .box-img img {
  width: 100%;
}
#environment .page-contents .box-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-wrap: wrap;
}
#environment .page-contents .box-item .item {
  float: left;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  flex-direction: column;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  width: min(16.71vw, 214px);
  height: min(16.71vw, 214px);
  padding: min(3.90vw, 50px) min(0.93vw, 12px);
  margin: min(1.17vw, 15px);
  background: #E9E0DB;
  border-radius: 100%;
  text-align: center;
  font-size: min(0.93vw, 12px);
}
#environment .page-contents .box-item .item span {
  display: inline-block;
  margin-bottom: min(0.93vw, 12px);
  font-size: min(1.64vw, 21px);
}

@media screen and (max-width: 768px) {
  #environment .page-info .page-catch .main-catch {
    margin-bottom: 3vw;
  }
  #environment .page-info .page-catch .main-catch img {
    width: 74.93vw;
  }
  #environment .page-info .page-catch .main-desc {
    margin-bottom: 10vw;
  }
  #environment .page-info .page-catch .main-desc img {
    width: 94.66vw;
  }
  #environment .page-anchor {
    padding: 3vw 0;
    text-align: center;
    border-bottom: 1.06vw solid #FFFFFF;
  }
  #environment .page-anchor a {
    margin-right: 5vw;
  }
  #environment .page-anchor a:last-child {
    margin-right: 0;
  }
  #environment .page-anchor .anchor-box {
    width: 22.4vw;
    height: 22.4vw;
    font-size: 4.26vw;
  }
  #environment .page-anchor .anchor-box:after {
    bottom: -4.5vw;
    width: 0.62vw;
    height: 7.38vw;
  }
  #environment .page-contents .box {
    padding: 7vw 2.66vw;
    margin: 8vw 0;
  }
  #environment .page-contents .box#training {
    background: url(../images/environment/bk-01_sp.png) no-repeat top left;
    background-size: 100% 100%;
  }
  #environment .page-contents .box#system {
    padding-bottom: 10vw;
    background: url(../images/environment/bk-02_sp.png) no-repeat top left;
    background-size: 100% 100%;
  }
  #environment .page-contents .box .box-title {
    margin-bottom: 3vw;
    font-size: 5.86vw;
  }
  #environment .page-contents .box .box-title img {
    height: 9.6vw;
  }
  #environment .page-contents .box .box-desc {
    margin-bottom: 4vw;
    font-size: 3.2vw;
  }
  #environment .page-contents .box .box-desc.box-desc-sp {
    font-size: 4.8vw;
  }
  #environment .page-contents .accordion-list {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
  }
  #environment .page-contents .accordion-list .accordion {
    width: 89.33vw;
    padding: 2vw 0;
    border-top: 1.06vw solid #381C18;
  }
  #environment .page-contents .accordion-list .accordion:last-child {
    margin-bottom: 5vw;
    border-bottom: 1.06vw solid #381C18;
  }
  #environment .page-contents .accordion-list .accordion .accordion-header {
    padding: 0;
    font-size: 4vw;
  }
  #environment .page-contents .accordion-list .accordion .accordion-header .header-num {
    width: 16vw;
    font-size: 10.66vw;
  }
  #environment .page-contents .accordion-list .accordion .accordion-header .header-title {
    width: calc(100% - 16vw - 10vw);
  }
  #environment .page-contents .accordion-list .accordion .accordion-header .header-btn {
    width: 10vw;
    height: 16vw;
  }
  #environment .page-contents .accordion-list .accordion .accordion-header .i_box .one_i {
    width: 5.86vw;
    height: 5.86vw;
  }
  #environment .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:before,
  #environment .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:after {
    top: 2.7vw;
    width: 5.86vw;
    height: 0.26vw;
  }
  #environment .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:before {
    top: 0;
    left: 2.7vw;
    width: 0.26vw;
    height: 5.86vw;
  }
  #environment .page-contents .accordion-list .accordion .accordion-header.open .i_box .one_i:after {
    top: 2.7vw;
  }
  #environment .page-contents .accordion-list .accordion .accordion-inner {
    padding: 2vw 0 0;
    border-top: 0.53vw dashed #381C18;
  }
  #environment .page-contents .accordion-list .accordion .accordion-inner p {
    font-size: 3.46vw;
  }
  #environment .page-contents .box-img {
    padding-bottom: 0;
    margin-bottom: 5vw;
    border-bottom: 0;
  }
  #environment .page-contents .box-item .item {
    justify-content: center;
    width: 41vw;
    height: 41vw;
    padding: 0 2.9vw;
    margin: 1vw;
    font-size: 2.93vw;
  }
  #environment .page-contents .box-item .item span {
    margin-bottom: 2vw;
    font-size: 4vw;
  }
}

/* recruit page
-------------------------------------------------- */
#recruit .page-title {
  margin-bottom: 0;
}
#recruit .page-contents .list-item .item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: flex-start;
  padding: min(1.56vw, 20px) 0;
  border-bottom: min(0.15vw, 2px) solid #FFFFFF;
  font-size: min(1.17vw, 15px);
  line-height: 3;
  color: #381C18;
}
#recruit .page-contents .list-item .item:last-child {
  border-bottom: min(0.31vw, 4px) solid #FFFFFF;
}
#recruit .page-contents .list-item .item .item-title {
  width: min(14.84vw, 190px);
}
#recruit .page-contents .list-item .item .item-contents {
  width: calc(100% - min(14.84vw, 190px));
}
#recruit .page-contents .list-item .item .item-contents .item-img {
  display: inline-block;
  width: 100%;
  margin: min(1.56vw, 20px) 0;
}
#recruit .page-contents .list-item .item .item-contents .item-img img {
  width: min(27.34vw, 350px);
  margin-right: min(3.12vw, 40px);
}
#recruit .page-contents .list-item .item .item-contents a {
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  #recruit .page-title {
    margin-bottom: 0;
  }
  #recruit .page-contents .list-item .item {
    flex-direction: column;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    padding: 3vw 0;
    font-size: 3.2vw;
    line-height: 1.7;
    border-bottom: 0.53vw solid #FFFFFF;
  }
  #recruit .page-contents .list-item .item:last-child {
    margin-bottom: 4vw;
    border-bottom: 1.06vw solid #FFFFFF;
  }
  #recruit .page-contents .list-item .item .item-title {
    width: 100%;
    font-size: 4vw;
    font-weight: 700;
  }
  #recruit .page-contents .list-item .item .item-contents {
    width: 100%;
  }
  #recruit .page-contents .list-item .item .item-contents .item-img {
    margin: 2vw 0;
  }
  #recruit .page-contents .list-item .item .item-contents .item-img img {
    width: 42vw;
    margin-right: 3vw;
  }
}

/* faq page
-------------------------------------------------- */
#faq .page-title {
  border-bottom: 0;
}
#faq .page-title .title-en img {
  margin: min(1.95vw, 25px) min(3.90vw, 50px);
}
#faq .page-nav img:nth-child(1) {
  height: min(3.43vw, 44px);
}
#faq .page-nav img:nth-child(2) {
  height: min(0.85vw, 11px);
}
#faq .page-contents .box {
  display: inline-block;
  width: 100%;
  padding: min(4.29vw, 55px) 0;
  margin-bottom: min(3.90vw, 50px);
  color: #381C18;
  font-weight: 700;
}
#faq .page-contents .box .box-title {
  position: relative;
  display: inline-block;
  width: 100%;
  margin-bottom: min(2.34vw, 30px);
  font-size: min(3.12vw, 40px);
}
#faq .page-contents .box .box-contents {
  border-top: min(0.31vw, 4px) solid #FFFFFF;
  border-bottom: min(0.31vw, 4px) solid #FFFFFF;
}
#faq .page-contents .box .box-contents a {
  text-decoration: underline;
}
#faq .page-contents .accordion-list {
  display: inline-block;
  width: 100%;
}
#faq .page-contents .accordion-list .accordion {
  position: relative;
  display: inline-block;
  width: 100%;
  border-bottom: min(0.15vw, 2px) solid #FFFFFF;
}
#faq .page-contents .accordion-list .accordion:last-child {
  border-bottom: 0;
}
#faq .page-contents .accordion-list .accordion .accordion-header {
  position: relative;
  z-index: +1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: min(1.95vw, 25px) 0;
  cursor: pointer;
  transition-duration: 0.2s;
  font-size: min(1.48vw, 19px);
}
#faq .page-contents .accordion-list .accordion .accordion-header .header-common {
  display: inline-block;
  width: min(3.90vw, 50px);
  line-height: 1;
}
#faq .page-contents .accordion-list .accordion .accordion-header .header-common img {
  width: min(1.64vw, 21px);
}
#faq .page-contents .accordion-list .accordion .accordion-header .header-title {
  width: calc(100% - min(3.90vw, 50px) - min(7.03vw, 90px));
}
#faq .page-contents .accordion-list .accordion .accordion-header .header-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: min(7.03vw, 90px);
  height: min(2.57vw, 33px);
}
#faq .page-contents .accordion-list .accordion .accordion-header .i_box {
  display: inline-block;
  box-sizing: border-box;
  transition-duration: 0.2s;
}
#faq .page-contents .accordion-list .accordion .accordion-header .i_box .one_i {
  display: block;
  width: min(2.57vw, 33px);
  height: min(2.57vw, 33px);
  transform-origin: center center;
  transition-duration: 0.2s;
  position: relative;
}
#faq .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:before,
#faq .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:after {
  display: flex;
  content: '';
  background-color: #381C18;
  width: min(2.57vw, 33px);
  height: min(0.15vw, 2px);
  position: absolute;
  top: min(1.25vw, 16px);
  left: 0;
  -webkit-transform: rotate(0deg);
  transform: rotate(0deg);
  transform-origin: center center;
  transition: .2s;
}
#faq .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:before {
  width: min(0.15vw, 2px);
  height: min(2.57vw, 33px);
  top: 0;
  left: min(1.25vw, 16px);
}
#faq .page-contents .accordion-list .accordion .accordion-header.open .i_box .one_i:before {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
}
#faq .page-contents .accordion-list .accordion .accordion-header.open .i_box .one_i:after {
  -webkit-transform: rotate(135deg);
  transform: rotate(135deg);
  top: min(1.25vw, 16px);
}
#faq .page-contents .accordion-list .accordion .accordion-inner {
  display: none;
  padding: 0 min(3.90vw, 50px) min(1.56vw, 20px);
  box-sizing: border-box;
}
#faq .page-contents .accordion-list .accordion .accordion-inner .box_one {
  height: auto;
}
#faq .page-contents .accordion-list .accordion .accordion-inner p {
  display: inline-block;
  font-size: min(1.25vw, 16px);
}

@media screen and (max-width: 768px) {
  #faq .page-title .title-en img {
    margin: 2vw 4vw;
  }
  #faq .page-contents .box {
    padding: 5vw 0;
    margin: 5vw 0;
  }
  #faq .page-contents .box .box-title {
    margin-bottom: 5vw;
    font-size: 5.86vw;
  }
  #faq .page-contents .box .box-contents {
    border-top: 1.06vw solid #FFFFFF;
    border-bottom: 1.06vw solid #FFFFFF;
  }
  #faq .page-contents .accordion-list .accordion {
    width: 100%;
    padding: 2vw 0;
    border-bottom: 0.53vw solid #FFFFFF;
  }
  #faq .page-contents .accordion-list .accordion .accordion-header {
    padding: 0;
    font-size: 4vw;
  }
  #faq .page-contents .accordion-list .accordion .accordion-header .header-common {
    width: 9.33vw;
  }
  #faq .page-contents .accordion-list .accordion .accordion-header .header-common img {
    width: 5.6vw;
  }
  #faq .page-contents .accordion-list .accordion .accordion-header .header-title {
    width: calc(100% - 9.33vw - 10vw);
  }
  #faq .page-contents .accordion-list .accordion .accordion-header .header-btn {
    width: 10vw;
    height: 16vw;
  }
  #faq .page-contents .accordion-list .accordion .accordion-header .i_box .one_i {
    width: 5.86vw;
    height: 5.86vw;
  }
  #faq .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:before,
  #faq .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:after {
    top: 2.7vw;
    width: 5.86vw;
    height: 0.26vw;
  }
  #faq .page-contents .accordion-list .accordion .accordion-header .i_box .one_i:before {
    top: 0;
    left: 2.7vw;
    width: 0.26vw;
    height: 5.86vw;
  }
  #faq .page-contents .accordion-list .accordion .accordion-header.open .i_box .one_i:after {
    top: 2.7vw;
  }
  #faq .page-contents .accordion-list .accordion .accordion-inner {
    padding: 2vw 9.33vw;
  }
  #faq .page-contents .accordion-list .accordion .accordion-inner p {
    font-size: 3.46vw;
  }
}