@charset "UTF-8";
/*
theme Name: upwish_recruit
Author: upwish_recruit
Description: 自作テーマ
version： 1.0.0
*/
/*=========================
# colors
=========================*/
/*=========================
# font
=========================*/
@font-face {
  font-family: "Albert Sans";
  src: url("../font/AlbertSans-VariableFont_wght.ttf") format("truetype");
}
body {
  box-sizing: border-box;
  width: 100%;
  font-weight: 400;
  line-height: 2.25;
  letter-spacing: 0.005em;
  color: #1A1A1A;
  font-size: 16px;
  font-family: "Noto Sans JP", sans-serif;
  display: flex;
  flex-direction: column;
  overflow-x: hidden;
  min-height: 100vh;
  position: relative;
}
@media (max-width: 767px) {
  body {
    font-size: 3.738317757vw;
  }
}
body.is-checked {
  overflow-y: hidden;
}

html {
  scroll-behavior: smooth;
}

.inner {
  margin: 0 auto;
}
@media (min-width: 768px) {
  .inner {
    padding-left: 40px;
    padding-right: 40px;
    max-width: 1270px;
    box-sizing: content-box !important;
  }
}
@media (max-width: 767px) {
  .inner {
    padding: 0 4.6728971963vw;
  }
}

p {
  margin-bottom: 30px;
}

.mincho {
  font-family: "Zen Old Mincho", serif;
}

.en {
  font-family: "Cormorant", serif;
}

img {
  width: 100%;
}

@media (max-width: 767px) {
  .pc {
    display: none !important;
  }
}
@media (min-width: 768px) {
  .sp {
    display: none;
  }
  .tab {
    display: none;
  }
}
@media (max-width: 1024px) {
  .tab {
    display: block;
  }
}
.main {
  flex: 1;
}
.main.main-page {
  margin-top: 90px;
}
@media (max-width: 1024px) {
  .main.main-page {
    margin-top: 50px;
  }
}

.section-title01 span {
  font-family: "Zen Old Mincho", serif;
  writing-mode: vertical-rl;
  font-size: 55px;
  font-weight: 500;
  letter-spacing: 0;
  position: relative;
  padding-top: 65px;
}
@media (max-width: 1024px) {
  .section-title01 span {
    font-size: 48px;
  }
}
@media (max-width: 767px) {
  .section-title01 span {
    font-size: 8.1775700935vw;
    padding-top: 10.5140186916vw;
  }
}
.section-title01 span::before {
  position: absolute;
  content: "";
  background: #FF5E5E;
  width: 2px;
  height: 60px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
}
@media (max-width: 767px) {
  .section-title01 span::before {
    height: 10.5140186916vw;
  }
}

.section-title02 {
  display: flex;
  align-items: center;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #E58429;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .section-title02 {
    font-size: 5.3738317757vw;
    margin-bottom: 7.0093457944vw;
  }
}
.section-title02:before, .section-title02:after {
  content: "";
  height: 1px;
  flex-grow: 1;
  background-color: #E58429;
}
.section-title02:before {
  margin-right: 50px;
}
@media (max-width: 767px) {
  .section-title02:before {
    margin-right: 3.5046728972vw;
  }
}
.section-title02:after {
  margin-left: 50px;
}
@media (max-width: 767px) {
  .section-title02:after {
    margin-left: 3.5046728972vw;
  }
}

.section-title03 {
  font-family: "Zen Old Mincho", serif;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding-left: 33px;
  position: relative;
}
@media (max-width: 767px) {
  .section-title03 {
    font-size: 5.6074766355vw;
    padding-left: 7.7102803738vw;
    line-height: 1.4;
  }
}
.section-title03::before {
  position: absolute;
  content: "";
  background: #FF5E5E;
  width: 23px;
  height: 3px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .section-title03::before {
    width: 5.3738317757vw;
  }
}

.btn01 {
  display: block;
  font-weight: 500;
  background: #E58429;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3px;
  padding: 22px 60px;
}
@media (max-width: 767px) {
  .btn01 {
    padding: 5.1401869159vw 14.0186915888vw;
  }
}
.btn01 span {
  padding-right: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .btn01 span {
    padding-right: 9.3457943925vw;
  }
}
.btn01 span::after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow01.svg) no-repeat center center/contain;
  width: 20px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 767px) {
  .btn01 span::after {
    width: 4.6728971963vw;
    height: 2.8037383178vw;
  }
}

.btn02 {
  display: block;
  font-weight: 500;
  border: 1px solid #B5B5B5;
  color: #141414;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3px;
  padding: 22px 60px;
}
@media (max-width: 767px) {
  .btn02 {
    padding: 5.1401869159vw 14.0186915888vw;
  }
}
.btn02 span {
  padding-right: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .btn02 span {
    padding-right: 9.3457943925vw;
  }
}
.btn02 span::after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow03.svg) no-repeat center center/contain;
  width: 20px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 767px) {
  .btn02 span::after {
    width: 4.6728971963vw;
    height: 2.8037383178vw;
  }
}

.btn03 {
  display: block;
  font-weight: 700;
  color: #078D54;
  padding-right: 86px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media (max-width: 767px) {
  .btn03 {
    padding-right: 20.0934579439vw;
  }
}
.btn03::before {
  position: absolute;
  content: "";
  background: #fff;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 767px) {
  .btn03::before {
    width: 13.0841121495vw;
    height: 13.0841121495vw;
  }
}
.btn03::after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow_right_green01.svg) no-repeat center center/contain;
  width: 20.5px;
  height: 16px;
  top: 50%;
  transform: translateY(-50%);
  right: 17px;
}
@media (max-width: 767px) {
  .btn03::after {
    width: 4.7897196262vw;
    height: 3.738317757vw;
    right: 3.9719626168vw;
  }
}
.btn03:hover::before {
  border: 1px solid #ABDBC2;
}

.fax {
  pointer-events: none;
}

.video-bg {
  width: 100%;
  height: 100%;
  position: fixed;
  z-index: -1;
}
.video-bg video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}

/* page
-------------------------*/
@media (min-width: 768px) {
  .page-inner .inner {
    max-width: 75%;
    margin-left: 0;
  }
}

@media (min-width: 768px) {
  .page-sidemenu {
    position: fixed;
    width: 20%;
    height: 100%;
    top: 0;
    right: 0;
    display: none;
    z-index: 1;
  }
}
@media (max-width: 767px) {
  .page-sidemenu {
    padding: 0 7.0093457944vw;
    margin-bottom: 11.6822429907vw;
  }
}
@media (min-width: 768px) {
  .page-sidemenu.active {
    display: block;
  }
}
@media (min-width: 768px) {
  .page-sidemenu ul {
    position: absolute;
    width: 70%;
    left: 50%;
    transform: translateX(-50%);
    top: 18.6666666667vw;
  }
}
@media (min-width: 1580px) {
  .page-sidemenu ul {
    top: 280px;
  }
}
@media (max-width: 767px) {
  .page-sidemenu ul {
    display: flex;
    flex-wrap: wrap;
  }
}
.page-sidemenu ul li {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .page-sidemenu ul li {
    margin-bottom: 1.1682242991vw;
    margin-right: 2.3364485981vw;
  }
}
.page-sidemenu ul li a {
  display: block;
}
.page-sidemenu ul li a span {
  color: #9B9B9B;
  position: relative;
  display: block;
  letter-spacing: 0.01em;
  font-weight: 500;
  font-size: 14px;
  padding-left: 20px;
}
@media (max-width: 767px) {
  .page-sidemenu ul li a span {
    font-size: 3.738317757vw;
    padding-left: 3.5046728972vw;
  }
}
.page-sidemenu ul li a span::before {
  position: absolute;
  content: "";
  background: transparent url(../img/sidemenu_icon.svg) no-repeat center center/contain;
  width: 6px;
  height: 11px;
  left: 0;
  opacity: 0;
  top: 10px;
}
@media (max-width: 767px) {
  .page-sidemenu ul li a span::before {
    width: 1.4018691589vw;
    height: 2.5700934579vw;
    top: 2.8037383178vw;
  }
}
.page-sidemenu ul li a.current span {
  color: #078D54;
}
.page-sidemenu ul li a.current span::before {
  opacity: 1;
}

.page-left-bar {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  height: 100vh;
  width: 60px;
  z-index: 10;
}
@media (max-width: 767px) {
  .page-left-bar {
    width: 40px;
  }
}
.page-left-bar-title {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.page-left-bar-title .jp {
  writing-mode: vertical-rl;
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.2em;
}
.page-left-bar-title .en {
  writing-mode: vertical-lr;
  color: #66F2AA;
  font-weight: bold;
  letter-spacing: 0.05em;
  position: relative;
  right: -1px;
}

.sidemenu-start {
  position: relative;
  top: -150px;
}

/* eyecatch
---------------------*/
.eyecatch {
  padding-top: 50px;
  margin-bottom: 10px;
  position: relative;
}
.eyecatch::after {
  position: absolute;
  content: "";
  background: transparent url(../img/下層FV-bg.svg) no-repeat center center/contain;
  width: 74.4666666667vw;
  height: 39.3333333333vw;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .eyecatch::after {
    width: 100vw;
    height: 52.8037383178vw;
  }
}
.eyecatch .inner {
  max-width: 100%;
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .eyecatch .inner {
    padding: 0 28px 0 0;
  }
}
@media (min-width: 768px) {
  .eyecatch-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .eyecatch-inner {
    text-align: center;
    width: 47.1333333333%;
    padding: 0 15px;
  }
}
@media (max-width: 767px) {
  .eyecatch-inner {
    padding: 3.5046728972vw 7.0093457944vw 10.5140186916vw;
  }
}
.eyecatch .page-title {
  font-size: 40px;
  font-weight: 500;
  color: #141414;
  margin-bottom: 0 !important;
}
@media (min-width:768px) and (max-width: 1024px) {
  .eyecatch .page-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .eyecatch .page-title {
    font-size: 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .eyecatch-img {
    width: 51%;
  }
}
@media (max-width: 767px) {
  .eyecatch-img {
    margin-right: -4.6728971963vw;
    width: 85%;
    margin-left: auto;
  }
}
.eyecatch-img img {
  width: 100%;
  height: auto;
}

/*breadcrumb
--------------------*/
.breadcrumb {
  text-align: right;
  position: relative;
  z-index: 1;
}
.breadcrumb .inner {
  max-width: 100%;
}
@media (min-width: 768px) {
  .breadcrumb .inner {
    padding: 0 28px;
  }
}
.breadcrumb a,
.breadcrumb span {
  font-size: 12px;
  color: #646464;
}

/* header
--------------------------*/
.header {
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  background: #fff;
  width: 100vw;
  height: 90px;
}
@media (max-width: 1024px) {
  .header {
    height: 50px;
  }
}
@media (min-width: 768px) {
  .header-top {
    background: transparent;
    position: absolute;
  }
}
@media (max-width: 1024px) {
  .header-top {
    position: fixed;
    background: #fff;
  }
}
@media (min-width: 768px) {
  .header-top .header-right {
    height: 100%;
  }
}
.header-top .header-entry {
  background: #E58429;
  color: #fff;
  font-size: 27px;
  letter-spacing: 0;
  font-weight: 500;
  padding: 0 33px;
  display: block;
  text-align: center;
  border-bottom: 3px solid #FFC34D;
}
@media (max-width: 1024px) {
  .header-top .header-entry {
    display: none;
  }
}
.header-top .header-nav {
  background: #fff;
  padding: 40px 50px 40px 0;
}
@media (max-width: 1024px) {
  .header-top .header-nav {
    display: none;
  }
}
.header-top .header-nav-list li {
  margin-bottom: 15px;
}
.header-top .header-nav-list li:last-child {
  margin-bottom: 0;
}
.header-top .header-nav-list li a {
  padding-left: 43px;
}
.header-top .header-nav-list li a span {
  font-weight: 500;
  padding-left: 20px;
}
.header-top .header-nav-list li.has-child {
  position: relative;
}
.header-top .header-nav-list li.has-child span {
  position: relative;
}
.header-top .header-nav-list li.has-child span::after {
  position: absolute;
  content: "";
  background: transparent url(../img/plus.svg) no-repeat center center/contain;
  width: 10px;
  height: 10px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}
.header-top .header-nav-list li.has-child:hover span::after {
  background-image: url(../img/minus.svg);
}
.header-top .header-nav-list li.has-child:hover .child {
  opacity: 1;
  visibility: visible;
}
.header-top .header-nav-list li.has-child .child {
  position: absolute;
  background: #E58429;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 306px;
  padding: 14.5px 28px 15.5px 14px;
  right: calc(100% - 10px);
  top: 0;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.header-top .header-nav-list li.has-child .child-nav li {
  height: auto;
  border-bottom: #F29C4C 1px solid;
  margin-bottom: 0;
}
.header-top .header-nav-list li.has-child .child-nav li:last-child {
  border-bottom: none;
}
.header-top .header-nav-list li.has-child .child-nav li a {
  white-space: nowrap;
  display: block;
  padding: 5.5px 15px;
  color: #fff;
}
.header-page {
  position: fixed;
}
@media (min-width: 1025px) {
  .header-page .inner {
    padding: 0 0 0 20px !important;
  }
}
@media (min-width: 1440px) {
  .header-page .inner {
    padding: 0 0 0 40px !important;
  }
}
@media (min-width: 1025px) {
  .header-page .header-title img {
    width: 150px !important;
    margin-right: 20px !important;
  }
}
@media (min-width: 1440px) {
  .header-page .header-title img {
    width: 190px !important;
    margin-right: 56px !important;
  }
}
@media (min-width: 1025px) {
  .header-page .header-title span {
    font-size: 12px !important;
  }
}
@media (min-width: 1440px) {
  .header-page .header-title span {
    font-size: 14px !important;
  }
}
@media (min-width: 1025px) {
  .header-page .header-title span::after {
    height: 30px !important;
    left: -10px !important;
  }
}
@media (min-width: 1440px) {
  .header-page .header-title span::after {
    left: -20px !important;
  }
}
.header-page .header-right {
  position: relative;
  display: flex;
  align-items: center;
  position: relative;
  height: 100%;
}
.header-page .header-nav {
  height: 100%;
}
@media (max-width: 1024px) {
  .header-page .header-nav {
    display: none;
  }
}
.header-page .header-nav-list {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  height: 100%;
}
.header-page .header-nav-list li {
  height: 100%;
}
@media (min-width: 1025px) {
  .header-page .header-nav-list li {
    margin-right: 17px;
  }
}
@media (min-width: 1440px) {
  .header-page .header-nav-list li {
    margin-right: 40px;
  }
}
.header-page .header-nav-list li a {
  font-weight: 500;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.header-page .header-nav-list li.has-child {
  position: relative;
}
.header-page .header-nav-list li.has-child span {
  position: relative;
}
@media (min-width: 1025px) {
  .header-page .header-nav-list li.has-child span {
    font-size: 14px;
    padding-right: 15px;
  }
}
@media (min-width: 1440px) {
  .header-page .header-nav-list li.has-child span {
    font-size: 16px;
    padding-right: 20px;
  }
}
.header-page .header-nav-list li.has-child span::after {
  position: absolute;
  content: "";
  background: transparent url(../img/plus.svg) no-repeat center center/contain;
  width: 10px;
  height: 10px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.header-page .header-nav-list li.has-child:hover span::after {
  background-image: url(../img/minus.svg);
}
.header-page .header-nav-list li.has-child:hover .child {
  opacity: 1;
  visibility: visible;
}
.header-page .header-nav-list li.has-child .child {
  position: absolute;
  background: #E58429;
  left: 50%;
  transform: translateX(-50%);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 306px;
  padding: 14.5px 28px 15.5px 14px;
  top: 80px;
  z-index: 4;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s ease 0s;
}
.header-page .header-nav-list li.has-child .child-nav li {
  height: auto;
  margin-right: 0;
  border-bottom: #F29C4C 1px solid;
}
.header-page .header-nav-list li.has-child .child-nav li:last-child {
  border-bottom: none;
}
.header-page .header-nav-list li.has-child .child-nav li a {
  white-space: nowrap;
  display: block;
  padding: 5.5px 15px;
  color: #fff;
}
.header-page .header-entry {
  background: #E58429;
  color: #fff;
  letter-spacing: 0;
  font-weight: 500;
  display: flex;
  align-items: center;
  height: 100%;
  border-bottom: 3px solid #FFC34D;
}
@media (min-width: 1025px) {
  .header-page .header-entry {
    font-size: 20px;
    padding: 0 15px;
  }
}
@media (min-width: 1440px) {
  .header-page .header-entry {
    font-size: 27px;
    padding: 0 33px;
  }
}
@media (max-width: 1024px) {
  .header-page .header-entry {
    display: none;
  }
}
.header .inner {
  max-width: 100%;
  padding: 0 0 0 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .header .inner {
    padding: 0 0 0 4.6728971963vw;
  }
}
.header-left {
  position: relative;
  z-index: 700;
}
.header-left .header-title a {
  display: flex;
  align-items: center;
}
.header-left .header-title img {
  width: 233px;
  margin-right: 56px;
}
@media (max-width: 1024px) {
  .header-left .header-title img {
    width: 146px;
    margin-right: 26px;
  }
}
@media (max-width: 380px) {
  .header-left .header-title img {
    width: 34.1121495327vw;
    margin-right: 6.0747663551vw;
  }
}
.header-left .header-title span {
  position: relative;
  font-size: 14px;
}
@media (max-width: 380px) {
  .header-left .header-title span {
    font-size: 3.2710280374vw;
  }
}
.header-left .header-title span::after {
  position: absolute;
  content: "";
  height: 48px;
  width: 1px;
  background: #1A1A1A;
  left: -20px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 1024px) {
  .header-left .header-title span::after {
    height: 30.5px;
    left: -10px;
  }
}
@media (max-width: 380px) {
  .header-left .header-title span::after {
    height: 7.1261682243vw;
    left: -2.3364485981vw;
  }
}
@media (max-width: 1024px) {
  .header-right {
    height: 100%;
  }
}

@media (max-width: 1024px) {
  .drawer-bars {
    cursor: pointer;
    position: relative;
    z-index: 700;
    right: 0;
    width: 50px;
    height: 100%;
    background: #E58429;
  }
  .drawer-bars .drawer-bars-inner {
    width: 25px;
    height: 22px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }
  .drawer-bars .drawer-bars-inner .drawer-bar {
    background-color: #fff;
    width: 25px;
    height: 2px;
    position: absolute;
    transition: all 0.3s ease 0s;
  }
  .drawer-bars .drawer-bars-inner .drawer-bar:nth-of-type(1) {
    top: 0;
  }
  .drawer-bars .drawer-bars-inner .drawer-bar:nth-of-type(2) {
    top: 10px;
  }
  .drawer-bars .drawer-bars-inner .drawer-bar:nth-of-type(3) {
    top: 20px;
  }
}
@media (min-width: 768px) {
  .drawer-bars {
    display: none;
  }
}
@media (max-width: 1024px) {
  .drawer-bars {
    display: block;
  }
}
.drawer-bars.is-checked .drawer-bars-inner {
  width: 22px;
  height: 22px;
}
.drawer-bars.is-checked .drawer-bars-inner .drawer-bar {
  width: 25px;
}
.drawer-bars.is-checked .drawer-bars-inner .drawer-bar:nth-of-type(1) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(-45deg);
}
.drawer-bars.is-checked .drawer-bars-inner .drawer-bar:nth-of-type(2) {
  background: transparent;
}
.drawer-bars.is-checked .drawer-bars-inner .drawer-bar:nth-of-type(3) {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) rotate(45deg);
}

.drawer-nav {
  position: absolute;
  position: fixed;
  overflow-y: auto;
  top: 50px;
  right: 0;
  bottom: 0;
  z-index: 600;
  width: 100%;
  height: 100vh;
  padding: 11.6822429907vw 4.6728971963vw;
  background: #FFF7D9;
  transition: all 0.3s ease 0s;
  display: none;
}
.drawer-nav.is-checked {
  display: block;
}
.drawer-nav-inner {
  position: relative;
  z-index: 2;
  overflow-y: auto;
}
.drawer-nav .drawer-menu {
  margin-bottom: 18.691588785vw;
}
@media (min-width:768px) and (max-width: 1024px) {
  .drawer-nav .drawer-menu {
    margin-bottom: 80px;
  }
}
.drawer-nav .drawer-menu li {
  border-bottom: 1px solid #FFD9B5;
}
.drawer-nav .drawer-menu li a {
  display: block;
  color: #141414;
  font-size: 4.6728971963vw;
  letter-spacing: 0.04em;
  font-weight: 500;
  padding: 2.3364485981vw 4.6728971963vw;
  width: calc(100% - 80px);
}
@media (min-width:768px) and (max-width: 1024px) {
  .drawer-nav .drawer-menu li a {
    font-size: 20px;
    padding: 10px 20px;
  }
}
.drawer-nav .drawer-menu li.has-child a {
  position: relative;
}
.drawer-nav .drawer-menu li.has-child a::before {
  position: absolute;
  content: "";
  background: transparent url(../img/plus.svg) no-repeat center center/contain;
  width: 2.8037383178vw;
  height: 2.8037383178vw;
  right: -60px;
  top: 50%;
  transform: translateY(-50%);
  pointer-events: none;
}
.drawer-nav .drawer-menu li.has-child.checked a::before {
  background-image: url(../img/minus.svg);
}
.drawer-nav .drawer-menu li .child {
  padding: 2.3364485981vw 7.0093457944vw 4.6728971963vw;
  display: none;
}
@media (min-width:768px) and (max-width: 1024px) {
  .drawer-nav .drawer-menu li .child {
    padding: 10px 30px 20px;
  }
}
.drawer-nav .drawer-menu li .child li {
  border-bottom: none;
  margin-bottom: 2.3364485981vw;
}
@media (min-width:768px) and (max-width: 1024px) {
  .drawer-nav .drawer-menu li .child li {
    margin-bottom: 10px;
  }
}
.drawer-nav .drawer-menu li .child li:last-child {
  margin-bottom: 0;
}
.drawer-nav .drawer-menu li .child li a {
  font-size: 3.738317757vw;
  letter-spacing: 0.05em;
  width: 100%;
  background: #E58429;
  color: #fff;
  border-radius: 5px;
  padding: 2.3364485981vw 6.7757009346vw;
}
@media (min-width:768px) and (max-width: 1024px) {
  .drawer-nav .drawer-menu li .child li a {
    font-size: 16px;
    padding: 10px 29px;
  }
}
.drawer-nav .drawer-menu li .child li a::before {
  display: none;
}
.drawer-nav .drawer-entry {
  margin: 0 auto;
}

/* util
---------------------------*/
a {
  color: #1A1A1A;
  transition: all 0.3s ease 0s;
}
a:hover {
  opacity: 0.9;
}

/* fv
-----------------------*/
.fv {
  position: relative;
  margin-bottom: 177px;
}
@media (max-width: 767px) {
  .fv {
    margin-top: 50px;
    margin-bottom: 20.7943925234vw;
  }
}
.fv-title {
  position: absolute;
  left: 20px;
  top: 17.9333333333vw;
}
@media (max-width: 767px) {
  .fv-title {
    left: 3.5046728972vw;
    top: 122.1962616822vw;
  }
}
.fv-title.pc img:nth-child(1) {
  width: 46.5333333333vw;
}
.fv-title.pc img:nth-child(2) {
  width: 60.0666666667vw;
  margin-top: -3.3333333333vw;
  margin-left: 1.2666666667vw;
}
.fv-title.sp img:nth-child(1) {
  width: 86.9158878505vw;
}
.fv-title.sp img:nth-child(2) {
  width: 82.476635514vw;
  margin-top: -5.8411214953vw;
  position: relative;
  z-index: 1;
}
.fv-title.sp img:nth-child(3) {
  width: 78.738317757vw;
  margin-top: -11.6822429907vw;
  margin-left: 15.4205607477vw;
  position: relative;
  z-index: 2;
}

/* top-message
--------------------*/
.top-message {
  margin-bottom: 380px;
}
@media (max-width: 767px) {
  .top-message {
    margin-bottom: 250px;
  }
}
.top-message-title {
  max-width: 998px;
  margin: 0 auto 90px;
}
@media (max-width: 767px) {
  .top-message-title {
    max-width: 75.4672897196vw;
    margin-bottom: 11.6822429907vw;
    margin-left: 0;
  }
}
.top-message-txt {
  font-weight: 500;
  letter-spacing: 0;
}
@media (min-width: 768px) {
  .top-message-txt {
    text-align: center;
    font-size: 28px;
    line-height: 2.5714285714;
  }
}
@media (max-width: 767px) {
  .top-message-txt {
    font-size: 4.9065420561vw;
    line-height: 2.5714285714;
  }
}

/* top-mikeiken
--------------------*/
.top-mikeiken {
  margin-bottom: 309px;
}
@media (max-width: 767px) {
  .top-mikeiken {
    margin-bottom: 46.4953271028vw;
  }
}
@media (min-width: 768px) {
  .top-mikeiken-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.top-mikeiken-left {
  text-align: center;
}
@media (min-width: 768px) {
  .top-mikeiken-left {
    width: 21.2598425197%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-mikeiken-left {
    width: 15.7480314961%;
  }
}
@media (min-width: 768px) {
  .top-mikeiken-right {
    width: 70.8661417323%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-mikeiken-right {
    width: 78.7401574803%;
  }
}
@media (max-width: 767px) {
  .top-mikeiken-title {
    margin-bottom: 18.691588785vw;
  }
}
.top-mikeiken-subtitle {
  max-width: 520px;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .top-mikeiken-subtitle {
    margin-bottom: 4.6728971963vw;
  }
}
.top-mikeiken-txt {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .top-mikeiken-txt {
    margin-bottom: 9.3457943925vw;
  }
}
.top-mikeiken-list li {
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .top-mikeiken-list li {
    margin-bottom: 7.0093457944vw;
  }
}
.top-mikeiken-list li:last-child {
  margin-bottom: 0;
}
.top-mikeiken-list li:nth-child(1) a {
  background: transparent url(../img/mikeiken01.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .top-mikeiken-list li:nth-child(1) a {
    background-image: url(../img/mikeiken01.png);
  }
}
.top-mikeiken-list li:nth-child(2) a {
  background: transparent url(../img/mikeiken02.png) no-repeat center center/cover;
}
@media (max-width: 767px) {
  .top-mikeiken-list li:nth-child(2) a {
    background-image: url(../img/mikeiken02.png);
  }
}
.top-mikeiken-list li a {
  display: block;
  color: #fff;
  padding: 86px 30px 110px 34px;
  border-radius: 3px;
  position: relative;
}
@media (max-width: 767px) {
  .top-mikeiken-list li a {
    padding: 9.3457943925vw 4.6728971963vw 15.1869158879vw;
  }
}
.top-mikeiken-list li a:after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow01.svg) no-repeat center center/contain;
  width: 20px;
  height: 12px;
  left: 34px;
  bottom: 85px;
}
@media (max-width: 767px) {
  .top-mikeiken-list li a:after {
    width: 3.738317757vw;
    height: 2.1028037383vw;
    left: 4.6728971963vw;
    bottom: 9.3457943925vw;
  }
}
.top-mikeiken-list-title {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4615384615;
  font-family: "Zen Old Mincho", serif;
}
@media (max-width: 767px) {
  .top-mikeiken-list-title {
    font-size: 4.9065420561vw;
    line-height: 1.380952381;
  }
}
.top-mikeiken-list-title span {
  font-size: 14px;
  font-weight: 400;
  background: #E58429;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  padding: 5px 15px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .top-mikeiken-list-title span {
    font-size: 2.5700934579vw;
    margin-bottom: 2.3364485981vw;
    padding: 1.1682242991vw 3.5046728972vw;
  }
}

/* top-service
--------------------*/
.top-service {
  padding-bottom: 13.5333333333vw;
  position: relative;
}
@media (min-width: 768px) {
  .top-service {
    background: linear-gradient(to bottom, transparent 129px, #FFF7D9 129px);
  }
}
@media (max-width: 767px) {
  .top-service {
    padding-bottom: 55.6074766355vw;
    background: #FFF7D9;
  }
}
.top-service::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 302px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background: #FFF7D9;
  top: -173px;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .top-service::before {
    height: 20.0934579439vw;
    top: -20.0934579439vw;
  }
}
.top-service::after {
  position: absolute;
  content: "";
  background: transparent url(../img/top-works-bg.png) no-repeat center center/contain;
  width: 100vw;
  height: 70.7333333333vw;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .top-service::after {
    background-image: url(../img/top-works-bg_sp.png);
    width: 100%;
    height: 103.5046728972vw;
    right: auto;
  }
}
.top-service-inner {
  overflow-x: hidden;
}
.top-service-wrapper {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .top-service-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.top-service-left {
  text-align: center;
}
@media (min-width: 768px) {
  .top-service-left {
    width: 21.2598425197%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-service-left {
    width: 15.7480314961%;
  }
}
@media (min-width: 768px) {
  .top-service-right {
    width: 70.8661417323%;
    padding-right: 36px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-service-right {
    width: 78.7401574803%;
    padding-right: 0;
  }
}
@media (max-width: 767px) {
  .top-service-title {
    margin-bottom: 18.691588785vw;
  }
}
.top-service-list {
  position: relative;
}
.top-service-list.pc {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 90px;
}
.top-service-list.pc li {
  width: calc(50% - 32px);
  margin-right: 64px;
  margin-bottom: 60px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-service-list.pc li {
    width: calc(50% - 15px);
    margin-right: 30px;
    margin-bottom: 45px;
  }
}
.top-service-list.pc li:nth-child(2n) {
  margin-right: 0;
}
.top-service-list.pc li:nth-child(2n+1) {
  position: relative;
  top: 70px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-service-list.pc li:nth-child(2n+1) {
    top: 45px;
  }
}
.top-service-list.sp {
  margin: 0 -4.6728971963vw 28.0373831776vw;
}
.top-service-list a {
  display: block;
  background: #fff;
}
.top-service-list-img {
  position: relative;
  display: block;
}
.top-service-list-img::before {
  content: "";
  display: block;
  padding-top: 54%;
}
@media (max-width: 767px) {
  .top-service-list-img::before {
    padding-top: 70.3448275862%;
  }
}
.top-service-list-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.top-service-list-inner {
  padding: 15px 35px 18px;
  position: relative;
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-service-list-inner {
    padding: 15px 20px 18px;
  }
}
@media (max-width: 767px) {
  .top-service-list-inner {
    padding: 3.5046728972vw 4.6728971963vw;
  }
}
.top-service-list-inner::after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow02.svg) no-repeat center center/contain;
  width: 20px;
  height: 12px;
  top: 32px;
  right: 35px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-service-list-inner::after {
    right: 20px;
  }
}
@media (max-width: 767px) {
  .top-service-list-inner::after {
    width: 6.191588785vw;
    height: 3.738317757vw;
    top: 6.0747663551vw;
    right: 4.9065420561vw;
  }
}
.top-service-list-title {
  font-size: 22px;
  font-weight: bold;
  letter-spacing: 0.04em;
  padding-right: 45px;
  line-height: 1.6;
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-service-list-title {
    font-size: 20px;
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .top-service-list-title {
    font-size: 4.6728971963vw;
    margin-bottom: 2.3364485981vw;
    padding-right: 8.1775700935vw;
  }
}
.top-service-list-txt {
  margin-bottom: 0;
}
.top-service .swiper-service {
  position: relative;
}
.top-service .swiper-scrollbar {
  background-color: #fff;
  bottom: -11.6822429907vw;
  border-radius: 0;
}
.top-service .swiper-scrollbar-drag {
  background-color: #FF5E5E;
  border-radius: 0;
}
.top-service-btn {
  margin: 0 auto;
}

/* top-img
--------------------*/
@media (min-width: 768px) {
  .top-img {
    display: flex;
  }
}
@media (min-width: 768px) {
  .top-img div {
    width: 33.3333%;
  }
}

/* top-environment
--------------------*/
.top-environment {
  background: #FFE89C;
  padding: 127px 0 134px;
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .top-environment {
    padding: 30.3738317757vw 0 18.691588785vw;
    margin-bottom: 30.3738317757vw;
  }
}
.top-environment-wrapper {
  position: relative;
  z-index: 1;
}
@media (min-width: 768px) {
  .top-environment-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.top-environment-left {
  text-align: center;
}
@media (min-width: 768px) {
  .top-environment-left {
    width: 21.2598425197%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-environment-left {
    width: 15.7480314961%;
  }
}
@media (min-width: 768px) {
  .top-environment-right {
    width: 70.8661417323%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-environment-right {
    width: 78.7401574803%;
  }
}
@media (max-width: 767px) {
  .top-environment-title {
    margin-bottom: 14.0186915888vw;
  }
}
.top-environment-img {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .top-environment-img {
    margin-bottom: 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .top-environment-txt {
    letter-spacing: 0.04em;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .top-environment-txt {
    margin-bottom: 16.3551401869vw;
  }
}
@media (max-width: 767px) {
  .top-environment-btn {
    margin: 0 auto;
  }
}

/* top-member
--------------------*/
.top-member {
  margin-bottom: 72px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .top-member {
    margin-bottom: 11.214953271vw;
  }
}
.top-member-wrapper {
  display: flex;
  justify-content: space-between;
}
.top-member-left {
  text-align: center;
}
@media (min-width: 768px) {
  .top-member-left {
    width: 21.2598425197%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-member-left {
    width: 15.7480314961%;
  }
}
@media (max-width: 767px) {
  .top-member-left {
    width: 23.1958762887%;
  }
}
@media (min-width: 768px) {
  .top-member-right {
    width: 70.8661417323%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-member-right {
    width: 78.7401574803%;
  }
}
@media (max-width: 767px) {
  .top-member-right {
    width: 64.9484536082%;
    padding-top: 9.3457943925vw;
  }
}
.top-member-title {
  max-width: 451px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .top-member-title {
    margin-bottom: 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .top-member-txt {
    line-height: 1.75;
    letter-spacing: 0.04em;
    margin-bottom: 60px;
  }
}
.top-member-list {
  display: flex;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .top-member-list {
    margin-bottom: 18.691588785vw;
    overflow-x: auto;
  }
}
@media (min-width: 768px) {
  .top-member-list li {
    width: calc(33.333% - 20px);
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .top-member-list li {
    min-width: 65.4205607477vw;
    margin-right: 7.0093457944vw;
  }
}
.top-member-list li:nth-child(3n) {
  margin-right: 0;
}
.top-member-list li a {
  display: block;
  position: relative;
}
.top-member-list li a:after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow05.svg) no-repeat center center/contain;
  width: 30px;
  height: 30px;
  right: 0;
  bottom: 0;
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-member-list li a:after {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 767px) {
  .top-member-list li a:after {
    width: 7.0093457944vw;
    height: 7.0093457944vw;
  }
}
.top-member-list-img {
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .top-member-list-img {
    margin-bottom: 3.5046728972vw;
  }
}
.top-member-list-year {
  margin-bottom: 0;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #B4B4B4;
  line-height: 1.75;
}
.top-member-list-name {
  margin-bottom: 0;
  font-weight: 500;
  letter-spacing: 0.04em;
  font-size: 15px;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .top-member-list-name {
    font-size: 3.5046728972vw;
  }
}
.top-member-list-name span {
  font-size: 20px;
}
@media (max-width: 767px) {
  .top-member-list-name span {
    font-size: 4.6728971963vw;
  }
}
.top-member-list-department {
  margin-bottom: 0;
  letter-spacing: 0.04em;
  font-size: 14px;
  line-height: 1.75;
  padding-right: 40px;
}
@media (max-width: 1024px) {
  .top-member-list-department {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .top-member-list-department {
    font-size: 3.2710280374vw;
    padding-right: 9.3457943925vw;
  }
}
.top-member-btn {
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .top-member-btn {
    margin: 0 auto 18.691588785vw;
  }
}
.top-member-interview {
  display: block;
  color: #fff;
  padding: 86px 30px 110px 34px;
  border-radius: 3px;
  background: transparent url(../img/top_member_interview.jpg) no-repeat center center/cover;
  position: relative;
}
@media (max-width: 767px) {
  .top-member-interview {
    background-image: url(../img/top_member_interview_sp.jpg);
    padding: 9.3457943925vw 4.6728971963vw 15.1869158879vw;
  }
}
.top-member-interview:after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow01.svg) no-repeat center center/contain;
  width: 20px;
  height: 12px;
  left: 34px;
  bottom: 85px;
}
@media (max-width: 767px) {
  .top-member-interview:after {
    width: 3.738317757vw;
    height: 2.1028037383vw;
    left: 4.6728971963vw;
    bottom: 9.3457943925vw;
  }
}
.top-member-interview-title {
  font-size: 26px;
  font-weight: bold;
  line-height: 1.4615384615;
  font-family: "Zen Old Mincho", serif;
}
@media (max-width: 767px) {
  .top-member-interview-title {
    font-size: 4.9065420561vw;
    line-height: 1.380952381;
  }
}
.top-member-interview-title span {
  font-size: 14px;
  font-weight: 400;
  background: #E58429;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 10px;
  padding: 5px 15px;
  border-radius: 3px;
}
@media (max-width: 767px) {
  .top-member-interview-title span {
    font-size: 2.5700934579vw;
    margin-bottom: 2.3364485981vw;
    padding: 1.1682242991vw 3.5046728972vw;
  }
}

/* gray-bg01
--------------------*/
.gray-bg01 {
  background: #F0F0F0;
  padding: 79px 0 130px;
  position: relative;
}
@media (max-width: 767px) {
  .gray-bg01 {
    padding: 19.1588785047vw 0 23.3644859813vw;
  }
}
.gray-bg01::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 589px;
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 100%);
          clip-path: polygon(0 0, 0% 100%, 100% 100%);
  background: #F0F0F0;
  top: -589px;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .gray-bg01::before {
    height: 182.2429906542vw;
    top: -182.2429906542vw;
  }
}

/* top-company
--------------------*/
.top-company {
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .top-company {
    margin-bottom: 29.2056074766vw;
  }
}
.top-company-bg {
  background: #fff;
  padding: 80px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-company-bg {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .top-company-bg {
    padding: 14.0186915888vw 4.6728971963vw;
  }
}
.top-company-wrapper {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .top-company-wrapper {
    margin-bottom: 14.0186915888vw;
  }
}
@media (min-width: 768px) {
  .top-company-left {
    width: 81.0810810811%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-company-left {
    width: 90.0900900901%;
  }
}
@media (max-width: 767px) {
  .top-company-left {
    width: 72.7011494253%;
  }
}
.top-company-right {
  text-align: center;
}
@media (min-width: 768px) {
  .top-company-right {
    width: 18.018018018%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-company-right {
    width: 18.018018018%;
  }
}
@media (max-width: 767px) {
  .top-company-right {
    width: 22.9885057471%;
  }
}
@media (min-width: 768px) {
  .top-company-img {
    margin-bottom: 30px;
  }
}
@media (min-width: 768px) {
  .top-company-txt {
    margin-bottom: 50px;
    line-height: 1.75;
  }
}
@media (max-width: 767px) {
  .top-company-txt {
    margin-bottom: 7.0093457944vw;
  }
}
.top-company-list {
  max-width: 730px;
}
@media (min-width: 768px) {
  .top-company-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.top-company-list li {
  border-bottom: 1px solid #DBDBDB;
}
@media (min-width: 768px) {
  .top-company-list li {
    width: calc(50% - 30px);
    margin-right: 60px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-company-list li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
}
.top-company-list li:nth-child(2n) {
  margin-right: 0;
}
.top-company-list li a {
  display: block;
  padding: 10px 30px 10px 0;
  font-size: 18px;
  font-weight: bold;
  position: relative;
}
@media (min-width: 768px) {
  .top-company-list li a {
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .top-company-list li a {
    font-size: 4.2056074766vw;
    padding: 2.3364485981vw 11.6822429907vw 2.3364485981vw 0;
  }
}
.top-company-list li a::after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow02.svg) no-repeat center center/contain;
  width: 22px;
  height: 9px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 767px) {
  .top-company-list li a::after {
    width: 5.8411214953vw;
    height: 2.8037383178vw;
    right: 4.6728971963vw;
  }
}

/* top-news
--------------------*/
@media (min-width: 768px) {
  .top-news-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
.top-news-left {
  text-align: center;
}
@media (min-width: 768px) {
  .top-news-left {
    width: 21.2598425197%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-news-left {
    width: 15.7480314961%;
  }
}
@media (min-width: 768px) {
  .top-news-right {
    width: 70.8661417323%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .top-news-right {
    width: 78.7401574803%;
  }
}
@media (max-width: 767px) {
  .top-news-title {
    margin-bottom: 3.5046728972vw;
  }
}
.top-news-title span {
  font-size: 27px;
  padding-top: 40px;
}
@media (max-width: 767px) {
  .top-news-title span {
    writing-mode: horizontal-tb;
    font-size: 6.308411215vw;
    padding-top: 9.3457943925vw;
  }
}
.top-news-title span::before {
  height: 30px;
}
@media (max-width: 767px) {
  .top-news-title span::before {
    height: 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .top-news .news-list {
    margin-top: -15px;
  }
}

.news-list li {
  border-bottom: 1px solid #DBDBDB;
}
.news-list li a {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .news-list li a {
    display: flex;
    padding: 15px;
  }
}
@media (max-width: 767px) {
  .news-list li a {
    display: block;
    padding: 3.5046728972vw;
    line-height: 1.75;
  }
}
@media (min-width: 768px) {
  .news-list-date {
    margin-right: 43px;
  }
}

/* submenu
--------------------*/
.submenu {
  margin-top: 180px;
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .submenu {
    margin-top: 23.3644859813vw;
    margin-bottom: 18.691588785vw;
  }
}
.submenu .inner {
  max-width: 1012px;
}
@media (min-width: 768px) {
  .submenu .inner {
    display: flex;
    justify-content: space-between;
    gap: 68px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .submenu .inner {
    gap: 30px;
  }
}
.submenu-col {
  width: 100%;
}
.submenu-list li {
  margin-bottom: 20px;
}
.submenu-list li a {
  display: flex;
  align-items: center;
  background: #FBF6EF;
  letter-spacing: 0.04em;
  padding: 1px 30px;
  position: relative;
}
.submenu-list li a::after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow02.svg) no-repeat center center/contain;
  width: 20px;
  height: 12px;
  right: 25px;
  top: 50%;
  transform: translateY(-50%) rotate(90deg);
}
.submenu-list .number {
  font-family: "Barlow", sans-serif;
  font-size: 28px;
  font-weight: 300;
  color: #E58429;
  margin-right: 60px;
  position: relative;
}
@media (max-width: 767px) {
  .submenu-list .number {
    font-size: 6.5420560748vw;
    margin-right: 5.8411214953vw;
  }
}
.submenu-list .number::after {
  position: absolute;
  content: "";
  background: #F5C394;
  width: 1px;
  height: 35px;
  top: 50%;
  transform: translateY(-50%);
  right: -32px;
}
@media (max-width: 767px) {
  .submenu-list .number::after {
    height: 8.1775700935vw;
    right: -2.8037383178vw;
  }
}
.submenu-list-inner {
  font-size: 17px;
  font-weight: 500;
}
@media (max-width: 767px) {
  .submenu-list-inner {
    font-size: 3.9719626168vw;
  }
}

/* service
--------------------*/
.cream-bg01 {
  background: #FBF6EF;
  padding: 130px 0 186px;
}
@media (max-width: 767px) {
  .cream-bg01 {
    padding: 18.691588785vw 0;
  }
}

.service {
  margin-top: -90px;
  padding-top: 90px;
  margin-bottom: 180px;
}
@media (max-width: 767px) {
  .service {
    margin-top: -50px;
    padding-top: 50px;
    margin-bottom: 23.3644859813vw;
  }
}
.service:last-child {
  margin-bottom: 0;
}
.service .inner {
  max-width: 1444px;
}
.service-title {
  background: #E58429;
  color: #fff;
  text-align: center;
  border-radius: 5px;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.4;
  margin-bottom: 30px;
  padding: 46px 30px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .service-title {
    padding: 30px;
  }
}
@media (max-width: 767px) {
  .service-title {
    font-size: 4.2056074766vw;
    padding: 4.6728971963vw 3.5046728972vw;
  }
}
.service-title span {
  font-size: 46px;
  letter-spacing: 0.05em;
  display: block;
}
@media (max-width: 767px) {
  .service-title span {
    font-size: 7.476635514vw;
  }
}
.service-txt {
  max-width: 1270px;
  margin: 0 auto 70px;
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .service-txt {
    font-size: 4.2056074766vw;
    margin-bottom: 14.0186915888vw;
  }
}
.service-schedule {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .service-schedule {
    margin-bottom: 14.0186915888vw;
  }
}
.service-schedule-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .service-schedule-title {
    margin-bottom: 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .service-schedule-wrapper {
    display: flex;
    justify-content: space-between;
    gap: 49px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .service-schedule-wrapper {
    gap: 10px;
  }
}
.service-schedule-wrapper .service-schedule-col:nth-child(2) .service-schedule-table table:before {
  top: auto;
  bottom: 30px;
  height: calc(100% - 35px);
}
@media (max-width: 767px) {
  .service-schedule-wrapper .service-schedule-col:nth-child(2) .service-schedule-table table:before {
    height: calc(100% - 5px);
  }
}
.service-schedule-table table {
  width: 100%;
  position: relative;
}
.service-schedule-table table::before {
  position: absolute;
  content: "";
  background: #E58429;
  width: 1px;
  height: calc(100% - 30px);
  left: 6px;
  top: 15px;
}
.service-schedule-table table th,
.service-schedule-table table td {
  font-size: 18px;
  font-weight: 500;
  line-height: 1.5555555556;
  text-align: left;
  padding-bottom: 20px;
}
.service-schedule-table table th {
  color: #E58429;
  padding-left: 21px;
  white-space: nowrap;
  position: relative;
}
.service-schedule-table table th::before {
  position: absolute;
  content: "";
  background: #E58429;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  left: 0;
  top: 11px;
}
.service-schedule-table table td {
  padding-left: 19px;
}
@media (min-width: 768px) {
  .service-schedule-table table td.df {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .service-schedule-table table td.df span {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    position: relative;
  }
}
@media (max-width: 767px) {
  .service-schedule-table table td.df span {
    display: block;
    margin-bottom: 3.5046728972vw;
  }
}
@media (min-width: 768px) {
  .service-schedule-table table td.df span:after {
    position: absolute;
    content: "";
    background-image: linear-gradient(to right, #707070, #707070 3px, transparent 3px, transparent 6px);
    background-size: 6px 1px;
    background-repeat: repeat-x;
    background-position: left top;
    left: calc(100% + 9px);
    top: 15px;
    width: 150px;
    height: 1px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .service-schedule-table table td.df span:after {
    width: 100px;
  }
}
@media (min-width: 768px) {
  .service-schedule-img {
    position: relative;
    width: 51%;
    z-index: 1;
  }
}
.service-schedule-img img {
  width: 100%;
  height: auto;
}
@media (min-width: 768px) {
  .service-schedule .purchase-schedule-img01 {
    max-width: 245px;
  }
}
.service-work {
  max-width: 1270px;
  margin: 0 auto 80px;
}
@media (max-width: 767px) {
  .service-work {
    margin-bottom: 14.0186915888vw;
  }
}
.service-work-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .service-work-title {
    margin-bottom: 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .service-work-list {
    display: flex;
    flex-wrap: wrap;
  }
}
.service-work-list li {
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .service-work-list li {
    width: calc(25% - 20.25px);
    margin-right: 27px;
    margin-bottom: 40px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .service-work-list li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .service-work-list li {
    margin-bottom: 10.5140186916vw;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .service-work-list li:nth-child(2n) {
    margin-right: 0;
  }
}
.service-work-list li:nth-child(4n) {
  margin-right: 0;
}
.service-work-list-img {
  position: relative;
  display: block;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .service-work-list-img {
    margin-bottom: 3.5046728972vw;
  }
}
.service-work-list-img::before {
  content: "";
  display: block;
  padding-top: 74.0740740741%;
}
.service-work-list-img img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center center;
     object-position: center center;
}
.service-work-list-title {
  color: #E58429;
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .service-work-list-title {
    font-size: 4.6728971963vw;
    margin-bottom: 1.1682242991vw;
  }
}
.service-work-list-txt {
  line-height: 1.75;
  margin-bottom: 0;
}
.service-bg {
  background: #fff;
  padding: 80px;
  max-width: 1270px;
  margin: 0 auto;
}
@media (min-width:768px) and (max-width: 1024px) {
  .service-bg {
    padding: 45px 30px;
  }
}
@media (max-width: 767px) {
  .service-bg {
    padding: 10.5140186916vw 7.0093457944vw;
  }
}
.service-yarigai {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .service-yarigai {
    margin-bottom: 14.0186915888vw;
  }
}
.service-yarigai-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .service-yarigai-title {
    margin-bottom: 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .service-yarigai-list {
    display: flex;
  }
}
.service-yarigai-list li {
  background: #E58429;
  border-radius: 40px 40px 0 40px;
  padding: 90px 50px 40px 50px;
  position: relative;
}
@media (min-width: 768px) {
  .service-yarigai-list li {
    width: calc(50% - 16px);
    margin-right: 32px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .service-yarigai-list li {
    padding: 60px 20px 30px 30px;
  }
}
@media (max-width: 767px) {
  .service-yarigai-list li {
    border-radius: 30px 30px 0 30px;
    margin-bottom: 7.0093457944vw;
    padding: 16.3551401869vw 4.6728971963vw 9.3457943925vw;
  }
}
.service-yarigai-list li:nth-child(2n) {
  margin-right: 0;
}
.service-yarigai-list li:after {
  position: absolute;
  content: "";
  background: transparent url(../img/man.svg) no-repeat center center/contain;
  width: 80px;
  height: 106px;
  right: 10px;
  bottom: 0;
}
.service-yarigai-list-txt {
  font-size: 22px;
  letter-spacing: 0.04em;
  color: #fff;
  line-height: 1.5909090909;
  position: relative;
}
@media (max-width: 767px) {
  .service-yarigai-list-txt {
    font-size: 4.6728971963vw;
  }
}
.service-yarigai-list-txt:after {
  position: absolute;
  content: "“";
  font-size: 80px;
  font-weight: 500;
  color: #F29E4F;
  left: 0;
  top: -75px;
}
@media (max-width: 767px) {
  .service-yarigai-list-txt:after {
    font-size: 16.8224299065vw;
    top: -15.1869158879vw;
  }
}
.service-yarigai-list-btn {
  color: #fff;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 47px;
  position: relative;
  z-index: 1;
}
.service-yarigai-list-btn:after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow04.svg) no-repeat center center/contain;
  width: 30px;
  height: 30px;
  right: 0;
  top: 50%;
  transform: translateY(-40%);
}
.service-yarigai-list-btn span {
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  text-underline-offset: 2px;
}
.service-person-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .service-person-title {
    margin-bottom: 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .service-person-list {
    display: flex;
    flex-wrap: wrap;
    gap: 30px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .service-person-list {
    gap: 15px;
  }
}
.service-person-list li {
  font-size: 18px;
  letter-spacing: 0.04em;
  background: #FFE89C;
  border-radius: 8px;
  padding: 13px 80px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .service-person-list li {
    font-size: 16px;
    padding: 13px 30px;
  }
}
@media (max-width: 767px) {
  .service-person-list li {
    font-size: 3.738317757vw;
    padding: 2.3364485981vw 7.0093457944vw;
    margin-bottom: 3.5046728972vw;
  }
}
.service-person-list li:last-child {
  margin-bottom: 0;
}

/* attraction
--------------------*/
.attraction {
  margin-top: 170px;
  padding-bottom: 130px;
  background: linear-gradient(to bottom, transparent 320px, #FBF6EF 320px);
}
@media (max-width: 767px) {
  .attraction {
    margin-top: 23.3644859813vw;
    padding-bottom: 18.691588785vw;
  }
}
.attraction-title {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 140px;
}
@media (max-width: 767px) {
  .attraction-title {
    font-size: 6.5420560748vw;
    margin-bottom: 14.0186915888vw;
  }
}
.attraction-list01 {
  max-width: 1090px;
  margin: 0 auto 80px;
}
@media (min-width: 768px) {
  .attraction-list01 {
    display: flex;
  }
}
@media (max-width: 767px) {
  .attraction-list01 {
    margin-bottom: 14.0186915888vw;
  }
}
.attraction-list01 li {
  text-align: center;
  background: #fff;
  border: 1px solid #E58429;
  padding: 80px 30px 30px;
  position: relative;
}
@media (min-width: 768px) {
  .attraction-list01 li {
    width: calc(33.3333% - 37.3333333333px);
    margin-right: 56px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .attraction-list01 li {
    width: calc(33.3333% - 13.3333333333px);
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .attraction-list01 li {
    padding: 11.6822429907vw 3.5046728972vw 7.0093457944vw;
    margin-bottom: 14.0186915888vw;
  }
}
.attraction-list01 li:nth-child(3n) {
  margin-right: 0;
}
.attraction-list01-title {
  background: #E58429;
  color: #fff;
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.04em;
  width: 110px;
  height: 110px;
  line-height: 110px;
  border-radius: 50%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -55px;
}
@media (max-width: 1024px) {
  .attraction-list01-title {
    font-size: 20px;
    width: 90px;
    height: 90px;
    line-height: 90px;
  }
}
@media (max-width: 767px) {
  .attraction-list01-title {
    font-size: 3.738317757vw;
    width: 16.3551401869vw;
    height: 16.3551401869vw;
    line-height: 16.3551401869vw;
    top: -8.1775700935vw;
  }
}
.attraction-list01-img {
  max-width: 80px;
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
}
.attraction-list01-txt {
  font-size: 20px;
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .attraction-list01-txt {
    font-size: 4.2056074766vw;
  }
}
.attraction-list02 li {
  background: #fff;
  margin-bottom: 30px;
  padding: 80px;
}
@media (min-width: 768px) {
  .attraction-list02 li {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1024px) {
  .attraction-list02 li {
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .attraction-list02 li {
    margin-bottom: 7.0093457944vw;
    padding: 7.0093457944vw;
  }
}
.attraction-list02 li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .attraction-list02-inner {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .attraction-list02-img {
    width: 45.2252252252%;
  }
}
.attraction-list02-img img {
  width: 100%;
  height: auto;
}
.attraction-list02-subtitle {
  color: #E58429;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding-left: 20px;
  margin-bottom: 10px;
  position: relative;
}
@media (max-width: 767px) {
  .attraction-list02-subtitle {
    font-size: 4.6728971963vw;
    padding-left: 4.6728971963vw;
    margin-bottom: 2.3364485981vw;
  }
}
.attraction-list02-subtitle::before {
  position: absolute;
  content: "";
  background: #E58429;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 0;
  top: 20px;
}
@media (max-width: 767px) {
  .attraction-list02-subtitle::before {
    width: 2.3364485981vw;
    height: 2.3364485981vw;
    top: 3.9719626168vw;
  }
}
.attraction-list02-title {
  font-size: 46px;
  font-weight: 500;
  line-height: 1.5217391304;
  margin-bottom: 20px;
}
@media (max-width: 1024px) {
  .attraction-list02-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .attraction-list02-title {
    font-size: 6.5420560748vw;
  }
}
.attraction-list02-txt {
  line-height: 1.75;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .attraction-list02-txt {
    margin-bottom: 7.0093457944vw;
  }
}
.attraction-btn {
  color: #E58429;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 47px;
  margin-top: 40px;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .attraction-btn {
    margin-top: 7.0093457944vw;
    margin-bottom: 7.0093457944vw;
  }
}
.attraction-btn:after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow05.svg) no-repeat center center/contain;
  width: 30px;
  height: 30px;
  right: 0;
  top: 50%;
  transform: translateY(-40%);
}
.attraction-btn span {
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  text-underline-offset: 2px;
}

/* works
--------------------*/
.works {
  background: #E58429;
  padding: 130px 0;
  margin-bottom: 130px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .works {
    padding: 100px 0;
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .works {
    padding: 18.691588785vw 0;
    margin-bottom: 18.691588785vw;
  }
}
.works .inner {
  max-width: 1155px;
}
.works-title {
  color: #fff;
  font-size: 46px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 80px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .works-title {
    font-size: 32px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .works-title {
    font-size: 6.5420560748vw;
    margin-bottom: 10.5140186916vw;
  }
}
@media (min-width: 768px) {
  .works-list {
    display: flex;
  }
}
.works-list01 {
  margin-bottom: 15px;
}
.works-list li {
  background: #fff;
  border-radius: 20px 0 20px 0;
  padding: 40px 30px 30px;
  text-align: center;
}
@media (min-width: 768px) {
  .works-list li {
    width: calc(33.333% - 20px);
    margin-right: 30px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .works-list li {
    padding: 30px 15px 15px;
    width: calc(33.333% - 10px);
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .works-list li {
    padding: 7.0093457944vw 3.5046728972vw 3.5046728972vw;
    margin-bottom: 7.0093457944vw;
  }
}
.works-list li:nth-child(3n) {
  margin-right: 0;
}
.works-list-title {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.5;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 8px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .works-list-title {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .works-list-title {
    font-size: 4.6728971963vw;
  }
}
.works-list-txt {
  color: #E58429;
  font-size: 26px;
  font-weight: bold;
  letter-spacing: 0.04em;
  line-height: 1.1;
  margin-bottom: 0;
}
@media (min-width:768px) and (max-width: 1024px) {
  .works-list-txt {
    font-size: 20px;
  }
}
@media (max-width: 767px) {
  .works-list-txt {
    font-size: 4.2056074766vw;
  }
}
.works-list-txt .number {
  font-size: 82px;
  font-weight: bold;
  letter-spacing: 0;
  font-family: "Barlow", sans-serif;
  margin-right: 5px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .works-list-txt .number {
    font-size: 64px;
  }
}
@media (max-width: 767px) {
  .works-list-txt .number {
    font-size: 12.1495327103vw;
  }
}
.works-list-txt .small {
  font-size: 20px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .works-list-txt .small {
    font-size: 16px;
  }
}
@media (max-width: 767px) {
  .works-list-txt .small {
    font-size: 3.738317757vw;
  }
}
.works-list-caution {
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.04em;
}
.works-btn {
  margin-bottom: 40px;
  color: #fff;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-right: 47px;
  margin-left: auto;
  position: relative;
  z-index: 1;
}
.works-btn:after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow04.svg) no-repeat center center/contain;
  width: 30px;
  height: 30px;
  right: 0;
  top: 50%;
  transform: translateY(-40%);
}
.works-btn span {
  text-decoration: underline;
  font-size: 14px;
  font-weight: bold;
  text-underline-offset: 2px;
}

/* reason
--------------------*/
.reason {
  margin-bottom: 130px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .reason {
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .reason {
    margin-bottom: 18.691588785vw;
  }
}
.reason-title {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 100px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .reason-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .reason-title {
    font-size: 6.5420560748vw;
    margin-bottom: 11.6822429907vw;
  }
}
@media (min-width: 768px) {
  .reason-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 77px;
  }
}
@media (max-width: 767px) {
  .reason-wrapper {
    margin-bottom: 10.5140186916vw;
  }
}
@media (min-width: 768px) {
  .reason-img {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .reason-img {
    margin-bottom: 7.0093457944vw;
  }
}
.reason-img img {
  width: 100%;
  height: auto;
}
.reason-txt {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .reason-txt {
    width: 46.062992126%;
  }
}
@media (max-width: 767px) {
  .reason-txt {
    font-size: 4.2056074766vw;
  }
}
.reason-bg {
  background: #FBF6EF;
  padding: 80px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .reason-bg {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .reason-bg {
    padding: 7.0093457944vw;
  }
}
.reason .salary {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .reason .salary {
    margin-bottom: 14.0186915888vw;
  }
}
.reason .salary-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .reason .salary-title {
    margin-bottom: 7.0093457944vw;
  }
}
.reason .salary-txt {
  font-size: 18px;
  line-height: 1.7777777778;
  margin-bottom: 100px;
}
@media (min-width: 768px) {
  .reason .salary-list {
    display: flex;
  }
}
.reason .salary-list li {
  text-align: center;
  background: #fff;
  border: 1px solid #E58429;
  padding: 75px 30px 30px;
  position: relative;
}
@media (min-width: 768px) {
  .reason .salary-list li {
    width: calc(33.3333% - 37.3333333333px);
    margin-right: 56px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .reason .salary-list li {
    width: calc(33.3333% - 13.3333333333px);
    margin-right: 20px;
    padding: 75px 5px 30px;
  }
}
@media (max-width: 767px) {
  .reason .salary-list li {
    margin-bottom: 14.0186915888vw;
  }
}
.reason .salary-list li:nth-child(3n) {
  margin-right: 0;
}
.reason .salary-list-title {
  background: #E58429;
  color: #fff;
  font-size: 14px;
  font-weight: 500;
  letter-spacing: 0.04em;
  width: 90px;
  height: 90px;
  border-radius: 50%;
  line-height: 1.2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: -45px;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
@media (max-width: 767px) {
  .reason .salary-list-title {
    font-size: 3.738317757vw;
    width: 21.0280373832vw;
    height: 21.0280373832vw;
    top: -10.5140186916vw;
  }
}
.reason .salary-list-title span {
  display: block;
  font-family: "Barlow", sans-serif;
  font-size: 30px;
  font-weight: 300;
  letter-spacing: 0;
}
@media (max-width: 767px) {
  .reason .salary-list-title span {
    font-size: 6.5420560748vw;
  }
}
.reason .salary-list-img {
  margin: 0 auto 20px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.reason .salary-list-img img {
  width: auto;
  height: 70px;
}
.reason .salary-list-txt {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-bottom: 0;
  line-height: 1.6;
}
@media (min-width:768px) and (max-width: 1024px) {
  .reason .salary-list-txt {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .reason .salary-list-txt {
    font-size: 4.6728971963vw;
  }
}
.reason .salary-reason {
  background: #fff;
  padding: 50px 60px;
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .reason .salary-reason {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 1100px) {
  .reason .salary-reason {
    padding: 50px 30px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .reason .salary-reason {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .reason .salary-reason {
    padding: 7.0093457944vw;
  }
}
.reason .salary-reason #reason {
  margin-top: -100px;
  padding-top: 100px;
}
@media (max-width: 1024px) {
  .reason .salary-reason #reason {
    margin-top: -60px;
    padding-top: 60px;
  }
}
.reason .salary-reason-title {
  color: #E58429;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding-left: 20px;
  position: relative;
}
@media (min-width:768px) and (max-width: 1024px) {
  .reason .salary-reason-title {
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .reason .salary-reason-title {
    font-size: 5.3738317757vw;
    padding-left: 4.6728971963vw;
    margin-bottom: 7.0093457944vw;
  }
}
.reason .salary-reason-title::before {
  position: absolute;
  content: "";
  background: #E58429;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  left: 0;
  top: 20px;
}
@media (max-width: 767px) {
  .reason .salary-reason-title::before {
    width: 2.3364485981vw;
    height: 2.3364485981vw;
    top: 4.6728971963vw;
  }
}
@media (min-width: 768px) {
  .reason .salary-reason-inner {
    width: 65.9595959596%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .reason .salary-reason-inner {
    width: 100%;
  }
}
.reason .salary-reason-subtitle {
  background: #E58429;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 3px 30px;
  border-left: #FFC34D 4px solid;
  margin-bottom: 15px;
}
@media (max-width: 767px) {
  .reason .salary-reason-subtitle {
    font-size: 4.2056074766vw;
    padding: 0.7009345794vw 3.5046728972vw;
    margin-bottom: 3.5046728972vw;
  }
}
.reason .salary-reason-list {
  margin-bottom: 48px;
}
@media (max-width: 1024px) {
  .reason .salary-reason-list {
    margin-bottom: 30px;
  }
}
.reason .salary-reason-list li {
  border-bottom: 1px solid #DBDBDB;
  padding: 7px 30px 7px 50px;
  position: relative;
}
@media (max-width: 767px) {
  .reason .salary-reason-list li {
    padding: 1.6355140187vw 3.5046728972vw 1.6355140187vw 5.8411214953vw;
  }
}
.reason .salary-reason-list li::before {
  position: absolute;
  content: "・";
  left: 30px;
  top: 6px;
}
@media (max-width: 767px) {
  .reason .salary-reason-list li::before {
    left: 1.1682242991vw;
    top: 1.4018691589vw;
  }
}
.reason .vacation-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .reason .vacation-title {
    margin-bottom: 7.0093457944vw;
  }
}
.reason .vacation-txt {
  font-size: 18px;
  line-height: 1.7777777778;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .reason .vacation-txt {
    font-size: 4.2056074766vw;
    margin-bottom: 7.0093457944vw;
  }
}
.reason .vacation-btn {
  margin: 0 auto;
}

/* education
--------------------*/
.education {
  background: #FFE89C;
  padding: 120px 0 130px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .education {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .education {
    padding: 18.691588785vw 0;
  }
}
.education-title {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 100px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .education-title {
    font-size: 32px;
    margin-bottom: 80px;
  }
}
@media (max-width: 767px) {
  .education-title {
    font-size: 6.5420560748vw;
    margin-bottom: 11.6822429907vw;
  }
}
@media (min-width: 768px) {
  .education-wrapper {
    display: flex;
    justify-content: space-between;
    margin-bottom: 100px;
  }
}
@media (max-width: 767px) {
  .education-wrapper {
    margin-bottom: 10.5140186916vw;
  }
}
@media (min-width: 768px) {
  .education-img {
    width: 50%;
  }
}
@media (max-width: 767px) {
  .education-img {
    margin-bottom: 7.0093457944vw;
  }
}
.education-txt {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .education-txt {
    width: 46.062992126%;
  }
}
.education .training {
  background: #fff;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .education .training {
    margin-bottom: 14.0186915888vw;
  }
}
.education .training-title {
  background: #E58429;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 25px 15px;
}
@media (max-width: 767px) {
  .education .training-title {
    font-size: 4.6728971963vw;
    padding: 3.5046728972vw;
  }
}
.education .training-title::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-top: 18px solid #E58429;
  border-bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
}
.education .training-inner {
  padding: 68px 80px 30px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .education .training-inner {
    padding: 50px 30px 30px;
  }
}
@media (max-width: 767px) {
  .education .training-inner {
    padding: 11.6822429907vw 4.6728971963vw;
  }
}
.education .training-list01 {
  margin-bottom: 80px;
}
@media (min-width: 768px) {
  .education .training-list01 {
    display: flex;
    justify-content: space-between;
  }
}
@media (max-width: 767px) {
  .education .training-list01 {
    margin-bottom: 10.5140186916vw;
  }
}
.education .training-list01 li {
  background: #FBF6EF;
}
@media (min-width: 768px) {
  .education .training-list01 li {
    width: calc(50% - 35px);
    margin-right: 70px;
    padding: 50px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .education .training-list01 li {
    width: calc(50% - 15px);
    margin-right: 30px;
    padding: 30px 20px;
  }
}
@media (max-width: 767px) {
  .education .training-list01 li {
    margin-bottom: 7.0093457944vw;
    padding: 7.0093457944vw 4.6728971963vw;
  }
}
.education .training-list01 li:nth-child(2n) {
  margin-right: 0;
}
.education .training-list01-title {
  border-bottom: 1px solid #707070;
  margin-bottom: 15px;
  padding-bottom: 15px;
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .education .training-list01-title {
    margin-bottom: 3.5046728972vw;
    padding-bottom: 3.5046728972vw;
    font-size: 5.3738317757vw;
  }
}
.education .training-list01-title span {
  font-size: 14px;
  font-weight: 400;
  letter-spacing: 0.05em;
  background: #E58429;
  color: #fff;
  border-radius: 3px;
  padding: 0 15px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .education .training-list01-title span {
    font-size: 3.2710280374vw;
    padding: 0 3.5046728972vw;
    margin-bottom: 1.1682242991vw;
  }
}
.education .training-list01-txt {
  margin-bottom: 0;
}
.education .training-txt {
  font-size: 26px;
  font-weight: 500;
  letter-spacing: 0.04em;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .education .training-txt {
    font-size: 4.6728971963vw;
    margin-bottom: 3.5046728972vw;
  }
}
@media (min-width: 768px) {
  .education .training-list02 {
    display: flex;
    flex-wrap: wrap;
  }
}
.education .training-list02-title {
  background: #E58429;
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 3px 30px;
  border-left: 4px solid #FFC34D;
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .education .training-list02-title {
    font-size: 4.2056074766vw;
    padding: 0.7009345794vw 3.5046728972vw;
    margin-bottom: 1.1682242991vw;
  }
}
@media (min-width: 768px) {
  .education .training-list02 li {
    width: calc(50% - 35px);
    margin-right: 70px;
    margin-bottom: 50px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .education .training-list02 li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .education .training-list02 li {
    margin-bottom: 7.0093457944vw;
  }
}
.education .training-list02 li:nth-child(2n) {
  margin-right: 0;
}
.education .training-list02 li ul {
  display: block;
  flex-wrap: nowrap;
}
.education .training-list02 li ul li {
  width: 100%;
  margin-bottom: 0;
  margin-right: 0;
  border-bottom: 1px solid #DBDBDB;
  padding: 7px 30px 7px 50px;
  position: relative;
}
@media (max-width: 767px) {
  .education .training-list02 li ul li {
    padding: 1.6355140187vw 7.0093457944vw 1.6355140187vw 5.8411214953vw;
  }
}
.education .training-list02 li ul li::before {
  position: absolute;
  content: "・";
  left: 30px;
  top: 6px;
}
@media (max-width: 767px) {
  .education .training-list02 li ul li::before {
    left: 1.1682242991vw;
    top: 1.4018691589vw;
  }
}
.education .career {
  background: #fff;
  padding: 80px;
}
@media (max-width: 1024px) {
  .education .career {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .education .career {
    padding: 7.0093457944vw 4.6728971963vw;
  }
}
.education .career-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .education .career-title {
    margin-bottom: 7.0093457944vw;
  }
}
.education .career-subtitle {
  background: #E58429;
  color: #fff;
  text-align: center;
  position: relative;
  font-size: 22px;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding: 25px 15px;
  margin-bottom: 52px;
}
@media (max-width: 767px) {
  .education .career-subtitle {
    font-size: 4.6728971963vw;
    padding: 3.5046728972vw;
  }
}
.education .career-subtitle::before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 14px solid transparent;
  border-left: 14px solid transparent;
  border-top: 18px solid #E58429;
  border-bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  top: 100%;
}
@media (max-width: 767px) {
  .education .career-img {
    overflow-x: auto;
  }
}
@media (max-width: 767px) {
  .education .career-img img {
    width: 580px;
  }
}

/* welfare
---------------------*/
.welfare {
  background: #FBF6EF;
  padding: 130px 0 60px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .welfare {
    padding: 100px 0 60px;
  }
}
@media (max-width: 767px) {
  .welfare {
    padding: 18.691588785vw 0 9.3457943925vw;
  }
}
.welfare-title {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 80px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .welfare-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .welfare-title {
    font-size: 6.5420560748vw;
    margin-bottom: 11.6822429907vw;
  }
}
.welfare-subtitle {
  margin-bottom: 30px;
}
.welfare-list {
  margin-bottom: 100px;
}
@media (min-width: 768px) {
  .welfare-list {
    display: flex;
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .welfare-list {
    margin-bottom: 18.691588785vw;
  }
}
.welfare-list li {
  background: #fff;
  margin-bottom: 40px;
  text-align: center;
}
@media (min-width: 768px) {
  .welfare-list li {
    width: calc(25% - 22.5px);
    margin-right: 30px;
    padding: 40px 30px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .welfare-list li {
    width: calc(50% - 22.5px);
    margin-right: 45px;
    padding: 40px 30px;
  }
}
@media (max-width: 767px) {
  .welfare-list li {
    padding: 7.0093457944vw 4.6728971963vw;
    margin-bottom: 7.0093457944vw;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .welfare-list li:nth-child(2n) {
    margin-right: 0;
  }
}
@media (min-width: 768px) {
  .welfare-list li:nth-child(4n) {
    margin-right: 0;
  }
}
.welfare-list-icon {
  max-width: 115px;
  margin: 0 auto 20px;
}
.welfare-list-title {
  color: #E58429;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .welfare-list-title {
    font-size: 4.6728971963vw;
  }
}
.welfare-list-txt {
  margin-bottom: 0;
  line-height: 1.75;
  letter-spacing: 0.04em;
}

/* president-eyecatch
-----------------------*/
.president-eyecatch {
  margin-top: 20px;
  margin-bottom: 20px;
}
.president-eyecatch .inner {
  max-width: 1464px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .president-eyecatch .inner {
    align-items: flex-end;
  }
}
.president-eyecatch-inner {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 768px) {
  .president-eyecatch-inner {
    width: 27.6639344262%;
    padding-left: 59px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .president-eyecatch-inner {
    padding-left: 0;
  }
}
@media (max-width: 767px) {
  .president-eyecatch-inner {
    width: 40%;
  }
}
.president-eyecatch-title {
  white-space: nowrap;
}
@media (min-width: 768px) {
  .president-eyecatch-img {
    width: 66.9398907104%;
  }
}
@media (max-width: 767px) {
  .president-eyecatch-img {
    width: 65%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .president-eyecatch-moji {
    width: 80%;
  }
}
@media (max-width: 767px) {
  .president-eyecatch-moji {
    width: 80%;
    margin-top: 3.5046728972vw;
  }
}

/* president
-----------------------*/
.yellow-bg01 {
  background: #FFE89C;
  padding: 80px 0 130px;
}
@media (max-width: 767px) {
  .yellow-bg01 {
    padding: 11.6822429907vw 0 18.691588785vw;
  }
}

.president {
  margin-bottom: 100px;
  margin-top: -90px;
  padding-top: 90px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .president {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .president {
    margin-bottom: 14.0186915888vw;
    margin-top: -50px;
    padding-top: 50px;
  }
}
.president:last-child {
  margin-bottom: 0;
}
.president-wrapper {
  background: #fff;
  padding: 80px;
}
@media (max-width: 1024px) {
  .president-wrapper {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .president-wrapper {
    padding: 7.0093457944vw;
  }
}
.president-inner {
  margin-bottom: 50px;
}
@media (min-width: 768px) {
  .president-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .president-inner {
    flex-direction: column;
  }
}
@media (max-width: 767px) {
  .president-inner {
    margin-bottom: 7.0093457944vw;
  }
}
.president-title {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .president-title {
    width: 27.9279279279%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .president-title {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .president-title {
    font-size: 6.5420560748vw;
    margin-bottom: 3.5046728972vw;
  }
}
.president-title span {
  display: block;
  font-family: "Barlow", sans-serif;
  font-size: 48px;
  font-weight: 300;
  letter-spacing: 0.04em;
  color: #E58429;
}
@media (max-width: 767px) {
  .president-title span {
    font-size: 8.4112149533vw;
  }
}
@media (min-width: 768px) {
  .president-img {
    width: 66.2162162162%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .president-img {
    width: 100%;
  }
}
.president-img img {
  width: 100%;
  height: auto;
}
.president-subtitle {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .president-subtitle {
    margin-bottom: 7.0093457944vw;
  }
}
.president-txt {
  letter-spacing: 0.04em;
  margin-bottom: 0;
}

/* president-interview
-----------------------*/
.president-interview {
  margin-top: 160px;
  margin-bottom: 200px;
}
@media (max-width: 767px) {
  .president-interview {
    margin-top: 23.3644859813vw;
    margin-bottom: 23.3644859813vw;
  }
}
.president-interview-title {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 80px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .president-interview-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .president-interview-title {
    font-size: 6.5420560748vw;
    margin-bottom: 11.6822429907vw;
  }
}
.president-interview-wrapper {
  display: flex;
}
@media (min-width: 768px) {
  .president-interview-wrapper {
    justify-content: space-between;
  }
}
@media (max-width: 1024px) {
  .president-interview-wrapper {
    flex-direction: column-reverse;
  }
}
@media (min-width: 768px) {
  .president-interview-inner {
    width: 50%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .president-interview-inner {
    width: 100%;
  }
}
@media (min-width: 768px) {
  .president-interview-img {
    width: 46.062992126%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .president-interview-img {
    width: 100%;
    margin-bottom: 30px;
  }
}
@media (max-width: 767px) {
  .president-interview-img {
    margin-bottom: 7.0093457944vw;
  }
}
.president-interview-img img {
  width: 100%;
  height: auto;
}
.president-interview-subtitle {
  font-size: 35px;
  font-weight: 500;
  line-height: 1.8666666667;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .president-interview-subtitle {
    font-size: 5.6074766355vw;
    margin-bottom: 7.0093457944vw;
  }
}
.president-interview-txt {
  line-height: 1.75;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .president-interview-btn {
    margin: 0 auto;
  }
}

/* company-message
-----------------------*/
.company-message {
  padding: 167px 0 130px;
  background: #E58429;
}
@media (min-width:768px) and (max-width: 1024px) {
  .company-message {
    padding: 100px 0;
  }
}
@media (max-width: 767px) {
  .company-message {
    padding: 18.691588785vw 0;
  }
}
.company-message .inner {
  margin-top: -120px;
  padding-top: 120px;
}
@media (max-width: 767px) {
  .company-message .inner {
    margin-top: -80px;
    padding-top: 80px;
  }
}
.company-message-wrapper {
  background: #fff;
  padding: 80px 80px 130px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .company-message-wrapper {
    padding: 80px 30px;
  }
}
@media (max-width: 767px) {
  .company-message-wrapper {
    padding: 11.6822429907vw 7.0093457944vw;
  }
}
.company-message section {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .company-message section {
    margin-bottom: 11.6822429907vw;
  }
}
.company-message section:last-child {
  margin-bottom: 0;
}
.company-message-title {
  font-family: "Barlow", sans-serif;
  font-size: 82px;
  font-weight: 300;
  letter-spacing: 0;
  color: #FFD3AC;
  text-align: center;
  line-height: 1;
  margin-bottom: 30px;
  padding-top: 70px;
  position: relative;
}
@media (max-width: 767px) {
  .company-message-title {
    font-size: 11.214953271vw;
    margin-bottom: 7.0093457944vw;
    padding-top: 10.5140186916vw;
  }
}
.company-message-title::before {
  position: absolute;
  content: "";
  width: 1px;
  height: 70px;
  left: 50%;
  transform: translateX(-50%);
  top: 0;
  background: #E58429;
}
@media (max-width: 767px) {
  .company-message-title::before {
    height: 10.5140186916vw;
  }
}
.company-message-title .en {
  font-family: "Barlow", sans-serif;
  font-size: 65px;
  margin-right: 10px;
}
@media (max-width: 767px) {
  .company-message-title .en {
    font-size: 10.046728972vw;
  }
}
.company-message-title .number {
  font-size: 100px;
  margin-right: 5px;
}
@media (max-width: 767px) {
  .company-message-title .number {
    font-size: 18.2242990654vw;
  }
}
.company-message-title .small {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 46px;
}
@media (max-width: 767px) {
  .company-message-title .small {
    font-size: 5.6074766355vw;
  }
}
.company-message-txt {
  font-size: 30px;
  text-align: center;
  font-weight: 500;
  line-height: 1.6;
}
@media (max-width: 767px) {
  .company-message-txt {
    font-size: 4.6728971963vw;
  }
}
@media (min-width: 768px) {
  .company-message-list01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
.company-message-list01 li {
  background: #FBF6EF;
  text-align: center;
  line-height: 1.4545454545;
  font-weight: 500;
}
@media (min-width: 768px) {
  .company-message-list01 li {
    font-size: 22px;
    padding: 70px 15px;
    width: calc(25% - 4.5px);
    margin-right: 6px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .company-message-list01 li {
    width: calc(50% - 7.5px);
    margin-right: 15px;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .company-message-list01 li {
    font-size: 4.2056074766vw;
    padding: 4.6728971963vw;
    margin-bottom: 1.1682242991vw;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .company-message-list01 li:nth-child(2n) {
    margin-right: 0;
  }
}
.company-message-list01 li:nth-child(4n) {
  margin-right: 0;
}
.company-message-list02 {
  max-width: 887px;
  margin: 0 auto;
}
.company-message-list02 li {
  display: flex;
  font-size: 20px;
  letter-spacing: 0.04em;
  font-weight: 500;
  line-height: 1.65;
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .company-message-list02 li {
    font-size: 3.738317757vw;
    margin-bottom: 7.0093457944vw;
  }
}
.company-message-list02 li:last-child {
  margin-bottom: 0;
}
.company-message-list02 .en {
  font-family: "Barlow", sans-serif;
  font-size: 33px;
  background: #E58429;
  color: #fff;
  min-width: 46px;
  height: 46px;
  line-height: 46px;
  text-align: center;
  border-radius: 50%;
  margin-right: 29px;
  display: block;
}
@media (max-width: 767px) {
  .company-message-list02 .en {
    font-size: 5.6074766355vw;
    min-width: 8.1775700935vw;
    height: 8.1775700935vw;
    line-height: 8.1775700935vw;
    margin-right: 3.5046728972vw;
  }
}
@media (min-width: 768px) {
  .company-message-list02-inner {
    position: relative;
    top: 7px;
  }
}
@media (max-width: 767px) {
  .company-message-list02-inner {
    top: -3.5046728972vw;
  }
}

/* company-img
-----------------------*/
.company-img {
  margin-bottom: 137px;
}
@media (min-width: 768px) {
  .company-img {
    display: flex;
  }
}
@media (max-width: 767px) {
  .company-img {
    margin-bottom: 18.691588785vw;
  }
}
@media (min-width: 768px) {
  .company-img div {
    width: 33.3333%;
  }
}
.company-img div img {
  width: 100%;
  height: auto;
}

/* area
-----------------------*/
.area {
  margin-top: -70px;
  padding-top: 70px;
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .area {
    margin-top: -50px;
    padding-top: 50px;
    margin-bottom: 18.691588785vw;
  }
}
.area-title {
  text-align: center;
  font-size: 40px;
  font-weight: 500;
  margin-bottom: 100px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .area-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .area-title {
    font-size: 6.5420560748vw;
    margin-bottom: 11.6822429907vw;
  }
}
@media (min-width: 768px) {
  .area-list {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media (min-width: 768px) {
  .area-list li {
    width: calc(50% - 33.5px);
    margin-right: 67px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .area-list li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .area-list li {
    margin-bottom: 10.5140186916vw;
  }
}
.area-list li:nth-child(2n) {
  margin-right: 0;
}
.area-list-img {
  margin-bottom: 20px;
}
.area-list-img img {
  width: 100%;
  height: auto;
}
.area-list-title {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.75;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #707070;
}
@media (max-width: 767px) {
  .area-list-title {
    font-size: 4.6728971963vw;
    padding-bottom: 2.3364485981vw;
    margin-bottom: 3.5046728972vw;
  }
}
.area-list-txt {
  line-height: 1.75;
  letter-spacing: 0.04em;
}
.area-list-txt .other {
  font-size: 23px;
}
@media (max-width: 767px) {
  .area-list-txt .other {
    font-size: 4.6728971963vw;
  }
}
.area-list-txt .list {
  font-size: 20px;
}
@media (max-width: 767px) {
  .area-list-txt .list {
    font-size: 4.2056074766vw;
  }
}

/* company
---------------------*/
.company {
  margin-bottom: 130px;
  background: #FFE89C;
  padding: 130px 0;
}
@media (max-width: 767px) {
  .company {
    margin-bottom: 18.691588785vw;
    padding: 18.691588785vw 0;
  }
}
.company .inner {
  max-width: 1100px;
  margin-top: -80px;
  padding-top: 80px;
}
@media (max-width: 767px) {
  .company .inner {
    margin-top: -120px;
    padding-top: 120px;
  }
}
.company-title {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 100px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .company-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .company-title {
    font-size: 6.5420560748vw;
    margin-bottom: 11.6822429907vw;
  }
}
.company-wrapper {
  background: #fff;
  padding: 80px 30px;
}
@media (max-width: 767px) {
  .company-wrapper {
    padding: 11.6822429907vw 7.0093457944vw;
  }
}
.company-table {
  max-width: 900px;
  margin: 0 auto;
}
.company-table table {
  width: 100%;
  border-top: 1px solid #DBDBDB;
  border-collapse: collapse;
}
.company-table tr td {
  line-height: 1.75;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #DBDBDB;
  padding: 20px;
}
@media (max-width: 767px) {
  .company-table tr td {
    display: block;
    width: 100%;
    padding: 2.3364485981vw 2.3364485981vw 4.6728971963vw;
  }
}
.company-table tr td:nth-child(1) {
  font-weight: bold;
  padding: 20px 40px;
}
@media (max-width: 767px) {
  .company-table tr td:nth-child(1) {
    padding: 4.6728971963vw 2.3364485981vw 0;
    border-bottom: none;
  }
}

/* office
---------------------*/
.office {
  margin-bottom: 140px;
}
@media (max-width: 767px) {
  .office {
    margin-bottom: 18.691588785vw;
  }
}
.office .inner {
  max-width: 1127px;
}
.office-title {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 100px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .office-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .office-title {
    font-size: 6.5420560748vw;
    margin-bottom: 11.6822429907vw;
  }
}
@media (min-width: 768px) {
  .office-list {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .office-list li {
    width: calc(50% - 33.5px);
    margin-right: 67px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .office-list li {
    width: calc(50% - 15px);
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .office-list li {
    margin-bottom: 10.5140186916vw;
  }
}
.office-list li:nth-child(2n) {
  margin-right: 0;
}
.office-list-img {
  margin-bottom: 25px;
}
@media (max-width: 767px) {
  .office-list-img {
    margin-bottom: 4.6728971963vw;
  }
}
.office-list-img img {
  width: 100%;
  height: auto;
}
.office-list-title {
  font-size: 23px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.75;
  padding-bottom: 10px;
  margin-bottom: 15px;
  border-bottom: 1px solid #707070;
}
@media (max-width: 767px) {
  .office-list-title {
    font-size: 4.6728971963vw;
    padding-bottom: 2.3364485981vw;
    margin-bottom: 3.5046728972vw;
  }
}
.office-list-table {
  margin-bottom: 60px;
}
.office-list-table table {
  width: 100%;
  border-collapse: collapse;
}
.office-list-table tr td {
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #DBDBDB;
  padding: 20px;
  vertical-align: middle;
}
@media (max-width: 767px) {
  .office-list-table tr td {
    display: block;
    width: 100%;
    padding: 0 2.3364485981vw 4.6728971963vw;
    font-size: 4.2056074766vw;
  }
}
.office-list-table tr td:nth-child(1) {
  font-weight: bold;
  font-size: 16px;
  white-space: nowrap;
}
@media (max-width: 767px) {
  .office-list-table tr td:nth-child(1) {
    font-size: 3.738317757vw;
    border-bottom: none;
    padding: 4.6728971963vw 2.3364485981vw 2.3364485981vw;
  }
}
.office-list-table tr td a {
  font-size: 22px;
}
@media (max-width: 767px) {
  .office-list-table tr td a {
    font-size: 4.6728971963vw;
  }
}
.office-list-btn {
  display: block;
  font-weight: 500;
  background: #E58429;
  color: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3px;
  padding: 22px 60px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .office-list-btn {
    padding: 5.1401869159vw 14.0186915888vw;
  }
}
.office-list-btn span {
  padding-right: 40px;
  position: relative;
}
@media (max-width: 767px) {
  .office-list-btn span {
    padding-right: 9.3457943925vw;
  }
}
.office-list-btn span::after {
  position: absolute;
  content: "";
  background: transparent url(../img/ex_wh.svg) no-repeat center center/contain;
  width: 20px;
  height: 12px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 767px) {
  .office-list-btn span::after {
    width: 4.6728971963vw;
    height: 2.8037383178vw;
  }
}

/* history
---------------------*/
.history {
  background: #FBF6EF;
  padding: 130px 0 150px;
}
@media (max-width: 767px) {
  .history {
    padding: 18.691588785vw 0;
  }
}
.history .inner {
  max-width: 1115px;
  margin-top: -70px;
  padding-top: 70px;
}
@media (max-width: 767px) {
  .history .inner {
    margin-top: -50px;
    padding-top: 50px;
  }
}
.history-title {
  font-size: 40px;
  font-weight: 500;
  text-align: center;
  margin-bottom: 100px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .history-title {
    font-size: 32px;
  }
}
@media (max-width: 767px) {
  .history-title {
    font-size: 6.5420560748vw;
    margin-bottom: 11.6822429907vw;
  }
}
.history-table table {
  width: 100%;
  position: relative;
}
.history-table table:after {
  position: absolute;
  content: "";
  width: 1px;
  height: calc(100% - 45px);
  background: #E58429;
  left: 129px;
  top: 35px;
}
@media (max-width: 767px) {
  .history-table table:after {
    left: 24.8831775701vw;
    top: 8.8785046729vw;
  }
}
.history-table table tr th,
.history-table table tr td {
  line-height: 2;
  padding: 20px 0;
}
.history-table table tr th {
  color: #E58429;
  font-weight: bold;
  letter-spacing: 0.01em;
  white-space: nowrap;
  position: relative;
}
@media (min-width: 768px) {
  .history-table table tr th {
    width: 160px;
    padding-right: 77px;
  }
}
@media (max-width: 767px) {
  .history-table table tr th {
    width: 30.3738317757vw;
    padding-right: 2.3364485981vw;
    text-align: left;
  }
}
.history-table table tr th:after {
  position: absolute;
  content: "";
  width: 10px;
  height: 10px;
  background: #E58429;
  border-radius: 50%;
  right: 38px;
  top: 32px;
}
@media (max-width: 767px) {
  .history-table table tr th:after {
    width: 2.3364485981vw;
    height: 2.3364485981vw;
    right: 4.6vw;
    top: 7.7102803738vw;
  }
}
@media (min-width: 768px) {
  .history-table table tr td.df {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .history-table table tr td.df {
    flex-direction: column;
  }
}
@media (min-width: 768px) {
  .history-table table tr td.df span {
    width: 42.9769392034%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .history-table table tr td.df span {
    width: 100%;
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .history-table table tr td.df span {
    display: block;
    margin-bottom: 3.5046728972vw;
  }
}
@media (min-width: 768px) {
  .history-table table tr td.df .history-img {
    width: 53.8784067086%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .history-table table tr td.df .history-img {
    width: 100%;
  }
}
.history-table table tr td.df .history-img img {
  width: auto;
  max-height: 176px;
  max-width: 514px;
}
@media (max-width: 1200px) {
  .history-table table tr td.df .history-img img {
    max-height: 150px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .history-table table tr td.df .history-img img {
    max-height: 150px;
  }
}
@media (max-width: 767px) {
  .history-table table tr td.df .history-img img {
    max-height: 18.691588785vw;
  }
}

/* interview
---------------------*/
.interview-eyecatch {
  margin-top: 20px;
  margin-bottom: 10px;
}
@media (max-width: 767px) {
  .interview-eyecatch {
    margin-top: 2.3364485981vw;
    margin-bottom: 2.3364485981vw;
  }
}
@media (max-width: 767px) {
  .interview-eyecatch img {
    height: 58.4112149533vw;
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.interview-eyecatch .inner {
  max-width: 1444px;
  position: relative;
}
.interview-eyecatch-inner {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 87px;
}
@media (min-width: 768px) {
  .interview-eyecatch-inner {
    width: calc(100% - 180px);
  }
}
@media (max-width: 1024px) {
  .interview-eyecatch-inner {
    left: 70px;
    width: calc(100% - 140px);
  }
}
@media (max-width: 767px) {
  .interview-eyecatch-inner {
    left: 9.3457943925vw;
    width: calc(100% - 17vw);
  }
}
.interview-eyecatch-title {
  margin-bottom: 30px;
}
@media (max-width: 1024px) {
  .interview-eyecatch-title {
    margin-bottom: 15px;
  }
}
@media (max-width: 767px) {
  .interview-eyecatch-title {
    font-size: 4.2056074766vw;
    padding-left: 5.8411214953vw;
  }
}
@media (max-width: 767px) {
  .interview-eyecatch-title::before {
    width: 3.5046728972vw;
  }
}
.interview-eyecatch-subtitle span {
  font-size: 46px;
  line-height: 1.75;
  font-weight: 500;
  padding: 0 15px;
  background: #fff;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  display: block;
  margin-bottom: 12px;
}
@media (max-width: 1024px) {
  .interview-eyecatch-subtitle span {
    font-size: 28px;
  }
}
@media (max-width: 767px) {
  .interview-eyecatch-subtitle span {
    font-size: 4.6728971963vw;
  }
}
.interview-eyecatch-subtitle span:last-child {
  margin-bottom: 0;
}

/* interview-head
---------------------*/
.interview-head {
  margin-bottom: 100px;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .interview-head {
    margin-top: 7.0093457944vw;
    margin-bottom: 14.0186915888vw;
  }
}
.interview-head .inner {
  max-width: 1444px;
  display: flex;
  align-items: center;
}
.interview-head-name {
  font-weight: bold;
  color: #B4B4B4;
  margin-right: 50px;
  position: relative;
}
@media (max-width: 767px) {
  .interview-head-name {
    font-size: 3.2710280374vw;
    margin-right: 7.0093457944vw;
  }
}
.interview-head-name::after {
  position: absolute;
  content: "";
  background: #E58429;
  width: 1px;
  height: calc(100% + 10px);
  right: -25px;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 767px) {
  .interview-head-name::after {
    right: -3.5046728972vw;
  }
}
.interview-head-name span {
  font-size: 30px;
  font-weight: 500;
  color: #1A1A1A;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .interview-head-name span {
    font-size: 5.6074766355vw;
    margin-left: 2.3364485981vw;
  }
}
.interview-head-info {
  font-weight: bold;
  color: #B4B4B4;
}
@media (max-width: 767px) {
  .interview-head-info {
    font-size: 3.2710280374vw;
  }
}
.interview-head-info span {
  font-size: 20px;
  color: #1A1A1A;
  font-weight: 500;
  display: block;
}
@media (max-width: 767px) {
  .interview-head-info span {
    font-size: 4.2056074766vw;
  }
}

/* interview-story
---------------------*/
.interview-story {
  margin-bottom: 70px;
}
@media (max-width: 767px) {
  .interview-story {
    margin-bottom: 14.0186915888vw;
  }
}
.interview-story .inner {
  max-width: 803px;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .interview-story .inner {
    flex-direction: column;
    justify-content: center;
  }
}
@media (min-width: 768px) {
  .interview-story-img {
    width: 18.0572851806%;
  }
}
@media (max-width: 767px) {
  .interview-story-img {
    max-width: 46.7289719626vw;
    margin: 0 auto 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .interview-story-txt {
    width: 76.9613947696%;
  }
}

/* interview 
--------------------*/
.yellow-bg02 {
  background: linear-gradient(to top, transparent 308px, #FFE89C 308px);
  padding: 80px 0 0;
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .yellow-bg02 {
    background: linear-gradient(to top, transparent 17vw, #FFE89C 17vw);
    padding: 18.691588785vw 0 0;
    margin-bottom: 18.691588785vw;
  }
}

.interview {
  background: #fff;
  padding: 80px;
  margin-bottom: 100px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .interview {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .interview {
    padding: 11.6822429907vw 7.0093457944vw;
    margin-bottom: 10.5140186916vw;
  }
}
.interview .inner {
  max-width: 1270px;
}
.interview-list li {
  margin-bottom: 100px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .interview-list li {
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .interview-list li {
    margin-bottom: 14.0186915888vw;
  }
}
.interview-list li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .interview-list li.df {
    justify-content: space-between;
    display: flex;
  }
}
@media (min-width: 768px) {
  .interview-list li.df .interview-list-inner {
    width: 50%;
  }
}
@media (min-width: 768px) {
  .interview-list li.df-reverse {
    flex-direction: row-reverse;
  }
}
.interview-list-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .interview-list-title {
    margin-bottom: 7.0093457944vw;
  }
}
.interview-list-txt {
  letter-spacing: 0.04em;
  line-height: 1.75;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .interview-list-img {
    width: 44.6846846847%;
  }
}
@media (max-width: 767px) {
  .interview-list-img {
    margin-bottom: 7.0093457944vw;
  }
}
.interview-img {
  max-width: 1444px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .interview-img {
    padding: 0 4.6728971963vw;
  }
}

/* interview-other
------------------------*/
.interview-other {
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .interview-other {
    margin-bottom: 18.691588785vw;
  }
}
.interview-other-title {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .interview-other-title {
    margin-bottom: 7.0093457944vw;
  }
}
.interview-other-list {
  max-width: 960px;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .interview-other-list {
    display: flex;
  }
}
@media (min-width: 768px) {
  .interview-other-list li {
    width: calc(33.3333% - 40px);
    margin-right: 60px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .interview-other-list li {
    width: calc(33.3333% - 13.3333333333px);
    margin-right: 20px;
  }
}
@media (max-width: 767px) {
  .interview-other-list li {
    margin-bottom: 10.5140186916vw;
  }
}
.interview-other-list li:nth-child(3n) {
  margin-right: 0;
}
.interview-other-list li a {
  display: block;
  position: relative;
}
.interview-other-list li a:after {
  position: absolute;
  content: "";
  background: transparent url(../img/arrow05.svg) no-repeat center center/contain;
  width: 30px;
  height: 30px;
  right: 0;
  bottom: 0;
}
@media (min-width:768px) and (max-width: 1024px) {
  .interview-other-list li a:after {
    width: 25px;
    height: 25px;
  }
}
@media (max-width: 767px) {
  .interview-other-list li a:after {
    width: 7.0093457944vw;
    height: 7.0093457944vw;
  }
}
.interview-other-list-img {
  position: relative;
  margin-bottom: 15px;
}
.interview-other-list-img img {
  border-radius: 3px;
}
.interview-other-list-label {
  position: absolute;
  font-size: 14px;
  background: #E58429;
  color: #fff;
  border-radius: 3px;
  padding: 2.5px 15px;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  bottom: 0;
  left: 0;
  line-height: 1.75;
}
@media (max-width: 767px) {
  .interview-other-list-label {
    font-size: 3.2710280374vw;
    padding: 0.5841121495vw 3.5046728972vw;
  }
}
.interview-other-list-year {
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #B4B4B4;
  line-height: 1.75;
  padding-right: 40px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .interview-other-list-year {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .interview-other-list-year {
    padding-right: 9.3457943925vw;
  }
}
.interview-other-list-name {
  font-size: 15px;
  font-weight: 500;
  letter-spacing: 0.04em;
  line-height: 1.75;
  padding-right: 40px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .interview-other-list-name {
    padding-right: 30px;
  }
}
@media (max-width: 767px) {
  .interview-other-list-name {
    font-size: 3.5046728972vw;
    padding-right: 9.3457943925vw;
  }
}
.interview-other-list-name span {
  font-size: 20px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .interview-other-list-name span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .interview-other-list-name span {
    font-size: 4.6728971963vw;
  }
}

/* dialogue-member
------------------------*/
.dialogue-member {
  margin-top: 90px;
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .dialogue-member {
    margin-top: 11.6822429907vw;
    margin-bottom: 18.691588785vw;
  }
}
.dialogue-member-title {
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .dialogue-member-title {
    margin-bottom: 7.0093457944vw;
  }
}
.dialogue-member-wrapper {
  display: flex;
}
@media (min-width: 768px) {
  .dialogue-member-wrapper {
    align-items: center;
    justify-content: center;
    gap: 195px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .dialogue-member-wrapper {
    gap: 100px;
  }
}
@media (max-width: 767px) {
  .dialogue-member-wrapper {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    flex-direction: column;
    gap: 23.3644859813vw;
    margin: 0 auto;
  }
}
.dialogue-member-col {
  display: flex;
  align-items: center;
}
.dialogue-member-col:nth-child(1) {
  position: relative;
}
.dialogue-member-col:nth-child(1)::after {
  position: absolute;
  content: "";
  background: transparent url(../img/close.svg) no-repeat center center/contain;
}
@media (min-width: 768px) {
  .dialogue-member-col:nth-child(1)::after {
    width: 70px;
    height: 70px;
    top: 50%;
    transform: translateY(-50%);
    right: -125px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .dialogue-member-col:nth-child(1)::after {
    width: 45px;
    height: 45px;
    right: -70px;
  }
}
@media (max-width: 767px) {
  .dialogue-member-col:nth-child(1)::after {
    width: 11.6822429907vw;
    height: 11.6822429907vw;
    left: 50%;
    transform: translateX(-50%);
    bottom: -18.691588785vw;
  }
}
.dialogue-member-img {
  width: 160px;
  margin-right: 30px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .dialogue-member-img {
    width: 120px;
    margin-right: 15px;
  }
}
@media (max-width: 767px) {
  .dialogue-member-img {
    width: 28.0373831776vw;
    margin-right: 3.5046728972vw;
  }
}
.dialogue-member-name {
  font-size: 15px;
  font-weight: 500;
  margin-bottom: 10px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .dialogue-member-name {
    margin-bottom: 5px;
  }
}
@media (max-width: 767px) {
  .dialogue-member-name {
    font-size: 3.5046728972vw;
    margin-bottom: 1.1682242991vw;
  }
}
.dialogue-member-name span {
  font-size: 20px;
}
@media (min-width:768px) and (max-width: 1024px) {
  .dialogue-member-name span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .dialogue-member-name span {
    font-size: 4.6728971963vw;
  }
}
.dialogue-member-info {
  border-left: 1px solid #E58429;
  padding-left: 19px;
  font-weight: bold;
  color: #B4B4B4;
  letter-spacing: 0.04em;
  line-height: 1.75;
}
@media (min-width:768px) and (max-width: 1024px) {
  .dialogue-member-info {
    padding-left: 10px;
    font-size: 15px;
  }
}
@media (max-width: 767px) {
  .dialogue-member-info {
    padding-left: 4.4392523364vw;
  }
}
.dialogue-member-info span {
  font-size: 20px;
  font-weight: 500;
  color: #1A1A1A;
  display: block;
}
@media (min-width:768px) and (max-width: 1024px) {
  .dialogue-member-info span {
    font-size: 18px;
  }
}
@media (max-width: 767px) {
  .dialogue-member-info span {
    font-size: 4.6728971963vw;
  }
}

/* dialogue
--------------------*/
.yellow-bg03 {
  background: linear-gradient(to top, transparent 308px, #FFE89C 308px);
  padding: 80px 0 0;
  margin-bottom: 130px;
}
@media (max-width: 767px) {
  .yellow-bg03 {
    background: linear-gradient(to top, transparent 17vw, #FFE89C 17vw);
    padding: 18.691588785vw 0 0;
    margin-bottom: 18.691588785vw;
  }
}

.dialogue {
  background: #fff;
  padding: 80px;
  margin-bottom: 100px;
}
@media (max-width: 1200px) {
  .dialogue {
    padding: 50px 30px;
  }
}
@media (max-width: 767px) {
  .dialogue {
    padding: 11.6822429907vw 7.0093457944vw;
    margin-bottom: 10.5140186916vw;
  }
}
.dialogue .inner {
  max-width: 1270px;
}
.dialogue section {
  margin-bottom: 80px;
  padding-bottom: 80px;
  border-bottom: 1px solid #DBDBDB;
}
@media (max-width: 767px) {
  .dialogue section {
    margin-bottom: 14.0186915888vw;
    padding-bottom: 14.0186915888vw;
  }
}
.dialogue section:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}
.dialogue-title {
  margin-bottom: 30px;
}
@media (max-width: 767px) {
  .dialogue-title {
    margin-bottom: 7.0093457944vw;
  }
}
.dialogue-list li {
  margin-bottom: 60px;
}
.dialogue-list li:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .dialogue-list li.df {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .dialogue-list li.df {
    flex-direction: column;
  }
}
@media (max-width: 1024px) {
  .dialogue-list li.df .dialogue-list-left {
    width: 100%;
  }
}
@media (max-width: 1024px) {
  .dialogue-list li.df .dialogue-list-right {
    margin-top: 45px;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .dialogue-list li.df .dialogue-list-right {
    margin-top: 7.0093457944vw;
  }
}
@media (min-width: 768px) {
  .dialogue-list li .df {
    display: flex;
    justify-content: space-between;
  }
}
.dialogue-list-face {
  width: 80px;
  min-width: 80px;
}
@media (min-width: 768px) {
  .dialogue-list-face {
    margin-right: 30px;
  }
}
@media (max-width: 767px) {
  .dialogue-list-face {
    width: 23.3644859813vw;
    min-width: 23.3644859813vw;
    margin: 0 auto 1.1682242991vw;
  }
}
@media (max-width: 767px) {
  .dialogue-list-name {
    text-align: center;
    margin-bottom: 3.5046728972vw;
  }
}
.dialogue-list-name.green {
  color: #5CB185;
}
.dialogue-list-name.red {
  color: #FF5E5E;
}
.dialogue-list-txt {
  line-height: 1.75;
  letter-spacing: 0.04em;
}
@media (min-width: 768px) {
  .dialogue-list-txt {
    width: calc(100% - 110px);
  }
}
.dialogue-list-txt p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .dialogue-list-left {
    width: 50%;
  }
}
.dialogue-list-left .df {
  margin-bottom: 50px;
}
.dialogue-list-left .df:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .dialogue-list-right {
    width: 45%;
  }
}

/* other
--------------------*/
.other-bg {
  background: #FFF7D9;
  position: relative;
  padding: 20px 0 130px;
}
@media (max-width: 767px) {
  .other-bg {
    padding: 2.3364485981vw 0 18.691588785vw;
  }
}
.other-bg::before {
  position: absolute;
  content: "";
  background: transparent url(../img/fv-bg-sub-y.png) no-repeat top center/cover;
  width: 100vw;
  height: 33.3333333333vw;
  top: 0;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .other-bg::before {
    width: 98.1308411215vw;
    height: 70.0934579439vw;
  }
}

.eyecatch-other {
  position: relative;
  z-index: 1;
}
.eyecatch-other .inner {
  max-width: 1420px;
}
.eyecatch-other .breadcrumb {
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .eyecatch-other .breadcrumb {
    margin-bottom: 14.0186915888vw;
  }
}
.eyecatch-other .page-title {
  text-align: center;
  font-size: 40px;
  line-height: 1.75;
  font-weight: 500;
  margin-bottom: 60px;
}
@media (max-width: 767px) {
  .eyecatch-other .page-title {
    font-size: 7.476635514vw;
    margin-bottom: 10.5140186916vw;
  }
}

/* recruit
------------------*/
.recruit {
  position: relative;
  z-index: 1;
}
.recruit .inner {
  max-width: 1100px;
}
.recruit-bg {
  background: #fff;
  padding: 80px 30px;
}
@media (max-width: 767px) {
  .recruit-bg {
    padding: 11.6822429907vw 7.0093457944vw;
  }
}
.recruit-table {
  max-width: 900px;
  margin: 0 auto;
}
.recruit-table table {
  border-collapse: collapse;
  width: 100%;
  border-top: 1px solid #DBDBDB;
}
.recruit-table table tr td {
  line-height: 1.75;
  letter-spacing: 0.04em;
  padding: 15px;
  border-bottom: 1px solid #DBDBDB;
}
@media (max-width: 767px) {
  .recruit-table table tr td {
    display: block;
  }
}
.recruit-table table tr td:nth-child(1) {
  font-weight: bold;
  padding-left: 40px;
}
@media (min-width: 768px) {
  .recruit-table table tr td:nth-child(1) {
    width: 30%;
  }
}
@media (max-width: 767px) {
  .recruit-table table tr td:nth-child(1) {
    padding: 3.5046728972vw 1.1682242991vw 0;
    border-bottom: none;
  }
}
@media (min-width: 768px) {
  .recruit-table table tr td:nth-child(2) {
    width: 70%;
  }
}
@media (max-width: 767px) {
  .recruit-table table tr td:nth-child(2) {
    padding: 1.1682242991vw 1.1682242991vw 3.5046728972vw;
  }
}
@media (min-width: 768px) {
  .recruit-table table tr td .df {
    display: flex;
    gap: 127px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .recruit-table table tr td .df {
    gap: 30px;
  }
}
.recruit-table table tr td .df ul li {
  line-height: 1.75;
  letter-spacing: 0.04em;
  position: relative;
  padding-left: 1em;
}
.recruit-table table tr td .df ul li::before {
  position: absolute;
  content: "・";
  left: 0;
  top: 0;
}

/* archive-news
-----------------------*/
.archive-news {
  position: relative;
  z-index: 1;
}
.archive-news .inner {
  max-width: 1100px;
}
.archive-news-bg {
  background: #fff;
  padding: 80px 30px;
}
@media (max-width: 767px) {
  .archive-news-bg {
    padding: 11.6822429907vw 7.0093457944vw;
  }
}
.archive-news .news-list {
  max-width: 900px;
  margin: 0 auto;
}

/* page-nav
---------------------------*/
.page-nav {
  text-align: center;
  margin-top: 80px;
}
@media (max-width: 767px) {
  .page-nav {
    margin-top: 11.6822429907vw;
  }
}
.page-nav .wp-pagenavi {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .page-nav .wp-pagenavi {
    padding: 0 80px;
  }
}
@media (max-width: 767px) {
  .page-nav .wp-pagenavi {
    padding: 0 45px;
  }
}
.page-nav .wp-pagenavi div {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto;
}
.page-nav .wp-pagenavi a,
.page-nav .wp-pagenavi span {
  font-weight: 700;
  border: none;
  text-align: center;
  display: inline-block;
  line-height: 1;
  font-family: "Arial", sans-serif;
  color: #C3C3C3;
}
@media (min-width: 768px) {
  .page-nav .wp-pagenavi a,
.page-nav .wp-pagenavi span {
    font-size: 12px;
    margin: 0 12px;
  }
}
@media (max-width: 767px) {
  .page-nav .wp-pagenavi a,
.page-nav .wp-pagenavi span {
    font-size: 3.2710280374vw;
    margin: 0 2.8037383178vw;
  }
}
.page-nav .wp-pagenavi .current {
  color: #E58429;
}
.page-nav .wp-pagenavi .current::after {
  display: none;
}
.page-nav .wp-pagenavi .extend {
  color: #C3C3C3;
  font-size: 12px;
  font-weight: bold;
}
@media (max-width: 767px) {
  .page-nav .wp-pagenavi .extend {
    font-size: 3.2710280374vw;
  }
}
.page-nav .wp-pagenavi .nextpostslink,
.page-nav .wp-pagenavi .prevpostslink,
.page-nav .wp-pagenavi .previouspostslink,
.page-nav .wp-pagenavi .last {
  padding: 0;
  margin: 0;
  width: 7px;
  height: 12px;
  position: relative;
}
@media (max-width: 767px) {
  .page-nav .wp-pagenavi .nextpostslink,
.page-nav .wp-pagenavi .prevpostslink,
.page-nav .wp-pagenavi .previouspostslink,
.page-nav .wp-pagenavi .last {
    width: 1.6355140187vw;
    height: 2.8037383178vw;
  }
}
.page-nav .wp-pagenavi .nextpostslink img,
.page-nav .wp-pagenavi .prevpostslink img,
.page-nav .wp-pagenavi .previouspostslink img,
.page-nav .wp-pagenavi .last img {
  width: 7px;
  height: 12px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
@media (max-width: 767px) {
  .page-nav .wp-pagenavi .nextpostslink img,
.page-nav .wp-pagenavi .prevpostslink img,
.page-nav .wp-pagenavi .previouspostslink img,
.page-nav .wp-pagenavi .last img {
    width: 1.6355140187vw;
    height: 2.8037383178vw;
  }
}
.page-nav .wp-pagenavi .previouspostslink {
  left: 0;
  margin-right: 12px;
}
@media (max-width: 767px) {
  .page-nav .wp-pagenavi .previouspostslink {
    margin-right: 2.8037383178vw;
  }
}
.page-nav .wp-pagenavi .previouspostslink img {
  transform: translate(-50%, -50%) rotate(180deg);
}
.page-nav .wp-pagenavi .nextpostslink {
  right: 0;
  margin-left: 15px;
}
@media (max-width: 767px) {
  .page-nav .wp-pagenavi .nextpostslink {
    margin-left: 2.8037383178vw;
  }
}

/* article-news
-----------------------*/
.article-news {
  position: relative;
  z-index: 1;
}
.article-news .inner {
  max-width: 1100px;
}
.article-news-head {
  text-align: center;
  margin-bottom: 45px;
}
.article-news-bg {
  background: #fff;
  padding: 80px 50px;
}
@media (max-width: 767px) {
  .article-news-bg {
    padding: 11.6822429907vw 7.0093457944vw;
  }
}
.article-news-thumbnail {
  max-width: 820px;
  margin: 0 auto 50px;
}
.article-news-thumbnail img {
  height: auto;
}
.article-news-inner {
  word-break: break-all;
  margin-bottom: 60px;
}
.article-news-inner img {
  height: auto;
  margin-bottom: 50px;
}
.article-news-inner p {
  margin-bottom: 30px;
}
.article-news-inner h1 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .article-news-inner h1 {
    font-size: 5.6074766355vw;
  }
}
.article-news-inner h2 {
  font-weight: 500;
  font-size: 24px;
  border-bottom: 1px solid #E58429;
  margin-bottom: 15px;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .article-news-inner h2 {
    font-size: 5.6074766355vw;
  }
}
.article-news-inner h3 {
  font-weight: 500;
  font-size: 22px;
  border-bottom: 1px solid #A5A5A5;
  margin-bottom: 15px;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .article-news-inner h3 {
    font-size: 5.1401869159vw;
  }
}
.article-news-inner h4 {
  font-size: 22px;
  border-top: 1px solid #A5A5A5;
  border-bottom: 1px solid #A5A5A5;
  margin-bottom: 15px;
  padding: 10px 0;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .article-news-inner h4 {
    font-size: 5.1401869159vw;
  }
}
.article-news-inner h5 {
  font-weight: 500;
  font-size: 20px;
  border-bottom: 1px solid #A5A5A5;
  margin-bottom: 15px;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .article-news-inner h5 {
    font-size: 4.6728971963vw;
  }
}
.article-news-inner h6 {
  font-weight: 500;
  font-size: 20px;
  border-bottom: 1px solid #A5A5A5;
  margin-bottom: 15px;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .article-news-inner h6 {
    font-size: 4.6728971963vw;
  }
}
.article-news-inner a {
  text-decoration: underline;
}
.article-news-inner ol {
  margin-bottom: 30px;
  padding-left: 20px;
}
.article-news-inner ol li {
  list-style-type: decimal !important;
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}
.article-news-inner blockquote {
  background: #fff;
  margin-bottom: 30px;
  padding: 1em;
}
@media (max-width: 767px) {
  .article-news-inner blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
.article-news-inner blockquote > :first-child {
  margin-top: 0;
}
.article-news-inner blockquote > :last-child {
  margin-bottom: 0;
}
.article-news-inner ul {
  margin-bottom: 30px;
}
.article-news-inner ul li {
  position: relative;
  padding-left: 20px;
}
.article-news-inner ul li::before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}
.article-news-inner figure {
  text-align: center;
  margin-bottom: 30px;
}
.article-news-inner h1 + p,
.article-news-inner h2 + p,
.article-news-inner h3 + p,
.article-news-inner h4 + p,
.article-news-inner h5 + p,
.article-news-inner h6 + p {
  margin-top: 0;
}
.article-news-btn {
  margin: 0 auto;
}

/* entry
--------------------*/
.entry {
  position: relative;
  z-index: 1;
}
.entry-title {
  margin-bottom: 30px !important;
}
@media (max-width: 767px) {
  .entry-title {
    margin-bottom: 7.0093457944vw !important;
  }
}
.entry-txt {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .entry-txt {
    margin-bottom: 10.5140186916vw;
  }
}
.entry-bg {
  background: #fff;
  padding: 80px 30px;
}
@media (max-width: 767px) {
  .entry-bg {
    padding: 11.6822429907vw 7.0093457944vw;
  }
}
.entry-inner {
  max-width: 900px;
  margin: 0 auto;
}
.entry-tel {
  background: #D0E7F2;
  text-align: center;
  padding: 30px;
  margin-bottom: 100px;
}
@media (max-width: 767px) {
  .entry-tel {
    padding: 7.0093457944vw 2.3364485981vw 5.8411214953vw;
    margin-bottom: 10.5140186916vw;
  }
}
@media (min-width: 768px) {
  .entry-tel-title {
    letter-spacing: 0.04em;
  }
}
.entry-tel-number {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  border-bottom: 3px solid #141414;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .entry-tel-number {
    font-size: 4.4392523364vw;
    margin-bottom: 2.3364485981vw;
  }
}
.entry-tel-number span {
  font-size: 50px;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .entry-tel-number span {
    font-size: 8.4112149533vw;
    margin-left: 2.1028037383vw;
  }
}
.entry-tel-info {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .entry-tel-info {
    font-size: 14px;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .entry-tel-info {
    font-size: 3.5046728972vw;
  }
}
.entry-table {
  margin-bottom: 80px;
}
@media (max-width: 767px) {
  .entry-table {
    margin-bottom: 60px;
  }
}
.entry-table table {
  width: 100%;
  border-collapse: collapse;
}
.entry-table table tr td {
  text-align: left;
  word-break: break-all;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: 0.04em;
  border-bottom: 1px solid #DBDBDB;
}
@media (min-width: 768px) {
  .entry-table table tr td {
    padding: 35px 0;
  }
}
@media (max-width: 1024px) {
  .entry-table table tr td {
    display: block;
    width: 100%;
  }
}
@media (max-width: 767px) {
  .entry-table table tr td {
    font-size: 16px;
    padding: 20px 0;
  }
}
.entry-table table tr td p {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .entry-table table tr td:nth-child(1) {
    width: 29%;
  }
}
@media (max-width: 1024px) {
  .entry-table table tr td:nth-child(1) {
    width: 100%;
    border-bottom: none;
    padding-bottom: 0;
  }
}
.entry-table table tr td:nth-child(1) .label {
  display: flex;
  align-items: center;
}
.entry-table table tr td:nth-child(1) .required {
  font-size: 14px;
  background: #FF5E5E;
  color: #fff;
  border-radius: 17px;
  margin-left: 15px;
  padding: 0 19px;
  height: 20px;
  line-height: 20px;
  height: -webkit-fit-content;
  height: -moz-fit-content;
  height: fit-content;
  white-space: nowrap;
  position: relative;
}
@media (max-width: 767px) {
  .entry-table table tr td:nth-child(1) .required {
    font-size: 12px;
    margin-left: 10px;
    padding: 0 10px;
  }
}
@media (min-width: 768px) {
  .entry-table table tr td:nth-child(2) {
    width: 71%;
  }
}
@media (max-width: 1024px) {
  .entry-table table tr td:nth-child(2) {
    width: 100%;
    padding-top: 15px;
  }
}
@media (max-width: 767px) {
  .entry-table table tr td:nth-child(2) {
    padding-top: 10px;
  }
}
.entry input[type=text],
.entry input[type=email],
.entry input[type=tel] {
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
  border: 1px solid #F7F7F7;
  background: #F7F7F7;
  height: 81px;
  font-size: 20px;
  padding: 0 36px;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 767px) {
  .entry input[type=text],
.entry input[type=email],
.entry input[type=tel] {
    height: 50px;
    font-size: 16px;
    padding: 0 15px;
  }
}
.entry input[type=text]:hover,
.entry input[type=email]:hover,
.entry input[type=tel]:hover {
  border: 1px solid #1A1A1A;
  cursor: pointer;
}
.entry input[type=text]:focus,
.entry input[type=email]:focus,
.entry input[type=tel]:focus {
  outline: none;
  border: 1px solid #1A1A1A;
}
.entry input[type=text]::-moz-placeholder, .entry input[type=email]::-moz-placeholder, .entry input[type=tel]::-moz-placeholder {
  color: #C1C1C1;
}
.entry input[type=text]::placeholder,
.entry input[type=email]::placeholder,
.entry input[type=tel]::placeholder {
  color: #C1C1C1;
}
.entry textarea {
  font-family: "Noto Sans JP", sans-serif;
  vertical-align: top;
  resize: vertical;
  width: 100%;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  border-radius: 0;
  border: 1px solid #F7F7F7;
  background: #F7F7F7;
  font-size: 20px;
  padding: 15px 36px;
  min-height: 81px;
}
@media (max-width: 767px) {
  .entry textarea {
    font-size: 16px;
    padding: 15px;
  }
}
.entry textarea:hover {
  border: 1px solid #1A1A1A;
  cursor: pointer;
}
.entry textarea:focus {
  outline: none;
  border: 1px solid #1A1A1A;
}
.entry textarea::-moz-placeholder {
  color: #C1C1C1;
}
.entry textarea::placeholder {
  color: #C1C1C1;
}
.entry .wpcf7-checkbox,
.entry .wpcf7-radio {
  display: flex;
}
@media (min-width: 768px) {
  .entry .wpcf7-checkbox,
.entry .wpcf7-radio {
    flex-wrap: wrap;
    margin: -10px;
  }
}
@media (max-width: 767px) {
  .entry .wpcf7-checkbox,
.entry .wpcf7-radio {
    flex-direction: column;
  }
}
.entry .wpcf7-checkbox .wpcf7-list-item,
.entry .wpcf7-radio .wpcf7-list-item {
  margin-left: 0;
}
@media (min-width: 768px) {
  .entry .wpcf7-checkbox .wpcf7-list-item,
.entry .wpcf7-radio .wpcf7-list-item {
    margin: 10px;
    margin-right: 55px;
  }
}
@media (max-width: 767px) {
  .entry .wpcf7-checkbox .wpcf7-list-item,
.entry .wpcf7-radio .wpcf7-list-item {
    margin-bottom: 5px;
  }
}
.entry .wpcf7-checkbox .wpcf7-list-item:last-child,
.entry .wpcf7-radio .wpcf7-list-item:last-child {
  margin-right: 0;
}
@media (max-width: 767px) {
  .entry .wpcf7-checkbox .wpcf7-list-item:last-child,
.entry .wpcf7-radio .wpcf7-list-item:last-child {
    margin-bottom: 5px;
  }
}
.entry .wpcf7-checkbox label,
.entry .wpcf7-radio label {
  display: block;
}
.entry input[type=checkbox] {
  display: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.entry input[type=radio] {
  display: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}
.entry input[type=checkbox] ~ span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding: 18.5px 15px 18.5px 64px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .entry input[type=checkbox] ~ span {
    padding: 10px 15px 10px 67px;
  }
}
.entry input[type=radio] ~ span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  padding-left: 43px;
  font-size: 20px;
}
@media (max-width: 767px) {
  .entry input[type=radio] ~ span {
    font-size: 16px;
    padding-left: 30px;
  }
}
.entry input[type=checkbox] ~ span::before {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  border-radius: 50%;
  display: block;
  background: #fff;
  border: 3px solid #D6D6D6;
}
@media (max-width: 767px) {
  .entry input[type=checkbox] ~ span::before {
    width: 20px;
    height: 20px;
    border-width: 2px;
  }
}
.entry input[type=radio] ~ span::before {
  position: absolute;
  content: "";
  width: 28px;
  height: 28px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  border: none;
  border-radius: 50%;
  display: block;
  background: #fff;
  border: 3px solid #D6D6D6;
}
@media (max-width: 767px) {
  .entry input[type=radio] ~ span::before {
    width: 20px;
    height: 20px;
    border-width: 2px;
  }
}
.entry input[type=checkbox] ~ span::after {
  position: absolute;
  content: "";
  left: 27px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: #DB9B0B;
}
.entry input[type=radio] ~ span::after {
  position: absolute;
  content: "";
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  width: 14px;
  height: 14px;
  border-radius: 50%;
  background: #E58429;
}
@media (max-width: 767px) {
  .entry input[type=radio] ~ span::after {
    left: 6px;
    width: 12px;
    height: 12px;
  }
}
.entry input[type=checkbox]:checked ~ span::after {
  opacity: 1;
}
.entry input[type=radio]:checked ~ span::after {
  opacity: 1;
}
.entry .form-btn {
  position: relative;
  cursor: pointer;
  margin-top: 15px;
}
.entry .form-btn input[type=submit],
.entry .form-btn input[type=button] {
  border: none;
  border: 0;
  cursor: pointer;
  font-family: "Noto Sans JP", sans-serif;
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 500;
  display: block;
  position: relative;
  background: #E58429;
  color: #fff;
  border-radius: 3px;
  font-weight: 500;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding: 24.5px 84px;
  margin: 0 auto;
  border: 1px solid #E58429;
}
@media (max-width: 767px) {
  .entry .form-btn input[type=submit],
.entry .form-btn input[type=button] {
    font-size: 18px;
    padding: 20px 23.8317757009vw;
  }
}
.entry .form-btn input[type=submit].back_button,
.entry .form-btn input[type=button].back_button {
  background: #fff;
  color: #E58429;
}
.entry .form-privacy {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: 0.05em;
  margin-bottom: 50px;
  text-align: center;
}
@media (max-width: 767px) {
  .entry .form-privacy {
    line-height: 1.75;
  }
}
.entry .form-privacy a {
  text-decoration: underline;
  text-underline-offset: 2px;
}
.entry .form-privacy .wpcf7-list-item {
  margin: 0;
}
.entry .form-privacy .wpcf7-list-item-label {
  padding-left: 40px;
}
@media (max-width: 767px) {
  .entry .form-privacy .wpcf7-list-item-label {
    padding-left: 30px;
  }
}
.entry .form-privacy input[type=checkbox] ~ span::before {
  width: 25px;
  height: 25px;
  border-radius: 0;
}
@media (max-width: 767px) {
  .entry .form-privacy input[type=checkbox] ~ span::before {
    width: 20px;
    height: 20px;
    top: 13px;
    transform: translateY(0);
  }
}
.entry .form-privacy input[type=checkbox] ~ span::after {
  top: 30px;
  left: 10px;
  width: 10px;
  height: 6px;
  border-left: 3px solid #E58429;
  border-bottom: 3px solid #E58429;
  transform: rotate(-45deg);
  border-radius: 0;
  background: transparent;
}
@media (max-width: 767px) {
  .entry .form-privacy input[type=checkbox] ~ span::after {
    top: 19px;
    left: 6px;
  }
}
.entry .btn01 {
  margin: 0 auto;
}

/*確認画面と完了画面を非表示*/
.confirm_area,
.thanks_area {
  display: none;
}

/*デフォルトのサンクスメッセージを非表示*/
.wpcf7-response-output {
  display: none;
}

/* page
--------------------*/
.page {
  position: relative;
  z-index: 1;
}
.page-title {
  margin-bottom: 30px !important;
}
@media (max-width: 767px) {
  .page-title {
    margin-bottom: 7.0093457944vw !important;
  }
}
.page-txt {
  font-size: 18px;
  line-height: 1.7777777778;
  letter-spacing: 0.04em;
  text-align: center;
  margin-bottom: 45px;
}
@media (max-width: 767px) {
  .page-txt {
    margin-bottom: 10.5140186916vw;
  }
}
.page-bg {
  background: #fff;
  padding: 80px 30px;
}
@media (max-width: 767px) {
  .page-bg {
    padding: 11.6822429907vw 7.0093457944vw;
  }
}
.page-inner {
  max-width: 900px;
  margin: 0 auto;
  word-break: break-all;
  margin-bottom: 60px;
}
.page-inner img {
  height: auto;
  margin-bottom: 50px;
}
.page-inner p {
  margin-bottom: 30px;
}
.page-inner h1 {
  font-weight: bold;
  font-size: 24px;
  margin-bottom: 15px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .page-inner h1 {
    font-size: 5.6074766355vw;
  }
}
.page-inner h2 {
  font-weight: 500;
  font-size: 24px;
  border-bottom: 1px solid #E58429;
  margin-bottom: 15px;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .page-inner h2 {
    font-size: 5.6074766355vw;
  }
}
.page-inner h3 {
  font-weight: 500;
  font-size: 22px;
  border-bottom: 1px solid #A5A5A5;
  margin-bottom: 15px;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .page-inner h3 {
    font-size: 5.1401869159vw;
  }
}
.page-inner h4 {
  font-size: 22px;
  border-top: 1px solid #A5A5A5;
  border-bottom: 1px solid #A5A5A5;
  margin-bottom: 15px;
  padding: 10px 0;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .page-inner h4 {
    font-size: 5.1401869159vw;
  }
}
.page-inner h5 {
  font-weight: 500;
  font-size: 20px;
  border-bottom: 1px solid #A5A5A5;
  margin-bottom: 15px;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .page-inner h5 {
    font-size: 4.6728971963vw;
  }
}
.page-inner h6 {
  font-weight: 500;
  font-size: 20px;
  border-bottom: 1px solid #A5A5A5;
  margin-bottom: 15px;
  padding-bottom: 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .page-inner h6 {
    font-size: 4.6728971963vw;
  }
}
.page-inner a {
  text-decoration: underline;
}
.page-inner ol {
  margin-bottom: 30px;
  padding-left: 20px;
}
.page-inner ol li {
  list-style-type: decimal !important;
  margin-bottom: 0.4em;
  margin-top: 0.4em;
}
.page-inner blockquote {
  background: #fff;
  margin-bottom: 30px;
  padding: 1em;
}
@media (max-width: 767px) {
  .page-inner blockquote {
    margin-left: 0;
    margin-right: 0;
  }
}
.page-inner blockquote > :first-child {
  margin-top: 0;
}
.page-inner blockquote > :last-child {
  margin-bottom: 0;
}
.page-inner ul {
  margin-bottom: 30px;
}
.page-inner ul li {
  position: relative;
  padding-left: 20px;
}
.page-inner ul li::before {
  position: absolute;
  content: "・";
  top: 0;
  left: 0;
}
.page-inner figure {
  text-align: center;
  margin-bottom: 30px;
}
.page-inner h1 + p,
.page-inner h2 + p,
.page-inner h3 + p,
.page-inner h4 + p,
.page-inner h5 + p,
.page-inner h6 + p {
  margin-top: 0;
}

/* footer-contact
----------------------------*/
.footer-contact {
  background: #9FD0F4;
  padding: 100px 0 59.6vw;
  position: relative;
  overflow-x: hidden;
}
@media (max-width: 767px) {
  .footer-contact {
    padding: 18.691588785vw 0 114.953271028vw;
  }
}
.footer-contact::before {
  position: absolute;
  content: "";
  background: transparent url(../img/footer-contact.png) no-repeat center center/contain;
  width: 100vw;
  height: 77.4666666667vw;
  bottom: 0;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .footer-contact::before {
    background-image: url(../img/footer-contact_sp.png);
    width: 148.1308411215vw;
    height: 114.7196261682vw;
    left: -15.8878504673vw;
    right: auto;
  }
}
.footer-contact:after {
  position: absolute;
  content: "";
  background: transparent url(../img/footer-contact-txt.svg) no-repeat center center/contain;
  width: 84.6666666667vw;
  height: 20.1333333333vw;
  bottom: 5.4666666667vw;
  left: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .footer-contact:after {
    background-image: url(../img/footer-contact-txt_sp.svg);
    width: 91.3551401869vw;
    height: 47.8971962617vw;
    bottom: 5.7242990654vw;
  }
}
.footer-contact-bg {
  background: #fff;
  padding: 80px 30px 70px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .footer-contact-bg {
    padding: 14.0186915888vw 4.6728971963vw 18.691588785vw;
  }
}
.footer-contact-txt {
  letter-spacing: 0.04em;
  line-height: 1.7777777778;
  text-align: center;
}
@media (min-width: 768px) {
  .footer-contact-txt {
    font-size: 18px;
    margin-bottom: 50px;
  }
}
@media (max-width: 767px) {
  .footer-contact-txt {
    font-size: 4.2056074766vw;
    margin-bottom: 16.3551401869vw;
  }
}
@media (min-width: 768px) {
  .footer-contact-btn-wrapper {
    display: flex;
    justify-content: center;
    gap: 60px;
    margin-bottom: 75px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .footer-contact-btn-wrapper {
    gap: 30px;
  }
}
@media (max-width: 767px) {
  .footer-contact-btn-wrapper {
    margin-bottom: 18.691588785vw;
  }
}
@media (max-width: 767px) {
  .footer-contact-btn-wrapper a {
    margin: 0 auto 7.0093457944vw;
  }
}
.footer-contact-tel {
  background: #D0E7F2;
  text-align: center;
  padding: 30px;
  max-width: 820px;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .footer-contact-tel {
    padding: 7.0093457944vw 2.3364485981vw 5.8411214953vw;
  }
}
@media (min-width: 768px) {
  .footer-contact-tel-title {
    letter-spacing: 0.04em;
  }
}
.footer-contact-tel-number {
  font-size: 28px;
  font-weight: 500;
  letter-spacing: 0.08em;
  border-bottom: 3px solid #141414;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin: 0 auto 10px;
  line-height: 1.4;
}
@media (max-width: 767px) {
  .footer-contact-tel-number {
    font-size: 4.4392523364vw;
    margin-bottom: 2.3364485981vw;
  }
}
.footer-contact-tel-number span {
  font-size: 50px;
  margin-left: 20px;
}
@media (max-width: 767px) {
  .footer-contact-tel-number span {
    font-size: 8.4112149533vw;
    margin-left: 2.1028037383vw;
  }
}
.footer-contact-tel-info {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .footer-contact-tel-info {
    font-size: 14px;
    letter-spacing: 0.04em;
  }
}
@media (max-width: 767px) {
  .footer-contact-tel-info {
    font-size: 3.5046728972vw;
  }
}

/* footer
----------------------------*/
.footer {
  background: #fff;
  padding-bottom: 65px;
  position: relative;
}
@media (min-width:768px) and (max-width: 1024px) {
  .footer {
    padding-bottom: 20px;
  }
}
@media (max-width: 767px) {
  .footer {
    padding-top: 18.691588785vw;
    padding-bottom: 4.6728971963vw;
  }
}
.footer::before {
  position: absolute;
  content: "";
  width: 100%;
  height: 10.1333333333vw;
  -webkit-clip-path: polygon(100% 1%, 0% 100%, 100% 100%);
          clip-path: polygon(100% 1%, 0% 100%, 100% 100%);
  background: #fff;
  top: -10vw;
  left: 0;
  right: 0;
}
@media (max-width: 767px) {
  .footer::before {
    height: 10.046728972vw;
    top: -10.046728972vw;
  }
}
.footer .inner {
  position: relative;
}
.footer-entry {
  margin: 0 auto 100px;
}
@media (max-width: 767px) {
  .footer-entry {
    margin-bottom: 25.9345794393vw;
  }
}
@media (min-width: 768px) {
  .footer-wrapper {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .footer-wrapper {
    flex-direction: column;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .footer-wrapper {
    margin-bottom: 32.7102803738vw;
  }
}
@media (min-width: 768px) {
  .footer-left {
    width: 25%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .footer-left {
    width: 100%;
    margin-bottom: 60px;
  }
}
@media (max-width: 767px) {
  .footer-left {
    margin-bottom: 18.691588785vw;
  }
}
@media (min-width: 768px) {
  .footer-right {
    width: 58.3464566929%;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .footer-right {
    width: 100%;
  }
}
.footer-title {
  max-width: 189px;
  margin-bottom: 20px;
}
@media (max-width: 767px) {
  .footer-title {
    max-width: 44.1588785047vw;
    margin: 0 auto 4.6728971963vw;
  }
}
.footer-company {
  font-size: 14px;
  margin-bottom: 50px;
}
@media (max-width: 767px) {
  .footer-company {
    font-size: 3.2710280374vw;
    margin-bottom: 7.0093457944vw;
    text-align: center;
  }
}
.footer-corporate {
  display: block;
  font-weight: 500;
  border: 1px solid #B5B5B5;
  color: #141414;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  border-radius: 3px;
  padding: 22px 60px;
}
@media (max-width: 767px) {
  .footer-corporate {
    padding: 5.1401869159vw 14.0186915888vw;
    margin: 0 auto;
  }
}
.footer-corporate span {
  padding-right: 31px;
  position: relative;
}
@media (max-width: 767px) {
  .footer-corporate span {
    padding-right: 7.2429906542vw;
  }
}
.footer-corporate span::after {
  position: absolute;
  content: "";
  background: transparent url(../img/ex.svg) no-repeat center center/contain;
  width: 11px;
  height: 11px;
  top: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 767px) {
  .footer-corporate span::after {
    width: 2.5700934579vw;
    height: 2.5700934579vw;
  }
}
@media (min-width: 768px) {
  .footer-nav-inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
  }
}
.footer-nav-inner:last-child {
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .footer-nav-col {
    width: calc(33.3333% - 20px);
    margin-right: 30px;
  }
}
@media (min-width: 1180px) {
  .footer-nav-col {
    width: calc(33.3333% - 46.6666666667px);
    margin-right: 70px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .footer-nav-col {
    width: calc(33.3333% - 30px);
    margin-right: 45px;
  }
}
@media (max-width: 767px) {
  .footer-nav-col {
    border-bottom: 1px solid #DBDBDB;
  }
}
.footer-nav-col:nth-child(3n) {
  margin-right: 0;
}
.footer-nav-col a span {
  display: block;
  font-weight: 500;
  letter-spacing: 0.04em;
  padding-bottom: 10px;
}
@media (min-width: 768px) {
  .footer-nav-col a span {
    border-bottom: 1px solid #DBDBDB;
  }
}
@media (max-width: 767px) {
  .footer-nav-col a span {
    font-size: 4.6728971963vw;
    padding: 3.5046728972vw;
  }
}
@media (max-width: 767px) {
  .footer-nav-col .has-child a {
    position: relative;
    width: calc(100% - 30vw);
    display: block;
  }
  .footer-nav-col .has-child a::before {
    position: absolute;
    content: "";
    background: transparent url(../img/plus_orange.svg) no-repeat center center/contain;
    width: 2.8037383178vw;
    height: 2.8037383178vw;
    right: -25vw;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }
}
.footer-nav-col .has-child.checked a::before {
  background-image: url(../img/minus_orange.svg);
}
@media (min-width: 768px) {
  .footer-nav-col .child {
    margin-top: 15px;
  }
}
@media (max-width: 767px) {
  .footer-nav-col .child {
    display: none;
    margin-left: 9.3457943925vw;
    padding-top: 2.3364485981vw;
    padding-bottom: 7.0093457944vw;
  }
}
.footer-nav-col .child ul li {
  margin-bottom: 5px;
}
@media (max-width: 767px) {
  .footer-nav-col .child ul li {
    margin-bottom: 3.5046728972vw;
  }
}
.footer-nav-col .child ul li:last-child {
  margin-bottom: 0;
}
.footer-nav-col .child ul li a {
  font-size: 14px;
  letter-spacing: 0.04em;
  width: 100%;
}
.footer-nav-col .child ul li a::before {
  display: none;
}
@media (min-width: 768px) {
  .footer-sub {
    position: absolute;
    left: 40px;
    bottom: -45px;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .footer-sub {
    position: relative;
    left: auto;
    bottom: auto;
  }
}
.footer-privacy {
  font-size: 12px;
  letter-spacing: 0.04em;
  margin-bottom: 20px;
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
@media (max-width: 767px) {
  .footer-privacy {
    font-size: 3.2710280374vw;
    margin-bottom: 2.3364485981vw;
  }
}
.footer-copyright {
  margin-bottom: 0;
  font-size: 10px;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  .footer-copyright {
    font-size: 2.8037383178vw;
  }
}

/* 404 */
.entry-404 {
  margin-top: 150px;
  text-align: center;
}
@media (max-width: 767px) {
  .entry-404 {
    margin-top: 100px;
  }
}

.entry-404-head {
  color: #707070;
  font-family: "Lato", sans-serif;
  font-size: 80px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 36px;
}
@media (max-width: 767px) {
  .entry-404-head {
    font-size: 30px;
  }
}

.entry-404-head span::after {
  content: " ";
}

.entry-404-lead {
  color: #808080;
  font-size: 30px;
  font-weight: 600;
  margin-bottom: 24px;
}
@media (max-width: 767px) {
  .entry-404-lead {
    font-size: 20px;
  }
}

.entry-404-lead .m_sp {
  display: none;
}

.entry-404-content {
  color: #808080;
}

.entry-404-btn {
  margin-top: 58px;
}

.entry-404-btn .btn {
  background: #ebebeb;
  color: #8d8d8d;
  padding: 10px 20px;
  font-weight: bold;
}

.entry-404-btn .btn:hover {
  background: #ccc;
  opacity: 1;
}

.eael-posted-on:before {
  display: none;
}

/* fadeIn */
.fadeIn {
  -webkit-animation-name: fadeInAnime;
          animation-name: fadeInAnime;
  -webkit-animation-duration: 1.5s;
          animation-duration: 1.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
  transform-origin: center center;
}

@-webkit-keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeInAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
/* fadeUp */
.fadeUp {
  -webkit-animation-name: fadeUpAnime;
          animation-name: fadeUpAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 右から */
.fadeRight {
  -webkit-animation-name: fadeRightAnime;
          animation-name: fadeRightAnime;
  -webkit-animation-duration: 0.5s;
          animation-duration: 0.5s;
  -webkit-animation-fill-mode: forwards;
          animation-fill-mode: forwards;
  opacity: 0;
}

@-webkit-keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}

@keyframes fadeRightAnime {
  from {
    opacity: 0;
    transform: translateX(30px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
.fadeInTrigger,
.fadeUpTrigger,
.fadeDownTrigger,
.fadeLeftTrigger,
.fadeRightTrigger {
  opacity: 0;
}

@-webkit-keyframes reveal {
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    /* 全体表示 */
  }
}

@keyframes reveal {
  to {
    -webkit-clip-path: inset(0 0 0 0);
            clip-path: inset(0 0 0 0);
    /* 全体表示 */
  }
}
@-webkit-keyframes topFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    z-index: -1;
  }
}
@keyframes topFadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
    z-index: -1;
  }
}
@-webkit-keyframes topHeader {
  from {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
  }
  to {
    opacity: 1;
    z-index: 100;
    visibility: visible;
  }
}
@keyframes topHeader {
  from {
    opacity: 0;
    z-index: -1;
    visibility: hidden;
  }
  to {
    opacity: 1;
    z-index: 100;
    visibility: visible;
  }
}