@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;1,300&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,100;0,300;0,400;1,300&display=swap");
.header {
  position: absolute;
  top: 0;
  left: 0;
}

.header_wrapp {
  width: 100vw;
}
.header_wrapp .header-h {
  padding: 32px 64px 0 64px;
  width: 100vw;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: fixed;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  z-index: 1000;
}
@media screen and (max-width: 959px) {
  .header_wrapp .header-h {
    padding: 32px 5vw 0 5vw;
  }
}
@media screen and (max-width: 519px) {
  .header_wrapp .header-h {
    padding: 20px 5vw 0 5vw;
  }
}
.header_wrapp .header-h .header-logo {
  width: 280px;
  z-index: 1000;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.3s;
  transition: cubic-bezier(1, 0, 0, 1) 0.3s;
}
.header_wrapp .header-h .header-logo a {
  display: block;
  width: 100%;
}
.header_wrapp .header-h .header-logo a img {
  width: 100%;
}
@media screen and (max-width: 519px) {
  .header_wrapp .header-h .header-logo {
    width: 200px;
  }
}
.header_wrapp .header-h .is-fixed {
  width: 240px;
}
@media screen and (max-width: 519px) {
  .header_wrapp .header-h .is-fixed {
    width: 180px;
  }
}
.header_wrapp .header-h .header-h_nav .header_humburger {
  display: block;
  width: 80px;
  height: 80px;
  background-color: transparent;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  cursor: pointer;
  z-index: 1000;
  position: relative;
}
@media screen and (max-width: 519px) {
  .header_wrapp .header-h .header-h_nav .header_humburger {
    -webkit-transform-origin: center 80%;
            transform-origin: center 80%;
    -webkit-transform: scale(0.8);
            transform: scale(0.8);
  }
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame {
  width: 100%;
  height: 100%;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.3s;
  transition: cubic-bezier(1, 0, 0, 1) 0.3s;
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame .header_humburger-element {
  display: block;
  position: absolute;
  top: 50%;
  right: 0;
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame .line-1 {
  width: 100%;
  height: 1px;
  background-color: #333;
  -webkit-transform: translate(0, -40px);
          transform: translate(0, -40px);
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame .line-2 {
  width: 75%;
  height: 1px;
  background-color: #333;
  -webkit-transform: translate(0, -20px);
          transform: translate(0, -20px);
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame .line-3 {
  width: 50%;
  height: 1px;
  background-color: #333;
  -webkit-transform: translate(0, 0px);
          transform: translate(0, 0px);
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame .text {
  font-family: "Montserrat", sans-serif;
  font-size: 2rem;
  letter-spacing: 0.2em;
  text-transform: uppercase;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: relative;
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame .text::before {
  content: " menu";
  display: block;
  opacity: 1;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 2px));
          transform: translateX(calc(-50% + 2px));
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame .text::after {
  content: "close";
  display: block;
  opacity: 0;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(calc(-50% + 2px));
          transform: translateX(calc(-50% + 2px));
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame:hover .line-2 {
  width: 100%;
}
.header_wrapp .header-h .header-h_nav .header_humburger-frame:hover .line-3 {
  width: 100%;
}
.header_wrapp .header-h .header-h_nav .header_humburger .close .line-1 {
  width: 100%;
  -webkit-transform-origin: 50% -20px;
          transform-origin: 50% -20px;
  -webkit-transform: rotate(30deg) translate(0, -20px);
          transform: rotate(30deg) translate(0, -20px);
}
.header_wrapp .header-h .header-h_nav .header_humburger .close .line-2 {
  opacity: 0;
}
.header_wrapp .header-h .header-h_nav .header_humburger .close .line-3 {
  width: 100%;
  -webkit-transform-origin: 50% -20px;
          transform-origin: 50% -20px;
  -webkit-transform: rotate(-30deg) translate(0, -20px);
          transform: rotate(-30deg) translate(0, -20px);
}
.header_wrapp .header-h .header-h_nav .header_humburger .close .text {
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.header_wrapp .header-h .header-h_nav .header_humburger .close .text::before {
  content: "menu";
  opacity: 0;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.header_wrapp .header-h .header-h_nav .header_humburger .close .text::after {
  content: "close";
  opacity: 1;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.header_wrapp .header-h .header-h_nav .humburger_menu {
  display: block;
  position: absolute;
  top: 0;
  width: 100vw;
  height: 100vh;
  background-color: #f1f1f1;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  overflow-y: scroll;
  z-index: 100;
  right: -100vw;
  opacity: 0;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav {
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner {
  margin: 0 auto;
  padding-top: 160px;
  padding-left: 6.25vw;
  padding-right: 6.25vw;
  padding-bottom: 100px;
  max-width: 1680px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}
@media screen and (max-width: 959px) {
  .header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 519px) {
  .header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner {
    padding-bottom: 60px;
  }
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-l {
  padding-left: 20px;
  padding-right: 20px;
  -ms-flex-item-align: center;
      align-self: center;
  width: 100%;
}
@media screen and (max-width: 959px) {
  .header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-l {
    padding: 0;
    width: 100%;
  }
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-lists {
  margin-left: 40px;
  letter-spacing: 0;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-lists .nav-list_content {
  margin-top: 19px;
  background-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.8rem;
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-lists .nav-list_content a {
  display: block;
  color: #333;
  background-color: transparent;
  line-height: 1;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: relative;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-lists .nav-list_content a .ttl-en {
  margin-top: 5px;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-list_tel {
  margin-top: 50px;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-list_tel a {
  display: block;
  width: 100%;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-list_tel a img {
  width: 100%;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-lists {
  margin-left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-lists .nav-list_content {
  margin-top: 0;
  width: 100%;
  font-size: 2.4rem;
  border-bottom: solid 1px #707070;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-lists .nav-list_content a {
  padding: 1.5em 1em 1em 1em;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-lists_pdf {
  margin-top: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-lists_pdf .nav-list_pdf_content {
  margin-right: 20px;
  -ms-flex-preferred-size: 220px;
      flex-basis: 220px;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r {
  padding-left: 20px;
}
@media screen and (max-width: 959px) {
  .header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r {
    margin-top: 80px;
    padding: 0;
  }
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav_section_ttl {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .news_inner {
  width: 100%;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .news_inner:after {
  display: none;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information {
  display: block;
  padding: 0;
  border: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information .news-content {
  padding: 6px 20px 6px 6px;
  width: 100%;
  border: 1px solid #333;
  border-radius: 30px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information .news-content .news-list tr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  font-size: 1.3rem;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 1s 0.5s;
  transition: cubic-bezier(1, 0, 0, 1) 1s 0.5s;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information .news-content .news-list tr th {
  -ms-flex-preferred-size: 95px;
      flex-basis: 95px;
  width: 95px;
  letter-spacing: 0em;
  font-weight: normal;
  line-height: 32px;
  color: #fff;
  background-color: #DE5228;
  border-radius: 16px;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information .news-content .news-list tr th time {
  display: block;
  width: 95px;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information .news-content .news-list tr td {
  margin-left: 1.2em;
  width: calc(50vw - 142px);
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: 1.4rem;
}
@media screen and (max-width: 959px) {
  .header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information .news-content .news-list tr td {
    margin-left: 1em;
    width: calc(90vw - 136px);
  }
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information .information_arrow {
  position: absolute;
  top: 50%;
  right: -14px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information .information_arrow path {
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information:hover .information_arrow {
  right: -20px;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .nav-news_2line .to-information:hover .information_arrow path {
  fill: #DE5228;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .time-table {
  padding-top: 60px;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .time-table .nav-list_tel {
  margin-top: 8px;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .time-table .nav-list_tel a {
  margin-left: auto;
  margin-right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .time-table .nav-list_tel a img {
  max-width: 220px;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .access {
  margin-top: 40px;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .access .dl_inner {
  padding: 1.5em 1em 0.8em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: dotted 1px #333;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .access .dl_inner dt {
  -ms-flex-preferred-size: 4.5em;
      flex-basis: 4.5em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .access .dl_inner dd {
  margin-left: 2em;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .access .dl_inner dd a {
  display: block;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .access .dl_inner dd:hover a {
  color: #707070 !important;
}
@media screen and (max-width: 959px) {
  .header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .access .dl_inner {
    font-size: 2rem;
  }
}
@media screen and (max-width: 519px) {
  .header_wrapp .header-h .header-h_nav .humburger_menu-nav_inner .nav-r .access .dl_inner {
    font-size: 1.6rem;
  }
}
.header_wrapp .header-v_nav {
  padding-left: 32px;
  position: absolute;
  top: 220px;
  left: 0;
  z-index: 100;
}
.header_wrapp .header-v_nav .nav-lists {
  margin-left: 40px;
  letter-spacing: 0;
}
.header_wrapp .header-v_nav .nav-lists .nav-list_content {
  margin-top: 19px;
  background-color: transparent;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 1.8rem;
  -webkit-transition: ease 0.4s;
  transition: ease 0.4s;
}
.header_wrapp .header-v_nav .nav-lists .nav-list_content a {
  display: block;
  color: #333;
  background-color: transparent;
  line-height: 1;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: relative;
}
.header_wrapp .header-v_nav .nav-lists .nav-list_content a .ttl-en {
  margin-top: 5px;
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 1rem;
  letter-spacing: 0.1em;
  text-transform: uppercase;
}
.header_wrapp .header-v_nav .nav-list_tel {
  margin-top: 50px;
}
.header_wrapp .header-v_nav .nav-list_tel a {
  display: block;
  width: 100%;
}
.header_wrapp .header-v_nav .nav-list_tel a img {
  width: 100%;
}
@media screen and (max-width: 959px) {
  .header_wrapp .header-v_nav {
    display: none;
  }
}

@media screen and (max-width: 959px) {
  .header_pc {
    display: none;
  }
  .header_sp {
    width: 100vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 20px 5vw 0 5vw;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    position: fixed;
    z-index: 100;
    -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.5s;
    transition: cubic-bezier(1, 0, 0, 1) 0.5s;
  }
  .header-l {
    z-index: 1000;
    mix-blend-mode: multiply;
    width: 200px;
  }
}
html {
  font-size: 62.5%;
}

body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  -webkit-font-smoothing: antialiased;
  font-size: 1.6rem;
  letter-spacing: 0.075em;
  line-height: 1.75;
  color: #333;
  background-color: #f1f1f1;
}
@media screen and (max-width: 519px) {
  body {
    font-size: 1.4rem;
  }
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

a {
  color: #333;
  text-decoration: none;
}

li {
  list-style: none;
}

figure {
  margin: 0 !important;
}

.inner {
  padding-left: 6.25vw;
  padding-right: 6.25vw;
  margin: 0 auto;
}
@media screen and (max-width: 959px) {
  .inner {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media screen and (max-width: 519px) {
  .inner {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.lower-inner {
  padding-left: 15.625vw;
  padding-right: 6.25vw;
}
@media screen and (max-width: 959px) {
  .lower-inner {
    padding-left: 5vw;
    padding-right: 5vw;
  }
}
@media screen and (max-width: 959px) {
  .sp_disappear {
    display: none;
  }
}

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

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

.section-group {
  padding-bottom: 16px;
  letter-spacing: 0.2em;
  border-bottom: solid 1px #707070;
  position: relative;
}
.section-group .section_ttl_en {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  line-height: 1;
}
.section-group .section_ttl {
  font-size: 2.4rem;
  font-weight: normal;
}
.section-group .section_ttl_en {
  font-family: "Montserrat", sans-serif;
  font-size: 1.4rem;
  text-transform: uppercase;
  line-height: 1;
}
.section-group .section_ttl {
  font-size: 2.4rem;
  font-weight: normal;
}
@media screen and (max-width: 519px) {
  .section-group .section_ttl_en {
    font-size: 1.2rem;
  }
  .section-group .section_ttl {
    font-size: 2rem;
  }
}

.mv-copy_wrapp {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  white-space: nowrap;
  font-size: 3.2rem;
  font-weight: bold;
  color: #333;
  letter-spacing: 0.5em;
  line-height: 2;
  position: absolute;
  top: 12%;
  right: 7.8125vw;
  z-index: 10;
}
.mv-copy_wrapp .mv-copy {
  padding: 0 6px;
}
.mv-copy_wrapp .mv-copy span {
  display: inline-block;
  -webkit-transform: translate(0, 105%);
          transform: translate(0, 105%);
  -webkit-transition: ease 1s;
  transition: ease 1s;
  opacity: 0;
}
@media screen and (max-width: 959px) {
  .mv-copy_wrapp {
    top: 5%;
    right: 5vw;
  }
}
@media screen and (max-width: 519px) {
  .mv-copy_wrapp {
    font-size: 2.4rem;
    top: 2%;
  }
}

.page_head {
  height: 90vh;
  position: relative;
}
.page_head .page-ttl {
  display: block;
  font-size: 3rem;
  font-weight: normal;
  letter-spacing: 0.2em;
  line-height: 1.2;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.page_head .page-ttl .ttl-en {
  display: block;
  font-family: "Montserrat", sans-serif;
  font-size: 8.6rem;
  font-weight: 100;
  letter-spacing: 0.2em;
  text-transform: uppercase;
}
@media screen and (max-width: 959px) {
  .page_head .page-ttl {
    font-size: 2.4rem;
  }
  .page_head .page-ttl .ttl-en {
    font-size: 6.8rem;
  }
}
@media screen and (max-width: 768px) {
  .page_head .page-ttl {
    font-size: 1.8rem;
  }
  .page_head .page-ttl .ttl-en {
    font-size: 5.2rem;
  }
}
@media screen and (max-width: 519px) {
  .page_head .page-ttl {
    left: 5vw;
    -webkit-transform: translate(0, -50%);
            transform: translate(0, -50%);
  }
}

.multi-contents {
  cursor: pointer;
}
.multi-contents .multi-list {
  padding: 0 120px 0 30px;
  border-bottom: solid 1px #707070;
  overflow: hidden;
}
.multi-contents .multi-list .question {
  padding: 1.5em 0;
  vertical-align: middle;
  font-size: 4rem;
  line-height: 1.5;
  position: relative;
}
.multi-contents .multi-list .question .accordion_arrow_wrapp {
  content: "";
  width: 100px;
  height: 100px;
  background-color: transparent;
  border: solid 1px #707070;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  right: -110px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  overflow: hidden;
}
.multi-contents .multi-list .question .accordion_arrow_wrapp .accordion_arrow {
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: all ease 0.5s;
  transition: all ease 0.5s;
}
.multi-contents .multi-list .question .accordion_arrow_wrapp .accordion_arrow svg path {
  fill: #707070;
}
.multi-contents .multi-list .question .accordion_arrow_wrapp .accordion_arrow .accordion_arrow_down {
  opacity: 1;
  -webkit-transition: all ease 0.4s 0.5s;
  transition: all ease 0.4s 0.5s;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.multi-contents .multi-list .question .accordion_arrow_wrapp .accordion_arrow .accordion_arrow_up {
  opacity: 0;
  -webkit-transition: all ease 0.4s 0.5s;
  transition: all ease 0.4s 0.5s;
  position: absolute;
  top: -88px;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
          transform: translate(-50%, 0);
}
.multi-contents .multi-list .answer {
  padding-bottom: 3em;
  font-size: 2rem;
}
.multi-contents .multi-list .answer p:not(:first-of-type) {
  margin-top: 0.6em;
}
.multi-contents .multi-list .answer p a:hover {
  color: #707070;
}
.multi-contents .multi-list .answer h4 {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-top: 2em;
  font-size: 2.8rem;
  font-weight: normal;
}
.multi-contents .multi-list .answer h4:after {
  display: block;
  content: "";
  width: 120%;
  height: 1px;
  background: #707070;
}
.multi-contents .multi-list .answer ul {
  margin-top: 1em;
}
.multi-contents .multi-list .answer ul li {
  margin-top: 0.2em;
  padding-left: 1em;
  position: relative;
}
.multi-contents .multi-list .answer ul li:before {
  content: "";
  width: 5px;
  height: 5px;
  background: #333;
  border-radius: 50%;
  position: absolute;
  top: 15px;
  left: 4px;
}
@media screen and (max-width: 959px) {
  .multi-contents .multi-list {
    padding: 0 100px 0 20px;
  }
  .multi-contents .multi-list .question {
    font-size: 3.2rem;
  }
  .multi-contents .multi-list .question .accordion_arrow_wrapp {
    right: -100px;
    -webkit-transform: translateY(-50%) scale(0.8);
            transform: translateY(-50%) scale(0.8);
  }
  .multi-contents .multi-list .answer {
    font-size: 1.8rem;
  }
  .multi-contents .multi-list .answer h4 {
    font-size: 2.4rem;
  }
  .multi-contents .multi-list .answer ul li:before {
    width: 4px;
    height: 4px;
    top: 13px;
  }
}
@media screen and (max-width: 519px) {
  .multi-contents .multi-list {
    padding: 0 60px 0 5px;
  }
  .multi-contents .multi-list .question {
    font-size: 2.4rem;
  }
  .multi-contents .multi-list .question .accordion_arrow_wrapp {
    right: -80px;
    -webkit-transform: translateY(-50%) scale(0.6);
            transform: translateY(-50%) scale(0.6);
  }
  .multi-contents .multi-list .answer {
    font-size: 1.6rem;
  }
  .multi-contents .multi-list .answer h4 {
    font-size: 2rem;
  }
  .multi-contents .multi-list .answer ul li:before {
    width: 3px;
    height: 3px;
    top: 12px;
  }
}
.multi-contents .accordion .answer {
  display: none;
}

.footer {
  padding-top: 150px;
  padding-bottom: 80px;
  color: #fff;
  background-color: #f1f1f1;
  -webkit-transition: ease 2s;
  transition: ease 2s;
}
.footer .footer-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 959px) {
  .footer {
    padding-top: 120px;
  }
  .footer .footer-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
@media screen and (max-width: 519px) {
  .footer {
    padding-top: 100px;
  }
}
.footer .access {
  margin-right: 40px;
  max-width: 450px;
  -ms-flex-negative: 2;
      flex-shrink: 2;
}
.footer .access .footer-logo {
  width: 280px;
}
.footer .access .footer-logo a {
  display: block;
  width: 100%;
}
.footer .access .footer-logo a img {
  width: 100%;
}
.footer .access dl {
  margin-top: 40px;
}
.footer .access dl .dl_inner {
  padding: 1.5em 1em 0.8em 1em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  border-bottom: dotted 1px #fff;
}
.footer .access dl .dl_inner dt {
  -ms-flex-preferred-size: 4.5em;
      flex-basis: 4.5em;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  white-space: nowrap;
}
.footer .access dl .dl_inner dd {
  margin-left: 2em;
}
.footer .access dl .dl_inner dd a {
  display: block;
  color: #fff !important;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.footer .access dl .dl_inner dd:hover a {
  color: #707070 !important;
}
@media screen and (max-width: 959px) {
  .footer .access {
    margin: 0;
  }
  .footer .access dl .dl_inner {
    font-size: 1.6rem;
  }
}
.footer .map_wrapp {
  -ms-flex-negative: 1;
      flex-shrink: 1;
  position: relative;
  width: 50vw;
}
.footer .map_wrapp .map {
  width: 100%;
  height: 460px;
  border-radius: 20px;
  overflow: hidden;
}
.footer .map_wrapp .map iframe {
  width: 100%;
  height: 100%;
}
.footer .map_wrapp .access-info {
  margin-top: 1em;
}
@media screen and (max-width: 959px) {
  .footer .map_wrapp {
    margin-top: 40px;
    width: 100%;
  }
}
.footer .copyright_wrapp {
  margin-top: 72px;
  font-size: 1.4rem;
  text-align: center;
}

.service {
  padding-top: 160px;
  padding-bottom: 30px;
  width: 100vw;
  overflow: hidden;
}
@media screen and (max-width: 959px) {
  .service {
    padding-top: 120px;
  }
}
@media screen and (max-width: 519px) {
  .service {
    padding-top: 100px;
  }
}
.service .inner .service-section-group {
  letter-spacing: 0.2em;
  position: relative;
}
.service .inner .service-section-group .service-section_ttl_en {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: ease 1s;
  transition: ease 1s;
  position: relative;
}
@-webkit-keyframes flowLeft01 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}
@keyframes flowLeft01 {
  0% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
  100% {
    -webkit-transform: translate(-100%, 0);
            transform: translate(-100%, 0);
  }
}
@-webkit-keyframes flowLeft02 {
  0% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@keyframes flowLeft02 {
  0% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
  100% {
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}
@-webkit-keyframes flowLeft03 {
  0% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  100% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
}
@keyframes flowLeft03 {
  0% {
    -webkit-transform: translate(200%, 0);
            transform: translate(200%, 0);
  }
  100% {
    -webkit-transform: translate(100%, 0);
            transform: translate(100%, 0);
  }
}
.service .inner .service-section-group .service-section_ttl_en .carousel {
  font-family: "Montserrat", sans-serif;
  font-size: 20rem;
  text-transform: uppercase;
  line-height: 1;
  white-space: nowrap;
  overflow: hidden;
  opacity: 0.1;
  position: absolute;
  top: -0.5em;
  left: 0;
  z-index: -1;
}
.service .inner .service-section-group .service-section_ttl_en .flow01 {
  -webkit-animation: flowLeft01 20s linear infinite;
          animation: flowLeft01 20s linear infinite;
}
.service .inner .service-section-group .service-section_ttl_en .flow02 {
  -webkit-animation: flowLeft02 20s linear infinite;
          animation: flowLeft02 20s linear infinite;
}
.service .inner .service-section-group .service-section_ttl_en .flow03 {
  -webkit-animation: flowLeft03 20s linear infinite;
          animation: flowLeft03 20s linear infinite;
}
@media screen and (max-width: 959px) {
  .service .inner .service-section-group .service-section_ttl_en .carousel {
    font-size: 18rem;
    top: -0.5em;
  }
}
@media screen and (max-width: 519px) {
  .service .inner .service-section-group .service-section_ttl_en .carousel {
    font-size: 10rem;
    top: -0.4em;
  }
}
.service .inner .service-section-group .service-section_ttl {
  font-size: 4rem;
  text-align: center;
  font-weight: normal;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: ease 1s;
  transition: ease 1s;
}
.service .inner .service-section-group .service-section_ttl span {
  display: inline-block;
  white-space: nowrap;
}
@media screen and (max-width: 959px) {
  .service .inner .service-section-group .service-section_ttl {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 519px) {
  .service .inner .service-section-group .service-section_ttl {
    font-size: 2.8rem;
  }
}
.service-list {
  margin-top: 130px;
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
}
.service-list:before {
  content: "";
  width: 100%;
  height: 1px;
  position: absolute;
  top: -86px;
  background-color: #707070;
}
.service-list .service-content {
  margin: 0 28px;
  width: 56px;
}
.service-list .service-content:first-of-type {
  width: 112px;
}
.service-list .service-content:after {
  content: "";
  width: 16px;
  height: 16px;
  position: absolute;
  top: -38px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background-color: #DE5228;
  opacity: 0;
}
.service-list .service-content .service_ttl_wrapp {
  font-size: 3.2rem;
  letter-spacing: 0.2em;
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  -webkit-transform: translateY(-20px);
          transform: translateY(-20px);
}
.service-list .service-content .service_ttl_wrapp .service_ttl {
  opacity: 0;
}
.service-list .service-content .service_ttl_wrapp:before {
  content: "";
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff; /*伸びる背景色の設定*/
  z-index: 1;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
  opacity: 0;
}
.service-list .service-content .service_ttl_wrapp:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #000; /*伸びる背景色の設定*/
  z-index: 2;
  -webkit-transform: scaleY(0);
          transform: scaleY(0);
}
@media screen and (max-width: 959px) {
  .service-list {
    margin-top: 100px;
  }
  .service-list:before {
    top: -60px;
  }
  .service-list .service-content {
    margin: 0 0.5em;
    width: 49px;
  }
  .service-list .service-content:first-of-type {
    width: 98px;
  }
  .service-list .service-content:after {
    width: 14px;
    height: 14px;
    top: -30px;
  }
  .service-list .service-content .service_ttl_wrapp {
    font-size: 2.8rem;
  }
}
@media screen and (max-width: 519px) {
  .service-list {
    margin-top: 80px;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .service-list .service-content {
    margin: 0;
    width: 25%;
  }
  .service-list .service-content .service_ttl_wrapp {
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 60px;
    font-size: 2.4rem;
  }
}
.service .more-btn_wrapp {
  margin-top: 88px;
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 959px) {
  .service .more-btn_wrapp {
    margin-top: 60px;
  }
}
@media screen and (max-width: 519px) {
  .service .more-btn_wrapp {
    margin-top: 20px;
  }
}

.area {
  padding-top: 170px;
  padding-bottom: 100px;
}
.area .inner {
  position: relative;
}
.area .inner .area-section-group {
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
  letter-spacing: 0.2em;
  position: absolute;
  top: 0;
  left: 12.5vw;
}
.area .inner .area-section-group .area-section_ttl_en {
  font-family: "Montserrat", sans-serif;
  font-size: 24rem;
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 1;
  color: rgba(51, 51, 51, 0.1);
  position: absolute;
  top: 0;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: ease 1s;
  transition: ease 1s;
}
.area .inner .area-section-group .area-section_ttl {
  font-size: 4rem;
  text-align: center;
  font-weight: normal;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: ease 1s 1s;
  transition: ease 1s 1s;
}
@media screen and (max-width: 959px) {
  .area .inner .area-section-group .area-section_ttl_en {
    font-size: 18rem;
  }
  .area .inner .area-section-group .area-section_ttl {
    font-size: 3.2rem;
  }
}
@media screen and (max-width: 519px) {
  .area .inner .area-section-group {
    -webkit-writing-mode: horizontal-tb;
        -ms-writing-mode: lr-tb;
            writing-mode: horizontal-tb;
    position: inherit;
    left: 0;
  }
  .area .inner .area-section-group .area-section_ttl_en {
    font-size: 10rem;
    top: -0.5em;
  }
  .area .inner .area-section-group .area-section_ttl {
    font-size: 2.8rem;
    text-align: left;
  }
}
.area .area-contents_wrapp {
  margin-left: auto;
  margin-right: 0;
  width: 81.25%;
}
.area .area-contents_wrapp .figure_wrapp {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: ease 1s;
  transition: ease 1s;
}
.area .area-contents_wrapp .figure_wrapp figure {
  width: 100%;
  border-radius: 80px;
  overflow: hidden;
}
@media screen and (max-width: 959px) {
  .area .area-contents_wrapp .figure_wrapp figure {
    height: 400px;
    border-radius: 40px;
  }
  .area .area-contents_wrapp .figure_wrapp figure img {
    -o-object-fit: cover;
       object-fit: cover;
    -o-object-position: 12%;
       object-position: 12%;
    width: 100%;
    height: 100%;
  }
}
@media screen and (max-width: 519px) {
  .area .area-contents_wrapp {
    margin-top: 20px;
    width: 100%;
  }
  .area .area-contents_wrapp .figure_wrapp figure {
    border-radius: 40px;
  }
}
.area .area-contents_wrapp .area-list {
  margin-top: 32px;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.area .area-contents_wrapp .area-list .area-content {
  margin-right: 40px;
  width: 134px;
  text-indent: 26px;
  position: relative;
  white-space: nowrap;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: ease 1s;
  transition: ease 1s;
}
.area .area-contents_wrapp .area-list .area-content:last-of-type {
  margin-right: 0;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.area .area-contents_wrapp .area-list .area-content:last-of-type .area_ttl_wrapp .area_ttl span {
  font-size: 2rem;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
.area .area-contents_wrapp .area-list .area-content .area_ttl_wrapp .area_ttl {
  font-size: 2.4rem;
  letter-spacing: 0.1em;
}
.area .area-contents_wrapp .area-list .area-content.all-area:before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #DE5228;
  border-radius: 50%;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.area .area-contents_wrapp .area-list .area-content:before {
  content: "";
  width: 16px;
  height: 16px;
  background-color: #f1f1f1;
  border: solid 1px #DE5228;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 0px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 959px) {
  .area .area-contents_wrapp .area-list {
    margin-top: 24px;
    -webkit-box-pack: space-evenly;
        -ms-flex-pack: space-evenly;
            justify-content: space-evenly;
  }
  .area .area-contents_wrapp .area-list::after {
    content: "";
    display: block;
    width: 30%;
  }
  .area .area-contents_wrapp .area-list .area-content {
    width: 100px;
    text-indent: 22px;
    white-space: nowrap;
  }
  .area .area-contents_wrapp .area-list .area-content:last-of-type .area_ttl_wrapp .area_ttl span {
    font-size: 1.4rem;
  }
  .area .area-contents_wrapp .area-list .area-content .area_ttl_wrapp .area_ttl {
    font-size: 1.8rem;
  }
  .area .area-contents_wrapp .area-list .area-content.all-area:before {
    content: "";
    width: 14px;
    height: 14px;
  }
  .area .area-contents_wrapp .area-list .area-content:before {
    content: "";
    width: 14px;
    height: 14px;
  }
}
@media screen and (max-width: 519px) {
  .area .area-contents_wrapp .area-list .area-content {
    width: 70px;
  }
}
.area .area-explanation {
  margin-top: 40px;
  color: #707070;
}
.area .area-explanation p {
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: ease 1s;
  transition: ease 1s;
}
.area .area-explanation p:first-of-type {
  font-weight: bold;
}
.area .area-explanation p:first-of-type:before {
  margin-right: 6px;
  display: inline-block;
  content: "";
  width: 16px;
  height: 16px;
  background-color: #f1f1f1;
  border: solid 1px #DE5228;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transform: translate(0px, 2px);
          transform: translate(0px, 2px);
}
.area .area-explanation p:nth-of-type(2) {
  margin-top: 6px;
}

.recruit {
  margin-top: 100px;
}
.recruit .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.recruit .recruit-content {
  margin-left: 11.4583333333vw;
  width: 100%;
  position: relative;
}
.recruit .recruit-content .recruit_copy {
  margin-top: 50px;
  font-size: 3.3333333333vw;
  font-weight: bold;
  color: #333;
  -webkit-text-stroke: 2px #f1f1f1;
  letter-spacing: 0.2em;
}
.recruit .recruit-content .recruit_para {
  margin-top: 40px;
  width: 31.25vw;
}
.recruit .recruit-content .more-btn_wrapp {
  position: absolute;
  top: 0;
  right: 0;
}
@media screen and (max-width: 959px) {
  .recruit .recruit-content .recruit_copy {
    font-size: 3.2rem;
    -webkit-text-stroke: 1px #f1f1f1;
  }
  .recruit .recruit-content .recruit_para {
    margin-top: 40px;
    width: 100%;
  }
  .recruit .recruit-content .more-btn_wrapp {
    position: static;
  }
}
@media screen and (max-width: 519px) {
  .recruit .recruit-content {
    margin-left: 0;
  }
  .recruit .recruit-content .recruit_copy {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    font-size: 2.8rem;
  }
  .recruit .recruit-content .recruit_para {
    margin-top: 40px;
    width: 100%;
  }
  .recruit .recruit-content .more-btn_wrapp {
    position: static;
  }
}

.animationTarget.show {
  opacity: 1 !important;
  -webkit-transform: none !important;
          transform: none !important;
}

.animationTarget2.show {
  opacity: 1 !important;
  -webkit-transform: none;
          transform: none;
}

.animationTargetBG.show {
  background-color: #444 !important;
}

.mv-copy_wrapp.visible .mv-copy span {
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  opacity: 1;
}

.copy_1 span:nth-child(2) {
  -webkit-transition-delay: 0.06s;
          transition-delay: 0.06s;
}
.copy_1 span:nth-child(3) {
  -webkit-transition-delay: 0.12s;
          transition-delay: 0.12s;
}
.copy_1 span:nth-child(4) {
  -webkit-transition-delay: 0.18s;
          transition-delay: 0.18s;
}
.copy_1 span:nth-child(5) {
  -webkit-transition-delay: 0.24s;
          transition-delay: 0.24s;
}
.copy_1 span:nth-child(6) {
  -webkit-transition-delay: 0.3s;
          transition-delay: 0.3s;
}
.copy_1 span:nth-child(7) {
  -webkit-transition-delay: 0.36s;
          transition-delay: 0.36s;
}
.copy_1 span:nth-child(8) {
  -webkit-transition-delay: 0.42s;
          transition-delay: 0.42s;
}
.copy_1 span:nth-child(9) {
  -webkit-transition-delay: 0.48s;
          transition-delay: 0.48s;
}
.copy_1 span:nth-child(10) {
  -webkit-transition-delay: 0.54s;
          transition-delay: 0.54s;
}

.copy_2 span:nth-child(1) {
  -webkit-transition-delay: 0.46s;
          transition-delay: 0.46s;
}
.copy_2 span:nth-child(2) {
  -webkit-transition-delay: 0.52s;
          transition-delay: 0.52s;
}
.copy_2 span:nth-child(3) {
  -webkit-transition-delay: 0.58s;
          transition-delay: 0.58s;
}
.copy_2 span:nth-child(4) {
  -webkit-transition-delay: 0.64s;
          transition-delay: 0.64s;
}
.copy_2 span:nth-child(5) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.copy_2 span:nth-child(6) {
  -webkit-transition-delay: 0.76s;
          transition-delay: 0.76s;
}
.copy_2 span:nth-child(7) {
  -webkit-transition-delay: 0.82s;
          transition-delay: 0.82s;
}
.copy_2 span:nth-child(8) {
  -webkit-transition-delay: 0.88s;
          transition-delay: 0.88s;
}
.copy_2 span:nth-child(9) {
  -webkit-transition-delay: 0.94s;
          transition-delay: 0.94s;
}
.copy_2 span:nth-child(10) {
  -webkit-transition-delay: 1s;
          transition-delay: 1s;
}
.copy_2 span:nth-child(11) {
  -webkit-transition-delay: 1.06s;
          transition-delay: 1.06s;
}

.copy_3 span:nth-child(1) {
  -webkit-transition-delay: 0.86s;
          transition-delay: 0.86s;
}
.copy_3 span:nth-child(2) {
  -webkit-transition-delay: 0.92s;
          transition-delay: 0.92s;
}
.copy_3 span:nth-child(3) {
  -webkit-transition-delay: 0.98s;
          transition-delay: 0.98s;
}
.copy_3 span:nth-child(4) {
  -webkit-transition-delay: 1.04s;
          transition-delay: 1.04s;
}
.copy_3 span:nth-child(5) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.copy_3 span:nth-child(6) {
  -webkit-transition-delay: 1.16s;
          transition-delay: 1.16s;
}
.copy_3 span:nth-child(7) {
  -webkit-transition-delay: 1.22s;
          transition-delay: 1.22s;
}
.copy_3 span:nth-child(8) {
  -webkit-transition-delay: 1.28s;
          transition-delay: 1.28s;
}
.copy_3 span:nth-child(9) {
  -webkit-transition-delay: 1.34s;
          transition-delay: 1.34s;
}
.copy_3 span:nth-child(10) {
  -webkit-transition-delay: 1.4s;
          transition-delay: 1.4s;
}

.copy_4 span:nth-child(1) {
  -webkit-transition-delay: 1.26s;
          transition-delay: 1.26s;
}
.copy_4 span:nth-child(2) {
  -webkit-transition-delay: 1.32s;
          transition-delay: 1.32s;
}
.copy_4 span:nth-child(3) {
  -webkit-transition-delay: 1.38s;
          transition-delay: 1.38s;
}
.copy_4 span:nth-child(4) {
  -webkit-transition-delay: 1.44s;
          transition-delay: 1.44s;
}
.copy_4 span:nth-child(5) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.copy_4 span:nth-child(6) {
  -webkit-transition-delay: 1.56s;
          transition-delay: 1.56s;
}
.copy_4 span:nth-child(7) {
  -webkit-transition-delay: 1.62s;
          transition-delay: 1.62s;
}
.copy_4 span:nth-child(8) {
  -webkit-transition-delay: 1.68s;
          transition-delay: 1.68s;
}
.copy_4 span:nth-child(9) {
  -webkit-transition-delay: 1.74s;
          transition-delay: 1.74s;
}
.copy_4 span:nth-child(10) {
  -webkit-transition-delay: 1.8s;
          transition-delay: 1.8s;
}
.copy_4 span:nth-child(11) {
  -webkit-transition-delay: 1.86s;
          transition-delay: 1.86s;
}

@-webkit-keyframes showUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes showUp {
  0% {
    opacity: 0;
    -webkit-transform: translateY(50px);
            transform: translateY(50px);
  }
  100% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}
@-webkit-keyframes showUp-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50px);
            transform: translate(-50%, 50px);
  }
  100% {
    opacity: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@keyframes showUp-2 {
  0% {
    opacity: 0;
    -webkit-transform: translate(-50%, 50px);
            transform: translate(-50%, 50px);
  }
  100% {
    opacity: 1;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@-webkit-keyframes downElements {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes downElements {
  0% {
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes showElements {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@keyframes showElements {
  0% {
    opacity: 0;
    -webkit-transform: translateY(-20px);
            transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateY(0px);
            transform: translateY(0px);
  }
}
@-webkit-keyframes bgExtendAnime {
  0% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
}
@keyframes bgExtendAnime {
  0% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
    opacity: 1;
  }
}
@-webkit-keyframes bgExtendAnime2 {
  0% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
@keyframes bgExtendAnime2 {
  0% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
  50% {
    -webkit-transform-origin: top;
            transform-origin: top;
    -webkit-transform: scaleY(1);
            transform: scaleY(1);
  }
  50.001% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
  }
  100% {
    -webkit-transform-origin: bottom;
            transform-origin: bottom;
    -webkit-transform: scaleY(0);
            transform: scaleY(0);
  }
}
.service .service-content.show {
  -webkit-animation-name: showUp;
          animation-name: showUp;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 2s;
          animation-duration: 2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
          animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}
.service .service-content.show:after {
  -webkit-animation-name: showUp-2;
          animation-name: showUp-2;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
          animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}
.service .service-content.show .service_ttl_wrapp {
  -webkit-animation-name: downElements;
          animation-name: downElements;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.service .service-content.show .service_ttl_wrapp .service_ttl {
  -webkit-animation-name: showElements;
          animation-name: showElements;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.service .service-content.show .service_ttl_wrapp:before {
  -webkit-animation-name: bgExtendAnime;
          animation-name: bgExtendAnime;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
          animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}
.service .service-content.show .service_ttl_wrapp:after {
  -webkit-animation-name: bgExtendAnime2;
          animation-name: bgExtendAnime2;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
          animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}

@-webkit-keyframes slideLRElements {
  0% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}

@keyframes slideLRElements {
  0% {
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@-webkit-keyframes showLRElements {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@keyframes showLRElements {
  0% {
    opacity: 0;
    -webkit-transform: translateX(-20px);
            transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translateX(0px);
            transform: translateX(0px);
  }
}
@-webkit-keyframes bgLRExtendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
}
@keyframes bgLRExtendAnime {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
    opacity: 1;
  }
}
@-webkit-keyframes bgLRExtendAnime2 {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
@keyframes bgLRExtendAnime2 {
  0% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
  50% {
    -webkit-transform-origin: left;
            transform-origin: left;
    -webkit-transform: scaleX(1);
            transform: scaleX(1);
  }
  50.001% {
    -webkit-transform-origin: right;
            transform-origin: right;
  }
  100% {
    -webkit-transform-origin: right;
            transform-origin: right;
    -webkit-transform: scaleX(0);
            transform: scaleX(0);
  }
}
.recruit_section-group.show .recruit_section_ttl_container {
  -webkit-animation-name: slideLRElements;
          animation-name: slideLRElements;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.recruit_section-group.show .recruit_section_ttl_container .recruit_section_ttl {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.recruit_section-group.show .recruit_section_ttl_container:before {
  -webkit-animation-name: bgLRExtendAnime;
          animation-name: bgLRExtendAnime;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
          animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}
.recruit_section-group.show .recruit_section_ttl_container:after {
  -webkit-animation-name: bgLRExtendAnime2;
          animation-name: bgLRExtendAnime2;
  -webkit-animation-delay: 0.3s;
          animation-delay: 0.3s;
  -webkit-animation-duration: 0.2s;
          animation-duration: 0.2s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  -webkit-animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
          animation-timing-function: cubic-bezier(0.4, 0.4, 0, 1);
}

.works-para.show {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.news-para.show {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.page-company .greeting.show .greeting-message {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-company .greeting.show .director-wrapp {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-company .greeting.show .director-name {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 1.2s;
          animation-delay: 1.2s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.page-recruit .greeting.show .director {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-recruit .greeting.show .director-name {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-recruit .greeting.show .director-message {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-recruit .elements-content_figures.show {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-recruit .elements-content_ratio_wrapp.show .elements-content_ratio:nth-of-type(1) {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 0s;
          animation-delay: 0s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-recruit .elements-content_ratio_wrapp.show .elements-content_ratio:nth-of-type(2) {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 0.5s;
          animation-delay: 0.5s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}
.page-recruit .elements-content_ratio_wrapp.show .elements-content_ratio:nth-of-type(3) {
  -webkit-animation-name: showLRElements;
          animation-name: showLRElements;
  -webkit-animation-delay: 1s;
          animation-delay: 1s;
  -webkit-animation-duration: 1s;
          animation-duration: 1s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
}

.more-btn_wrapp.opa1 {
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
  opacity: 1;
}

.more-btn_wrapp {
  margin-top: 1.6rem;
  width: 240px;
  font-size: 1.6rem;
  height: 52px;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(30px);
          transform: translateY(30px);
  -webkit-transition: ease 1s;
  transition: ease 1s;
}
.more-btn_wrapp .more-btn {
  display: block;
  text-indent: -2rem;
  text-align: center;
  letter-spacing: 0.075em;
  line-height: 52px;
  border-radius: 26px;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.more-btn_wrapp .more-btn:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: solid 1px #333;
  border-radius: 26px;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.more-btn_wrapp .more-btn:after {
  display: block;
  content: "";
  width: 21px;
  height: 8px;
  background-image: url(../images/right-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translate(0, -50%);
          transform: translate(0, -50%);
}
.more-btn_wrapp .more-btn:hover:before {
  width: 52px;
  right: 0px;
}
.more-btn_wrapp .more-btn:hover:after {
  -webkit-transform: translate(24px, -50%);
          transform: translate(24px, -50%);
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s 0.2s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s 0.2s;
  opacity: 1;
}
.more-btn_wrapp .more-btn img {
  opacity: 0;
}
.more-btn_wrapp .more-btn button {
  padding: 0;
  width: 100%;
  height: 100%;
  color: #333;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  background-color: transparent;
  border: none;
  font-size: 1.6rem;
  letter-spacing: 0.2em;
  cursor: pointer;
}
.more-btn_wrapp .more-btn button span {
  font-weight: 300;
}
.more-btn_wrapp .btn_white span {
  color: #fff;
}
.more-btn_wrapp .btn_white:before {
  border: solid 1px #fff !important;
  z-index: 2;
}
.more-btn_wrapp .btn_white:after {
  width: 8px;
  height: 21px;
  background-image: url(../images/down-arrow.svg);
  -webkit-transform: translate(0, -50%) rotate(-90deg);
          transform: translate(0, -50%) rotate(-90deg);
}
.more-btn_wrapp .btn_white:hover:after {
  -webkit-transform: translate(24px, -50%) rotate(-90deg);
          transform: translate(24px, -50%) rotate(-90deg);
}
.news .more-btn_wrapp {
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 1s 0.7s;
  transition: cubic-bezier(1, 0, 0, 1) 1s 0.7s;
  opacity: 0;
  -webkit-transform: translateX(-20px);
          transform: translateX(-20px);
}

.btn_pdf {
  margin-top: 110px;
}
.btn_pdf .btn_pdf_content {
  margin-top: 1.6rem;
  width: 220px;
  font-size: 1.6rem;
  font-weight: bold;
  height: 3.25em;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: relative;
}
.btn_pdf .btn_pdf_content a {
  display: block;
  color: #fff;
  text-indent: -2rem;
  text-align: center;
  letter-spacing: 0.075em;
  line-height: 3.25em;
  border-radius: 50px;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
.btn_pdf .btn_pdf_content a:before {
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #DE5228;
  border-radius: 50px;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: absolute;
  bottom: 0;
  right: 0;
  z-index: -1;
}
.btn_pdf .btn_pdf_content a:after {
  display: block;
  content: "";
  width: 10px;
  height: 24px;
  background-image: url(../images/down-arrow.svg);
  background-repeat: no-repeat;
  background-position: center;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  position: absolute;
  top: 50%;
  right: 26px;
  -webkit-transform: translate(5px, -50px);
          transform: translate(5px, -50px);
  opacity: 0;
}
.btn_pdf .btn_pdf_content img {
  position: absolute;
  top: 50%;
  right: 2rem;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s 0.2s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s 0.2s;
}
.btn_pdf .btn_pdf_content:hover a {
  color: #333;
}
.btn_pdf .btn_pdf_content:hover a:before {
  width: 52px;
  right: 0px;
}
.btn_pdf .btn_pdf_content:hover a:after {
  -webkit-transform: translate(5px, -50%);
          transform: translate(5px, -50%);
  opacity: 1;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s 0.2s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s 0.2s;
}
.btn_pdf .btn_pdf_content:hover img {
  -webkit-transform: translate(-10px, -50%);
          transform: translate(-10px, -50%);
  opacity: 0;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
}
@media screen and (max-width: 959px) {
  .btn_pdf .btn_pdf_content {
    width: 300px;
    font-size: 2rem;
  }
  .btn_pdf .btn_pdf_content a:after {
    right: 32.5px;
  }
  .btn_pdf .btn_pdf_content img {
    right: 10%;
  }
  .btn_pdf .btn_pdf_content:hover a:before {
    width: 65px;
  }
}
@media screen and (max-width: 519px) {
  .btn_pdf .btn_pdf_content {
    width: 100%;
  }
  .btn_pdf .btn_pdf_content img {
    right: 15%;
  }
}

.in-nav {
  margin-top: 0 !important;
  position: fixed;
  top: 30px;
  right: 200px;
}
@media screen and (max-width: 959px) {
  .in-nav {
    position: inherit;
    margin-top: 0;
    height: 83px;
    border-bottom: solid 1px #707070;
  }
}
.pagination_wrapp {
  margin-top: 150px;
  margin-bottom: 120px;
  margin-left: auto;
  margin-right: auto;
  max-width: 800px;
}
@media screen and (max-width: 959px) {
  .pagination_wrapp {
    margin-top: 120px;
    margin-bottom: 100px;
  }
}
@media screen and (max-width: 519px) {
  .pagination_wrapp {
    margin-top: 100px;
    margin-bottom: 80px;
  }
}
.pagination_wrapp .pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
}
.pagination_wrapp .pagination li:not(:first-of-type) {
  margin-left: 13px;
}
.pagination_wrapp .pagination li a {
  display: block;
  width: 32px;
  height: 32px;
  color: #333;
  line-height: 32px;
  text-align: center;
  border: solid 1px #333;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.3s;
  transition: cubic-bezier(1, 0, 0, 1) 0.3s;
}
.pagination_wrapp .pagination li a:hover {
  background-color: #f1f1f1;
}
.pagination_wrapp .pagination li .current {
  background-color: #333;
  color: #fff;
}
.pagination_wrapp .pagination li .current:hover {
  opacity: 0.8;
}

.treatment {
  padding-top: 0px;
  padding-bottom: 258px;
}
@media screen and (max-width: 959px) {
  .treatment {
    padding-bottom: 180px;
  }
}
@media screen and (max-width: 519px) {
  .treatment {
    padding-bottom: 150px;
  }
}

.disease {
  padding-top: 0px;
  padding-bottom: 150px;
}
@media screen and (max-width: 959px) {
  .disease {
    padding-bottom: 120px;
  }
}
@media screen and (max-width: 519px) {
  .disease {
    padding-bottom: 100px;
  }
}
.disease .disease-contents {
  margin-top: 80px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.disease .disease-contents .disease-list {
  padding-top: 33%;
  width: 33%;
  height: 0;
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(30px) scale(1.1);
          transform: translateY(30px) scale(1.1);
  -webkit-transition: ease 1s;
  transition: ease 1s;
}
.disease .disease-contents .disease-list::after {
  content: "";
  display: block;
  width: 100%;
  height: 100%;
  background-color: transparent;
  border: solid 1px #707070;
  border-radius: 50%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  transition: cubic-bezier(1, 0, 0, 1) 0.4s;
  z-index: -1;
}
.disease .disease-contents .disease-list .disease-list_inner {
  width: 90%;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
.disease .disease-contents .disease-list .disease-list_inner .question {
  font-size: 2.8rem;
  line-height: 1.25;
  white-space: nowrap;
}
.disease .disease-contents .disease-list .disease-list_inner .h-line {
  margin-top: 10px;
  margin-bottom: 10px;
  content: "";
  margin-left: auto;
  margin-right: auto;
  display: block;
  width: 60%;
  height: 1px;
  background-color: #707070;
}
.disease .disease-contents .disease-list .disease-list_inner .answer {
  margin-top: 0.5em;
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2rem;
  line-height: 1.25;
}
.disease .disease-contents .disease-list:hover::after {
  width: 105%;
  height: 105%;
}
@media screen and (max-width: 1280px) {
  .disease .disease-contents {
    margin-top: 80px;
  }
  .disease .disease-contents::after {
    content: "";
    display: block;
    width: 50%;
  }
  .disease .disease-contents .disease-list {
    padding-top: 50%;
    width: 50%;
  }
}
@media screen and (max-width: 959px) {
  .disease .disease-contents {
    margin-top: 60px;
  }
  .disease .disease-contents .disease-list_inner .question {
    font-size: 2.4rem;
  }
  .disease .disease-contents .disease-list_inner .answer {
    font-size: 1.8rem;
  }
}
@media screen and (max-width: 519px) {
  .disease .disease-contents {
    margin-top: 40px;
  }
  .disease .disease-contents .disease-list {
    padding-top: 100%;
    width: 100%;
  }
  .disease .disease-contents .disease-list .disease-list_inner .question {
    font-size: 2.4rem;
  }
  .disease .disease-contents .disease-list .disease-list_inner .answer {
    font-size: 1.8rem;
  }
}
.disease .disease-description {
  margin-top: 100px;
}
@media screen and (max-width: 959px) {
  .disease .disease-description {
    margin-top: 80px;
  }
}
@media screen and (max-width: 519px) {
  .disease .disease-description {
    margin-top: 60px;
  }
}
.disease .disease-description .disease-description_list:not(:first-of-type) {
  margin-top: 72px;
}
.disease .disease-description .disease-description_list h3 {
  display: inline-block;
  font-size: 2.4rem;
  font-weight: normal;
  position: relative;
}
.disease .disease-description .disease-description_list h3:before {
  content: "";
  width: 200px;
  height: 1px;
  background-color: #707070;
  position: absolute;
  bottom: 0;
  left: 0;
}
.disease .disease-description .disease-description_list p {
  margin-top: 1.5em;
}
@media screen and (max-width: 959px) {
  .disease .disease-description .disease-description_list h3 {
    font-size: 2.4rem;
  }
  .disease .disease-description .disease-description_list p {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 519px) {
  .disease .disease-description .disease-description_list h3 {
    font-size: 2rem;
  }
  .disease .disease-description .disease-description_list p {
    font-size: 1.4rem;
  }
}
.disease .disease-attention {
  margin-left: -6.25vw;
  padding-top: 150px;
}
.disease .disease-attention .disease-attention_text {
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  font-size: 2rem;
  text-align: center;
  position: relative;
}
.disease .disease-attention .disease-attention_text:before {
  content: "";
  background-color: #707070;
  width: 1px;
  height: 60px;
  -webkit-transform: rotate(-30deg) translateY(-50%);
          transform: rotate(-30deg) translateY(-50%);
  position: absolute;
  top: 50%;
  left: -36px;
}
.disease .disease-attention .disease-attention_text:after {
  content: "";
  background-color: #707070;
  width: 1px;
  height: 60px;
  -webkit-transform: rotate(30deg) translateY(-50%);
          transform: rotate(30deg) translateY(-50%);
  position: absolute;
  top: 50%;
  right: -24px;
}
.disease .disease-attention_br {
  display: none;
}
@media screen and (max-width: 1140px) {
  .disease .disease-attention_br {
    display: block;
  }
}
@media screen and (max-width: 959px) {
  .disease .disease-attention_br {
    display: none;
  }
}
@media screen and (max-width: 959px) {
  .disease .disease-attention {
    margin: 0;
    padding-top: 100px;
  }
  .disease .disease-attention .disease-attention_text {
    padding: 2em;
    width: 80%;
    font-size: 1.8rem;
    -moz-text-align-last: left;
         text-align-last: left;
    border: solid 1px #707070;
  }
  .disease .disease-attention .disease-attention_text::before {
    display: none;
  }
  .disease .disease-attention .disease-attention_text::after {
    display: none;
  }
}
@media screen and (max-width: 519px) {
  .disease .disease-attention {
    padding-top: 80px;
  }
  .disease .disease-attention .disease-attention_text {
    font-size: 1.6rem;
  }
}

.kome {
  position: relative;
}
.kome:after {
  content: "＊";
  font-size: 0.8em;
  color: #DE5228;
  position: absolute;
  right: -1em;
}

.red {
  color: #DE5228;
}