@charset "UTF-8";
@keyframes slide-loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
html.show-modal {
  overflow: hidden;
}

body {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(18vw / 1366 * 100, 18px);
  color: #333;
  line-height: 1.5;
  overflow-x: hidden;
}
@media screen and (max-width: 750px) {
  body {
    font-size: calc(18vw / 375 * 100);
  }
}
body.show-modal {
  overflow: hidden;
}

img {
  width: 100%;
  vertical-align: top;
  transition: all 0.3s;
}

iframe {
  width: 100%;
  height: 100%;
}

video {
  width: 100%;
  height: 100%;
}

a {
  text-decoration: none;
  transition: all 0.3s;
}
a:hover {
  color: #ffe900;
}

a img:hover {
  opacity: 0.7;
}

section {
  position: relative;
}

.inner {
  position: relative;
  width: min(960vw / 1366 * 100, 960px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .inner {
    width: calc(335vw / 375 * 100);
  }
}

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

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

.acc-btn {
  position: relative;
  cursor: pointer;
}

.acc-btn-close, .acc-btn-open {
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.3s;
}

.active .acc-btn-open {
  opacity: 0;
}

.acc-btn-close {
  opacity: 0;
}
.active .acc-btn-close {
  opacity: 1;
}

.acc-cnt {
  display: none;
}

.num {
  font-family: "Roboto", sans-serif;
  font-weight: bold;
  color: #ffe900;
  text-shadow: min(2vw / 1366 * 100, 2px) min(2vw / 1366 * 100, 2px) 0 #00649a, max(-2vw / 1366 * 100, -2px) min(2vw / 1366 * 100, 2px) 0 #00649a, max(-2vw / 1366 * 100, -2px) max(-2vw / 1366 * 100, -2px) 0 #00649a, min(2vw / 1366 * 100, 2px) max(-2vw / 1366 * 100, -2px) 0 #00649a;
}
@media screen and (max-width: 750px) {
  .num {
    text-shadow: calc(2vw / 375 * 100) calc(2vw / 375 * 100) 0 #00649a, calc(-2vw / 375 * 100) calc(2vw / 375 * 100) 0 #00649a, calc(-2vw / 375 * 100) calc(-2vw / 375 * 100) 0 #00649a, calc(2vw / 375 * 100) calc(-2vw / 375 * 100) 0 #00649a;
  }
}

.f-roboto, .sec-common-head {
  font-family: "Roboto", sans-serif;
}

.maker-yellow, .sec-common-head {
  background: linear-gradient(transparent 40%, #ffe900 40%, #ffe900 90%, transparent 90%);
}

.maker-l_yellow {
  background: linear-gradient(transparent 10%, #fdf982 10%, #fdf982 90%, transparent 90%);
}

.simplebar-scrollbar::before {
  content: none;
}
@media screen and (max-width: 750px) {
  .simplebar-scrollbar::before {
    content: "";
    background: #e6f0f7;
    top: auto;
    bottom: auto;
    height: calc(5vw / 375 * 100);
    margin-left: calc(2vw / 375 * 100);
    margin-top: calc(3vw / 375 * 100);
    border-radius: calc(50vw / 375 * 100);
    opacity: 1;
  }
}

@media screen and (max-width: 750px) {
  .simplebar-scrollbar.simplebar-visible:before {
    opacity: 1;
  }
}

@media screen and (max-width: 750px) {
  .simplebar-track {
    background: none;
  }
  .simplebar-track.simplebar-horizontal {
    height: calc(10vw / 375 * 100);
  }
}

.sec-common {
  padding: min(90vw / 1366 * 100, 90px) 0;
}
@media screen and (max-width: 750px) {
  .sec-common {
    padding: calc(60vw / 375 * 100) 0;
  }
}

.sec-common-head-area {
  text-align: center;
}

.sec-common-head {
  display: inline-block;
  padding: 0 min(20vw / 1366 * 100, 20px);
  font-size: min(54vw / 1366 * 100, 54px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .sec-common-head {
    padding: 0 calc(20vw / 375 * 100);
    font-size: calc(46vw / 375 * 100);
  }
}

.sec-common-sub-head {
  font-size: min(24vw / 1366 * 100, 24px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .sec-common-sub-head {
    font-size: calc(20vw / 375 * 100);
  }
}

.bg-blue {
  background-color: #e6f0f7;
}

/* animation */
@keyframes fade-in-bottom {
  0% {
    transform: translateY(50px);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slide-loop {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
@keyframes slide-loop-reverse {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes gradually-zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}
.fade-in-bottom {
  opacity: 0;
}

.scroll-anime-start.fade-in-bottom {
  animation: fade-in-bottom 0.5s 0.5s forwards;
}

.menu {
  display: none;
}

@media (max-width: 750px) {
  .menu {
    position: fixed;
    top: 0;
    margin: auto;
    background-color: #fff;
    width: 100%;
    height: 100%;
    z-index: 40;
  }
  .menu .inner {
    width: calc(277vw / 375 * 100);
  }
  .menu-top {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .menu-top-lgoo {
    width: calc(45vw / 375 * 100);
    margin-left: calc(15vw / 375 * 100);
  }
  .menu-top-close {
    width: calc(56vw / 375 * 100);
  }
  .menu-nav-list {
    margin-top: calc(20vw / 375 * 100);
  }
  .menu-nav-item {
    position: relative;
    padding: calc(15vw / 375 * 100) calc(10vw / 375 * 100);
    font-size: calc(16vw / 375 * 100);
    font-weight: bold;
    color: #00649a;
    border-bottom: calc(1vw / 375 * 100) solid #00649a;
  }
  .menu-nav-item::after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(15vw / 375 * 100);
    width: calc(7vw / 375 * 100);
    height: calc(7vw / 375 * 100);
    border-right: calc(2vw / 375 * 100) solid #00649a;
    border-bottom: calc(2vw / 375 * 100) solid #00649a;
    transform: translateY(-50%) rotate(-45deg);
  }
  .menu-nav-item a {
    display: block;
    width: 100%;
    height: 100%;
  }
  .menu-nav-btn {
    background-color: #00649a;
    width: 100%;
    height: calc(62vw / 375 * 100);
    margin-top: calc(35vw / 375 * 100);
    font-size: calc(18vw / 375 * 100);
    font-weight: bold;
    color: #fff;
    border-radius: calc(50vw / 375 * 100);
    box-shadow: 0 calc(3vw / 375 * 100) calc(6vw / 375 * 100) rgba(0, 0, 0, 0.16);
  }
  .menu-nav-btn a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
  }
}
.swiper-pagination-bullet {
  width: min(8vw / 1366 * 100, 8px);
  height: min(8vw / 1366 * 100, 8px);
  background-color: #fff;
  vertical-align: middle;
  opacity: 1;
}
@media screen and (max-width: 750px) {
  .swiper-pagination-bullet {
    width: calc(6vw / 375 * 100);
    height: calc(6vw / 375 * 100);
  }
}

.swiper-pagination-bullet-active {
  background-color: #ffe900;
  width: min(13vw / 1366 * 100, 13px);
  height: min(13vw / 1366 * 100, 13px);
}
@media screen and (max-width: 750px) {
  .swiper-pagination-bullet-active {
    width: calc(10vw / 375 * 100);
    height: calc(10vw / 375 * 100);
  }
}

.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 min(7vw / 1366 * 100, 7px);
}
@media screen and (max-width: 750px) {
  .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 calc(5vw / 375 * 100);
  }
}

.modal {
  position: fixed;
  inset: 0;
  margin: auto;
  width: 100vw;
  height: 100vh;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  background-color: rgba(0, 0, 0, 0.7);
  z-index: 30;
  overflow-y: scroll;
  overscroll-behavior-y: none;
}
.modal::-webkit-scrollbar {
  display: none;
}
.modal .inner {
  background-color: #fff;
  width: min(960vw / 1366 * 100, 960px);
  height: 90vh;
  border-radius: min(15vw / 1366 * 100, 15px);
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
@media screen and (max-width: 750px) {
  .modal .inner {
    width: calc(335vw / 375 * 100);
    height: 85vh;
    margin-top: calc(50vw / 375 * 100);
    border-radius: calc(15vw / 375 * 100);
  }
}

.modal-close-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: min(56vw / 1366 * 100, 56px);
}
@media screen and (max-width: 750px) {
  .modal-close-btn {
    width: calc(56vw / 375 * 100);
  }
}

.interview-modal-box {
  display: none;
}

.interview-modal-box-head {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00649a;
  height: min(60vw / 1366 * 100, 60px);
  font-size: min(24vw / 1366 * 100, 24px);
  font-weight: bold;
  color: #fff;
  border-radius: min(14vw / 1366 * 100, 14px) min(14vw / 1366 * 100, 14px) 0 0;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-head {
    height: calc(60vw / 375 * 100);
    font-size: calc(24vw / 375 * 100);
    border-radius: calc(14vw / 375 * 100) calc(14vw / 375 * 100) 0 0;
  }
}

.interview-modal-box-inner {
  width: min(700vw / 1366 * 100, 700px);
  margin: 0 auto;
  padding-bottom: min(30vw / 1366 * 100, 30px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-inner {
    width: 100%;
    padding-bottom: calc(30vw / 375 * 100);
  }
}

.interview-modal-box-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-top {
    flex-direction: column;
  }
}

.interview-modal-box-img {
  width: min(365vw / 1366 * 100, 365px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-img {
    width: 100%;
  }
}

.interview-modal-box-top-txt-area {
  width: min(300vw / 1366 * 100, 300px);
  margin-top: min(40vw / 1366 * 100, 40px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-top-txt-area {
    width: calc(295vw / 375 * 100);
    margin-top: calc(25vw / 375 * 100);
  }
}

.interview-modal-box-top-type {
  display: flex;
  align-items: center;
  font-size: min(14vw / 1366 * 100, 14px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-top-type {
    font-size: calc(14vw / 375 * 100);
  }
}
.interview-modal-box-top-type::before {
  content: "";
  display: block;
  background-color: #00649a;
  width: min(9vw / 1366 * 100, 9px);
  height: min(18vw / 1366 * 100, 18px);
  margin-right: min(5vw / 1366 * 100, 5px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-top-type::before {
    width: calc(9vw / 375 * 100);
    height: calc(18vw / 375 * 100);
    margin-right: calc(5vw / 375 * 100);
  }
}

.interview-modal-box-top-name-area {
  display: flex;
  align-items: center;
  margin-top: min(10vw / 1366 * 100, 10px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-top-name-area {
    margin-top: calc(10vw / 375 * 100);
  }
}

.interview-modal-box-top-name {
  font-size: min(22vw / 1366 * 100, 22px);
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-top-name {
    font-size: calc(22vw / 375 * 100);
  }
}

.interview-modal-box-top-name-history {
  margin-left: min(10vw / 1366 * 100, 10px);
  font-size: min(14vw / 1366 * 100, 14px);
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-top-name-history {
    margin-left: calc(10vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
  }
}

.interview-modal-box-top-txt {
  margin-top: min(10vw / 1366 * 100, 10px);
  font-size: min(22vw / 1366 * 100, 22px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-top-txt {
    margin-top: calc(10vw / 375 * 100);
    font-size: calc(22vw / 375 * 100);
  }
}

.interview-modal-box-qa-list {
  margin-top: min(40vw / 1366 * 100, 40px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-qa-list {
    width: calc(295vw / 375 * 100);
    margin: calc(25vw / 375 * 100) auto 0;
  }
}

.interview-modal-box-qa + .interview-modal-box-qa {
  margin-top: min(30vw / 1366 * 100, 30px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-qa + .interview-modal-box-qa {
    margin-top: calc(30vw / 375 * 100);
  }
}

.interview-modal-box-qa-q {
  display: flex;
  align-items: center;
  padding: min(10vw / 1366 * 100, 10px) 0;
  font-size: min(20vw / 1366 * 100, 20px);
  font-weight: bold;
  color: #00649a;
  border-bottom: min(2vw / 1366 * 100, 2px) solid #00649a;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-qa-q {
    padding: calc(10vw / 375 * 100) 0;
    font-size: calc(16vw / 375 * 100);
    border-bottom: calc(2vw / 375 * 100) solid #00649a;
  }
}
.interview-modal-box-qa-q::before {
  content: "Q";
  font-family: "Roboto", sans-serif;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00649a;
  width: min(30vw / 1366 * 100, 30px);
  height: min(30vw / 1366 * 100, 30px);
  margin-right: min(10vw / 1366 * 100, 10px);
  font-size: min(18vw / 1366 * 100, 18px);
  color: #fff;
  border-radius: 50%;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-qa-q::before {
    width: calc(30vw / 375 * 100);
    height: calc(30vw / 375 * 100);
    margin-right: calc(10vw / 375 * 100);
    font-size: calc(18vw / 375 * 100);
  }
}

.interview-modal-box-qa-a {
  margin-top: min(20vw / 1366 * 100, 20px);
  font-size: min(16vw / 1366 * 100, 16px);
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-qa-a {
    margin-top: calc(20vw / 375 * 100);
    font-size: calc(16vw / 375 * 100);
  }
}

.interview-modal-box-img-area {
  display: flex;
  justify-content: space-between;
  margin-top: min(40vw / 1366 * 100, 40px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-img-area {
    flex-direction: column;
    margin-top: calc(30vw / 375 * 100);
  }
}

.interview-modal-box-img-schedule {
  width: min(295vw / 1366 * 100, 295px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-img-schedule {
    width: calc(295vw / 375 * 100);
    margin: 0 auto;
  }
}

.interview-modal-box-img-scenery {
  width: min(365vw / 1366 * 100, 365px);
}
@media screen and (max-width: 750px) {
  .interview-modal-box-img-scenery {
    width: 100%;
    margin-top: calc(40vw / 375 * 100);
  }
}

.interview-modal-box-close-btn {
  width: min(56vw / 1366 * 100, 56px);
  margin: min(50vw / 1366 * 100, 50px) auto 0;
}
@media screen and (max-width: 750px) {
  .interview-modal-box-close-btn {
    width: calc(56vw / 375 * 100);
    margin: 0 auto;
  }
}

.header {
  position: fixed;
  top: 0;
  left: 0;
  display: flex;
  justify-content: space-between;
  align-items: center;
  background-color: #fff;
  width: 100%;
  height: min(80vw / 1366 * 100, 80px);
  margin: 0 auto;
  z-index: 20;
}
@media screen and (max-width: 750px) {
  .header {
    height: calc(56vw / 375 * 100);
  }
}

.header-logo {
  width: min(60vw / 1366 * 100, 60px);
  margin-left: min(30vw / 1366 * 100, 30px);
}
@media screen and (max-width: 750px) {
  .header-logo {
    width: calc(44vw / 375 * 100);
    margin-left: calc(15vw / 375 * 100);
  }
}

.header-nav {
  display: flex;
  align-items: center;
  height: 100%;
}

.header-nav-list {
  display: flex;
}
@media screen and (max-width: 750px) {
  .header-nav-list {
    display: none;
  }
}

.header-nav-item a::after {
  position: absolute;
  content: "";
  left: 0;
  bottom: max(-7vw / 1366 * 100, -7px);
  width: 100%;
  height: min(2vw / 1366 * 100, 2px);
  background: #00649a;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform 0.3s;
}

.header-nav-item {
  position: relative;
  font-size: min(14vw / 1366 * 100, 14px);
  font-weight: bold;
}
.header-nav-item + .header-nav-item {
  margin-left: min(24vw / 1366 * 100, 24px);
}
.header-nav-item a:hover {
  color: #00649a;
}
.header-nav-item a:hover::after {
  transform: scale(1, 1);
}

.header-nav-btn {
  background-color: #00649a;
  width: min(180vw / 1366 * 100, 180px);
  height: 100%;
  margin-left: min(30vw / 1366 * 100, 30px);
  font-size: min(16vw / 1366 * 100, 16px);
  font-weight: bold;
  color: #fff;
  border-bottom-left-radius: min(20vw / 1366 * 100, 20px);
}
@media screen and (max-width: 750px) {
  .header-nav-btn {
    width: calc(120vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
    border-bottom-left-radius: calc(20vw / 375 * 100);
  }
}
.header-nav-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.header-menu-btn {
  display: none;
}
@media screen and (max-width: 750px) {
  .header-menu-btn {
    display: block;
    width: calc(56vw / 375 * 100);
  }
}

.fv {
  position: relative;
}
.fv::after {
  content: "";
  position: absolute;
  bottom: max(-20vw / 1366 * 100, -20px);
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #e6f0f7;
  border-bottom-right-radius: min(60vw / 1366 * 100, 60px);
}
@media screen and (max-width: 750px) {
  .fv::after {
    bottom: calc(-20vw / 375 * 100);
    border-bottom-right-radius: calc(65vw / 375 * 100);
  }
}
.fv .swiper-pagination {
  width: min(125vw / 1366 * 100, 125px);
  top: min(700vw / 1366 * 100, 700px);
  left: min(70vw / 1366 * 100, 70px);
  bottom: auto;
}
@media screen and (max-width: 750px) {
  .fv .swiper-pagination {
    width: calc(130vw / 375 * 100);
    top: calc(610vw / 375 * 100);
    left: 0;
  }
}

.fv-slider-area {
  width: 100%;
  height: min(768vw / 1366 * 100, 768px);
}
@media screen and (max-width: 750px) {
  .fv-slider-area {
    height: calc(650vw / 375 * 100);
  }
}

.fv-slide {
  width: 100%;
  height: min(768vw / 1366 * 100, 768px);
  border-bottom-right-radius: min(60vw / 1366 * 100, 60px);
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .fv-slide {
    height: calc(650vw / 375 * 100);
    border-bottom-right-radius: calc(65vw / 375 * 100);
  }
}
.fv-slide img {
  width: 100%;
  height: min(768vw / 1366 * 100, 768px);
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 1366px) {
  .fv-slide img {
    width: 100%;
    height: auto;
    -o-object-fit: fill;
       object-fit: fill;
  }
}

.fv-txt-area {
  position: absolute;
  top: min(440vw / 1366 * 100, 440px);
  left: min(85vw / 1366 * 100, 85px);
  color: #fff;
  line-height: 1.1;
  z-index: 1;
}
@media screen and (max-width: 750px) {
  .fv-txt-area {
    top: calc(410vw / 375 * 100);
    left: calc(20vw / 375 * 100);
    line-height: 1.2;
  }
}

.fv-txt-main {
  font-size: min(60vw / 1366 * 100, 60px);
  font-weight: bold;
  text-shadow: 0 min(3vw / 1366 * 100, 3px) min(6vw / 1366 * 100, 6px) rgba(0, 0, 0, 0.53);
}
@media screen and (max-width: 750px) {
  .fv-txt-main {
    font-size: calc(46vw / 375 * 100);
    text-shadow: 0 calc(3vw / 375 * 100) calc(6vw / 375 * 100) rgba(0, 0, 0, 0.53);
  }
}
.fv-txt-main .small {
  font-size: min(50vw / 1366 * 100, 50px);
}
@media screen and (max-width: 750px) {
  .fv-txt-main .small {
    font-size: calc(40vw / 375 * 100);
  }
}
.fv-txt-main .accent {
  color: #ffe900;
  font-size: min(50vw / 1366 * 100, 50px);
}
@media screen and (max-width: 750px) {
  .fv-txt-main .accent {
    font-size: calc(40vw / 375 * 100);
  }
}

.fv-txt {
  margin-top: min(15vw / 1366 * 100, 15px);
  font-size: min(25vw / 1366 * 100, 25px);
  font-weight: bold;
  text-shadow: 0 min(3vw / 1366 * 100, 3px) min(6vw / 1366 * 100, 6px) rgba(0, 0, 0, 0.53);
}
@media screen and (max-width: 750px) {
  .fv-txt {
    margin-top: calc(5vw / 375 * 100);
    font-size: calc(20vw / 375 * 100);
    text-shadow: 0 calc(3vw / 375 * 100) calc(6vw / 375 * 100) rgba(0, 0, 0, 0.53);
  }
}

.features {
  padding-bottom: min(100vw / 1366 * 100, 100px);
}
@media screen and (max-width: 750px) {
  .features {
    padding-bottom: calc(60vw / 375 * 100);
  }
}
.features .inner {
  display: flex;
  justify-content: space-between;
  width: min(1200vw / 1366 * 100, 1200px);
}
@media screen and (max-width: 750px) {
  .features .inner {
    flex-direction: column;
    width: 100%;
  }
}

.features-txt-area {
  width: min(610vw / 1366 * 100, 610px);
}
@media screen and (max-width: 750px) {
  .features-txt-area {
    width: 100%;
  }
}

.features-txt-top {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .features-txt-top {
    position: relative;
    overflow: hidden;
  }
}

.features-txt-top-head-area {
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .features-txt-top-head-area {
    width: calc(265vw / 375 * 100);
  }
}

.features-txt-top-sub-head {
  margin-left: min(20vw / 1366 * 100, 20px);
}
@media screen and (max-width: 750px) {
  .features-txt-top-sub-head {
    margin-left: calc(20vw / 375 * 100);
  }
}

.features-txt-top-copy {
  margin-top: min(10vw / 1366 * 100, 10px);
  font-size: min(45vw / 1366 * 100, 45px);
  font-weight: bold;
  line-height: 1.3;
}
@media screen and (max-width: 750px) {
  .features-txt-top-copy {
    margin: calc(20vw / 375 * 100) auto 0 calc(20vw / 375 * 100);
    font-size: calc(34vw / 375 * 100);
    line-height: 1.2;
  }
}

.features-txt-top-img {
  width: min(234vw / 1366 * 100, 234px);
  transform: translate(max(-24vw / 1366 * 100, -24px), min(15vw / 1366 * 100, 15px));
}
@media screen and (max-width: 750px) {
  .features-txt-top-img {
    position: absolute;
    top: calc(35vw / 375 * 100);
    right: calc(-87vw / 375 * 100);
    width: calc(190vw / 375 * 100);
    transform: none;
  }
}

.features-txt {
  margin-top: min(20vw / 1366 * 100, 20px);
  font-size: min(18vw / 1366 * 100, 18px);
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .features-txt {
    width: calc(335vw / 375 * 100);
    margin: calc(25vw / 375 * 100) auto 0;
    font-size: calc(16vw / 375 * 100);
    line-height: 2;
  }
}

.features-desc-area {
  margin-top: min(10vw / 1366 * 100, 10px);
}
@media screen and (max-width: 750px) {
  .features-desc-area {
    width: auto;
    margin: calc(20vw / 375 * 100) calc(20vw / 375 * 100) 0;
    padding-bottom: calc(20vw / 375 * 100);
    overflow-x: scroll;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
}
.features-desc-area::-webkit-scrollbar {
  display: none;
}

.features-desc {
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
  width: min(550vw / 1366 * 100, 550px);
  padding: min(20vw / 1366 * 100, 20px) min(15vw / 1366 * 100, 15px);
}
@media screen and (max-width: 750px) {
  .features-desc {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .features-desc {
    width: calc(550vw / 375 * 100);
    padding: calc(25vw / 375 * 100) calc(15vw / 375 * 100);
    box-shadow: none;
    border: calc(2vw / 375 * 100) solid #00649a;
  }
}

.features-desc-top-box-list {
  display: flex;
  justify-content: space-between;
}

.features-desc-top-box {
  position: relative;
  width: min(150vw / 1366 * 100, 150px);
  text-align: center;
}
@media screen and (max-width: 750px) {
  .features-desc-top-box {
    width: calc(160vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .features-desc-top-box:nth-child(2) {
    width: calc(80vw / 375 * 100);
  }
}
.features-desc-top-box:nth-child(2)::before, .features-desc-top-box:nth-child(2)::after {
  content: "";
  display: block;
  position: absolute;
  top: min(36vw / 1366 * 100, 36px);
  background-image: url(../img/pc/features_icon_07.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: min(50vw / 1366 * 100, 50px);
  height: min(10vw / 1366 * 100, 10px);
}
@media screen and (max-width: 750px) {
  .features-desc-top-box:nth-child(2)::before, .features-desc-top-box:nth-child(2)::after {
    top: calc(36vw / 375 * 100);
    width: calc(50vw / 375 * 100);
    height: calc(10vw / 375 * 100);
  }
}
.features-desc-top-box:nth-child(2)::before {
  left: max(-30vw / 1366 * 100, -30px);
}
@media screen and (max-width: 750px) {
  .features-desc-top-box:nth-child(2)::before {
    left: calc(-60vw / 375 * 100);
  }
}
.features-desc-top-box:nth-child(2)::after {
  right: max(-30vw / 1366 * 100, -30px);
}
@media screen and (max-width: 750px) {
  .features-desc-top-box:nth-child(2)::after {
    right: calc(-60vw / 375 * 100);
  }
}

.features-desc-top-box-img {
  display: flex;
  justify-content: center;
  align-items: center;
  height: min(72vw / 1366 * 100, 72px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .features-desc-top-box-img {
    height: calc(72vw / 375 * 100);
  }
}

.features-desc-top-box-img_01 {
  width: min(122vw / 1366 * 100, 122px);
}
@media screen and (max-width: 750px) {
  .features-desc-top-box-img_01 {
    width: calc(122vw / 375 * 100);
  }
}

.features-desc-top-box-img_02 {
  width: min(78vw / 1366 * 100, 78px);
}
@media screen and (max-width: 750px) {
  .features-desc-top-box-img_02 {
    width: calc(78vw / 375 * 100);
  }
}

.features-desc-top-box-img_03 {
  width: min(108vw / 1366 * 100, 108px);
}
@media screen and (max-width: 750px) {
  .features-desc-top-box-img_03 {
    width: calc(108vw / 375 * 100);
  }
}

.features-desc-top-box-head {
  margin-top: min(10vw / 1366 * 100, 10px);
  font-size: min(15vw / 1366 * 100, 15px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .features-desc-top-box-head {
    margin-top: calc(10vw / 375 * 100);
    font-size: calc(15vw / 375 * 100);
  }
}

.features-desc-top-box-txt {
  display: inline-block;
  margin-top: min(5vw / 1366 * 100, 5px);
  font-size: min(11vw / 1366 * 100, 11px);
  text-align: left;
}
@media screen and (max-width: 750px) {
  .features-desc-top-box-txt {
    margin-top: calc(5vw / 375 * 100);
    font-size: calc(11vw / 375 * 100);
  }
}

.features-desc-bottom-bg {
  background-image: url(../img/pc/features_bottom_bg.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: min(510vw / 1366 * 100, 510px);
  height: min(236vw / 1366 * 100, 236px);
  padding-top: min(40vw / 1366 * 100, 40px);
  margin: min(10vw / 1366 * 100, 10px) auto 0;
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-bg {
    width: calc(510vw / 375 * 100);
    height: calc(236vw / 375 * 100);
    padding-top: calc(40vw / 375 * 100);
    margin: calc(10vw / 375 * 100) auto 0;
  }
}

.features-desc-bottom-box-list {
  display: flex;
  justify-content: space-between;
  padding: 0 min(40vw / 1366 * 100, 40px);
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box-list {
    padding: 0 calc(40vw / 375 * 100);
  }
}

.features-desc-bottom-box {
  width: min(106vw / 1366 * 100, 106px);
  text-align: center;
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box {
    width: calc(106vw / 375 * 100);
  }
}

.features-desc-bottom-box_02 {
  width: min(138vw / 1366 * 100, 138px);
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box_02 {
    width: calc(138vw / 375 * 100);
  }
}

.features-desc-bottom-box-notes {
  font-size: min(10vw / 1366 * 100, 10px);
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box-notes {
    font-size: calc(10vw / 375 * 100);
  }
}

.features-desc-bottom-box-head {
  font-size: min(15vw / 1366 * 100, 15px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box-head {
    font-size: calc(15vw / 375 * 100);
  }
}

.features-desc-bottom-box-img {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  height: min(100vw / 1366 * 100, 100px);
  margin: min(5vw / 1366 * 100, 5px) auto 0;
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box-img {
    height: calc(100vw / 375 * 100);
    margin: calc(5vw / 375 * 100) auto 0;
  }
}

.features-desc-bottom-box-img_01 {
  width: min(106vw / 1366 * 100, 106px);
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box-img_01 {
    width: calc(106vw / 375 * 100);
  }
}

.features-desc-bottom-box-img_02 {
  width: min(137vw / 1366 * 100, 137px);
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box-img_02 {
    width: calc(137vw / 375 * 100);
  }
}

.features-desc-bottom-box-img_03 {
  width: min(92vw / 1366 * 100, 92px);
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box-img_03 {
    width: calc(92vw / 375 * 100);
  }
}

.features-desc-bottom-box-txt {
  display: inline-block;
  margin-top: min(5vw / 1366 * 100, 5px);
  font-size: min(11vw / 1366 * 100, 11px);
  text-align: left;
}
@media screen and (max-width: 750px) {
  .features-desc-bottom-box-txt {
    margin-top: calc(5vw / 375 * 100);
    font-size: calc(11vw / 375 * 100);
  }
}

.charm {
  padding: min(100vw / 1366 * 100, 100px) 0 0;
}
@media screen and (max-width: 750px) {
  .charm {
    padding: calc(55vw / 375 * 100) 0 0;
  }
}

.charm-logo {
  width: min(120vw / 1366 * 100, 120px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .charm-logo {
    width: calc(100vw / 375 * 100);
  }
}

.charm-head {
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: min(48vw / 1366 * 100, 48px);
  font-weight: bold;
  color: #00649a;
  text-align: center;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .charm-head {
    margin-top: calc(10vw / 375 * 100);
    font-size: calc(32vw / 375 * 100);
  }
}
.charm-head .num {
  font-size: min(72vw / 1366 * 100, 72px);
}
@media screen and (max-width: 750px) {
  .charm-head .num {
    font-size: calc(50vw / 375 * 100);
  }
}

.charm-box-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: min(65vw / 1366 * 100, 65px);
}
@media screen and (max-width: 750px) {
  .charm-box-list {
    margin-top: calc(25vw / 375 * 100);
  }
}

.charm-box {
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
  position: relative;
  background-color: #fff;
  width: min(465vw / 1366 * 100, 465px);
  padding: min(10vw / 1366 * 100, 10px) min(20vw / 1366 * 100, 20px) min(25vw / 1366 * 100, 25px);
  margin-bottom: min(30vw / 1366 * 100, 30px);
}
@media screen and (max-width: 750px) {
  .charm-box {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .charm-box {
    width: 100%;
    padding: calc(15vw / 375 * 100) calc(20vw / 375 * 100);
    margin-bottom: calc(25vw / 375 * 100);
  }
}

.charm-box-num {
  position: absolute;
  top: 0;
  left: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffe900;
  width: min(50vw / 1366 * 100, 50px);
  height: min(50vw / 1366 * 100, 50px);
  font-size: min(30vw / 1366 * 100, 30px);
  font-weight: bold;
  color: #00649a;
  border-right: min(2vw / 1366 * 100, 2px) solid #00649a;
  border-bottom: min(2vw / 1366 * 100, 2px) solid #00649a;
  border-radius: min(14vw / 1366 * 100, 14px) 0 min(14vw / 1366 * 100, 14px) 0;
}
@media screen and (max-width: 750px) {
  .charm-box-num {
    width: calc(50vw / 375 * 100);
    height: calc(50vw / 375 * 100);
    font-size: calc(30vw / 375 * 100);
    border-right: calc(2vw / 375 * 100) solid #00649a;
    border-bottom: calc(2vw / 375 * 100) solid #00649a;
    border-radius: calc(14vw / 375 * 100) 0 calc(14vw / 375 * 100) 0;
  }
}

.charm-box-head {
  margin-left: min(45vw / 1366 * 100, 45px);
  font-size: min(30vw / 1366 * 100, 30px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .charm-box-head {
    margin-left: calc(45vw / 375 * 100);
    font-size: calc(22vw / 375 * 100);
    line-height: 1;
  }
}
@media screen and (max-width: 750px) {
  .charm-box-head .large {
    font-size: calc(28vw / 375 * 100);
  }
}

.charm-box-details {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: min(20vw / 1366 * 100, 20px);
}
@media screen and (max-width: 750px) {
  .charm-box-details {
    margin-top: calc(30vw / 375 * 100);
  }
}

.charm-box-details-txt {
  width: min(290vw / 1366 * 100, 290px);
  height: min(116vw / 1366 * 100, 116px);
  font-size: min(16vw / 1366 * 100, 16px);
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  .charm-box-details-txt {
    width: calc(190vw / 375 * 100);
    height: auto;
    font-size: calc(15vw / 375 * 100);
    line-height: 1.7;
  }
}

.charm-box-details-img {
  width: min(80vw / 1366 * 100, 80px);
  margin-right: min(20vw / 1366 * 100, 20px);
}
@media screen and (max-width: 750px) {
  .charm-box-details-img {
    width: calc(90vw / 375 * 100);
    margin-right: 0;
  }
}

.charm-box-details-img_06 {
  width: min(58vw / 1366 * 100, 58px);
}
@media screen and (max-width: 750px) {
  .charm-box-details-img_06 {
    width: calc(58vw / 375 * 100);
    margin-right: calc(10vw / 375 * 100);
  }
}

.charm-slider-area {
  display: flex;
  margin-top: min(40vw / 1366 * 100, 40px);
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .charm-slider-area {
    margin-top: calc(30vw / 375 * 100);
  }
}

.charm-slider {
  display: flex;
  animation: slide-loop 50s infinite linear 0.5s both;
}

.charm-slider-item {
  width: min(156vw / 1366 * 100, 156px);
}
@media screen and (max-width: 750px) {
  .charm-slider-item {
    width: calc(125vw / 375 * 100);
  }
}

.works {
  padding-bottom: min(145vw / 1366 * 100, 145px);
}
@media screen and (max-width: 750px) {
  .works {
    padding-bottom: calc(95vw / 375 * 100);
    overflow-x: hidden;
  }
}

.works-slider-area {
  position: relative;
  display: flex;
  justify-content: space-between;
  margin-top: min(40vw / 1366 * 100, 40px);
}
@media screen and (max-width: 750px) {
  .works-slider-area {
    flex-direction: column;
    margin-top: calc(30vw / 375 * 100);
  }
}
.works-slider-area .swiper-pagination {
  bottom: max(-44vw / 1366 * 100, -44px);
  left: auto;
  right: 0;
  width: min(465vw / 1366 * 100, 465px);
}
@media screen and (max-width: 750px) {
  .works-slider-area .swiper-pagination {
    left: 0;
    bottom: calc(-40vw / 375 * 100);
    width: calc(200vw / 375 * 100);
    margin: 0 auto;
  }
}
.works-slider-area .swiper-pagination-bullet {
  background-color: #e6f0f7;
}
.works-slider-area .swiper-pagination-bullet-active {
  background-color: #00649a;
}

.works-slider-menu-area {
  width: min(418vw / 1366 * 100, 418px);
}
@media screen and (max-width: 750px) {
  .works-slider-menu-area {
    width: calc(128vw / 375 * 100);
  }
}

.works-slider-menu-list {
  display: block;
}
@media screen and (max-width: 750px) {
  .works-slider-menu-list {
    display: flex;
    justify-content: space-between;
  }
}

.works-slider-menu-item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00649a;
  width: 100%;
  height: min(66vw / 1366 * 100, 66px);
  font-size: min(20vw / 1366 * 100, 20px);
  font-weight: bold;
  color: #fff;
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
  transition: all 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .works-slider-menu-item {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .works-slider-menu-item {
    height: calc(50vw / 375 * 100);
    padding: 0 calc(10vw / 375 * 100);
    font-size: calc(16vw / 375 * 100);
    border-radius: calc(10vw / 375 * 100);
  }
}
.works-slider-menu-item + .works-slider-menu-item {
  margin-top: min(10vw / 1366 * 100, 10px);
}
@media screen and (max-width: 750px) {
  .works-slider-menu-item + .works-slider-menu-item {
    margin-top: 0;
  }
}
@media screen and (max-width: 750px) {
  .works-slider-menu-item .small {
    font-size: calc(11vw / 375 * 100);
  }
}
.works-slider-menu-item.swiper-slide-thumb-active {
  background-color: #fff;
  color: #00649a;
}
.works-slider-menu-item.swiper-slide-thumb-active::after {
  content: "";
  display: block;
  background-color: #00649a;
  position: absolute;
  top: min(22vw / 1366 * 100, 22px);
  right: max(-50vw / 1366 * 100, -50px);
  width: min(20vw / 1366 * 100, 20px);
  height: min(23vw / 1366 * 100, 23px);
  -webkit-clip-path: polygon(0 0, 0% 100%, 100% 50%);
          clip-path: polygon(0 0, 0% 100%, 100% 50%);
}
@media screen and (max-width: 750px) {
  .works-slider-menu-item.swiper-slide-thumb-active::after {
    top: auto;
    bottom: calc(-22vw / 375 * 100);
    left: 0;
    right: 0;
    width: calc(20vw / 375 * 100);
    height: calc(23vw / 375 * 100);
    margin: 0 auto;
  }
}
@media screen and (max-width: 750px) {
  .works-slider-menu-item.swiper-slide-active {
    background-color: #fff;
    color: #00649a;
  }
  .works-slider-menu-item.swiper-slide-active::after {
    content: "";
    display: block;
    background-color: #00649a;
    position: absolute;
    bottom: calc(-22vw / 375 * 100);
    left: 0;
    right: 0;
    width: calc(15vw / 375 * 100);
    height: calc(12vw / 375 * 100);
    margin: 0 auto;
    -webkit-clip-path: polygon(0 0, 50% 100%, 100% 0);
            clip-path: polygon(0 0, 50% 100%, 100% 0);
  }
}

.works-slider-cnt {
  width: min(465vw / 1366 * 100, 465px);
  padding: min(5vw / 1366 * 100, 5px);
  overflow-x: hidden;
}
@media screen and (max-width: 750px) {
  .works-slider-cnt {
    width: 100%;
    margin: calc(30vw / 375 * 100) auto 0;
    padding: calc(5vw / 375 * 100);
  }
}

.works-slide-box {
  position: relative;
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
}
@media screen and (max-width: 750px) {
  .works-slide-box {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}

.works-slide-box-img img {
  border-radius: min(15vw / 1366 * 100, 15px) min(15vw / 1366 * 100, 15px) 0 0;
}
@media screen and (max-width: 750px) {
  .works-slide-box-img img {
    border-radius: calc(15vw / 375 * 100) calc(15vw / 375 * 100) 0 0;
  }
}

.works-slide-box-txt-area {
  padding: min(25vw / 1366 * 100, 25px);
}
@media screen and (max-width: 750px) {
  .works-slide-box-txt-area {
    height: calc(220vw / 375 * 100);
    padding: calc(20vw / 375 * 100) calc(15vw / 375 * 100);
  }
}

.works-slide-box-txt-head-area {
  display: flex;
  align-items: center;
}

.works-slide-box-txt-head-num {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00649a;
  width: min(50vw / 1366 * 100, 50px);
  height: min(50vw / 1366 * 100, 50px);
  font-size: min(30vw / 1366 * 100, 30px);
  font-weight: bold;
  color: #fff;
  border-radius: 50%;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .works-slide-box-txt-head-num {
    width: calc(50vw / 375 * 100);
    height: calc(50vw / 375 * 100);
    font-size: calc(30vw / 375 * 100);
  }
}

.works-slide-box-txt-head {
  margin-left: min(20vw / 1366 * 100, 20px);
  font-size: min(30vw / 1366 * 100, 30px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .works-slide-box-txt-head {
    margin-left: calc(15vw / 375 * 100);
    font-size: calc(24vw / 375 * 100);
  }
}

.works-slide-box-txt {
  margin-top: min(15vw / 1366 * 100, 15px);
  font-size: min(18vw / 1366 * 100, 18px);
}
@media screen and (max-width: 750px) {
  .works-slide-box-txt {
    margin-top: calc(20vw / 375 * 100);
    font-size: calc(18vw / 375 * 100);
  }
}

@media screen and (max-width: 750px) {
  .interview {
    padding-bottom: calc(90vw / 375 * 100);
    overflow-x: hidden;
  }
}

.interview-box-area {
  margin-top: min(45vw / 1366 * 100, 45px);
}
@media screen and (max-width: 750px) {
  .interview-box-area {
    margin-top: calc(25vw / 375 * 100);
    padding: calc(2vw / 375 * 100);
  }
}
.interview-box-area .swiper-pagination {
  bottom: max(-44vw / 1366 * 100, -44px);
  left: auto;
  right: 0;
  width: min(465vw / 1366 * 100, 465px);
}
@media screen and (max-width: 750px) {
  .interview-box-area .swiper-pagination {
    left: 0;
    bottom: calc(-40vw / 375 * 100);
    width: calc(200vw / 375 * 100);
    margin: 0 auto;
  }
}
.interview-box-area .swiper-pagination-bullet {
  background-color: #fff;
}
.interview-box-area .swiper-pagination-bullet-active {
  background-color: #00649a;
}

.interview-box-list {
  display: flex;
  justify-content: space-between;
}

.interview-box {
  background-color: #fff;
  width: min(308vw / 1366 * 100, 308px);
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
}
@media screen and (max-width: 750px) {
  .interview-box {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .interview-box {
    width: 100%;
  }
}

.interview-box-img img {
  border-radius: min(15vw / 1366 * 100, 15px) min(15vw / 1366 * 100, 15px) 0 0;
}
@media screen and (max-width: 750px) {
  .interview-box-img img {
    border-radius: calc(15vw / 375 * 100) calc(15vw / 375 * 100) 0 0;
  }
}

.interview-box-txt-area {
  padding: min(20vw / 1366 * 100, 20px) min(20vw / 1366 * 100, 20px) min(30vw / 1366 * 100, 30px);
}
@media screen and (max-width: 750px) {
  .interview-box-txt-area {
    padding: calc(20vw / 375 * 100) calc(20vw / 375 * 100) calc(30vw / 375 * 100);
  }
}

.interview-box-type {
  display: flex;
  align-items: center;
  font-size: min(14vw / 1366 * 100, 14px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .interview-box-type {
    font-size: calc(14vw / 375 * 100);
  }
}
.interview-box-type::before {
  content: "";
  display: block;
  background-color: #00649a;
  width: min(9vw / 1366 * 100, 9px);
  height: min(18vw / 1366 * 100, 18px);
  margin-right: min(5vw / 1366 * 100, 5px);
}
@media screen and (max-width: 750px) {
  .interview-box-type::before {
    width: calc(9vw / 375 * 100);
    height: calc(18vw / 375 * 100);
    margin-right: calc(5vw / 375 * 100);
  }
}

.interview-box-name-area {
  display: flex;
  align-items: center;
  margin-top: min(5vw / 1366 * 100, 5px);
}
@media screen and (max-width: 750px) {
  .interview-box-name-area {
    margin-top: calc(5vw / 375 * 100);
  }
}

.interview-box-name {
  font-size: min(20vw / 1366 * 100, 20px);
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .interview-box-name {
    font-size: calc(20vw / 375 * 100);
  }
}

.interview-box-name-history {
  margin-left: min(20vw / 1366 * 100, 20px);
  font-size: min(12vw / 1366 * 100, 12px);
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .interview-box-name-history {
    margin-left: calc(20vw / 375 * 100);
    font-size: calc(12vw / 375 * 100);
  }
}

.interview-box-txt {
  margin-top: min(10vw / 1366 * 100, 10px);
  font-size: min(22vw / 1366 * 100, 22px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .interview-box-txt {
    margin-top: calc(10vw / 375 * 100);
    font-size: calc(22vw / 375 * 100);
  }
}

.interview-box-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00649a;
  width: min(140vw / 1366 * 100, 140px);
  height: min(40vw / 1366 * 100, 40px);
  margin: min(15vw / 1366 * 100, 15px) auto 0;
  font-size: min(12vw / 1366 * 100, 12px);
  font-weight: bold;
  color: #fff;
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
  border-radius: min(100vw / 1366 * 100, 100px);
  transition: all 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .interview-box-btn {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .interview-box-btn {
    width: calc(140vw / 375 * 100);
    height: calc(40vw / 375 * 100);
    margin: calc(15vw / 375 * 100) auto 0;
    font-size: calc(12vw / 375 * 100);
    border-radius: calc(100vw / 375 * 100);
  }
}
.interview-box-btn:hover {
  background-color: #fff;
  color: #00649a;
}

.data-box-list {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin-top: min(45vw / 1366 * 100, 45px);
}
@media screen and (max-width: 750px) {
  .data-box-list {
    margin-top: calc(25vw / 375 * 100);
  }
}

.data-box {
  position: relative;
  width: min(465vw / 1366 * 100, 465px);
  margin-bottom: min(30vw / 1366 * 100, 30px);
  padding: 0 min(30vw / 1366 * 100, 30px) min(10vw / 1366 * 100, 10px);
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
  text-align: center;
}
@media screen and (max-width: 750px) {
  .data-box {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .data-box {
    width: 100%;
    margin-bottom: calc(25vw / 375 * 100);
    padding: 0 calc(10vw / 375 * 100) calc(30vw / 375 * 100);
  }
}

.data-box-salary {
  width: 100%;
  padding: 0 min(30vw / 1366 * 100, 30px) min(60vw / 1366 * 100, 60px);
}
@media screen and (max-width: 750px) {
  .data-box-salary {
    padding: 0 calc(30vw / 375 * 100) calc(45vw / 375 * 100);
  }
}

.data-box-head {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  background-color: #00649a;
  margin: 0 auto min(30vw / 1366 * 100, 30px);
  padding: min(5vw / 1366 * 100, 5px) min(35vw / 1366 * 100, 35px);
  font-size: min(18vw / 1366 * 100, 18px);
  font-weight: bold;
  color: #fff;
  border-radius: 0 0 min(15vw / 1366 * 100, 15px) min(15vw / 1366 * 100, 15px);
}
@media screen and (max-width: 750px) {
  .data-box-head {
    margin: 0 auto calc(30vw / 375 * 100);
    padding: calc(5vw / 375 * 100) calc(35vw / 375 * 100);
    font-size: calc(18vw / 375 * 100);
    border-radius: 0 0 calc(10vw / 375 * 100) calc(10vw / 375 * 100);
  }
}
.data-box-head .accent {
  color: #ffe900;
}
.data-box-salary .data-box-head {
  padding: min(5vw / 1366 * 100, 5px) min(60vw / 1366 * 100, 60px);
}
@media screen and (max-width: 750px) {
  .data-box-salary .data-box-head {
    padding: calc(5vw / 375 * 100) calc(60vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .data-box-annual_income .data-box-head {
    margin: 0 auto calc(10vw / 375 * 100);
  }
}
.data-box-paid .data-box-head {
  margin: 0 auto min(10vw / 1366 * 100, 10px);
  padding: min(5vw / 1366 * 100, 5px) min(60vw / 1366 * 100, 60px);
}
@media screen and (max-width: 750px) {
  .data-box-paid .data-box-head {
    margin: 0 auto calc(10vw / 375 * 100);
    padding: calc(5vw / 375 * 100) calc(60vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .data-box-benefits .data-box-head {
    padding: calc(5vw / 375 * 100) calc(20vw / 375 * 100);
  }
}

.data-box-salary-details-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .data-box-salary-details-list {
    flex-direction: column;
  }
}

.data-box-salary-details {
  position: relative;
  width: min(260vw / 1366 * 100, 260px);
}
@media screen and (max-width: 750px) {
  .data-box-salary-details {
    width: 100%;
  }
}
@media screen and (max-width: 750px) {
  .data-box-salary-details + .data-box-salary-details {
    margin-top: calc(70vw / 375 * 100);
  }
}
.data-box-salary-details + .data-box-salary-details::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: max(-30vw / 1366 * 100, -30px);
  background-color: #00649a;
  width: min(2vw / 1366 * 100, 2px);
  height: 100%;
}
@media screen and (max-width: 750px) {
  .data-box-salary-details + .data-box-salary-details::before {
    top: calc(-35vw / 375 * 100);
    left: 0;
    right: 0;
    width: 100%;
    height: calc(2vw / 375 * 100);
    margin: 0 auto;
  }
}

.data-box-salary-details-top {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.data-box-salary-details-top-img {
  width: min(106vw / 1366 * 100, 106px);
}
@media screen and (max-width: 750px) {
  .data-box-salary-details-top-img {
    width: calc(106vw / 375 * 100);
  }
}

.data-box-salary-details-top-txt-area {
  width: min(130vw / 1366 * 100, 130px);
  text-align: left;
}
@media screen and (max-width: 750px) {
  .data-box-salary-details-top-txt-area {
    width: calc(130vw / 375 * 100);
  }
}

.data-box-salary-details-top-name {
  display: inline-block;
  font-size: min(20vw / 1366 * 100, 20px);
  font-weight: bold;
  color: #00649a;
  border-bottom: min(2vw / 1366 * 100, 2px) solid #00649a;
}
@media screen and (max-width: 750px) {
  .data-box-salary-details-top-name {
    font-size: calc(20vw / 375 * 100);
    border-bottom: calc(2vw / 375 * 100) solid #00649a;
  }
}
.data-box-salary-details-top-name .large {
  font-size: min(24vw / 1366 * 100, 24px);
}
@media screen and (max-width: 750px) {
  .data-box-salary-details-top-name .large {
    font-size: calc(24vw / 375 * 100);
  }
}
.data-box-salary-details-top-name .small {
  font-size: min(16vw / 1366 * 100, 16px);
}
@media screen and (max-width: 750px) {
  .data-box-salary-details-top-name .small {
    font-size: calc(16vw / 375 * 100);
  }
}

.data-box-salary-details-top-txt {
  margin-top: min(5vw / 1366 * 100, 5px);
  font-size: min(16vw / 1366 * 100, 16px);
}
@media screen and (max-width: 750px) {
  .data-box-salary-details-top-txt {
    margin-top: calc(5vw / 375 * 100);
    font-size: calc(16vw / 375 * 100);
  }
}

.data-box-salary-details-point {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ffe900;
  width: min(168vw / 1366 * 100, 168px);
  height: min(30vw / 1366 * 100, 30px);
  margin: min(35vw / 1366 * 100, 35px) auto 0;
  font-size: min(16vw / 1366 * 100, 16px);
  font-weight: bold;
  color: #00649a;
  border-radius: min(50vw / 1366 * 100, 50px);
}
@media screen and (max-width: 750px) {
  .data-box-salary-details-point {
    width: calc(168vw / 375 * 100);
    height: calc(30vw / 375 * 100);
    margin: calc(35vw / 375 * 100) auto 0;
    font-size: calc(16vw / 375 * 100);
    border-radius: calc(50vw / 375 * 100);
  }
}

.data-box-salary-details-txt {
  margin-top: min(10vw / 1366 * 100, 10px);
  font-size: min(20vw / 1366 * 100, 20px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .data-box-salary-details-txt {
    margin-top: calc(10vw / 375 * 100);
    font-size: calc(20vw / 375 * 100);
  }
}

.data-box-employees_num-img {
  width: min(288vw / 1366 * 100, 288px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .data-box-employees_num-img {
    width: calc(288vw / 375 * 100);
  }
}

.data-box-graph .data-box-head {
  margin: 0 auto min(10vw / 1366 * 100, 10px);
}
@media screen and (max-width: 750px) {
  .data-box-graph .data-box-head {
    margin: 0 auto calc(10vw / 375 * 100);
  }
}

.data-box-graph-img {
  width: min(308vw / 1366 * 100, 308px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .data-box-graph-img {
    width: calc(308vw / 375 * 100);
  }
}

.data-box-inexperienced-img {
  width: min(364vw / 1366 * 100, 364px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .data-box-inexperienced-img {
    width: calc(270vw / 375 * 100);
  }
}

.data-box-inexperienced-img-txt {
  position: absolute;
  top: min(74vw / 1366 * 100, 74px);
  left: min(200vw / 1366 * 100, 200px);
  width: min(230vw / 1366 * 100, 230px);
  font-size: min(14vw / 1366 * 100, 14px);
  color: #00649a;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .data-box-inexperienced-img-txt {
    top: calc(57vw / 375 * 100);
    left: calc(170vw / 375 * 100);
    width: calc(150vw / 375 * 100);
    font-size: calc(13vw / 375 * 100);
  }
}

.data-box-annual_income-img {
  width: min(205vw / 1366 * 100, 205px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .data-box-annual_income-img {
    width: calc(205vw / 375 * 100);
  }
}

.data-box-annual_income-txt {
  font-size: min(14vw / 1366 * 100, 14px);
  color: #00649a;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .data-box-annual_income-txt {
    width: calc(300vw / 375 * 100);
    margin: 0 auto;
    font-size: calc(13vw / 375 * 100);
  }
}

.data-box-paid {
  margin: 0 auto min(30vw / 1366 * 100, 30px);
}
@media screen and (max-width: 750px) {
  .data-box-paid {
    margin: 0 auto calc(30vw / 375 * 100);
  }
}

.data-box-paid-img {
  width: min(166vw / 1366 * 100, 166px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .data-box-paid-img {
    width: calc(166vw / 375 * 100);
  }
}

.data-box-paid-txt {
  margin-top: max(-10vw / 1366 * 100, -10px);
  font-size: min(14vw / 1366 * 100, 14px);
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .data-box-paid-txt {
    margin-top: calc(-10vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
  }
}
.data-box-paid-txt .large {
  font-size: min(20vw / 1366 * 100, 20px);
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .data-box-paid-txt .large {
    font-size: calc(20vw / 375 * 100);
  }
}

.data-box-benefits {
  width: 100%;
  padding-bottom: min(30vw / 1366 * 100, 30px);
}
@media screen and (max-width: 750px) {
  .data-box-benefits {
    padding-bottom: calc(30vw / 375 * 100);
  }
}

.data-box-benefits-cnt-list {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .data-box-benefits-cnt-list {
    flex-wrap: wrap;
    width: calc(295vw / 375 * 100);
    margin: 0 auto;
  }
}

.data-box-benefits-cnt {
  position: relative;
  width: min(210vw / 1366 * 100, 210px);
}
@media screen and (max-width: 750px) {
  .data-box-benefits-cnt {
    width: calc(138vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .data-box-benefits-cnt:nth-child(n+3) {
    margin-top: calc(30vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .data-box-benefits-cnt:nth-child(3) {
    order: 4;
  }
}
@media screen and (max-width: 750px) {
  .data-box-benefits-cnt:nth-child(4) {
    order: 3;
  }
}

.data-box-benefits-cnt-txt {
  position: absolute;
  top: min(100vw / 1366 * 100, 100px);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  height: min(45vw / 1366 * 100, 45px);
  margin: 0 auto;
  font-size: min(16vw / 1366 * 100, 16px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .data-box-benefits-cnt-txt {
    top: calc(100vw / 375 * 100);
    height: calc(45vw / 375 * 100);
    font-size: calc(16vw / 375 * 100);
  }
}

.recruit-box-list {
  margin-top: min(45vw / 1366 * 100, 45px);
}
@media screen and (max-width: 750px) {
  .recruit-box-list {
    margin-top: calc(30vw / 375 * 100);
  }
}

.recruit-box {
  background-color: #fff;
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
}
@media screen and (max-width: 750px) {
  .recruit-box {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}
.recruit-box + .recruit-box {
  margin-top: min(50vw / 1366 * 100, 50px);
}
@media screen and (max-width: 750px) {
  .recruit-box + .recruit-box {
    margin-top: calc(50vw / 375 * 100);
  }
}

.recruit-box-head {
  background-color: #00649a;
  display: flex;
  justify-content: center;
  align-items: center;
  height: min(60vw / 1366 * 100, 60px);
  font-size: min(24vw / 1366 * 100, 24px);
  font-weight: bold;
  color: #fff;
  border-radius: min(14vw / 1366 * 100, 14px) min(14vw / 1366 * 100, 14px) 0 0;
}
@media screen and (max-width: 750px) {
  .recruit-box-head {
    height: calc(50vw / 375 * 100);
    font-size: calc(20vw / 375 * 100);
    border-radius: calc(14vw / 375 * 100) calc(14vw / 375 * 100) 0 0;
  }
}

.recruit-box-inner {
  padding: min(40vw / 1366 * 100, 40px) min(80vw / 1366 * 100, 80px);
}
@media screen and (max-width: 750px) {
  .recruit-box-inner {
    padding: calc(30vw / 375 * 100) calc(30vw / 375 * 100);
  }
}

.recruit-box-txt {
  margin-bottom: min(45vw / 1366 * 100, 45px);
  font-size: min(18vw / 1366 * 100, 18px);
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .recruit-box-txt {
    margin-bottom: calc(20vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
    line-height: 1.9;
  }
}

.recruit-box-details {
  margin-bottom: min(20vw / 1366 * 100, 20px);
}
@media screen and (max-width: 750px) {
  .recruit-box-details {
    margin-bottom: calc(20vw / 375 * 100);
  }
}

.recruit-box-details-head {
  background-color: #e6f0f7;
  padding: min(10vw / 1366 * 100, 10px) min(20vw / 1366 * 100, 20px);
  font-size: min(20vw / 1366 * 100, 20px);
  font-weight: bold;
  color: #00649a;
  border-radius: min(5vw / 1366 * 100, 5px);
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .recruit-box-details-head {
    padding: calc(10vw / 375 * 100) calc(10vw / 375 * 100);
    font-size: calc(16vw / 375 * 100);
    border-radius: calc(5vw / 375 * 100);
  }
}

.recruit-box-details-txt {
  margin-top: min(20vw / 1366 * 100, 20px);
  font-size: min(18vw / 1366 * 100, 18px);
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  .recruit-box-details-txt {
    margin-top: calc(15vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
    line-height: 1.8;
  }
}

.recruit-box-btn {
  width: min(160vw / 1366 * 100, 160px);
  height: min(46vw / 1366 * 100, 46px);
  margin: min(45vw / 1366 * 100, 45px) auto 0;
}
@media screen and (max-width: 750px) {
  .recruit-box-btn {
    width: calc(144vw / 375 * 100);
    height: calc(42vw / 375 * 100);
    margin: calc(45vw / 375 * 100) auto 0;
  }
}

.recruit-box-btn-close, .recruit-box-btn-open {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
  font-size: min(15vw / 1366 * 100, 15px);
  font-weight: bold;
  border-radius: min(100vw / 1366 * 100, 100px);
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .recruit-box-btn-close, .recruit-box-btn-open {
    font-size: calc(15vw / 375 * 100);
    border-radius: calc(100vw / 375 * 100);
  }
}

.recruit-box-btn-open {
  background-color: #00649a;
  color: #fff;
  transition: all 0.3s;
}
.recruit-box-btn:hover .recruit-box-btn-open {
  color: #ffe900;
}

.recruit-box-btn-close {
  background-color: #e6f0f7;
  color: #00649a;
}
.recruit-box-btn:hover .recruit-box-btn-close {
  background-color: #fdfbc3;
}

.flow {
  padding-bottom: 0;
}

.flow-box-list {
  width: min(800vw / 1366 * 100, 800px);
  margin: min(40vw / 1366 * 100, 40px) auto 0;
}
@media screen and (max-width: 750px) {
  .flow-box-list {
    width: 100%;
    margin: calc(30vw / 375 * 100) auto 0;
  }
}

.flow-box {
  position: relative;
  display: flex;
  justify-content: space-between;
}
.flow-box + .flow-box {
  margin-top: min(40vw / 1366 * 100, 40px);
}
@media screen and (max-width: 750px) {
  .flow-box + .flow-box {
    margin-top: calc(30vw / 375 * 100);
  }
}
.flow-box::before {
  content: "";
  display: block;
  background-color: #00649a;
  position: absolute;
  top: min(100vw / 1366 * 100, 100px);
  left: min(44vw / 1366 * 100, 44px);
  width: min(2vw / 1366 * 100, 2px);
  height: min(25vw / 1366 * 100, 25px);
}
@media screen and (max-width: 750px) {
  .flow-box::before {
    top: calc(100vw / 375 * 100);
    left: calc(44vw / 375 * 100);
    width: calc(2vw / 375 * 100);
    height: calc(25vw / 375 * 100);
  }
}
.flow-box:first-child::before {
  height: min(100vw / 1366 * 100, 100px);
}
@media screen and (max-width: 750px) {
  .flow-box:first-child::before {
    height: calc(110vw / 375 * 100);
  }
}
.flow-box:last-child::before {
  content: none;
}

.flow-box-num {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #e6f0f7;
  width: min(85vw / 1366 * 100, 85px);
  height: min(85vw / 1366 * 100, 85px);
  font-size: min(14vw / 1366 * 100, 14px);
  font-weight: bold;
  color: #00649a;
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: 50%;
  line-height: 1.1;
}
@media screen and (max-width: 750px) {
  .flow-box-num {
    width: calc(85vw / 375 * 100);
    height: calc(85vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
  }
}
.flow-box-num .accent {
  font-size: min(30vw / 1366 * 100, 30px);
}
@media screen and (max-width: 750px) {
  .flow-box-num .accent {
    font-size: calc(30vw / 375 * 100);
  }
}

.flow-box-txt-area {
  width: min(695vw / 1366 * 100, 695px);
}
@media screen and (max-width: 750px) {
  .flow-box-txt-area {
    width: calc(230vw / 375 * 100);
  }
}

.flow-box-head {
  font-size: min(24vw / 1366 * 100, 24px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .flow-box-head {
    font-size: calc(24vw / 375 * 100);
  }
}

.flow-box-txt {
  margin-top: min(5vw / 1366 * 100, 5px);
  font-size: min(18vw / 1366 * 100, 18px);
}
@media screen and (max-width: 750px) {
  .flow-box-txt {
    margin-top: calc(15vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
  }
}

.flow-box-btn {
  background-color: #00649a;
  width: min(300vw / 1366 * 100, 300px);
  height: min(60vw / 1366 * 100, 60px);
  margin-top: min(20vw / 1366 * 100, 20px);
  font-size: min(18vw / 1366 * 100, 18px);
  font-weight: bold;
  color: #fff;
  border-radius: min(50vw / 1366 * 100, 50px);
  box-shadow: 0 min(3vw / 1366 * 100, 3px) min(6vw / 1366 * 100, 6px) rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 750px) {
  .flow-box-btn {
    width: 100%;
    height: calc(60vw / 375 * 100);
    margin-top: calc(15vw / 375 * 100);
    font-size: calc(18vw / 375 * 100);
    border-radius: calc(50vw / 375 * 100);
    box-shadow: 0 calc(3vw / 375 * 100) calc(6vw / 375 * 100) rgba(0, 0, 0, 0.16);
  }
}
.flow-box-btn a {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 100%;
}

.flow-img {
  margin-top: min(100vw / 1366 * 100, 100px);
}
@media screen and (max-width: 750px) {
  .flow-img {
    margin-top: calc(40vw / 375 * 100);
  }
}

.qa-list-area {
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
  background-color: #fff;
  margin-top: min(45vw / 1366 * 100, 45px);
  padding: min(10vw / 1366 * 100, 10px) min(80vw / 1366 * 100, 80px);
}
@media screen and (max-width: 750px) {
  .qa-list-area {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .qa-list-area {
    margin-top: calc(10vw / 375 * 100);
    padding: calc(10vw / 375 * 100) calc(20vw / 375 * 100);
  }
}

.qa-box {
  padding: min(20vw / 1366 * 100, 20px) 0;
  border-bottom: min(1vw / 1366 * 100, 1px) solid #00649a;
}
@media screen and (max-width: 750px) {
  .qa-box {
    padding: calc(25vw / 375 * 100) 0;
    border-bottom: calc(1vw / 375 * 100) solid #00649a;
  }
}
.qa-box:first-child .acc-cnt {
  display: block;
}
.qa-box:last-child {
  border-bottom: none;
}

.qa-a, .qa-q {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
  width: 100%;
  line-height: 1.7;
}
.qa-a::before, .qa-q::before {
  font-family: "Roboto", sans-serif;
  display: block;
  width: min(36vw / 1366 * 100, 36px);
  text-align: center;
  font-size: min(36vw / 1366 * 100, 36px);
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .qa-a::before, .qa-q::before {
    width: calc(30vw / 375 * 100);
    font-size: calc(32vw / 375 * 100);
  }
}

.qa-q {
  color: #00649a;
  font-weight: bold;
  transition: all 0.3s;
}
.qa-q:hover {
  opacity: 0.7;
}
.qa-q::before {
  content: "Q.";
}
.qa-q::after {
  content: "";
  display: block;
  background-image: url(../img/pc/qa_icon_plus.svg);
  background-size: contain;
  background-repeat: no-repeat;
  width: min(20vw / 1366 * 100, 20px);
  height: min(20vw / 1366 * 100, 20px);
  transition: all 0.3s;
}
@media screen and (max-width: 750px) {
  .qa-q::after {
    width: calc(15vw / 375 * 100);
    height: calc(15vw / 375 * 100);
  }
}
.active .qa-q::after {
  background-image: url(../img/pc/qa_icon_minus.svg);
}

.qa-a::before {
  content: "A.";
  color: #ffe900;
  text-shadow: min(1vw / 1366 * 100, 1px) min(1vw / 1366 * 100, 1px) 0 #00649a, max(-1vw / 1366 * 100, -1px) min(1vw / 1366 * 100, 1px) 0 #00649a, max(-1vw / 1366 * 100, -1px) max(-1vw / 1366 * 100, -1px) 0 #00649a, min(1vw / 1366 * 100, 1px) max(-1vw / 1366 * 100, -1px) 0 #00649a;
  transform: translateY(min(5vw / 1366 * 100, 5px));
}
@media screen and (max-width: 750px) {
  .qa-a::before {
    width: calc(30vw / 375 * 100);
    font-size: calc(28vw / 375 * 100);
    text-shadow: calc(1vw / 375 * 100) calc(1vw / 375 * 100) 0 #00649a, calc(-1vw / 375 * 100) calc(1vw / 375 * 100) 0 #00649a, calc(-1vw / 375 * 100) calc(-1vw / 375 * 100) 0 #00649a, calc(1vw / 375 * 100) calc(-1vw / 375 * 100) 0 #00649a;
    transform: translateY(calc(5vw / 375 * 100));
  }
}

.qa-q-txt {
  width: min(700vw / 1366 * 100, 700px);
  font-size: min(20vw / 1366 * 100, 20px);
}
@media screen and (max-width: 750px) {
  .qa-q-txt {
    width: calc(230vw / 375 * 100);
    font-size: calc(16vw / 375 * 100);
  }
}

.qa-a-txt {
  width: min(740vw / 1366 * 100, 740px);
  font-size: min(18vw / 1366 * 100, 18px);
}
@media screen and (max-width: 750px) {
  .qa-a-txt {
    width: calc(255vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
  }
}

.message {
  padding-bottom: 0;
}
.message .inner {
  width: min(800vw / 1366 * 100, 800px);
}
@media screen and (max-width: 750px) {
  .message .inner {
    width: calc(335vw / 375 * 100);
  }
}

.message-box {
  box-shadow: 0 0 0 min(2vw / 1366 * 100, 2px) #00649a;
  border-radius: min(14vw / 1366 * 100, 14px);
  position: relative;
  margin-top: min(65vw / 1366 * 100, 65px);
  padding: min(50vw / 1366 * 100, 50px) 0 min(30vw / 1366 * 100, 30px);
  text-align: center;
}
@media screen and (max-width: 750px) {
  .message-box {
    box-shadow: 0 0 0 calc(2vw / 375 * 100) #00649a;
    border-radius: calc(14vw / 375 * 100);
  }
}
@media screen and (max-width: 750px) {
  .message-box {
    margin-top: calc(50vw / 375 * 100);
    padding: calc(25vw / 375 * 100) 0 calc(20vw / 375 * 100);
  }
}

.message-box-top {
  position: absolute;
  top: max(-20vw / 1366 * 100, -20px);
  left: 0;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00649a;
  width: min(346vw / 1366 * 100, 346px);
  height: min(40vw / 1366 * 100, 40px);
  margin: 0 auto;
  font-size: min(24vw / 1366 * 100, 24px);
  font-weight: bold;
  color: #fff;
  border-radius: min(14vw / 1366 * 100, 14px);
}
@media screen and (max-width: 750px) {
  .message-box-top {
    top: calc(-20vw / 375 * 100);
    width: calc(240vw / 375 * 100);
    height: calc(34vw / 375 * 100);
    font-size: calc(18vw / 375 * 100);
    border-radius: calc(14vw / 375 * 100);
  }
}

.message-box-logo {
  width: min(120vw / 1366 * 100, 120px);
  margin: 0 auto;
}
@media screen and (max-width: 750px) {
  .message-box-logo {
    width: calc(120vw / 375 * 100);
  }
}

.message-box-txt {
  margin-top: min(15vw / 1366 * 100, 15px);
  font-size: min(28vw / 1366 * 100, 28px);
  font-weight: bold;
  color: #00649a;
  line-height: 1.7;
}
@media screen and (max-width: 750px) {
  .message-box-txt {
    margin-top: calc(20vw / 375 * 100);
    font-size: calc(22vw / 375 * 100);
    line-height: 1.6;
  }
}

.message-txt-area {
  margin-top: min(45vw / 1366 * 100, 45px);
}
@media screen and (max-width: 750px) {
  .message-txt-area {
    margin-top: calc(30vw / 375 * 100);
  }
}

.message-txt {
  font-size: min(18vw / 1366 * 100, 18px);
  line-height: 2;
}
@media screen and (max-width: 750px) {
  .message-txt {
    font-size: calc(16vw / 375 * 100);
  }
}
.message-txt + .message-txt {
  margin-top: min(30vw / 1366 * 100, 30px);
}
@media screen and (max-width: 750px) {
  .message-txt + .message-txt {
    margin-top: calc(30vw / 375 * 100);
  }
}

.message-txt-charge {
  margin-top: min(50vw / 1366 * 100, 50px);
  padding: 0 min(10vw / 1366 * 100, 10px);
  font-size: min(20vw / 1366 * 100, 20px);
  font-weight: bold;
  color: #00649a;
  border-left: min(8vw / 1366 * 100, 8px) solid #00649a;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .message-txt-charge {
    margin-top: calc(40vw / 375 * 100);
    padding: 0 calc(10vw / 375 * 100);
    font-size: calc(16vw / 375 * 100);
    border-left: calc(8vw / 375 * 100) solid #00649a;
  }
}

.message-txt-name {
  margin-top: min(10vw / 1366 * 100, 10px);
  font-size: min(26vw / 1366 * 100, 26px);
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .message-txt-name {
    margin-top: calc(10vw / 375 * 100);
    font-size: calc(22vw / 375 * 100);
  }
}

.message-img {
  margin-top: min(45vw / 1366 * 100, 45px);
}
@media screen and (max-width: 750px) {
  .message-img {
    margin-top: calc(25vw / 375 * 100);
  }
}

.contact {
  padding-bottom: 0;
}

.contact-form {
  width: min(800vw / 1366 * 100, 800px);
  margin: min(30vw / 1366 * 100, 30px) auto 0;
}
@media screen and (max-width: 750px) {
  .contact-form {
    width: 100%;
    margin: calc(30vw / 375 * 100) auto 0;
  }
}
.contact-form + .contact-form {
  margin-top: min(25vw / 1366 * 100, 25px);
}
@media screen and (max-width: 750px) {
  .contact-form + .contact-form {
    margin-top: calc(25vw / 375 * 100);
  }
}

.contact-form-row + .contact-form-row {
  margin-top: min(25vw / 1366 * 100, 25px);
}
@media screen and (max-width: 750px) {
  .contact-form-row + .contact-form-row {
    margin-top: calc(25vw / 375 * 100);
  }
}

.contact-form-label {
  display: flex;
  align-items: center;
  font-size: min(14vw / 1366 * 100, 14px);
  font-weight: bold;
  color: #00649a;
}
@media screen and (max-width: 750px) {
  .contact-form-label {
    font-size: calc(14vw / 375 * 100);
  }
}
.contact-form-label::before {
  content: "任意";
  background-color: #00649a;
  margin-right: min(10vw / 1366 * 100, 10px);
  padding: min(3vw / 1366 * 100, 3px) min(5vw / 1366 * 100, 5px);
  font-size: min(10vw / 1366 * 100, 10px);
  color: #fff;
  border-radius: min(5vw / 1366 * 100, 5px);
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .contact-form-label::before {
    margin-right: calc(10vw / 375 * 100);
    padding: calc(3vw / 375 * 100) calc(5vw / 375 * 100);
    font-size: calc(10vw / 375 * 100);
    border-radius: calc(5vw / 375 * 100);
  }
}
.contact-form-label.contact-form-label-required::before {
  content: "必須";
  background-color: #db0000;
}

.contact-form-input,
.contact-form-textarea {
  background-color: #f2f2f2;
  width: 100%;
  margin-top: min(10vw / 1366 * 100, 10px);
  padding: min(8vw / 1366 * 100, 8px) min(15vw / 1366 * 100, 15px);
  font-size: min(14vw / 1366 * 100, 14px);
  border-radius: min(5vw / 1366 * 100, 5px);
}
@media screen and (max-width: 750px) {
  .contact-form-input,
  .contact-form-textarea {
    margin-top: calc(10vw / 375 * 100);
    padding: calc(8vw / 375 * 100) calc(15vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
    border-radius: calc(5vw / 375 * 100);
  }
}

.contact-form-textarea {
  height: min(224vw / 1366 * 100, 224px);
}
@media screen and (max-width: 750px) {
  .contact-form-textarea {
    height: calc(224vw / 375 * 100);
  }
}

.contact-form-select-wrapper {
  position: relative;
  width: min(335vw / 1366 * 100, 335px);
}
@media screen and (max-width: 750px) {
  .contact-form-select-wrapper {
    width: calc(335vw / 375 * 100);
  }
}
.contact-form-select-wrapper::after {
  content: "";
  display: block;
  position: absolute;
  top: min(25vw / 1366 * 100, 25px);
  right: min(30vw / 1366 * 100, 30px);
  width: min(10vw / 1366 * 100, 10px);
  height: min(10vw / 1366 * 100, 10px);
  border-right: min(2vw / 1366 * 100, 2px) solid #00649a;
  border-bottom: min(2vw / 1366 * 100, 2px) solid #00649a;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  .contact-form-select-wrapper::after {
    top: calc(25vw / 375 * 100);
    right: calc(30vw / 375 * 100);
    width: calc(10vw / 375 * 100);
    height: calc(10vw / 375 * 100);
    border-right: calc(2vw / 375 * 100) solid #00649a;
    border-bottom: calc(2vw / 375 * 100) solid #00649a;
  }
}

.contact-form-select {
  background-color: #f2f2f2;
  width: 100%;
  padding: min(15vw / 1366 * 100, 15px) min(20vw / 1366 * 100, 20px);
  margin-top: min(5vw / 1366 * 100, 5px);
  font-size: min(14vw / 1366 * 100, 14px);
  border: min(1vw / 1366 * 100, 1px) solid #00649a;
  border-radius: min(5vw / 1366 * 100, 5px);
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .contact-form-select {
    padding: calc(15vw / 375 * 100) calc(20vw / 375 * 100);
    margin-top: calc(5vw / 375 * 100);
    font-size: calc(14vw / 375 * 100);
    border: calc(1vw / 375 * 100) solid #00649a;
    border-radius: calc(5vw / 375 * 100);
  }
}

span.contact-form-error {
  font-size: min(12vw / 1366 * 100, 12px);
  color: #db0000;
}
@media screen and (max-width: 750px) {
  span.contact-form-error {
    font-size: calc(12vw / 375 * 100);
  }
}
span.contact-form-error::before {
  content: "*";
  margin-right: min(5vw / 1366 * 100, 5px);
  vertical-align: middle;
}
@media screen and (max-width: 750px) {
  span.contact-form-error::before {
    margin-right: calc(5vw / 375 * 100);
  }
}

.contact-form-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #00649a;
  width: min(300vw / 1366 * 100, 300px);
  height: min(60vw / 1366 * 100, 60px);
  margin: min(20vw / 1366 * 100, 20px) auto 0;
  font-size: min(18vw / 1366 * 100, 18px);
  font-weight: bold;
  color: #fff;
  border-radius: min(50vw / 1366 * 100, 50px);
  box-shadow: 0 min(3vw / 1366 * 100, 3px) min(6vw / 1366 * 100, 6px) rgba(0, 0, 0, 0.16);
  transition: all 0.3s;
  cursor: pointer;
}
@media screen and (max-width: 750px) {
  .contact-form-btn {
    width: calc(300vw / 375 * 100);
    height: calc(60vw / 375 * 100);
    margin: calc(20vw / 375 * 100) auto 0;
    font-size: calc(18vw / 375 * 100);
    border-radius: calc(50vw / 375 * 100);
    box-shadow: 0 calc(3vw / 375 * 100) calc(6vw / 375 * 100) rgba(0, 0, 0, 0.16);
  }
}
.contact-form-btn:hover {
  color: #ffe900;
}
.contact-form-btn.disabled {
  filter: grayscale(100%);
  pointer-events: none;
}

.contact-img {
  margin-top: min(50vw / 1366 * 100, 50px);
}
@media screen and (max-width: 750px) {
  .contact-img {
    margin-top: calc(50vw / 375 * 100);
  }
}

.footer {
  background-color: #00649a;
}
.footer .inner {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: min(426vw / 1366 * 100, 426px);
  padding: min(30vw / 1366 * 100, 30px) 0;
}
@media screen and (max-width: 750px) {
  .footer .inner {
    flex-direction: column;
    width: calc(275vw / 375 * 100);
    padding: calc(40vw / 375 * 100) 0;
  }
}

.footer-logo {
  width: min(100vw / 1366 * 100, 100px);
}
@media screen and (max-width: 750px) {
  .footer-logo {
    width: calc(100vw / 375 * 100);
  }
}

.footer-txt-area {
  width: min(280vw / 1366 * 100, 280px);
}
@media screen and (max-width: 750px) {
  .footer-txt-area {
    width: 100%;
    margin: calc(30vw / 375 * 100) auto 0;
  }
}

.footer-txt {
  font-size: min(14vw / 1366 * 100, 14px);
  color: #fff;
}
@media screen and (max-width: 750px) {
  .footer-txt {
    font-size: calc(14vw / 375 * 100);
  }
}
.footer-txt + .footer-txt {
  margin-top: min(5vw / 1366 * 100, 5px);
}
@media screen and (max-width: 750px) {
  .footer-txt + .footer-txt {
    margin-top: calc(5vw / 375 * 100);
  }
}

.footer-copyright {
  background-color: #fff;
  padding: min(10vw / 1366 * 100, 10px) 0;
  font-size: min(12vw / 1366 * 100, 12px);
  color: #00649a;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .footer-copyright {
    padding: calc(10vw / 375 * 100) 0;
    font-size: calc(12vw / 375 * 100);
  }
}