@charset "UTF-8";
@font-face {
  font-family: "NotosansBold";
  font-display: swap;
  src: url("./../assets/fonts/notosans/NotoSansCJKjp-Bold.eot");
  src: url("./../assets/fonts/notosans/NotoSansCJKjp-Bold.woff2") format("woff2"), url("./../assets/fonts/notosans/NotoSansCJKjp-Bold.woff") format("woff"), url("./../assets/fonts/notosans/NotoSansCJKjp-Bold.ttf") format("truetype");
}
@font-face {
  font-family: "NotosansRegular";
  font-display: swap;
  src: url("./../assets/fonts/notosans/NotoSansCJKjp-Regular.eot");
  src: url("./../assets/fonts/notosans/NotoSansCJKjp-Regular.woff2") format("woff2"), url("./../assets/fonts/notosans/NotoSansCJKjp-Regular.woff") format("woff"), url("./../assets/fonts/notosans/NotoSansCJKjp-Regular.ttf") format("truetype");
}
@font-face {
  font-family: "NotosansMedium";
  font-display: swap;
  src: url("./../assets/fonts/notosans/NotoSansCJKjp-Medium.eot");
  src: url("./../assets/fonts/notosans/NotoSansCJKjp-Medium.woff2") format("woff2"), url("./../assets/fonts/notosans/NotoSansCJKjp-Medium.woff") format("woff"), url("./../assets/fonts/notosans/NotoSansCJKjp-Medium.ttf") format("truetype");
}
@font-face {
  font-family: "NotosansLight";
  font-display: swap;
  src: url("./../assets/fonts/notosans/NotoSansJP-Light.otf");
}
@font-face {
  font-family: "NotosansThin";
  font-display: swap;
  src: url("./../assets/fonts/notosans/NotoSansJP-Thin.otf");
}
/* まずはリセット */
* {
  margin: 0;
  padding: 0;
  font-family: "NotosansMedium", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}

@media (min-width: 1200px) {
  .pc_none {
    display: none !important;
  }
}
@media (max-width: 1199px) {
  .pc_none2 {
    display: none !important;
  }
}
@media (min-width: 561px) {
  .tab_none {
    display: none !important;
  }
}
@media (max-width: 560px) {
  .sp_none {
    display: none !important;
  }
}
html {
  scroll-behavior: smooth;
}

body {
  overflow-x: hidden;
  color: #333333;
}

header {
  position: fixed;
  top: 0;
  width: 100%;
  height: 70px;
  z-index: 2;
  background: rgba(255, 255, 255, 0.7);
}
header .wrap,
header .logo,
header .menu,
header .menu_sp_box,
header .saiyou {
  display: flex;
  height: 100%;
}
header .logo {
  align-items: center;
  max-width: 220px;
  transition: all 0.3s;
  color: #333333;
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  text-decoration: none;
  font-size: 10px;
  margin-left: 10px;
}
@media (min-width: 561px) {
  header .logo {
    margin-right: auto;
    margin-left: 40px;
  }
}
header .logo:hover {
  opacity: 0.6;
}
header .logo div {
  width: 100%;
  padding-right: 10px;
}
@media (min-width: 561px) {
  header .logo div {
    padding-right: 0;
  }
}
header .logo div img {
  width: 100%;
}
@media (min-width: 561px) {
  header .logo div img {
    width: auto;
  }
}
header .logo .text {
  margin-left: 10px;
}
header .wrap {
  justify-content: space-between;
}
@media (min-width: 1200px) {
  header .wrap {
    margin: 0 auto;
  }
}
header .menu {
  position: absolute;
  justify-content: center;
  align-items: center;
  top: 0;
  right: -3000px;
  width: 100vw;
  height: 100vh;
  transition: right 0.3s;
}
header .menu.open {
  right: 0;
  overflow-y: scroll;
  overflow-x: hidden;
}
@media (min-width: 561px) {
  header .menu {
    width: 560px;
  }
}
@media (min-width: 1200px) {
  header .menu {
    position: initial;
    right: 0;
    height: 100%;
  }
}
header .menu .menu_sp_box {
  flex-direction: column;
  width: clamp(280px, 280px + 280 * (100vw - 320px)/(560 - 320), 560px);
  height: auto;
  margin: auto;
  padding: 0 clamp(20px, 20px + 20 * (100vw - 320px)/(560 - 320), 40px);
  background-color: #f8f8f8;
}
@media (min-width: 1200px) {
  header .menu .menu_sp_box {
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
    width: 100%;
    height: 100%;
    margin-top: 0;
    background-color: transparent;
  }
}
header .menu .menu_sp_box .item {
  margin-bottom: 25px;
}
header .menu .menu_sp_box .item:first-of-type {
  margin-top: 150px;
}
@media (min-width: 1200px) {
  header .menu .menu_sp_box .item:first-of-type {
    margin-top: 20px;
  }
}
header .menu .menu_sp_box .item .item_title {
  display: inline-block;
  font-size: 24px;
  font-family: "NotosansRegular";
  text-decoration: none;
  color: #333333;
  margin-bottom: 25px;
  transition: all 0.3s;
}
header .menu .menu_sp_box .item .item_title:hover {
  opacity: 0.6;
}
@media (min-width: 1200px) {
  header .menu .menu_sp_box .item .item_title {
    font-size: clamp(12px, 12px + 2 * (100vw - 1200px)/(1920 - 1200), 14px);
    margin-bottom: 0;
  }
}
@media (min-width: 1200px) {
  header .menu .menu_sp_box .item .item_sp {
    margin-left: -20px;
  }
}
header .menu .menu_sp_box .item .item_sp a {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  display: inline-block;
  font-size: clamp(13px, 13px + 2 * (100vw - 320px)/(560 - 320), 15px);
  margin: 0 20px 20px 0;
  color: #333333;
  text-decoration: none;
  transition: all 0.3s;
}
header .menu .menu_sp_box .item .item_sp a:hover {
  opacity: 0.6;
}
header .menu .menu_sp_box .item .item_sp a:last-of-type {
  margin: 0;
}
header .menu .menu_sp_box .item .item_sp .one {
  padding-bottom: 20px;
}
@media (min-width: 1200px) {
  header .menu .menu_sp_box .item .item_sp .one {
    padding-bottom: 0;
  }
}
header .menu .menu_sp_box .item .icon {
  display: flex;
  text-align: center;
}
header .menu .menu_sp_box .item .icon a {
  width: 25%;
  margin-right: 0;
}
@media (min-width: 1200px) {
  header .menu .menu_sp_box .item {
    position: relative;
    margin: 18px 0 0;
    padding-bottom: 20px;
  }
  header .menu .menu_sp_box .item:hover .item_sp {
    visibility: visible;
    opacity: 1;
    transition: all 0.3s;
    width: 200px;
    height: auto;
    margin-top: 20px;
    z-index: 1;
  }
  header .menu .menu_sp_box .item .item_sp {
    visibility: hidden;
    opacity: 0;
    position: absolute;
    display: flex;
    flex-direction: column;
    padding: 20px;
    border-radius: 8px;
    background: rgba(255, 255, 255, 0.95);
  }
  header .menu .menu_sp_box .item .item_sp a {
    font-size: clamp(12px, 12px + 2 * (100vw - 1200px)/(1920 - 1200), 14px);
  }
}
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy {
  display: flex;
  flex-direction: column;
  text-align: center;
  padding-bottom: 100px;
}
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy a,
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy a p,
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy a span {
  transition: all 0.2s;
}
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy a:hover,
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy a p:hover,
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy a span:hover {
  color: #f8f8f8;
  background-color: #333333;
}
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy a {
  color: #333333;
  text-decoration: none;
  border: 1px solid #333333;
  padding: 20px 0;
  margin-bottom: 24px;
}
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy a p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 18px;
}
header .menu .menu_sp_box .menu_sp_saiyou .saiyou_copy a span {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
}
header .saiyou .saiyou_copy {
  display: flex;
}
header .saiyou .saiyou_copy .head_shinsotsu,
header .saiyou .saiyou_copy .head_tyuuto,
header .saiyou .saiyou_copy .head_referral {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #ffffff;
  width: clamp(55px, 55px + 20 * (100vw - 320px)/(560 - 320), 75px);
  text-decoration: none;
  transition: all 0.3s;
  font-size: 10px;
}
@media (min-width: 561px) {
  header .saiyou .saiyou_copy .head_shinsotsu,
  header .saiyou .saiyou_copy .head_tyuuto,
  header .saiyou .saiyou_copy .head_referral {
    width: clamp(80px, 80px + 40 * (100vw - 560px)/(1200 - 560), 120px);
    font-size: clamp(12px, 12px + 2 * (100vw - 560px)/(1200 - 560), 14px);
  }
}
@media (min-width: 1200px) {
  header .saiyou .saiyou_copy .head_shinsotsu,
  header .saiyou .saiyou_copy .head_tyuuto,
  header .saiyou .saiyou_copy .head_referral {
    width: 120px;
    font-size: clamp(12px, 12px + 2 * (100vw - 1200px)/(1920 - 1200), 14px);
  }
}
header .saiyou .saiyou_copy .head_shinsotsu p,
header .saiyou .saiyou_copy .head_shinsotsu span,
header .saiyou .saiyou_copy .head_tyuuto p,
header .saiyou .saiyou_copy .head_tyuuto span,
header .saiyou .saiyou_copy .head_referral p,
header .saiyou .saiyou_copy .head_referral span {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  text-align: center;
}
header .saiyou .saiyou_copy .head_shinsotsu {
  background-color: #c3d60b;
}
header .saiyou .saiyou_copy .head_shinsotsu:hover {
  background-color: #a5b704;
}
header .saiyou .saiyou_copy .head_tyuuto {
  background-color: #70b437;
}
header .saiyou .saiyou_copy .head_tyuuto:hover {
  background-color: #54a214;
}
header .saiyou .saiyou_copy .head_referral {
  background-color: #333333;
}
header .saiyou .saiyou_copy .head_referral:hover {
  background-color: #5c5c5c;
}
header .sp_menu {
  display: flex;
  justify-content: center;
  align-items: center;
  width: clamp(45px, 45px + 30 * (100vw - 320px)/(560 - 320), 75px);
  cursor: pointer;
  z-index: 1;
}
header .sp_menu span {
  width: 40%;
  height: 2px;
  border-radius: 4px;
  background-color: #333333;
  position: relative;
  transition: all 0.3s;
}
header .sp_menu span::before, header .sp_menu span::after {
  content: "";
  width: 100%;
  height: 2px;
  border-radius: 4px;
  background-color: #333333;
  position: absolute;
  transition: all 0.5s;
}
header .sp_menu span::before {
  transform: translateY(-12px);
}
header .sp_menu span::after {
  transform: translateY(12px);
}
header .sp_menu.open span {
  background-color: transparent;
}
header .sp_menu.open span::before {
  transform: rotate(45deg);
}
header .sp_menu.open span::after {
  transform: rotate(-45deg);
}

.touka {
  background: rgb(255, 255, 255);
}

.kv {
  position: relative;
  background: url(../img/kv_sp.jpg) right 50% top 0/cover no-repeat;
  background-image: -webkit-image-set(url(../img/kv_sp.jpg) 1x, url(../img/kv_sp@2x.jpg) 2x, url(../img/kv_sp@3x.jpg) 3x);
  background-image: image-set(url(../img/kv_sp.jpg) 1x, url(../img/kv_sp@2x.jpg) 2x, url(../img/kv_sp@3x.jpg) 3x);
  min-height: 100vh;
  max-height: 100vh;
}
@media (min-width: 561px) {
  .kv {
    background: url(../img/kv.jpg) right 66% top 0/cover no-repeat;
    background-image: -webkit-image-set(url(../img/kv.jpg) 1x, url(../img/kv@2x.jpg) 2x, url(../img/kv@3x.jpg) 3x);
    background-image: image-set(url(../img/kv.jpg) 1x, url(../img/kv@2x.jpg) 2x, url(../img/kv@3x.jpg) 3x);
  }
}
.kv .box {
  position: absolute;
  width: 100%;
  right: 0;
  top: 50vh;
}
@media (min-width: 561px) {
  .kv .box {
    max-width: clamp(440px, 440px + 534 * (100vw - 560px)/(1200 - 560), 974px);
    top: 20vh;
  }
}
.kv .box .bg_white {
  background: rgba(255, 255, 255, 0.7);
  margin-bottom: 20px;
  height: clamp(200px, 200px + 70 * (100vw - 320px)/(560 - 320), 270px);
}
@media (min-width: 561px) {
  .kv .box .bg_white {
    width: clamp(380px, 380px + 409 * (100vw - 560px)/(1200 - 560), 789px);
    height: clamp(320px, 320px + 52 * (100vw - 560px)/(1200 - 560), 372px);
    margin-left: auto;
  }
}
.kv .box .bg_white .svg_anime {
  margin: 0 auto;
  padding: clamp(20px, 20px + 5 * (100vw - 320px)/(560 - 320), 25px) 0 clamp(2px, 2px + 18 * (100vw - 320px)/(560 - 320), 20px);
  width: clamp(220px, 220px + 104 * (100vw - 320px)/(560 - 320), 324px);
}
@media (min-width: 561px) {
  .kv .box .bg_white .svg_anime {
    width: clamp(320px, 320px + 165 * (100vw - 560px)/(1200 - 560), 485px);
    margin: 0 0 0 clamp(38px, 38px + 40 * (100vw - 560px)/(1200 - 560), 78px);
    padding: 50px 0 10px;
  }
}
.kv .box .bg_white .svg_anime span {
  display: inline-block;
  font-family: din-condensed, sans-serif;
  font-weight: bold;
  font-style: normal;
}
.kv .box .bg_white .svg_anime h2 {
  font-size: clamp(10px, 10px + 4 * (100vw - 320px)/(560 - 320), 14px);
  margin-left: 20px;
  letter-spacing: 4.5px;
}
@media (min-width: 1200px) {
  .kv .box .bg_white .svg_anime h2 {
    font-size: 14px;
  }
}
.kv .box .bg_white .svg_anime h2 .slide01 {
  font-family: "NotosansMedium";
  animation: SlideIn01 1s;
  animation-delay: 1s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes SlideIn01 {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.kv .box .bg_white .svg_anime h2 .slide02 {
  font-family: "NotosansMedium";
  animation: SlideIn02 1s;
  animation-delay: 1.6s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes SlideIn02 {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.kv .box .bg_white .svg_anime h1 {
  font-size: clamp(48px, 48px + 22 * (100vw - 320px)/(560 - 320), 70px);
  line-height: 100%;
  margin-left: 20px;
}
@media (min-width: 561px) {
  .kv .box .bg_white .svg_anime h1 {
    font-size: clamp(70px, 70px + 30 * (100vw - 560px)/(1200 - 560), 100px);
  }
}
.kv .box .bg_white .svg_anime h1 .slide03 {
  animation: SlideIn03 1s;
  animation-delay: 0.2s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes SlideIn03 {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.kv .box .bg_white .svg_anime h1 .slide04 {
  animation: SlideIn04 1s;
  animation-delay: 0.6s;
  animation-fill-mode: forwards;
  opacity: 0;
}
@keyframes SlideIn04 {
  0% {
    opacity: 0;
    transform: translateX(-30px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
.kv .box .bg_white .svg_anime .expectations {
  position: relative;
}
.kv .box .bg_white .svg_anime .expectations #svg-animation {
  position: absolute;
  z-index: 1;
}
@media (min-width: 1200px) {
  .kv .box .bg_white .svg_anime .expectations #svg-animation {
    width: 456px;
  }
}
.kv .box .bg_white .svg_anime .expectations #svg-animation2 {
  position: absolute;
  top: clamp(15px, 15px + 5 * (100vw - 320px)/(560 - 320), 20px);
  z-index: 0;
}
@media (min-width: 1200px) {
  .kv .box .bg_white .svg_anime .expectations #svg-animation2 {
    top: 25px;
  }
}
.kv .box .bg_white .svg_anime .expectations .st0,
.kv .box .bg_white .svg_anime .expectations .st1,
.kv .box .bg_white .svg_anime .expectations .st2 {
  fill: none;
  stroke: #ffffff;
  stroke-miterlimit: 10;
}
.kv .box .bg_white .svg_anime .expectations .st0 {
  stroke-width: 12;
}
.kv .box .bg_white .svg_anime .expectations .st1 {
  stroke-width: 9;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kv .box .bg_white .svg_anime .expectations .st2 {
  stroke-width: 11;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.kv .box .bg_white .svg_anime .expectations .green_line {
  fill: none;
  stroke: #ffffff;
  stroke-width: 22;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.kv .box .news {
  width: clamp(260px, 260px + 167 * (100vw - 320px)/(560 - 320), 427px);
  padding: 10px 20px;
  margin-left: auto;
  display: flex;
  color: #ffffff;
  background: rgba(0, 0, 0, 0.6);
}
@media (min-width: 561px) {
  .kv .box .news {
    padding: 10px clamp(20px, 20px + 10 * (100vw - 560px)/(1200 - 560), 30px);
    width: clamp(427px, 427px + 547 * (100vw - 560px)/(1200 - 560), 974px);
  }
}
@media (min-width: 1200px) {
  .kv .box .news {
    padding: 10px 30px;
    width: auto;
  }
}
.kv .box .news h2 {
  font-size: 14px;
  border-right: 1px solid #ffffff;
  padding-right: 10px;
}
@media (min-width: 561px) {
  .kv .box .news h2 {
    width: 73px;
    padding-right: 20px;
  }
}
.kv .box .news dl {
  font-size: 12px;
  padding-left: 20px;
  width: 100%;
}
.kv .box .news dl dt {
  color: #c3d60b;
  float: initial;
  margin-right: 20px;
}
@media (min-width: 561px) {
  .kv .box .news dl dt {
    float: left;
  }
}
.kv .box .news dl dd {
  margin-left: 0px;
}
@media (min-width: 561px) {
  .kv .box .news dl dd {
    margin-left: 20px;
    margin-inline-start: 66px;
  }
}
.kv .box .news dl dd a {
  color: #ffffff;
  transition: all 0.3s;
}
.kv .box .news dl dd a:hover {
  opacity: 0.6;
}

.top_message .flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 135px;
  padding: 0 30px;
  overflow-x: hidden;
}
@media (min-width: 1200px) {
  .top_message .flex {
    flex-direction: row;
    justify-content: center;
    margin-top: 200px;
    padding: 0 18.75vw;
  }
}
@media (min-width: 1200px) {
  .top_message .flex .left,
  .top_message .flex .right {
    width: clamp(350px, 350px + 120 * (100vw - 1200px)/(1920 - 1200), 470px);
  }
}
@media (min-width: 1200px) {
  .top_message .flex .left {
    margin-right: clamp(30px, 30px + 30 * (100vw - 1200px)/(1920 - 1200), 60px);
    margin-bottom: 160px;
  }
}
.top_message .flex .left .top_message_anime {
  width: 125px;
  margin-left: clamp(-40px, -40px + -5 * (100vw - 320px)/(560 - 320), -45px);
  opacity: 0;
  transform: translateX(-150px);
  transition: all 0.8s 0s ease-out;
}
@media (min-width: 1200px) {
  .top_message .flex .left .top_message_anime {
    width: clamp(260px, 260px + 40 * (100vw - 1200px)/(1920 - 1200), 300px);
    margin-left: 40px;
  }
}
.top_message .flex .left h3 {
  font-family: "NotosansBold";
  text-align: center;
  font-size: clamp(20px, 20px + 10 * (100vw - 320px)/(560 - 320), 30px);
  opacity: 0;
  transform: translateY(100px);
  transition: all 1.6s 0s ease-out;
  letter-spacing: 1px;
}
@media (min-width: 1200px) {
  .top_message .flex .left h3 {
    display: flex;
    justify-content: flex-end;
    text-align: left;
    font-size: clamp(26px, 26px + 2 * (100vw - 1200px)/(1920 - 1200), 28px);
  }
}
.top_message .flex .left #top_message_svg {
  transform: rotate(-1deg);
}
.top_message .flex .left #top_message_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 10;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.top_message .flex .right {
  text-align: center;
  margin-top: clamp(60px, 60px + 30 * (100vw - 320px)/(560 - 320), 90px);
  opacity: 0;
  transform: translateX(200px);
  transition: all 1.3s 0s ease-out;
}
@media (min-width: 1200px) {
  .top_message .flex .right {
    text-align: left;
    margin-top: 0;
  }
}
.top_message .flex .right p {
  font-family: "NotosansRegular";
  line-height: 200%;
  margin-bottom: 30px;
  font-size: clamp(13px, 13px + 3 * (100vw - 320px)/(560 - 320), 16px);
}
@media (min-width: 1200px) {
  .top_message .flex .right p {
    font-size: clamp(16px, 16px + 2 * (100vw - 1200px)/(1920 - 1200), 18px);
  }
}

.what,
.human,
.works,
.environment {
  margin-top: clamp(90px, 90px + 40 * (100vw - 320px)/(560 - 320), 130px);
}
.what .flex,
.human .flex,
.works .flex,
.environment .flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-top: 50px;
}
@media (min-width: 1200px) {
  .what .flex,
  .human .flex,
  .works .flex,
  .environment .flex {
    flex-direction: row;
    justify-content: center;
    margin-top: 120px;
    padding: 0 18.75vw;
  }
}
.what .flex .img_column,
.what .flex .text_column,
.human .flex .img_column,
.human .flex .text_column,
.works .flex .img_column,
.works .flex .text_column,
.environment .flex .img_column,
.environment .flex .text_column {
  width: clamp(220px, 220px + 154 * (100vw - 320px)/(560 - 320), 374px);
}
@media (min-width: 1200px) {
  .what .flex .img_column,
  .human .flex .img_column,
  .works .flex .img_column,
  .environment .flex .img_column {
    width: clamp(297px, 297px + 178 * (100vw - 1200px)/(1920 - 1200), 475px);
  }
}
.what .flex .img_column .img_box,
.human .flex .img_column .img_box,
.works .flex .img_column .img_box,
.environment .flex .img_column .img_box {
  position: relative;
  z-index: -1;
  opacity: 0;
  transform: translateY(150px);
  transition: all 1.3s 0s ease-out;
}
.what .flex .img_column .img_box img,
.human .flex .img_column .img_box img,
.works .flex .img_column .img_box img,
.environment .flex .img_column .img_box img {
  width: 100%;
  z-index: 1;
}
.what .flex .img_column .img_box .sankaku,
.human .flex .img_column .img_box .sankaku,
.works .flex .img_column .img_box .sankaku,
.environment .flex .img_column .img_box .sankaku {
  position: absolute;
  right: -10px;
  bottom: -6px;
  z-index: -1;
  width: clamp(110px, 110px + 67 * (100vw - 320px)/(560 - 320), 177px);
}
.what .flex .text_column,
.human .flex .text_column,
.works .flex .text_column,
.environment .flex .text_column {
  margin: 30px 0 auto;
  opacity: 0;
  transform: translateY(150px);
  transition: all 1.3s 0s ease-out;
}
@media (min-width: 1200px) {
  .what .flex .text_column,
  .human .flex .text_column,
  .works .flex .text_column,
  .environment .flex .text_column {
    width: clamp(350px, 350px + 120 * (100vw - 1200px)/(1920 - 1200), 470px);
    margin: clamp(25px, 25px + 30 * (100vw - 1200px)/(1920 - 1200), 55px) 0 auto;
    transition: all 1.3s 1s ease-out;
  }
}
.what .flex .text_column h2,
.human .flex .text_column h2,
.works .flex .text_column h2,
.environment .flex .text_column h2 {
  font-size: 30px;
  font-family: "NotosansBold";
}
@media (min-width: 1200px) {
  .what .flex .text_column h2,
  .human .flex .text_column h2,
  .works .flex .text_column h2,
  .environment .flex .text_column h2 {
    font-size: clamp(38px, 38px + 20 * (100vw - 1200px)/(1920 - 1200), 58px);
  }
}
.what .flex .text_column .line,
.human .flex .text_column .line,
.works .flex .text_column .line,
.environment .flex .text_column .line {
  border-bottom: 1px solid #333333;
  width: 40px;
  margin: 30px 0;
}
.what .flex .text_column p,
.human .flex .text_column p,
.works .flex .text_column p,
.environment .flex .text_column p {
  font-family: "NotosansRegular";
  margin-bottom: 30px;
}
.what .flex .text_column .more,
.human .flex .text_column .more,
.works .flex .text_column .more,
.environment .flex .text_column .more {
  font-family: "NotosansRegular";
  display: block;
  border: 1px solid #333333;
  text-decoration: none;
  text-align: center;
  color: #333333;
  padding: 21px 0;
  width: 215px;
  transition: all 0.3s;
}
.what .flex .text_column .more:hover,
.human .flex .text_column .more:hover,
.works .flex .text_column .more:hover,
.environment .flex .text_column .more:hover {
  background-color: #333333;
  color: #ffffff;
}
@media (min-width: 1200px) {
  .what .flex .text_column .more,
  .human .flex .text_column .more,
  .works .flex .text_column .more,
  .environment .flex .text_column .more {
    width: clamp(275px, 275px + 166 * (100vw - 1200px)/(1920 - 1200), 441px);
  }
}

@media (min-width: 1200px) {
  .what .flex {
    margin-left: calc(-50px + -25 * (100vw - 1200px)/(1920 - 1200));
  }
}
@media (min-width: 1200px) {
  .what .flex .img_column {
    width: clamp(357px, 357px + 215 * (100vw - 1200px)/(1920 - 1200), 572px);
    margin-right: clamp(36px, 36px + 22 * (100vw - 1200px)/(1920 - 1200), 58px);
  }
}
.what .flex .img_column #top_whatisari_svg {
  width: clamp(180px, 180px + 20 * (100vw - 320px)/(560 - 320), 200px);
  margin-left: clamp(-40px, -40px + -5 * (100vw - 320px)/(560 - 320), -45px);
  margin-bottom: -10px;
  z-index: 2;
  opacity: 0;
  transform: translateY(150px);
  transition: all 1.3s 0s ease-out;
}
@media (min-width: 1200px) {
  .what .flex .img_column #top_whatisari_svg {
    width: clamp(300px, 300px + 100 * (100vw - 1200px)/(1920 - 1200), 400px);
  }
}
.what .flex .img_column #top_whatisari_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
@media (min-width: 1200px) {
  .what .flex .text_column {
    width: clamp(275px, 275px + 166 * (100vw - 1200px)/(1920 - 1200), 441px);
  }
}

@media (min-width: 1200px) {
  .human .flex {
    flex-direction: row-reverse;
    margin-left: clamp(30px, 30px + 10 * (100vw - 1200px)/(1920 - 1200), 40px);
  }
}
.human .flex .img_column {
  text-align: right;
}
@media (min-width: 1200px) {
  .human .flex .img_column {
    margin-left: clamp(31px, 31px + 19 * (100vw - 1200px)/(1920 - 1200), 50px);
  }
}
.human .flex .img_column #top_human_svg {
  width: 94px;
  margin-right: -20px;
  margin-bottom: -10px;
  z-index: 2;
  opacity: 0;
  transform: translateY(150px);
  transition: all 1.3s 0s ease-out;
}
@media (min-width: 1200px) {
  .human .flex .img_column #top_human_svg {
    width: clamp(150px, 150px + 40 * (100vw - 1200px)/(1920 - 1200), 190px);
  }
}
.human .flex .img_column #top_human_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-miterlimit: 10;
}
@media (min-width: 1200px) {
  .human .flex .text_column {
    width: clamp(275px, 275px + 166 * (100vw - 1200px)/(1920 - 1200), 441px);
    margin: clamp(35px, 35px + 20 * (100vw - 1200px)/(1920 - 1200), 55px) 0 auto;
    display: flex;
    flex-direction: column;
    align-items: end;
  }
  .human .flex .text_column p {
    text-align: right;
  }
}

@media (min-width: 1200px) {
  .works .flex {
    margin-right: clamp(30px, 30px + 10 * (100vw - 1200px)/(1920 - 1200), 40px);
  }
}
@media (min-width: 1200px) {
  .works .flex .img_column {
    margin-right: clamp(31px, 31px + 19 * (100vw - 1200px)/(1920 - 1200), 50px);
  }
}
.works .flex .img_column #top_works_svg {
  width: 100px;
  margin-left: clamp(-40px, -40px + -5 * (100vw - 320px)/(560 - 320), -45px);
  opacity: 0;
  transform: translateY(150px);
  transition: all 1.3s 0s ease-out;
}
@media (min-width: 1200px) {
  .works .flex .img_column #top_works_svg {
    width: clamp(140px, 140px + 40 * (100vw - 1200px)/(1920 - 1200), 180px);
  }
}
.works .flex .img_column #top_works_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-miterlimit: 10;
}
@media (min-width: 1200px) {
  .works .flex .text_column {
    width: clamp(275px, 275px + 166 * (100vw - 1200px)/(1920 - 1200), 441px);
    margin: clamp(35px, 35px + 20 * (100vw - 1200px)/(1920 - 1200), 55px) 0 auto;
  }
}

.environment {
  margin-bottom: 130px;
}
@media (min-width: 1200px) {
  .environment .flex {
    flex-direction: column;
  }
}
.environment .flex .img_column {
  text-align: right;
}
@media (min-width: 1200px) {
  .environment .flex .img_column {
    width: 100%;
    max-width: 840px;
  }
}
.environment .flex .img_column #top_environment_svg {
  width: 275px;
  margin-bottom: -10px;
  margin-right: -20px;
  opacity: 0;
  transform: translateY(150px);
  transition: all 1.3s 0s ease-out;
}
@media (min-width: 1200px) {
  .environment .flex .img_column #top_environment_svg {
    width: clamp(400px, 400px + 115 * (100vw - 1200px)/(1920 - 1200), 515px);
    margin-bottom: -30px;
    margin-right: -100px;
  }
}
.environment .flex .img_column #top_environment_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.environment .flex .img_column #top_environment_svg .st1 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
@media (min-width: 1200px) {
  .environment .flex .text_column {
    transform: translateY(100px);
    transition: all 0.6s 0s ease-out;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .environment .flex .text_column p {
    text-align: center;
  }
}

.top_sns {
  display: flex;
  flex-direction: column;
  align-items: center;
  background-color: #f6f6f6;
}
.top_sns .catch {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 16px;
  padding-bottom: 20px;
  background-color: #ffffff;
  width: 100%;
  text-align: center;
}
.top_sns .catch::before {
  content: "／";
  display: inline-block;
  transform: scaleX(-1);
  margin-right: 30px;
}
.top_sns .catch::after {
  content: "／";
  margin-left: 15px;
}
.top_sns .wrap {
  width: 100%;
  padding: 30px 0px;
}
@media (min-width: 1200px) {
  .top_sns .wrap {
    display: flex;
    justify-content: center;
    justify-content: space-around;
    max-width: 1000px;
    padding: 50px 0px;
  }
}
.top_sns .wrap .item {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 0 auto 30px;
  padding-bottom: 30px;
  border-bottom: 1px solid #707070;
  width: 70%;
}
@media (min-width: 1200px) {
  .top_sns .wrap .item {
    border-right: 1px solid #707070;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.top_sns .wrap .item:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border: 0;
}
.top_sns .wrap .item a {
  transition: all 0.3s;
  display: flex;
  height: 40px;
}
.top_sns .wrap .item a:hover {
  opacity: 0.6;
}
.top_sns .wrap .item p:first-of-type {
  margin: 30px 0;
}
.top_sns .wrap .item p:nth-of-type(2) {
  font-size: 14px;
  text-align: center;
}

.modoru a {
  font-family: "NotosansRegular";
  display: block;
  padding: 21px 0;
  margin: 80px auto;
  width: 67%;
  max-width: 456px;
  border: 1px solid #333333;
  color: #333333;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .modoru a {
    margin: 130px auto;
    width: clamp(275px, 275px + 166 * (100vw - 1200px)/(1920 - 1200), 441px);
  }
}
.modoru a:hover {
  color: #ffffff;
  background-color: #333333;
}

.page_title {
  max-width: 1000px;
  padding: clamp(140px, 140px + 30 * (100vw - 320px)/(560 - 320), 170px) 30px clamp(60px, 60px + 40 * (100vw - 320px)/(560 - 320), 100px);
  margin: 0 auto;
}
@media (min-width: 1200px) {
  .page_title {
    padding: clamp(140px, 140px + 60 * (100vw - 1200px)/(1920 - 1200), 200px) 18.75vw clamp(60px, 60px + 68 * (100vw - 1200px)/(1920 - 1200), 128px);
  }
}
.page_title h1 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(20px, 20px + 10 * (100vw - 320px)/(560 - 320), 30px);
}
@media (min-width: 1200px) {
  .page_title h1 {
    font-size: clamp(30px, 30px + 28 * (100vw - 1200px)/(1920 - 1200), 58px);
    margin-bottom: 30px;
  }
}
.page_title p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
@media (min-width: 1200px) {
  .page_title p {
    font-size: clamp(16px, 16px + 4 * (100vw - 1200px)/(1920 - 1200), 20px);
  }
}

.page_kv .title {
  position: relative;
}
.page_kv .title #top_whatisari_svg,
.page_kv .title #top_human_svg,
.page_kv .title #top_works_svg,
.page_kv .title #top_environment_svg {
  position: absolute;
  width: clamp(180px, 180px + 20 * (100vw - 320px)/(560 - 320), 200px);
  right: 0;
  z-index: 1;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
.page_kv .title #top_whatisari_svg {
  top: -40px;
}
@media (min-width: 1200px) {
  .page_kv .title #top_whatisari_svg {
    width: clamp(300px, 300px + 400 * (100vw - 1200px)/(1920 - 1200), 700px);
    top: clamp(-140px, -60px + -80 * (100vw - 1200px)/(1920 - 1200), -60px);
  }
}
.page_kv .title #top_whatisari_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 8;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_kv .title #top_human_svg {
  width: clamp(125px, 125px + 35 * (100vw - 320px)/(560 - 320), 160px);
  top: -40px;
}
@media (min-width: 1200px) {
  .page_kv .title #top_human_svg {
    width: clamp(140px, 140px + 170 * (100vw - 1200px)/(1920 - 1200), 310px);
    top: clamp(-85px, -35px + -50 * (100vw - 1200px)/(1920 - 1200), -35px);
  }
}
.page_kv .title #top_human_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-miterlimit: 10;
}
.page_kv .title #top_works_svg {
  width: clamp(100px, 100px + 30 * (100vw - 320px)/(560 - 320), 130px);
  top: clamp(-30px, -25px + -5 * (100vw - 320px)/(560 - 320), -25px);
}
@media (min-width: 1200px) {
  .page_kv .title #top_works_svg {
    width: clamp(120px, 120px + 180 * (100vw - 1200px)/(1920 - 1200), 300px);
    top: clamp(-100px, -45px + -55 * (100vw - 1200px)/(1920 - 1200), -45px);
  }
}
.page_kv .title #top_works_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-miterlimit: 10;
}
.page_kv .title #top_environment_svg {
  width: clamp(220px, 220px + 147 * (100vw - 320px)/(560 - 320), 367px);
  top: clamp(-50px, -30px + -20 * (100vw - 320px)/(560 - 320), -30px);
}
@media (min-width: 1200px) {
  .page_kv .title #top_environment_svg {
    width: clamp(368px, 368px + 442 * (100vw - 1200px)/(1920 - 1200), 810px);
    top: clamp(-100px, -35px + -65 * (100vw - 1200px)/(1920 - 1200), -35px);
  }
}
.page_kv .title #top_environment_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_kv .title #top_environment_svg .st1 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 6;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_kv .title img {
  width: 100%;
}
.page_kv .page_kv_img {
  padding-left: 30px;
  margin-left: auto;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 561px) {
  .page_kv .page_kv_img {
    padding-left: clamp(30px, 30px + 194 * (100vw - 560px)/(1200 - 560), 224px);
  }
}
@media (min-width: 1200px) {
  .page_kv .page_kv_img {
    padding-left: 18.75vw;
  }
}
.page_kv .page_kv_img img {
  width: 100%;
}

.page_box {
  padding: 0 18.75vw;
}
.page_box .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .page_box .wrap {
    flex-direction: row;
    justify-content: space-between;
    align-items: flex-start;
    max-width: 1000px;
    margin: 0 auto;
  }
}
.page_box .wrap .flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: clamp(200px, 200px + 86 * (100vw - 320px)/(560 - 320), 286px);
  margin-top: 100px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex {
    justify-content: center;
    width: calc((100% - clamp(73px, 73px + 27 * (100vw - 1200px)/(1920 - 1200), 100px)) / 3);
    margin-top: 128px;
  }
}
.page_box .wrap .flex .img_column,
.page_box .wrap .flex .text_column {
  width: 100%;
}
.page_box .wrap .flex .img_column {
  position: relative;
}
.page_box .wrap .flex .img_column .title {
  transform: rotate(-3deg);
}
.page_box .wrap .flex .img_column .title #page_service_svg,
.page_box .wrap .flex .img_column .title #page_management_svg,
.page_box .wrap .flex .img_column .title #page_topmessage_svg,
.page_box .wrap .flex .img_column .title #page_company_svg,
.page_box .wrap .flex .img_column .title #page_history_svg,
.page_box .wrap .flex .img_column .title #page_interview_svg,
.page_box .wrap .flex .img_column .title #page_symposium_svg,
.page_box .wrap .flex .img_column .title #page_viewbydata_svg,
.page_box .wrap .flex .img_column .title #page_job_svg,
.page_box .wrap .flex .img_column .title #page_careerpath_svg,
.page_box .wrap .flex .img_column .title #page_trainingsystem_svg,
.page_box .wrap .flex .img_column .title #page_welfaresystem_svg,
.page_box .wrap .flex .img_column .title #page_office_svg {
  position: absolute;
  z-index: 0;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
.page_box .wrap .flex .img_column .title #page_service_svg {
  width: clamp(100px, 100px + 30 * (100vw - 320px)/(560 - 320), 130px);
  top: clamp(-35px, -25px + -10 * (100vw - 320px)/(560 - 320), -25px);
  left: -30px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_service_svg {
    width: clamp(135px, 135px + 35 * (100vw - 1200px)/(1920 - 1200), 170px);
    top: clamp(-45px, -35px + -10 * (100vw - 1200px)/(1920 - 1200), -35px);
    left: -22px;
    transition: all 0.6s 0s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_service_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_management_svg {
  width: clamp(160px, 160px + 30 * (100vw - 320px)/(560 - 320), 190px);
  top: clamp(-20px, -15px + -5 * (100vw - 320px)/(560 - 320), -15px);
  left: -30px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_management_svg {
    width: clamp(190px, 190px + 90 * (100vw - 1200px)/(1920 - 1200), 280px);
    top: clamp(-30px, -25px + -5 * (100vw - 1200px)/(1920 - 1200), -25px);
    left: -22px;
    transition: all 0.6s 0.4s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_management_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_topmessage_svg {
  width: clamp(160px, 160px + 18 * (100vw - 320px)/(560 - 320), 178px);
  top: -20px;
  right: -40px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_topmessage_svg {
    width: clamp(178px, 178px + 88 * (100vw - 1200px)/(1920 - 1200), 266px);
    top: clamp(-40px, -25px + -15 * (100vw - 1200px)/(1920 - 1200), -25px);
    left: -10px;
    transition: all 0.6s 0.8s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_topmessage_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_company_svg {
  width: clamp(160px, 160px + 16 * (100vw - 320px)/(560 - 320), 176px);
  top: -20px;
  left: -30px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_company_svg {
    width: clamp(200px, 200px + 80 * (100vw - 1200px)/(1920 - 1200), 280px);
    top: clamp(-40px, -25px + -15 * (100vw - 1200px)/(1920 - 1200), -25px);
    left: -10px;
    transition: all 0.6s 0s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_company_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_history_svg {
  width: clamp(160px, 160px + 12 * (100vw - 320px)/(560 - 320), 172px);
  top: -40px;
  right: -30px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_history_svg {
    width: clamp(172px, 172px + 96 * (100vw - 1200px)/(1920 - 1200), 268px);
    top: clamp(-65px, -40px + -25 * (100vw - 1200px)/(1920 - 1200), -40px);
    right: clamp(-100px, -65px + -35 * (100vw - 1200px)/(1920 - 1200), -65px);
    transition: all 0.6s 0.4s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_history_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_interview_svg {
  width: clamp(160px, 160px + 25 * (100vw - 320px)/(560 - 320), 185px);
  top: -35px;
  left: -30px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_interview_svg {
    width: clamp(185px, 185px + 45 * (100vw - 1200px)/(1920 - 1200), 230px);
    top: clamp(-50px, -40px + -10 * (100vw - 1200px)/(1920 - 1200), -40px);
    left: clamp(-20px, -15px + -5 * (100vw - 1200px)/(1920 - 1200), -15px);
    transition: all 0.6s 0s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_interview_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_symposium_svg {
  width: clamp(130px, 130px + 55 * (100vw - 320px)/(560 - 320), 185px);
  top: clamp(-30px, -20px + -10 * (100vw - 320px)/(560 - 320), -20px);
  right: clamp(-50px, -35px + -15 * (100vw - 320px)/(560 - 320), -35px);
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_symposium_svg {
    width: clamp(185px, 185px + 45 * (100vw - 1200px)/(1920 - 1200), 230px);
    top: clamp(-45px, -35px + -10 * (100vw - 1200px)/(1920 - 1200), -35px);
    left: clamp(-20px, -15px + -5 * (100vw - 1200px)/(1920 - 1200), -15px);
    transition: all 0.6s 0.4s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_symposium_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_viewbydata_svg {
  width: clamp(130px, 130px + 55 * (100vw - 320px)/(560 - 320), 185px);
  top: clamp(-25px, -18px + -7 * (100vw - 320px)/(560 - 320), -18px);
  right: clamp(-45px, -35px + -10 * (100vw - 320px)/(560 - 320), -35px);
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_viewbydata_svg {
    width: clamp(180px, 180px + 90 * (100vw - 1200px)/(1920 - 1200), 270px);
    top: clamp(-45px, -30px + -15 * (100vw - 1200px)/(1920 - 1200), -30px);
    left: clamp(-20px, -15px + -5 * (100vw - 1200px)/(1920 - 1200), -15px);
    transition: all 0.6s 0.8s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_viewbydata_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_job_svg {
  width: clamp(40px, 40px + 10 * (100vw - 320px)/(560 - 320), 50px);
  top: clamp(-40px, -30px + -10 * (100vw - 320px)/(560 - 320), -30px);
  left: -25px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_job_svg {
    width: clamp(50px, 50px + 30 * (100vw - 1200px)/(1920 - 1200), 80px);
    top: clamp(-50px, -30px + -20 * (100vw - 1200px)/(1920 - 1200), -30px);
    left: clamp(-35px, -25px + -10 * (100vw - 1200px)/(1920 - 1200), -25px);
    transition: all 0.6s 0s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_job_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_careerpath_svg {
  width: clamp(120px, 120px + 40 * (100vw - 320px)/(560 - 320), 160px);
  top: -20px;
  right: -25px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_careerpath_svg {
    width: clamp(180px, 180px + 80 * (100vw - 1200px)/(1920 - 1200), 260px);
    top: clamp(-45px, -30px + -15 * (100vw - 1200px)/(1920 - 1200), -30px);
    left: clamp(-20px, -25px + 5 * (100vw - 1200px)/(1920 - 1200), -25px);
    transition: all 0.6s 0.4s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_careerpath_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_trainingsystem_svg {
  width: clamp(160px, 160px + 20 * (100vw - 320px)/(560 - 320), 180px);
  top: -10px;
  right: clamp(-40px, -15px + -25 * (100vw - 320px)/(560 - 320), -15px);
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_trainingsystem_svg {
    width: clamp(220px, 220px + 80 * (100vw - 1200px)/(1920 - 1200), 300px);
    top: clamp(-35px, -25px + -10 * (100vw - 1200px)/(1920 - 1200), -25px);
    left: clamp(-20px, -15px + -5 * (100vw - 1200px)/(1920 - 1200), -15px);
    transition: all 0.6s 0.8s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_trainingsystem_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_welfaresystem_svg {
  width: clamp(130px, 130px + 45 * (100vw - 320px)/(560 - 320), 175px);
  top: clamp(-50px, -35px + -15 * (100vw - 320px)/(560 - 320), -35px);
  left: clamp(-40px, -30px + -10 * (100vw - 320px)/(560 - 320), -30px);
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_welfaresystem_svg {
    width: clamp(175px, 175px + 142 * (100vw - 1200px)/(1920 - 1200), 317px);
    top: clamp(-45px, -25px + -20 * (100vw - 1200px)/(1920 - 1200), -25px);
    left: clamp(-45px, -25px + -20 * (100vw - 1200px)/(1920 - 1200), -25px);
    transition: all 0.6s 0s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_welfaresystem_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .title #page_office_svg {
  width: 90px;
  top: -20px;
  right: -20px;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column .title #page_office_svg {
    width: clamp(90px, 90px + 40 * (100vw - 1200px)/(1920 - 1200), 130px);
    top: clamp(-45px, -30px + -15 * (100vw - 1200px)/(1920 - 1200), -30px);
    left: clamp(-20px, -15px + -5 * (100vw - 1200px)/(1920 - 1200), -15px);
    transition: all 0.6s 0.4s ease-out;
  }
}
.page_box .wrap .flex .img_column .title #page_office_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.page_box .wrap .flex .img_column .deg0 {
  transform: rotate(0deg);
}
.page_box .wrap .flex .img_column a {
  display: block;
  transition: all 0.3s;
}
.page_box .wrap .flex .img_column a:hover {
  background: rgba(255, 255, 255, 0.3);
}
.page_box .wrap .flex .img_column a .img_box {
  position: relative;
  z-index: -1;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
.page_box .wrap .flex .img_column a .img_box img {
  width: 100%;
  z-index: 1;
}
.page_box .wrap .flex .img_column a .img_box .sankaku {
  position: absolute;
  right: -10px;
  bottom: -6px;
  z-index: -1;
  width: clamp(100px, 100px + 45 * (100vw - 320px)/(560 - 320), 145px);
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column a .img_box .sankaku {
    width: clamp(110px, 110px + 40 * (100vw - 1200px)/(1920 - 1200), 150px);
  }
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .img_column a .service_fade {
    transition: all 0.6s 0.2s ease-out;
  }
  .page_box .wrap .flex .img_column a .management_fade {
    transition: all 0.6s 0.6s ease-out;
  }
  .page_box .wrap .flex .img_column a .topmessage_fade {
    transition: all 0.6s 1s ease-out;
  }
  .page_box .wrap .flex .img_column a .company_fade {
    transition: all 0.6s 0.2s ease-out;
  }
  .page_box .wrap .flex .img_column a .history_fade {
    transition: all 0.6s 0.6s ease-out;
  }
  .page_box .wrap .flex .img_column a .interview_fade {
    transition: all 0.6s 0.2s ease-out;
  }
  .page_box .wrap .flex .img_column a .symposium_fade {
    transition: all 0.6s 0.6s ease-out;
  }
  .page_box .wrap .flex .img_column a .viewbydata_fade {
    transition: all 0.6s 1s ease-out;
  }
  .page_box .wrap .flex .img_column a .job_fade {
    transition: all 0.6s 0.2s ease-out;
  }
  .page_box .wrap .flex .img_column a .careerpath_fade {
    transition: all 0.6s 0.6s ease-out;
  }
  .page_box .wrap .flex .img_column a .trainingsystem_fade {
    transition: all 0.6s 1s ease-out;
  }
  .page_box .wrap .flex .img_column a .welfaresystem_fade {
    transition: all 0.6s 0.2s ease-out;
  }
  .page_box .wrap .flex .img_column a .office_fade {
    transition: all 0.6s 0.6s ease-out;
  }
}
.page_box .wrap .flex .text_column {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 30px 0 auto;
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .text_column {
    margin: 70px 0 auto;
  }
}
.page_box .wrap .flex .text_column h3 {
  color: #70b437;
  font-size: 14px;
  margin-bottom: 15px;
}
.page_box .wrap .flex .text_column h2 {
  font-size: clamp(20px, 20px + 2 * (100vw - 320px)/(560 - 320), 22px);
}
@media (min-width: 1200px) {
  .page_box .wrap .flex .text_column h2 {
    font-size: clamp(18px, 18px + 4 * (100vw - 1200px)/(1920 - 1200), 22px);
  }
}
.page_box .wrap .flex .text_column .line {
  border-bottom: 1px solid #70b437;
  width: 40px;
  margin: 30px 0;
}
.page_box .wrap .flex .text_column p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  margin-bottom: 30px;
  text-align: center;
  font-size: 14px;
  line-height: 200%;
}
.page_box .around {
  justify-content: space-around;
}

.page2_kv img {
  width: 100%;
}

.page2_wrap {
  padding: 0 30px;
  margin: 0 auto;
  max-width: 496px;
}
@media (min-width: 1200px) {
  .page2_wrap {
    padding: 0 18.75vw;
    margin: 0 auto;
    max-width: 1000px;
  }
}
.page2_wrap .page2_title {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
  margin: clamp(60px, 60px + 40 * (100vw - 320px)/(560 - 320), 100px) auto;
}
@media (min-width: 1200px) {
  .page2_wrap .page2_title {
    margin: clamp(80px, 80px + 20 * (100vw - 1200px)/(1920 - 1200), 100px) auto;
  }
}
.page2_wrap h1 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(24px, 24px + 6 * (100vw - 320px)/(560 - 320), 30px);
  margin-bottom: clamp(40px, 40px + 8 * (100vw - 320px)/(560 - 320), 48px);
}
@media (min-width: 1200px) {
  .page2_wrap h1 {
    font-size: clamp(30px, 30px + 8 * (100vw - 1200px)/(1920 - 1200), 38px);
    margin-bottom: clamp(40px, 40px + 8 * (100vw - 1200px)/(1920 - 1200), 48px);
  }
}
.page2_wrap h2 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(20px, 20px + 8 * (100vw - 320px)/(560 - 320), 28px);
  margin-bottom: clamp(30px, 30px + 20 * (100vw - 320px)/(560 - 320), 50px);
}
@media (min-width: 1200px) {
  .page2_wrap h2 {
    font-size: clamp(22px, 22px + 16 * (100vw - 1200px)/(1920 - 1200), 38px);
    margin-bottom: clamp(30px, 30px + 40 * (100vw - 1200px)/(1920 - 1200), 70px);
  }
}
.page2_wrap .sentence,
.page2_wrap p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  letter-spacing: 2px;
  line-height: 200%;
  font-size: 14px;
}
.page2_wrap .sentence p,
.page2_wrap p p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  margin-bottom: clamp(30px, 30px + 10 * (100vw - 320px)/(560 - 320), 40px);
}
.page2_wrap .sentence p:last-of-type,
.page2_wrap p p:last-of-type {
  margin-bottom: 0;
}
.page2_wrap .sentence .tyuusyaku,
.page2_wrap p .tyuusyaku {
  font-size: 14px;
  text-indent: -3em;
  padding-left: 3em;
  margin-bottom: 20px;
  line-height: 150%;
}
.page2_wrap .sentence .first,
.page2_wrap p .first {
  padding-top: 20px;
}

.interview_kv {
  margin-top: clamp(94px, 94px + 46 * (100vw - 320px)/(560 - 320), 140px);
}
@media (min-width: 960px) {
  .interview_kv {
    position: relative;
  }
}
@media screen and (min-width: 960px) and (max-width: 1630px) {
  .interview_kv {
    padding-left: 18.75vw;
  }
}
@media screen and (min-width: 1631px) and (max-width: 1920px) {
  .interview_kv {
    padding-left: calc(310px + 140 * (100vw - 1631px) / 289);
  }
}
@media screen and (min-width: 1921px) {
  .interview_kv {
    padding-left: 25vw;
  }
}
.interview_kv .catch {
  font-family: "NotosansBold";
  font-size: clamp(20px, 20px + 8 * (100vw - 320px)/(560 - 320), 28px);
  padding: 0 30px;
  margin-bottom: 44px;
  text-shadow: 2px 2px 8px #ffffff;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 960px) {
  .interview_kv .catch {
    font-size: clamp(22px, 22px + 12 * (100vw - 960px)/(1920 - 960), 34px);
    width: 770px;
    padding: 0;
    margin-top: calc(-24px + 24 * (100vw - 960px)/(1920 - 960));
  }
}
.interview_kv .kv_img {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0.6s ease-out;
}
@media (min-width: 960px) {
  .interview_kv .kv_img {
    position: absolute;
    top: calc(-56px + -134 * (100vw - 960px)/(1920 - 960));
    right: clamp(-240px, -240px + 240 * (100vw - 960px)/(1600 - 960), 0px);
    z-index: -1;
  }
}
@media screen and (min-width: 960px) and (max-width: 1600px) {
  .interview_kv .kv_img {
    -webkit-clip-path: polygon(calc(120px + -120 * (100vw - 960px)/(1600 - 960)) 0%, calc(120px + -120 * (100vw - 960px)/(1600 - 960)) 100%, 100% 100%, 100% 0%);
            clip-path: polygon(calc(120px + -120 * (100vw - 960px)/(1600 - 960)) 0%, calc(120px + -120 * (100vw - 960px)/(1600 - 960)) 100%, 100% 100%, 100% 0%);
  }
}
.interview_kv .kv_img img {
  width: 100%;
}
@media (min-width: 960px) {
  .interview_kv .kv_img img {
    width: clamp(750px, 750px + 450 * (100vw - 960px)/(1920 - 960), 1200px);
  }
}
.interview_kv .prof {
  margin-top: 24px;
  padding: 0 50px;
  text-shadow: 2px 2px 8px #ffffff;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 1.2s ease-out;
}
@media (min-width: 960px) {
  .interview_kv .prof {
    padding: 0;
  }
}
.interview_kv .prof .department {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  width: clamp(220px, 220px + 100 * (100vw - 320px)/(560 - 320), 320px);
  margin-bottom: 12px;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
}
@media (min-width: 960px) {
  .interview_kv .prof .department {
    width: 238px;
    font-size: clamp(12px, 12px + 1 * (100vw - 1200px)/(1920 - 1200), 13px);
  }
}
.interview_kv .prof .name2 {
  font-family: "NotosansBold";
  font-size: clamp(14px, 14px + 2 * (100vw - 320px)/(560 - 320), 16px);
}
@media (min-width: 1200px) {
  .interview_kv .prof .name2 {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .interview_wrap .interview_title {
    margin-top: clamp(100px, 100px + 28 * (100vw - 1200px)/(1920 - 1200), 128px);
  }
}
.interview_wrap .interview_h2 {
  margin-bottom: clamp(32px, 32px + 4 * (100vw - 320px)/(560 - 320), 36px);
}
@media (min-width: 1200px) {
  .interview_wrap .interview_h2 {
    font-size: clamp(32px, 32px + 6 * (100vw - 1200px)/(1920 - 1200), 38px);
    margin-bottom: clamp(32px, 32px + 4 * (100vw - 1200px)/(1920 - 1200), 36px);
  }
}
.interview_wrap .interview_box {
  padding: 0 clamp(20px, 20px + 40 * (100vw - 320px)/(560 - 320), 60px);
  margin-bottom: clamp(80px, 80px + 20 * (100vw - 320px)/(560 - 320), 100px);
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box {
    padding: 0;
  }
}
.interview_wrap .interview_box .wrap {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap {
    justify-content: center;
    margin: 0 auto;
  }
}
.interview_wrap .interview_box .wrap .contents_flex {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 100%;
}
.interview_wrap .interview_box .wrap .contents_flex:nth-of-type(even) .text_column {
  text-align: right;
}
.interview_wrap .interview_box .wrap .contents_flex:not(:first-of-type) {
  margin-top: clamp(80px, 80px + 20 * (100vw - 320px)/(560 - 320), 100px);
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex {
    flex-direction: row;
    justify-content: space-between;
  }
  .interview_wrap .interview_box .wrap .contents_flex:not(:first-of-type) {
    margin-top: clamp(100px, 100px + 28 * (100vw - 1200px)/(1920 - 1200), 128px);
  }
  .interview_wrap .interview_box .wrap .contents_flex:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  .interview_wrap .interview_box .wrap .contents_flex:nth-of-type(even) .text_column .more {
    flex-direction: row-reverse;
  }
  .interview_wrap .interview_box .wrap .contents_flex:nth-of-type(even) .text_column .more a {
    flex-direction: row-reverse;
  }
  .interview_wrap .interview_box .wrap .contents_flex:nth-of-type(even) .text_column .more a:hover span:first-of-type {
    width: 28px;
    margin-left: -14px;
    margin-right: 40px;
  }
  .interview_wrap .interview_box .wrap .contents_flex:nth-of-type(even) .text_column .more span:first-of-type {
    width: 2px;
    height: 1px;
    background: #70b437;
    border-radius: 1px;
    margin-left: 12px;
    margin-right: 40px;
    transition: all 0.3s;
  }
  .interview_wrap .interview_box .wrap .contents_flex:nth-of-type(even) .text_column .more span:nth-of-type(2) {
    width: 11px;
    height: 11px;
    border-top: 1px solid #70b437;
    border-right: 1px solid #70b437;
    transform: rotate(-135deg);
  }
}
@media (max-width: 1199px) {
  .interview_wrap .interview_box .wrap .contents_flex .img_column,
  .interview_wrap .interview_box .wrap .contents_flex .text_column {
    max-width: 374px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex .img_column,
  .interview_wrap .interview_box .wrap .contents_flex .text_column {
    width: calc((100% - clamp(30px, 30px + 30 * (100vw - 1200px)/(1920 - 1200), 60px)) / 2);
  }
}
.interview_wrap .interview_box .wrap .contents_flex .img_column {
  margin-bottom: clamp(30px, 30px + 10 * (100vw - 320px)/(560 - 320), 40px);
  transition: all 0.3s;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column:hover {
  opacity: 0.6;
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex .img_column {
    margin-bottom: 0;
  }
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .right {
  text-align: right;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name {
  transform: rotate(-3deg);
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #o_kosuke_svg,
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #i_miwa_svg,
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #n_yoshinori_svg {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #o_kosuke_svg {
  width: clamp(160px, 160px + 40 * (100vw - 320px)/(560 - 320), 200px);
  margin-bottom: -10px;
  margin-left: calc(-20px + -20 * (100vw - 320px)/(560 - 320));
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex .img_column .name #o_kosuke_svg {
    margin-left: -20px;
  }
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #o_kosuke_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #i_miwa_svg {
  width: clamp(160px, 160px + 25 * (100vw - 320px)/(560 - 320), 185px);
  margin-bottom: -10px;
  margin-right: calc(-20px + -20 * (100vw - 320px)/(560 - 320));
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex .img_column .name #i_miwa_svg {
    margin-right: -20px;
  }
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #i_miwa_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #i_miwa_svg .st1 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #n_yoshinori_svg {
  width: clamp(160px, 160px + 40 * (100vw - 320px)/(560 - 320), 200px);
  margin-bottom: -10px;
  margin-left: calc(-20px + -20 * (100vw - 320px)/(560 - 320));
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex .img_column .name #n_yoshinori_svg {
    margin-left: -20px;
  }
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #n_yoshinori_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .name #n_yoshinori_svg .st1 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .img_box {
  position: relative;
  z-index: -1;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0.2s ease-out;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .img_box img {
  width: 100%;
}
.interview_wrap .interview_box .wrap .contents_flex .img_column .img_box .sankaku {
  position: absolute;
  right: -10px;
  bottom: -6px;
  z-index: -1;
  width: clamp(110px, 110px + 67 * (100vw - 320px)/(560 - 320), 177px);
}
.interview_wrap .interview_box .wrap .contents_flex .text_column {
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex .text_column {
    height: clamp(220px, 220px + 74 * (100vw - 1200px)/(1920 - 1200), 294px);
    justify-content: space-between;
    margin-top: 30px;
  }
}
.interview_wrap .interview_box .wrap .contents_flex .text_column .catch {
  font-size: clamp(16px, 16px + 8 * (100vw - 320px)/(560 - 320), 24px);
  margin-bottom: 44px;
  font-family: "NotosansBold";
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex .text_column .catch {
    font-size: clamp(16px, 16px + 7 * (100vw - 1200px)/(1920 - 1200), 23px);
  }
}
.interview_wrap .interview_box .wrap .contents_flex .text_column div .department {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  margin-bottom: 14px;
  font-size: clamp(12px, 12px + 4 * (100vw - 320px)/(560 - 320), 16px);
  letter-spacing: 0;
  line-height: initial;
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex .text_column div .department {
    font-size: clamp(12px, 12px + 1 * (100vw - 1200px)/(1920 - 1200), 13px);
  }
}
.interview_wrap .interview_box .wrap .contents_flex .text_column div .name2 {
  font-size: 20px;
  font-family: "NotosansBold";
}
.interview_wrap .interview_box .wrap .contents_flex .text_column .more {
  display: flex;
  justify-content: right;
  text-align: right;
  margin-top: 20px;
}
@media (min-width: 1200px) {
  .interview_wrap .interview_box .wrap .contents_flex .text_column .more {
    font-size: 14px;
  }
}
.interview_wrap .interview_box .wrap .contents_flex .text_column .more a {
  display: flex;
  justify-content: end;
  align-items: center;
  text-decoration: none;
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
  color: #333333;
  transition: all 0.3s;
}
.interview_wrap .interview_box .wrap .contents_flex .text_column .more a:hover {
  opacity: 0.6;
}
.interview_wrap .interview_box .wrap .contents_flex .text_column .more a:hover span:first-of-type {
  width: 28px;
  margin-right: -14px;
}
.interview_wrap .interview_box .wrap .contents_flex .text_column .more span:first-of-type {
  width: 2px;
  height: 1px;
  background: #70b437;
  border-radius: 1px;
  margin-right: 12px;
  margin-left: 40px;
  transition: all 0.3s;
}
.interview_wrap .interview_box .wrap .contents_flex .text_column .more span:nth-of-type(2) {
  width: 11px;
  height: 11px;
  border-top: 1px solid #70b437;
  border-right: 1px solid #70b437;
  transform: rotate(45deg);
}
.interview_wrap .interview_box .wrap .contents_flex .mt40 {
  margin-top: 50px;
}
.interview_wrap .slider_box {
  margin: 0 auto;
  width: clamp(220px, 220px + 45 * (100vw - 320px)/(560 - 320), 265px);
}
@media (min-width: 1200px) {
  .interview_wrap .slider_box {
    width: 100%;
  }
}
.interview_wrap .slider_box .slick-next::before,
.interview_wrap .slider_box .slick-next::after,
.interview_wrap .slider_box .slick-prev::before,
.interview_wrap .slider_box .slick-prev::after {
  position: absolute;
  top: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
@media (min-width: 1200px) {
  .interview_wrap .slider_box .slick-next::before,
  .interview_wrap .slider_box .slick-next::after,
  .interview_wrap .slider_box .slick-prev::before,
  .interview_wrap .slider_box .slick-prev::after {
    top: 220px;
  }
}
.interview_wrap .slider_box .slick-next::after,
.interview_wrap .slider_box .slick-prev::after {
  width: 26px;
  height: 26px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
}
.interview_wrap .slider_box .slick-next {
  right: calc(-30px + -50 * (100vw - 320px)/(560 - 320));
}
@media (min-width: 1200px) {
  .interview_wrap .slider_box .slick-next {
    right: 45%;
  }
}
.interview_wrap .slider_box .slick-next::after {
  right: 4px;
  transform: rotate(45deg);
}
.interview_wrap .slider_box .slick-prev {
  left: calc(-30px + -50 * (100vw - 320px)/(560 - 320));
}
@media (min-width: 1200px) {
  .interview_wrap .slider_box .slick-prev {
    left: 45%;
  }
}
.interview_wrap .slider_box .slick-prev::after {
  left: 4px;
  transform: rotate(-135deg);
}
.interview_wrap .slider_box .md-overlay {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.7;
  z-index: 9;
}
.interview_wrap .slider_box .md-contents {
  display: none;
  position: fixed;
  top: 10%;
  left: 50%;
  width: 95%;
  height: auto;
  overflow: hidden;
  transform: translateX(-50%);
  z-index: 10;
}
@media (min-width: 561px) {
  .interview_wrap .slider_box .md-contents {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .interview_wrap .slider_box .md-contents {
    width: 970px;
  }
}
.interview_wrap .slider_box .md-inner {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 24px clamp(24px, 24px + 16 * (100vw - 320px)/(560 - 320), 40px);
  background: #fff;
}
@media (min-width: 561px) {
  .interview_wrap .slider_box .md-inner {
    flex-direction: row;
    padding: clamp(20px, 20px + 50 * (100vw - 560px)/(1200 - 560), 70px);
  }
}
.interview_wrap .slider_box .md-inner .left img {
  width: clamp(200px, 200px + 65 * (100vw - 320px)/(560 - 320), 265px);
}
@media (min-width: 561px) {
  .interview_wrap .slider_box .md-inner .left img {
    width: clamp(120px, 120px + 340 * (100vw - 560px)/(1200 - 560), 460px);
    margin-right: clamp(20px, 20px + 30 * (100vw - 560px)/(1200 - 560), 50px);
  }
}
.interview_wrap .slider_box .md-inner .right p {
  line-height: initial;
  letter-spacing: 0;
}
.interview_wrap .slider_box .md-inner .right .prof {
  margin-top: 20px;
}
@media (min-width: 561px) {
  .interview_wrap .slider_box .md-inner .right .prof {
    margin-top: 0;
  }
}
.interview_wrap .slider_box .md-inner .right .prof p:first-of-type {
  font-family: "NotosansMedium", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(14px, 14px + 10 * (100vw - 320px)/(560 - 320), 24px);
  margin-bottom: clamp(4px, 4px + 6 * (100vw - 320px)/(560 - 320), 10px);
}
@media (min-width: 561px) {
  .interview_wrap .slider_box .md-inner .right .prof p:first-of-type {
    font-size: clamp(14px, 14px + 10 * (100vw - 560px)/(1200 - 560), 24px);
  }
}
.interview_wrap .slider_box .md-inner .right .prof p:nth-of-type(2) span {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
}
@media (min-width: 561px) {
  .interview_wrap .slider_box .md-inner .right .prof p:nth-of-type(2) span {
    font-size: clamp(12px, 12px + 2 * (100vw - 560px)/(1200 - 560), 14px);
  }
}
.interview_wrap .slider_box .md-inner .right .policy,
.interview_wrap .slider_box .md-inner .right .enjoy {
  margin-top: 20px;
}
@media (min-width: 561px) {
  .interview_wrap .slider_box .md-inner .right .policy,
  .interview_wrap .slider_box .md-inner .right .enjoy {
    margin-top: clamp(20px, 20px + 30 * (100vw - 560px)/(1200 - 560), 50px);
  }
}
.interview_wrap .slider_box .md-inner .right .policy p:first-of-type,
.interview_wrap .slider_box .md-inner .right .enjoy p:first-of-type {
  font-family: "NotosansMedium", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(14px, 14px + 6 * (100vw - 320px)/(560 - 320), 20px);
  margin-bottom: clamp(4px, 4px + 6 * (100vw - 320px)/(560 - 320), 10px);
}
@media (min-width: 561px) {
  .interview_wrap .slider_box .md-inner .right .policy p:first-of-type,
  .interview_wrap .slider_box .md-inner .right .enjoy p:first-of-type {
    font-size: clamp(14px, 14px + 6 * (100vw - 560px)/(1200 - 560), 20px);
  }
}
.interview_wrap .slider_box .md-inner .right .policy p:nth-of-type(2),
.interview_wrap .slider_box .md-inner .right .enjoy p:nth-of-type(2) {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(10px, 10px + 4 * (100vw - 320px)/(560 - 320), 14px);
}
@media (min-width: 561px) {
  .interview_wrap .slider_box .md-inner .right .policy p:nth-of-type(2),
  .interview_wrap .slider_box .md-inner .right .enjoy p:nth-of-type(2) {
    font-size: clamp(12px, 12px + 2 * (100vw - 560px)/(1200 - 560), 14px);
  }
}
.interview_wrap .slider_box .md-xmark {
  position: absolute;
  top: 34px;
  right: 20px;
  width: 25px;
  height: 22px;
  z-index: 9;
  cursor: pointer;
}
.interview_wrap .slider_box .md-xmark span {
  height: auto;
  position: absolute;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: #333;
  border-radius: 4px;
}
.interview_wrap .slider_box .md-xmark span:nth-of-type(1) {
  top: 0;
  transform: translateY(10px) rotate(-45deg);
}
.interview_wrap .slider_box .md-xmark span:nth-of-type(2) {
  bottom: 0;
  transform: translateY(-10px) rotate(45deg);
}
.interview_wrap .slider_box .mover {
  overflow: hidden;
  cursor: pointer;
  width: clamp(220px, 220px + 45 * (100vw - 320px)/(560 - 320), 265px);
}
@media screen and (min-width: 1200px) and (max-width: 1629px) {
  .interview_wrap .slider_box .mover {
    width: clamp(161px, 161px + 59 * (100vw - 1200px) / 430, 220px);
    margin-left: clamp(30px, 30px + 10 * (100vw - 1200px) / 430, 40px);
  }
}
@media screen and (min-width: 1630px) {
  .interview_wrap .slider_box .mover {
    width: 220px;
    margin-left: 40px;
  }
}
.interview_wrap .slider_box .mover .mo_inner {
  display: flex;
  width: 200%;
  height: 100%;
  transition: 0.6s;
}
.interview_wrap .slider_box .mover .mo_inner:hover {
  transform: translateX(-50%);
}
.interview_wrap .slider_box .mover .mo_inner img {
  width: 50%;
}
.interview_wrap .slider_box .mover .name {
  font-family: "NotosansBold";
  font-size: 16px;
  margin: 14px 0;
}
.interview_wrap .slider_box .mover .department {
  line-height: 175%;
  letter-spacing: 0;
}
.interview_wrap .slider_box .mover .department span {
  font-family: "NotosansRegular";
  font-size: 12px;
}

.interview2_wrap .interview2_contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-direction: column;
  margin-top: 100px;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents {
    flex-direction: row;
    align-items: initial;
    margin-top: clamp(100px, 100px + 80 * (100vw - 1200px)/(1920 - 1200), 180px);
  }
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents:nth-of-type(2) {
    flex-direction: row-reverse;
  }
}
.interview2_wrap .interview2_contents:nth-of-type(2) .img_column .img_01 {
  width: 100%;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents:nth-of-type(2) .img_column .img_01 {
    width: clamp(280px, 280px + 90 * (100vw - 1200px)/(1920 - 1200), 370px);
    margin-left: auto;
  }
}
.interview2_wrap .interview2_contents:nth-of-type(2) .img_column .img_02 {
  margin-left: 20px;
  margin-right: auto;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents:nth-of-type(2) .img_column .img_02 {
    width: clamp(140px, 140px + 50 * (100vw - 1200px)/(1920 - 1200), 190px);
  }
}
.interview2_wrap .interview2_contents:nth-of-type(3) .img_column .img_01 {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents:nth-of-type(3) .img_column .img_01 {
    margin: 0;
    width: 100%;
  }
}
.interview2_wrap .interview2_contents:nth-of-type(4) .text_column {
  max-width: 484px;
  width: 100%;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents:nth-of-type(4) .text_column {
    max-width: 1000px;
    margin-right: 0;
  }
}
@media (max-width: 1199px) {
  .interview2_wrap .interview2_contents .text_column,
  .interview2_wrap .interview2_contents .img_column {
    max-width: 484px;
    width: 100%;
  }
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents .text_column,
  .interview2_wrap .interview2_contents .img_column {
    width: calc((100% - clamp(30px, 30px + 30 * (100vw - 1200px)/(1920 - 1200), 60px)) / 2);
  }
}
.interview2_wrap .interview2_contents .img_column {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0.6s ease-out;
  margin-top: clamp(60px, 60px + 60 * (100vw - 320px)/(560 - 320), 120px);
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents .img_column {
    margin-top: 0;
  }
}
.interview2_wrap .interview2_contents .img_column .img_01 {
  width: clamp(220px, 220px + 136 * (100vw - 320px)/(560 - 320), 356px);
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents .img_column .img_01 {
    width: clamp(300px, 300px + 110 * (100vw - 1200px)/(1920 - 1200), 410px);
  }
}
.interview2_wrap .interview2_contents .img_column .img_01 img {
  width: 100%;
}
.interview2_wrap .interview2_contents .img_column .img_02 {
  width: clamp(100px, 100px + 95 * (100vw - 320px)/(560 - 320), 195px);
  margin-left: auto;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview2_contents .img_column .img_02 {
    width: clamp(174px, 174px + 61 * (100vw - 1200px)/(1920 - 1200), 235px);
  }
}
.interview2_wrap .interview2_contents .img_column .img_02 img {
  width: 100%;
}
.interview2_wrap .interview2_contents .text_column {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
}
.interview2_wrap .interview_end {
  padding: 0 clamp(20px, 20px + 40 * (100vw - 320px)/(560 - 320), 60px);
}
.interview2_wrap .interview_end .img_column {
  max-width: 374px;
  width: 100%;
  margin: 80px auto 100px;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_end .img_column {
    max-width: 470px;
    width: 100%;
    margin-bottom: 128px;
  }
}
.interview2_wrap .interview_end .img_column .name {
  transform: rotate(-3deg);
}
.interview2_wrap .interview_end .img_column .name #o_kosuke_svg,
.interview2_wrap .interview_end .img_column .name #i_miwa_svg,
.interview2_wrap .interview_end .img_column .name #n_yoshinori_svg {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
}
.interview2_wrap .interview_end .img_column .name #o_kosuke_svg {
  width: clamp(160px, 160px + 40 * (100vw - 320px)/(560 - 320), 200px);
  margin-bottom: -10px;
  margin-left: calc(-20px + -20 * (100vw - 320px)/(560 - 320));
}
@media (min-width: 561px) {
  .interview2_wrap .interview_end .img_column .name #o_kosuke_svg {
    margin-left: -50px;
  }
}
.interview2_wrap .interview_end .img_column .name #o_kosuke_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 5;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.interview2_wrap .interview_end .img_column .name #i_miwa_svg {
  width: clamp(160px, 160px + 25 * (100vw - 320px)/(560 - 320), 185px);
  margin-bottom: -10px;
  margin-right: calc(-20px + -20 * (100vw - 320px)/(560 - 320));
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_end .img_column .name #i_miwa_svg {
    margin-right: -20px;
  }
}
.interview2_wrap .interview_end .img_column .name #i_miwa_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.interview2_wrap .interview_end .img_column .name #i_miwa_svg .st1 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.interview2_wrap .interview_end .img_column .name #n_yoshinori_svg {
  width: clamp(160px, 160px + 40 * (100vw - 320px)/(560 - 320), 200px);
  margin-bottom: -10px;
  margin-left: calc(-20px + -20 * (100vw - 320px)/(560 - 320));
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_end .img_column .name #n_yoshinori_svg {
    margin-left: -20px;
  }
}
.interview2_wrap .interview_end .img_column .name #n_yoshinori_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-miterlimit: 10;
}
.interview2_wrap .interview_end .img_column .name #n_yoshinori_svg .st1 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.interview2_wrap .interview_end .img_column .img_box {
  position: relative;
  z-index: -1;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0.2s ease-out;
}
.interview2_wrap .interview_end .img_column .img_box img {
  width: 100%;
}
.interview2_wrap .interview_others {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
  padding: 0 clamp(20px, 20px + 40 * (100vw - 320px)/(560 - 320), 60px);
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_others {
    padding: 0;
  }
}
.interview2_wrap .interview_others .line {
  margin: 0 auto;
  border-bottom: 1px solid #a3a3a3;
  max-width: 374px;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_others .line {
    max-width: 1000px;
  }
}
.interview2_wrap .interview_others h2 {
  margin: 48px 0;
  text-align: center;
  font-family: "NotosansBold";
  font-size: clamp(20px, 20px + 4 * (100vw - 320px)/(560 - 320), 24px);
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_others h2 {
    font-size: 30px;
  }
}
.interview2_wrap .interview_others .flex {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_others .flex {
    flex-direction: row;
  }
}
.interview2_wrap .interview_others .flex .contents {
  max-width: 374px;
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_others .flex .contents {
    max-width: 360px;
    margin-right: 60px;
    margin-bottom: 0;
  }
  .interview2_wrap .interview_others .flex .contents:last-of-type {
    margin-right: 0;
  }
}
.interview2_wrap .interview_others .flex .contents a {
  transition: all 0.3s;
}
.interview2_wrap .interview_others .flex .contents a:hover {
  opacity: 0.6;
}
.interview2_wrap .interview_others .flex .contents a img {
  width: 100%;
  margin-bottom: 16px;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_others .flex .contents a img {
    margin-bottom: 20px;
  }
}
.interview2_wrap .interview_others .flex .contents .department {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  margin-bottom: 16px;
  line-height: initial;
  letter-spacing: 0;
}
@media (min-width: 1200px) {
  .interview2_wrap .interview_others .flex .contents .department {
    margin-bottom: 20px;
    font-size: clamp(12px, 12px + 1 * (100vw - 1200px)/(1920 - 1200), 13px);
  }
}
.interview2_wrap .interview_others .flex .contents .name2 {
  font-family: "NotosansBold";
  font-size: clamp(16px, 16px + 4 * (100vw - 320px)/(560 - 320), 20px);
  line-height: initial;
  letter-spacing: 0;
}

@media (min-width: 1200px) {
  .interview_o_kosuke .interview_contents .img_column .img_02 {
    width: clamp(245px, 245px + 85 * (100vw - 1200px)/(1920 - 1200), 330px);
  }
}

@media (min-width: 960px) {
  .interview_n_yoshinori .kv_img {
    top: calc(-90px + -150 * (100vw - 960px)/(1920 - 960));
    right: clamp(-140px, -140px + 140 * (100vw - 960px)/(1600 - 960), 0px);
  }
}

.service_title {
  padding: 0 30px;
  margin: 0 auto;
  max-width: 496px;
  margin-bottom: clamp(100px, 100px + 80 * (100vw - 320px)/(560 - 320), 180px);
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .service_title {
    padding: 0 18.75vw;
    max-width: 1000px;
    margin-bottom: clamp(128px, 128px + 100 * (100vw - 1200px)/(1920 - 1200), 228px);
  }
}
.service_title .box_1 h1 {
  font-size: clamp(20px, 20px + 10 * (100vw - 320px)/(560 - 320), 30px);
  margin-top: clamp(100px, 100px + 28 * (100vw - 320px)/(560 - 320), 128px);
  font-family: "NotosansBold";
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .service_title .box_1 h1 {
    font-size: 38px;
  }
}
.service_title .box_2 {
  margin-bottom: 48px;
}
.service_title .box_2 img {
  width: 100%;
}
.service_title .box_3 p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  line-height: 200%;
  letter-spacing: 2px;
}
@media (min-width: 1200px) {
  .service_title .box_3 p {
    font-size: 14px;
    letter-spacing: 2px;
  }
}
@media (min-width: 1200px) {
  .service_title {
    position: relative;
  }
  .service_title .box_2 {
    position: absolute;
    top: 0;
    right: 18.75vw;
    z-index: -1;
    width: 50%;
  }
  .service_title .box_3 {
    width: clamp(360px, 360px + 140 * (100vw - 1200px)/(1920 - 1200), 500px);
  }
}

.service_wrap .title h2 {
  line-height: 200%;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
.service_wrap .title .sentence {
  margin-bottom: clamp(60px, 60px + 30 * (100vw - 320px)/(560 - 320), 90px);
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.2s ease-out;
}
@media (min-width: 1200px) {
  .service_wrap .title .sentence {
    margin-bottom: 60px;
    font-size: 14px;
  }
}
.service_wrap .flex_1 {
  margin-bottom: clamp(100px, 100px + 40 * (100vw - 320px)/(560 - 320), 140px);
}
@media (min-width: 1200px) {
  .service_wrap .flex_1 {
    display: flex;
    align-items: center;
    flex-direction: column-reverse;
  }
}
.service_wrap .flex_1 .img_column {
  margin-bottom: clamp(40px, 40px + 8 * (100vw - 320px)/(560 - 320), 48px);
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .service_wrap .flex_1 .img_column {
    width: clamp(600px, 600px + 125 * (100vw - 1200px)/(1920 - 1200), 725px);
    margin-bottom: 0;
  }
}
.service_wrap .flex_1 .img_column img {
  width: 100%;
}
.service_wrap .flex_1 .text_column {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 1200px) {
  .service_wrap .flex_1 .text_column {
    display: flex;
    justify-content: space-between;
  }
}
.service_wrap .flex_1 .text_column .box_1,
.service_wrap .flex_1 .text_column .box_2 {
  margin-bottom: clamp(60px, 60px + 20 * (100vw - 320px)/(560 - 320), 80px);
}
.service_wrap .flex_1 .text_column .box_1 .business {
  text-indent: -1em;
  padding-left: 1em;
  margin-bottom: 0;
}
.service_wrap .flex_1 .text_column .box_1 h3 {
  color: #568d27;
}
.service_wrap .flex_1 .text_column .box_2 h3 {
  color: #6bc3aa;
}
.service_wrap .flex_1 .text_column .box_3 h3 {
  color: #70b437;
}
.service_wrap .flex_1 .text_column h3 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(16px, 16px + 4 * (100vw - 320px)/(560 - 320), 20px);
  margin-bottom: clamp(16px, 16px + 4 * (100vw - 320px)/(560 - 320), 20px);
}
@media (min-width: 1200px) {
  .service_wrap .flex_1 .text_column .box_1,
  .service_wrap .flex_1 .text_column .box_2,
  .service_wrap .flex_1 .text_column .box_3 {
    width: calc((100% - clamp(73px, 73px + 27 * (100vw - 1200px)/(1920 - 1200), 100px)) / 3);
  }
}
.service_wrap .flex_2 {
  display: flex;
  flex-direction: column;
  margin: 0 clamp(30px, 30px + 30 * (100vw - 320px)/(560 - 320), 60px);
  padding: clamp(20px, 20px + 20 * (100vw - 320px)/(560 - 320), 40px);
  background-color: #fafafa;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 1200px) {
  .service_wrap .flex_2 {
    flex-direction: row;
    justify-content: space-around;
    padding: 45px 0;
    margin: 0 auto;
  }
}
.service_wrap .flex_2 .loogue,
.service_wrap .flex_2 .zidoma,
.service_wrap .flex_2 .mieta {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
@media (min-width: 1200px) {
  .service_wrap .flex_2 .loogue,
  .service_wrap .flex_2 .zidoma,
  .service_wrap .flex_2 .mieta {
    padding: 0 clamp(18px, 18px + 36 * (100vw - 1200px)/(1920 - 1200), 54px);
    width: 33.3333333333%;
  }
}
.service_wrap .flex_2 .loogue .arrow,
.service_wrap .flex_2 .zidoma .arrow,
.service_wrap .flex_2 .mieta .arrow {
  width: 10px;
  height: 10px;
  border-top: 3px solid #333333;
  border-right: 3px solid #333333;
  transform: rotate(135deg);
  transition: all 0.3s;
}
.service_wrap .flex_2 .loogue .arrow:hover,
.service_wrap .flex_2 .zidoma .arrow:hover,
.service_wrap .flex_2 .mieta .arrow:hover {
  opacity: 0.6;
}
.service_wrap .flex_2 .loogue .line,
.service_wrap .flex_2 .zidoma .line,
.service_wrap .flex_2 .mieta .line {
  margin-top: 45px;
  border-bottom: 1px solid #a3a3a3;
  width: clamp(80px, 80px + 50 * (100vw - 320px)/(560 - 320), 130px);
}
.service_wrap .flex_2 .loogue img,
.service_wrap .flex_2 .zidoma img,
.service_wrap .flex_2 .mieta img {
  margin-bottom: 30px;
}
.service_wrap .flex_2 .loogue .box,
.service_wrap .flex_2 .zidoma .box,
.service_wrap .flex_2 .mieta .box {
  margin-bottom: 35px;
}
.service_wrap .flex_2 .loogue .box p,
.service_wrap .flex_2 .zidoma .box p,
.service_wrap .flex_2 .mieta .box p {
  letter-spacing: 0;
  line-height: initial;
  font-size: clamp(12px, 12px + 4 * (100vw - 320px)/(560 - 320), 16px);
}
.service_wrap .flex_2 .loogue .box p:first-of-type,
.service_wrap .flex_2 .zidoma .box p:first-of-type,
.service_wrap .flex_2 .mieta .box p:first-of-type {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
.service_wrap .flex_2 .loogue .box p:nth-of-type(2),
.service_wrap .flex_2 .zidoma .box p:nth-of-type(2),
.service_wrap .flex_2 .mieta .box p:nth-of-type(2) {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
.service_wrap .flex_2 .loogue,
.service_wrap .flex_2 .zidoma {
  margin-bottom: 70px;
}
@media (min-width: 1200px) {
  .service_wrap .flex_2 .loogue,
  .service_wrap .flex_2 .zidoma {
    border-right: 1px solid #a3a3a3;
    margin-bottom: 0;
  }
}
.service_wrap .flex_2 .loogue .box p:nth-of-type(2),
.service_wrap .flex_2 .zidoma .box p:nth-of-type(2),
.service_wrap .flex_2 .mieta .box p:nth-of-type(2) {
  margin-top: 2em;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 150%;
}
.service_wrap .flex_2 .loogue img,
.service_wrap .flex_2 .zidoma img,
.service_wrap .flex_2 .mieta img {
  width: 140px;
}
@media (min-width: 561px) {
  .service_wrap .flex_2 .loogue img,
  .service_wrap .flex_2 .zidoma img,
  .service_wrap .flex_2 .mieta img {
    width: initial;
    height: 50px;
  }
}
.service_wrap .flex_2 .loogue span,
.service_wrap .flex_2 .zidoma span,
.service_wrap .flex_2 .mieta span {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
.service_wrap .more {
  display: flex;
  justify-content: right;
  text-align: right;
  margin-top: 20px;
  margin-right: clamp(30px, 30px + 30 * (100vw - 320px)/(560 - 320), 60px);
}
@media (min-width: 1200px) {
  .service_wrap .more {
    margin-right: 4px;
  }
}
.service_wrap .more a {
  display: flex;
  justify-content: end;
  align-items: center;
  text-decoration: none;
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
  color: #333333;
  transition: all 0.3s;
}
.service_wrap .more a:hover {
  opacity: 0.6;
}
.service_wrap .more a:hover span:first-of-type {
  width: 28px;
  margin-right: -14px;
}
.service_wrap .more span:first-of-type {
  width: 2px;
  height: 1px;
  background: #70b437;
  border-radius: 1px;
  margin-right: 12px;
  margin-left: 40px;
  transition: all 0.3s;
}
.service_wrap .more span:nth-of-type(2) {
  width: 11px;
  height: 11px;
  border-top: 1px solid #70b437;
  border-right: 1px solid #70b437;
  transform: rotate(45deg);
}

.management_wrap .title {
  margin-top: clamp(80px, 80px + 20 * (100vw - 320px)/(560 - 320), 100px);
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
.management_wrap .title h1 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(24px, 24px + 6 * (100vw - 320px)/(560 - 320), 30px);
  margin-bottom: clamp(40px, 40px + 8 * (100vw - 320px)/(560 - 320), 48px);
}
.management_wrap .title .sub_title {
  color: #70b437;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(20px, 20px + 8 * (100vw - 320px)/(560 - 320), 28px);
  margin-bottom: clamp(40px, 40px + 12 * (100vw - 320px)/(560 - 320), 52px);
}
@media (min-width: 1200px) {
  .management_wrap .title .sub_title {
    font-size: clamp(22px, 22px + 6 * (100vw - 1200px)/(1920 - 1200), 28px);
    line-height: 200%;
  }
}
.management_wrap .title .mb0 {
  margin-bottom: 0;
}
.management_wrap .title p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 2px;
}
.management_wrap .flex_wrap,
.management_wrap .flex_box {
  display: flex;
  flex-direction: column;
}
.management_wrap .flex_wrap {
  padding: 50px clamp(30px, 30px + 30 * (100vw - 320px)/(560 - 320), 60px);
  margin: 0 auto;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 1200px) {
  .management_wrap .flex_wrap {
    padding: 60px 0;
  }
}
.management_wrap .flex_box {
  text-align: center;
}
@media (min-width: 1200px) {
  .management_wrap .flex_box {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .management_wrap .flex_box .item_title,
  .management_wrap .flex_box .item_contents {
    display: flex;
    align-items: center;
  }
}
.management_wrap .flex_box .item_title {
  color: #ffffff;
  background-color: #8cc25e;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 10px 0;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(16px, 16px + 2 * (100vw - 320px)/(560 - 320), 18px);
}
@media (min-width: 1200px) {
  .management_wrap .flex_box .item_title {
    justify-content: center;
    width: 30%;
    font-size: clamp(14px, 14px + 2 * (100vw - 1200px)/(1920 - 1200), 16px);
  }
}
.management_wrap .flex_box .item_contents {
  color: #333333;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ffffff;
  padding: 40px 20px;
  font-family: "NotosansThin", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .management_wrap .flex_box .item_contents {
    width: 70%;
    text-align: left;
    font-size: clamp(12px, 12px + 2 * (100vw - 1200px)/(1920 - 1200), 14px);
  }
}
.management_wrap .vision {
  margin-bottom: 50px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
.management_wrap .vision h3 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(16px, 16px + 4 * (100vw - 320px)/(560 - 320), 20px);
  margin-bottom: 24px;
}
.management_wrap .vision p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 200%;
}
@media (min-width: 1200px) {
  .management_wrap .vision p {
    font-size: clamp(12px, 12px + 2 * (100vw - 1200px)/(1920 - 1200), 14px);
  }
}

.topmessage_wrap {
  margin-top: clamp(160px, 160px + 20 * (100vw - 320px)/(560 - 320), 180px);
}
.topmessage_wrap .title {
  margin-bottom: 100px;
  padding: 0 clamp(0px, 0px + 20 * (100vw - 320px)/(560 - 320), 20px);
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .topmessage_wrap .title {
    padding: 0;
  }
}
.topmessage_wrap .title h1 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(24px, 24px + 6 * (100vw - 320px)/(560 - 320), 30px);
  margin-bottom: clamp(40px, 40px + 8 * (100vw - 320px)/(560 - 320), 48px);
}
.topmessage_wrap .title h2 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(20px, 20px + 8 * (100vw - 320px)/(560 - 320), 28px);
  line-height: 200%;
  text-align: center;
}
@media (min-width: 1200px) {
  .topmessage_wrap .title h2 {
    font-size: clamp(20px, 20px + 8 * (100vw - 1200px)/(1920 - 1200), 28px);
  }
}
.topmessage_wrap .topmessage_kv {
  margin-bottom: clamp(80px, 80px + 20 * (100vw - 320px)/(560 - 320), 100px);
}
@media (min-width: 1200px) {
  .topmessage_wrap .topmessage_kv {
    margin-bottom: clamp(100px, 100px + 30 * (100vw - 1200px)/(1920 - 1200), 130px);
  }
}
@media (min-width: 960px) {
  .topmessage_wrap .topmessage_kv .kv_flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
@media (min-width: 960px) {
  .topmessage_wrap .topmessage_kv .kv_flex .text_column,
  .topmessage_wrap .topmessage_kv .kv_flex .img_column {
    width: calc((100% - clamp(70px, 70px + 20 * (100vw - 1200px)/(1920 - 1200), 90px)) / 2);
  }
}
.topmessage_wrap .topmessage_kv .kv_flex .text_column {
  padding: 0 20px;
  margin-bottom: 150px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 960px) {
  .topmessage_wrap .topmessage_kv .kv_flex .text_column {
    margin-bottom: 0;
  }
}
.topmessage_wrap .topmessage_kv .kv_flex .text_column h2 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(20px, 20px + 8 * (100vw - 320px)/(560 - 320), 28px);
  line-height: 200%;
  text-align: center;
}
@media (min-width: 960px) {
  .topmessage_wrap .topmessage_kv .kv_flex .text_column h2 {
    text-align: left;
    font-size: 19px;
  }
}
@media (min-width: 1200px) {
  .topmessage_wrap .topmessage_kv .kv_flex .text_column h2 {
    font-size: clamp(24px, 24px + 4 * (100vw - 1200px)/(1920 - 1200), 28px);
  }
}
.topmessage_wrap .topmessage_kv .kv_flex .text_column p {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  text-align: right;
  margin-right: clamp(0px, 0px + 30 * (100vw - 320px)/(560 - 320), 30px);
  line-height: initial;
  letter-spacing: 0;
}
@media (min-width: 1200px) {
  .topmessage_wrap .topmessage_kv .kv_flex .text_column p {
    margin-right: 126px;
  }
}
.topmessage_wrap .topmessage_kv .kv_flex .text_column .img {
  width: 130px;
  margin-left: auto;
  margin-top: clamp(10px, 10px + 10 * (100vw - 320px)/(560 - 320), 20px);
}
@media (min-width: 1200px) {
  .topmessage_wrap .topmessage_kv .kv_flex .text_column .img {
    width: 220px;
  }
}
.topmessage_wrap .topmessage_kv .kv_flex .text_column .img img {
  width: 100%;
}
.topmessage_wrap .topmessage_kv .kv_flex .img_column .deg {
  position: relative;
  transform: rotate(-3deg);
  z-index: 1;
}
.topmessage_wrap .topmessage_kv .kv_flex .img_column #page_topmessage_svg {
  position: absolute;
  z-index: 0;
  width: clamp(160px, 160px + 18 * (100vw - 320px)/(560 - 320), 178px);
  top: clamp(-35px, -25px + -10 * (100vw - 320px)/(560 - 320), -25px);
  left: 0px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 960px) {
  .topmessage_wrap .topmessage_kv .kv_flex .img_column #page_topmessage_svg {
    width: clamp(178px, 178px + 88 * (100vw - 1200px)/(1920 - 1200), 266px);
    top: clamp(-35px, -20px + -15 * (100vw - 1200px)/(1920 - 1200), -20px);
    right: clamp(-45px, -30px + -15 * (100vw - 1200px)/(1920 - 1200), -30px);
    left: initial;
  }
}
.topmessage_wrap .topmessage_kv .kv_flex .img_column #page_topmessage_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.topmessage_wrap .topmessage_kv .kv_flex .img_column .ceo_img {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.8s ease-out;
}
@media (min-width: 960px) {
  .topmessage_wrap .topmessage_kv .kv_flex .img_column .ceo_img {
    margin: 0;
    width: 100%;
  }
}
.topmessage_wrap .topmessage_kv .kv_flex .img_column .ceo_img img {
  width: 100%;
}
.topmessage_wrap .contents {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  margin-top: clamp(80px, 80px + 20 * (100vw - 320px)/(560 - 320), 100px);
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents {
    align-items: initial;
    margin-top: clamp(100px, 100px + 80 * (100vw - 1200px)/(1920 - 1200), 180px);
  }
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents .text_column,
  .topmessage_wrap .contents .img_column {
    width: calc((100% - clamp(30px, 30px + 30 * (100vw - 1200px)/(1920 - 1200), 60px)) / 2);
  }
}
.topmessage_wrap .contents .text_column h2 {
  font-size: clamp(18px, 18px + 8 * (100vw - 320px)/(560 - 320), 26px);
  line-height: 200%;
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents .text_column h2 {
    font-size: clamp(20px, 20px + 8 * (100vw - 1200px)/(1920 - 1200), 28px);
  }
}
.topmessage_wrap .contents .img_column {
  margin-top: clamp(60px, 60px + 20 * (100vw - 320px)/(560 - 320), 80px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents .img_column {
    margin-top: 0;
  }
}
.topmessage_wrap .contents .img_column .img_01 img {
  width: 100%;
}
.topmessage_wrap .contents .img_column .img_02 img {
  width: 100%;
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents:nth-of-type(4) {
    flex-direction: row-reverse;
  }
}
.topmessage_wrap .contents:nth-of-type(4) .text_column h2 {
  text-align: right;
}
.topmessage_wrap .contents:nth-of-type(4) .img_column .img_01 {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents:nth-of-type(5) {
    flex-direction: row;
  }
}
.topmessage_wrap .contents:nth-of-type(5) .img_column .img_01 {
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents:nth-of-type(5) .img_column .img_01 {
    width: 100%;
  }
}
.topmessage_wrap .contents:nth-of-type(5) .img_column .img_02 {
  margin-right: 0;
  margin-left: auto;
  width: clamp(220px, 220px + 105 * (100vw - 320px)/(560 - 320), 325px);
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents:nth-of-type(5) .img_column .img_02 {
    width: clamp(260px, 260px + 110 * (100vw - 1200px)/(1920 - 1200), 370px);
  }
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents:nth-of-type(6) {
    align-items: center;
    flex-direction: row;
  }
}
.topmessage_wrap .contents:nth-of-type(6) .img_column {
  margin-top: 0;
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents:nth-of-type(7) {
    flex-direction: row-reverse;
  }
}
.topmessage_wrap .contents:nth-of-type(7) .img_column .img_01 {
  width: 100%;
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents:nth-of-type(8) {
    flex-direction: row;
  }
}
.topmessage_wrap .contents:nth-of-type(8) .img_column {
  margin-top: 0;
}
.topmessage_wrap .contents:nth-of-type(8) .img_column .img_01 {
  margin: 0 calc(50% - 50vw);
  width: 100vw;
}
@media (min-width: 960px) {
  .topmessage_wrap .contents:nth-of-type(8) .img_column .img_01 {
    margin: 0;
    width: 100%;
  }
}
.topmessage_wrap .contents:nth-of-type(9), .topmessage_wrap .contents:nth-of-type(10) {
  margin-top: 48px;
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents:nth-of-type(9) .text_column, .topmessage_wrap .contents:nth-of-type(10) .text_column {
    max-width: 1000px;
    width: 100%;
    margin-right: 0;
  }
}
@media (min-width: 1200px) {
  .topmessage_wrap .contents:last-of-type {
    margin-bottom: clamp(130px, 130px + 20 * (100vw - 1200px)/(1920 - 1200), 150px);
  }
}
.topmessage_wrap .flex_wrap {
  padding: 50px clamp(30px, 30px + 30 * (100vw - 320px)/(560 - 320), 60px);
  margin: 0 auto;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 1200px) {
  .topmessage_wrap .flex_wrap {
    padding: 60px 0;
  }
}
.topmessage_wrap .flex_box {
  text-align: center;
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .topmessage_wrap .flex_box {
    flex-direction: row;
  }
}
@media (min-width: 1200px) {
  .topmessage_wrap .flex_box .item_title,
  .topmessage_wrap .flex_box .item_contents {
    display: flex;
    align-items: center;
  }
}
.topmessage_wrap .flex_box .item_title {
  color: #ffffff;
  background-color: #8cc25e;
  border-bottom: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
  padding: 10px 0;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(16px, 16px + 2 * (100vw - 320px)/(560 - 320), 18px);
}
@media (min-width: 1200px) {
  .topmessage_wrap .flex_box .item_title {
    justify-content: center;
    width: 30%;
    font-size: clamp(14px, 14px + 2 * (100vw - 1200px)/(1920 - 1200), 16px);
  }
}
.topmessage_wrap .flex_box .item_contents {
  color: #333333;
  background-color: #f8f8f8;
  border-bottom: 1px solid #ffffff;
  padding: 40px 20px;
  font-family: "NotosansThin", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
}
@media (min-width: 1200px) {
  .topmessage_wrap .flex_box .item_contents {
    width: 70%;
    text-align: left;
    font-size: clamp(12px, 12px + 2 * (100vw - 1200px)/(1920 - 1200), 14px);
  }
}
.topmessage_wrap .interview_end {
  padding: 0 clamp(20px, 20px + 40 * (100vw - 320px)/(560 - 320), 60px);
}
.topmessage_wrap .interview_end .img_column {
  position: relative;
  max-width: 374px;
  width: 100%;
  margin: 80px auto 100px;
}
@media (min-width: 1200px) {
  .topmessage_wrap .interview_end .img_column {
    max-width: 470px;
    width: 100%;
    margin-bottom: 128px;
  }
}
.topmessage_wrap .interview_end .img_column .name {
  transform: rotate(-3deg);
}
.topmessage_wrap .interview_end .img_column .name #hqhp_svg {
  position: absolute;
  z-index: 0;
  width: clamp(140px, 140px + 20 * (100vw - 320px)/(560 - 320), 160px);
  top: clamp(110px, 110px + 80 * (100vw - 320px)/(560 - 320), 190px);
  right: -30px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .topmessage_wrap .interview_end .img_column .name #hqhp_svg {
    width: clamp(240px, 240px + 60 * (100vw - 1200px)/(1920 - 1200), 300px);
    top: clamp(180px, 200px + -20 * (100vw - 1200px)/(1920 - 1200), 200px);
    left: clamp(190px, 245px + -55 * (100vw - 1200px)/(1920 - 1200), 245px);
  }
}
.topmessage_wrap .interview_end .img_column .name #hqhp_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.topmessage_wrap .interview_end .img_column .img_box {
  position: relative;
  z-index: -1;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
.topmessage_wrap .interview_end .img_column .img_box img {
  width: 100%;
}

.company_wrap .item {
  display: flex;
  padding: 30px 0;
  border-bottom: 1px solid #eceff1;
}
.company_wrap .item .left {
  display: flex;
  align-items: flex-start;
  padding-top: 2px;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  width: clamp(80px, 15%, 200px);
}
@media (min-width: 1200px) {
  .company_wrap .item .left {
    font-size: 16px;
  }
}
.company_wrap .item .right {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  padding-left: clamp(10px, 10px + 20 * (100vw - 320px)/(560 - 320), 30px);
  line-height: 200%;
  letter-spacing: 1px;
  width: clamp(180px, 85%, 1720px);
}
.company_wrap .item .right .shisya {
  margin-bottom: 32px;
}
.company_wrap .item .right .shisya p {
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  font-family: "NotosansMedium", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  margin-bottom: 8px;
  letter-spacing: 1px;
}
.company_wrap .item .right .shisya .flex {
  display: flex;
  justify-content: flex-start;
}
.company_wrap .item .right a {
  display: flex;
  align-items: flex-start;
  color: #70b437;
  text-decoration: underline;
  font-size: 16px;
  transition: all 0.3s;
}
.company_wrap .item .right a:hover {
  opacity: 0.6;
}
.company_wrap .item .right a::after {
  content: url(../img/google_map.svg);
}
.company_wrap .item .right .link::after {
  content: url(../img/link.svg);
}

.history_wrap .history_contents {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.6s ease-out;
}
.history_wrap .item {
  /*position: relative;*/
  display: flex;
  margin: 30px 0;
  padding-bottom: 30px;
  border-bottom: 1px solid #eceff1;
}
.history_wrap .item .period {
  display: flex;
  flex-direction: column;
  margin-right: clamp(10px, 10px + 10 * (100vw - 320px)/(560 - 320), 20px);
  min-width: clamp(55px, 55px + 20 * (100vw - 320px)/(560 - 320), 75px);
}
@media (min-width: 1200px) {
  .history_wrap .item .period {
    flex-direction: row;
    margin-right: clamp(30px, 30px + 20 * (100vw - 1200px)/(1920 - 1200), 50px);
    min-width: 160px;
  }
}
.history_wrap .item .period .year {
  color: #70b437;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-weight: bold;
  font-size: clamp(14px, 14px + 6 * (100vw - 320px)/(560 - 320), 20px);
}
@media (min-width: 1200px) {
  .history_wrap .item .period .year {
    margin-right: 1em;
  }
}
.history_wrap .item .period .year p {
  color: #333333;
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(10px, 10px + 4 * (100vw - 320px)/(560 - 320), 14px);
  line-height: initial;
  letter-spacing: 0;
}
.history_wrap .item .period .fiscal {
  color: #70b437;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(14px, 14px + 6 * (100vw - 320px)/(560 - 320), 20px);
  margin-top: 3px;
  line-height: initial;
}
@media (min-width: 1200px) {
  .history_wrap .item .period .fiscal {
    margin-top: 0px;
  }
}
.history_wrap .item .background {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(10px, 10px + 4 * (100vw - 320px)/(560 - 320), 14px);
  line-height: 200%;
  letter-spacing: 1px;
  width: 100%;
}
.history_wrap .item .background dl {
  display: flex;
  flex-wrap: wrap;
}
.history_wrap .item .background dl dt {
  width: clamp(55px, 25%, 80px);
}
@media (min-width: 1200px) {
  .history_wrap .item .background dl dt {
    width: 15%;
  }
}
.history_wrap .item .background dl dd {
  width: calc(100% - clamp(55px, 25%, 80px));
}
.history_wrap .item .background dl dd:not(:last-of-type) {
  margin-bottom: clamp(14px, 14px + 6 * (100vw - 320px)/(560 - 320), 20px);
}
@media (min-width: 1200px) {
  .history_wrap .item .background dl dd:not(:last-of-type) {
    margin-bottom: 25px;
  }
}
@media (min-width: 1200px) {
  .history_wrap .item .background dl dd {
    width: 85%;
  }
}
.history_wrap .item .background .indent {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  text-indent: -1em;
  padding-left: 1em;
}
.history_wrap .item .background .indent p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(10px, 10px + 4 * (100vw - 320px)/(560 - 320), 14px);
  text-indent: -2em;
  padding-left: 2em;
}
.history_wrap .item .background .img_00 {
  position: absolute;
  top: 6px;
  right: 0;
  width: clamp(40px, 40px + 34 * (100vw - 320px)/(560 - 320), 74px);
}
@media (min-width: 1200px) {
  .history_wrap .item .background .img_00 {
    right: clamp(60px, 60px + 190 * (100vw - 1200px)/(1920 - 1200), 250px);
    width: initial;
  }
}
.history_wrap .item .background .img_04 {
  top: 60px;
}
.history_wrap .item .background .img_08 {
  top: 66px;
}
.history_wrap .item .background .img_12 {
  top: 66px;
}
.history_wrap .item .background .img_13 {
  top: 116px;
}
.history_wrap .item .background .img_15 {
  top: 65px;
}
.history_wrap .item .background .img_17 {
  top: 280px;
}
.history_wrap .item .background .img_18 {
  top: 150px;
}
.history_wrap .item .background .img_20 {
  top: 0px;
}
@media (min-width: 1200px) {
  .history_wrap .item .background .img_01,
  .history_wrap .item .background .img_03 {
    width: initial;
  }
  .history_wrap .item .background .img_01 {
    right: clamp(175px, 175px + 195 * (100vw - 1200px)/(1920 - 1200), 370px);
    top: 10px;
  }
  .history_wrap .item .background .img_02 {
    right: clamp(60px, 60px + 190 * (100vw - 1200px)/(1920 - 1200), 250px);
    top: -7px;
  }
  .history_wrap .item .background .img_03 {
    right: clamp(175px, 175px + 195 * (100vw - 1200px)/(1920 - 1200), 370px);
    top: 40px;
  }
  .history_wrap .item .background .img_04 {
    top: 30px;
  }
  .history_wrap .item .background .img_05 {
    right: clamp(175px, 175px + 205 * (100vw - 1200px)/(1920 - 1200), 380px);
    top: 10px;
  }
  .history_wrap .item .background .img_06 {
    top: -7px;
  }
  .history_wrap .item .background .img_07 {
    right: clamp(175px, 175px + 205 * (100vw - 1200px)/(1920 - 1200), 380px);
    top: 70px;
  }
  .history_wrap .item .background .img_08 {
    top: 45px;
  }
  .history_wrap .item .background .img_09 {
    right: clamp(175px, 175px + 205 * (100vw - 1200px)/(1920 - 1200), 380px);
    top: 10px;
  }
  .history_wrap .item .background .img_10 {
    top: 0px;
  }
  .history_wrap .item .background .img_11 {
    right: clamp(175px, 175px + 205 * (100vw - 1200px)/(1920 - 1200), 380px);
    top: 40px;
  }
  .history_wrap .item .background .img_12 {
    right: clamp(-65px, -65px + 188 * (100vw - 1200px)/(1920 - 1200), 123px);
    top: 26px;
  }
  .history_wrap .item .background .img_13 {
    right: clamp(20px, 20px + 190 * (100vw - 1200px)/(1920 - 1200), 210px);
    top: 80px;
  }
  .history_wrap .item .background .img_14 {
    right: clamp(175px, 175px + 195 * (100vw - 1200px)/(1920 - 1200), 370px);
    top: 68px;
  }
  .history_wrap .item .background .img_15 {
    right: clamp(-65px, -65px + 185 * (100vw - 1200px)/(1920 - 1200), 120px);
    top: 56px;
  }
  .history_wrap .item .background .img_16 {
    right: clamp(175px, 175px + 200 * (100vw - 1200px)/(1920 - 1200), 375px);
    top: 210px;
  }
  .history_wrap .item .background .img_17 {
    right: clamp(-15px, -15px + 190 * (100vw - 1200px)/(1920 - 1200), 175px);
    top: 195px;
  }
  .history_wrap .item .background .img_18 {
    right: clamp(0px, 0px + 170 * (100vw - 1200px)/(1920 - 1200), 170px);
    top: 98px;
  }
  .history_wrap .item .background .img_19 {
    right: clamp(175px, 175px + 200 * (100vw - 1200px)/(1920 - 1200), 375px);
    top: 14px;
  }
  .history_wrap .item .background .img_20 {
    right: clamp(63px, 63px + 190 * (100vw - 1200px)/(1920 - 1200), 253px);
    top: 0px;
  }
}
.history_wrap .performance {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.2s ease-out;
}
.history_wrap .performance .suii {
  display: flex;
  align-items: baseline;
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .history_wrap .performance .suii {
    margin-bottom: 40px;
  }
}
.history_wrap .performance .suii .text {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(16px, 16px + 4 * (100vw - 320px)/(560 - 320), 14px);
  margin-right: 45px;
}
.history_wrap .performance .suii .ari {
  margin-right: 20px;
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(10px, 10px + 2 * (100vw - 320px)/(560 - 320), 12px);
}
.history_wrap .performance .suii .ari .ari_color {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #b1d692;
  margin-right: 8px;
}
.history_wrap .performance .suii .ats {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(10px, 10px + 2 * (100vw - 320px)/(560 - 320), 12px);
}
.history_wrap .performance .suii .ats .ats_color {
  display: inline-block;
  width: 10px;
  height: 10px;
  background-color: #dfe97c;
  margin-right: 8px;
}
.history_wrap .performance .tani {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  margin-bottom: 4px;
}
.history_wrap .performance .graph img {
  width: 100%;
}
.history_wrap p {
  letter-spacing: 1px;
}

.symposium_wrap .page2_title h1 {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
  margin-bottom: 0;
}
.symposium_wrap .page2_title h2 {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
  font-size: clamp(20px, 20px + 6 * (100vw - 320px)/(560 - 320), 26px);
  margin-bottom: clamp(40px, 40px + 12 * (100vw - 320px)/(560 - 320), 52px);
}
@media (min-width: 1200px) {
  .symposium_wrap .page2_title h2 {
    font-size: clamp(22px, 22px + 4 * (100vw - 1200px)/(1920 - 1200), 26px);
    line-height: 200%;
  }
}
.symposium_wrap .page2_title .sentence {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
.symposium_wrap .page2_title h3 {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(18px, 18px + 6 * (100vw - 320px)/(560 - 320), 24px);
  margin-bottom: 54px;
  line-height: 175%;
}
@media (min-width: 1200px) {
  .symposium_wrap .page2_title h3 {
    font-size: clamp(20px, 20px + 4 * (100vw - 1200px)/(1920 - 1200), 24px);
  }
}
.symposium_wrap .member_wrap {
  margin-bottom: clamp(90px, 90px + 38 * (100vw - 320px)/(560 - 320), 128px);
}
@media (min-width: 1200px) {
  .symposium_wrap .member_wrap {
    margin-bottom: clamp(90px, 90px + 38 * (100vw - 1200px)/(1920 - 1200), 128px);
  }
}
.symposium_wrap .member_wrap .mem_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 1200px) {
  .symposium_wrap .member_wrap .mem_flex {
    flex-wrap: nowrap;
  }
}
.symposium_wrap .member_wrap .mem_flex .mem_item {
  display: flex;
  flex-direction: column;
  width: calc((100% - clamp(20px, 20px + 10 * (100vw - 320px)/(560 - 320), 30px)) / 2);
  margin-bottom: 50px;
}
.symposium_wrap .member_wrap .mem_flex .mem_item:nth-of-type(3), .symposium_wrap .member_wrap .mem_flex .mem_item:nth-of-type(4) {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .symposium_wrap .member_wrap .mem_flex .mem_item {
    margin-bottom: 0;
    width: calc((100% - clamp(90px, 90px + 45 * (100vw - 1200px)/(1920 - 1200), 135px)) / 4);
  }
}
.symposium_wrap .member_wrap .mem_flex .mem_item .intro {
  position: relative;
  border: #333333 1px solid;
  margin-bottom: 24px;
  padding: 10px 16px;
  font-size: clamp(10px, 10px + 2 * (100vw - 320px)/(560 - 320), 12px);
}
@media (min-width: 1200px) {
  .symposium_wrap .member_wrap .mem_flex .mem_item .intro {
    padding: 20px 12px;
    font-size: 13px;
  }
}
.symposium_wrap .member_wrap .mem_flex .mem_item .intro span {
  position: absolute;
  bottom: -20px;
  right: 30px;
  width: 1px;
  height: 36px;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
}
.symposium_wrap .member_wrap .mem_flex .mem_item .mem_img {
  margin-bottom: 30px;
}
.symposium_wrap .member_wrap .mem_flex .mem_item .mem_img img {
  width: 100%;
}
.symposium_wrap .member_wrap .mem_flex .mem_item .prof .name {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(16px, 16px + 4 * (100vw - 320px)/(560 - 320), 20px);
}
@media (min-width: 1200px) {
  .symposium_wrap .member_wrap .mem_flex .mem_item .prof .name {
    font-size: clamp(16px, 16px + 4 * (100vw - 1200px)/(1920 - 1200), 20px);
  }
}
.symposium_wrap .member_wrap .mem_flex .mem_item .prof .nyusya {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  margin: 10px 0;
}
.symposium_wrap .member_wrap .mem_flex .mem_item .prof .department {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
}
@media (min-width: 1200px) {
  .symposium_wrap .member_wrap .mem_flex .mem_item .prof .department {
    font-size: clamp(12px, 12px + 1 * (100vw - 1200px)/(1920 - 1200), 13px);
  }
}
.symposium_wrap .circle_01::before,
.symposium_wrap .circle_02::before,
.symposium_wrap .circle_03::before,
.symposium_wrap .circle_04::before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  border-radius: 50%;
  margin-right: 8px;
}
.symposium_wrap .circle_01::before {
  background-color: #deca76;
}
.symposium_wrap .circle_02::before {
  background-color: #7cd8bc;
}
.symposium_wrap .circle_03::before {
  background-color: #887ed1;
}
.symposium_wrap .circle_04::before {
  background-color: #eb8099;
}
.symposium_wrap .sympo_box .title {
  margin-top: 0;
}
.symposium_wrap .sympo_box p {
  text-indent: -2em;
  padding-left: 2em;
}
.symposium_wrap .sympo_box .name2 {
  margin-right: 4px;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(14px, 14px + 2 * (100vw - 320px)/(560 - 320), 16px);
}
@media (min-width: 1200px) {
  .symposium_wrap .sympo_box .name2 {
    font-size: clamp(14px, 14px + 2 * (100vw - 1200px)/(1920 - 1200), 16px);
  }
}
.symposium_wrap .sympo_box .img_box {
  margin: clamp(80px, 80px + 20 * (100vw - 320px)/(560 - 320), 100px) auto;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .symposium_wrap .sympo_box .img_box {
    margin: clamp(100px, 100px + 30 * (100vw - 1200px)/(1920 - 1200), 130px) auto;
  }
}
.symposium_wrap .sympo_box .img_box img {
  width: 100%;
}
.symposium_wrap .interview_end {
  padding: 0 clamp(20px, 20px + 40 * (100vw - 320px)/(560 - 320), 60px);
}
.symposium_wrap .interview_end .img_column {
  position: relative;
  max-width: 374px;
  width: 100%;
  margin: 80px auto 100px;
}
@media (min-width: 1200px) {
  .symposium_wrap .interview_end .img_column {
    max-width: 470px;
    width: 100%;
    margin-bottom: 128px;
  }
}
.symposium_wrap .interview_end .img_column .name {
  transform: rotate(-3deg);
}
.symposium_wrap .interview_end .img_column .name #gbe_svg {
  position: absolute;
  z-index: 0;
  width: clamp(100px, 100px + 30 * (100vw - 320px)/(560 - 320), 130px);
  top: clamp(135px, 135px + 85 * (100vw - 320px)/(560 - 320), 220px);
  right: -30px;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .symposium_wrap .interview_end .img_column .name #gbe_svg {
    width: clamp(200px, 200px + 32 * (100vw - 1200px)/(1920 - 1200), 232px);
    top: 285px;
    right: clamp(-90px, -90px + -10 * (100vw - 1200px)/(1920 - 1200), -80px);
  }
}
.symposium_wrap .interview_end .img_column .name #gbe_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.symposium_wrap .interview_end .img_column .img_box {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
.symposium_wrap .interview_end .img_column .img_box img {
  width: 100%;
}

.data_wrap .data_box {
  background-color: #f8f8f8;
  margin-top: 100px;
  padding: clamp(20px, 20px + 20 * (100vw - 320px)/(560 - 320), 40px) clamp(20px, 20px + 40 * (100vw - 320px)/(560 - 320), 60px);
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
.data_wrap .data_box:first-of-type {
  margin-top: 0;
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 1200px) {
  .data_wrap .data_box {
    padding: clamp(20px, 20px + 40 * (100vw - 1200px)/(1920 - 1200), 60px) clamp(20px, 20px + 20 * (100vw - 1200px)/(1920 - 1200), 40px);
  }
}
.data_wrap .data_box .js-num,
.data_wrap .data_box .percent {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-weight: bold;
  color: #70b437;
}
.data_wrap .data_box .title h2,
.data_wrap .data_box .title h3 {
  text-align: center;
}
.data_wrap .data_box .title h2 {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 50px;
  border-bottom: 7px solid #333333;
  width: 75px;
  margin: 0 auto;
  margin-bottom: 15px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .title h2 {
    font-size: 80px;
    width: 100px;
  }
}
.data_wrap .data_box .title h3 {
  font-family: "NotosansBold";
  font-size: 22px;
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .title h3 {
    font-size: 24px;
    margin-bottom: 40px;
  }
}
.data_wrap .data_box .data_flex_wrap {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap {
    flex-direction: row;
    align-items: baseline;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex {
  border-bottom: #707070 1px solid;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex {
    width: 33%;
    border-right: #707070 1px solid;
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0;
    padding: 0 20px;
  }
  .data_wrap .data_box .data_flex_wrap .data_flex.age_wrap {
    padding-left: 0;
    padding-right: 10px;
    border-right: 0;
  }
  .data_wrap .data_box .data_flex_wrap .data_flex.sex_wrap {
    padding: 0 10px;
    border-right: #707070 1px solid;
    border-left: #707070 1px solid;
  }
  .data_wrap .data_box .data_flex_wrap .data_flex.kensyu_wrap {
    padding-left: 10px;
    border-right: 0;
    padding-right: 0;
  }
  .data_wrap .data_box .data_flex_wrap .data_flex:last-of-type {
    border-right: 0;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex:last-of-type {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
.data_wrap .data_box .data_flex_wrap .data_flex h4 {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-weight: normal;
  text-align: center;
  margin: 0 auto 40px;
  font-size: 18px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex h4 {
    font-size: clamp(16px, 16px + 4 * (100vw - 1200px)/(1920 - 1200), 20px);
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex h4 p {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
  margin-top: 10px;
}
.data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item {
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item {
    margin-bottom: clamp(0px, 14px + -14 * (100vw - 1200px)/(1920 - 1200), 14px);
  }
  .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item:last-of-type {
    margin-bottom: 0;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item img {
  width: clamp(170px, 170px + 115 * (100vw - 320px)/(560 - 320), 285px);
  margin-right: 8px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item img {
    width: clamp(140px, 140px + 60 * (100vw - 1200px)/(1920 - 1200), 200px);
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item .count-size_01,
.data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item .count-size_02 {
  margin-left: auto;
  margin-right: 2px;
  margin-bottom: 2px;
}
.data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item .count-size_01 {
  font-size: clamp(28px, 28px + 10 * (100vw - 320px)/(560 - 320), 38px);
}
.data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item .count-size_02 {
  font-size: clamp(20px, 20px + 10 * (100vw - 320px)/(560 - 320), 30px);
}
.data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item .percent {
  font-size: clamp(12px, 12px + 4 * (100vw - 320px)/(560 - 320), 16px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item .count-size_01 {
    font-size: clamp(40px, 40px + 10 * (100vw - 1200px)/(1920 - 1200), 50px);
  }
  .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item .count-size_02 {
    font-size: clamp(25px, 25px + 9 * (100vw - 1200px)/(1920 - 1200), 34px);
  }
  .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item .percent {
    font-size: clamp(12px, 12px + 2 * (100vw - 1200px)/(1920 - 1200), 14px);
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .sex_flex {
  text-align: center;
}
.data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .img_item img {
  width: 100%;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .img_item img {
    width: clamp(160px, 160px + 20 * (100vw - 1200px)/(1920 - 1200), 180px);
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .sex_item {
  display: flex;
  justify-content: space-around;
  margin: 20px clamp(30px, 30px + 25 * (100vw - 320px)/(560 - 320), 55px) 0;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .sex_item {
    margin: 0 20px;
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .sex_item .male {
    margin-right: 10px;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .sex_item p {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-weight: bold;
  color: #70b437;
  line-height: 0px;
  margin-top: clamp(16px, 16px + 14 * (100vw - 320px)/(560 - 320), 30px);
  text-align: left;
  font-size: clamp(16px, 16px + 4 * (100vw - 320px)/(560 - 320), 20px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .sex_item p {
    font-size: clamp(16px, 16px + 4 * (100vw - 1200px)/(1920 - 1200), 20px);
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .sex_item span {
  font-size: clamp(40px, 40px + 20 * (100vw - 320px)/(560 - 320), 60px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .sex_item span {
    font-size: 50px;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .sex_item .percent {
  font-size: clamp(12px, 12px + 4 * (100vw - 320px)/(560 - 320), 16px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .sex_flex .sex_item .percent {
    font-size: 25px;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item {
  position: relative;
  text-align: center;
}
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item img {
  width: 100%;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item img {
    width: clamp(202px, 202px + 2 * (100vw - 1200px)/(1920 - 1200), 204px);
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .shinsotsu,
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .tyuuto {
  position: absolute;
}
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .s_num,
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .t_num {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-weight: bold;
  font-size: clamp(60px, 60px + 20 * (100vw - 320px)/(560 - 320), 80px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .s_num,
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .t_num {
    font-size: 50px;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .s_p,
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .t_p {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-weight: bold;
  font-size: clamp(20px, 20px + 10 * (100vw - 320px)/(560 - 320), 30px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .s_p,
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .t_p {
    font-size: clamp(18px, 18px + 2 * (100vw - 1200px)/(1920 - 1200), 20px);
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item p {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-weight: bold;
  font-size: clamp(14px, 14px + 2 * (100vw - 320px)/(560 - 320), 16px);
  line-height: 0px;
  text-align: left;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item p {
    font-size: clamp(14px, 14px + 6 * (100vw - 1200px)/(1920 - 1200), 20px);
    margin-left: 9px;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .shinsotsu {
  top: clamp(45px, 45px + 20 * (100vw - 320px)/(560 - 320), 65px);
  right: clamp(13px, 13px + 27 * (100vw - 320px)/(560 - 320), 40px);
  color: #ffffff;
}
@media (min-width: 1200px) and (max-width: 1629px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .shinsotsu {
    top: clamp(30px, 30px + 5 * (100vw - 1200px)/(1629 - 1200), 35px);
    right: clamp(27px, 27px + 45 * (100vw - 1200px)/(1629 - 1200), 72px);
  }
}
@media (min-width: 1630px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .shinsotsu {
    top: 35px;
    right: 58px;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .shinsotsu span {
  color: #ffffff;
}
.data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .tyuuto {
  top: clamp(115px, 115px + 40 * (100vw - 320px)/(560 - 320), 155px);
  left: clamp(43px, 43px + 17 * (100vw - 320px)/(560 - 320), 60px);
  color: #70b437;
}
@media (min-width: 1200px) and (max-width: 1629px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .tyuuto {
    top: 90px;
    left: clamp(40px, 40px + 25 * (100vw - 1200px)/(1629 - 1200), 65px);
  }
}
@media (min-width: 1630px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .saiyou_item .tyuuto {
    top: 90px;
    left: 65px;
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .yukyu_item,
.data_wrap .data_box .data_flex_wrap .data_flex .telework_item,
.data_wrap .data_box .data_flex_wrap .data_flex .zangyou_item {
  text-align: center;
}
.data_wrap .data_box .data_flex_wrap .data_flex .yukyu_item .js-num,
.data_wrap .data_box .data_flex_wrap .data_flex .telework_item .js-num,
.data_wrap .data_box .data_flex_wrap .data_flex .zangyou_item .js-num {
  font-size: clamp(80px, 80px + 20 * (100vw - 320px)/(560 - 320), 100px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .yukyu_item .js-num,
  .data_wrap .data_box .data_flex_wrap .data_flex .telework_item .js-num,
  .data_wrap .data_box .data_flex_wrap .data_flex .zangyou_item .js-num {
    font-size: clamp(80px, 80px + 20 * (100vw - 1200px)/(1920 - 1200), 100px);
  }
}
.data_wrap .data_box .data_flex_wrap .data_flex .yukyu_item .percent,
.data_wrap .data_box .data_flex_wrap .data_flex .telework_item .percent,
.data_wrap .data_box .data_flex_wrap .data_flex .zangyou_item .percent {
  font-size: clamp(40px, 40px + 10 * (100vw - 320px)/(560 - 320), 50px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .yukyu_item .percent,
  .data_wrap .data_box .data_flex_wrap .data_flex .telework_item .percent,
  .data_wrap .data_box .data_flex_wrap .data_flex .zangyou_item .percent {
    font-size: clamp(30px, 30px + 20 * (100vw - 1200px)/(1920 - 1200), 50px);
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .yukyu_item img,
  .data_wrap .data_box .data_flex_wrap .data_flex .telework_item img,
  .data_wrap .data_box .data_flex_wrap .data_flex .zangyou_item img {
    height: 80px;
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .data_flex_wrap .data_flex .yukyu_item {
    margin-top: 40px;
  }
}
.data_wrap .data_box .kensyu_flex {
  text-align: center;
  margin-top: 40px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .kensyu_flex {
    align-items: center;
    justify-content: center;
  }
}
.data_wrap .data_box .kensyu_flex .data_flex {
  border-bottom: 0;
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .kensyu_flex .data_flex {
    width: calc(100% - 80px);
    border: 0;
  }
  .data_wrap .data_box .kensyu_flex .data_flex:last-of-type {
    border: 0;
  }
}
.data_wrap .data_box .kensyu_flex .data_flex h4 {
  margin: 14px auto 0;
}
.data_wrap .data_box .kensyu_flex .data_flex img {
  width: 100%;
}
.data_wrap .data_box .kensyu_flex .data_flex .kensyu_item {
  text-align: center;
}
.data_wrap .data_box .kensyu_flex .data_flex .js-num {
  font-size: clamp(60px, 60px + 20 * (100vw - 320px)/(560 - 320), 80px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .kensyu_flex .data_flex .js-num {
    font-size: clamp(80px, 80px + 20 * (100vw - 1200px)/(1920 - 1200), 100px);
  }
}
.data_wrap .data_box .kensyu_flex .data_flex .percent {
  font-size: clamp(20px, 20px + 20 * (100vw - 320px)/(560 - 320), 40px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .kensyu_flex .data_flex .percent {
    font-size: clamp(30px, 30px + 20 * (100vw - 1200px)/(1920 - 1200), 50px);
  }
}
.data_wrap .data_box .map_wrap {
  border-bottom: #333333 1px solid;
  margin: 0 auto 60px;
  padding-bottom: 60px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .map_wrap {
    flex-direction: column;
  }
}
.data_wrap .data_box .map_wrap .data_flex {
  width: auto;
  margin: 0 auto;
  padding-bottom: 0;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex {
    position: relative;
    margin-top: clamp(200px, 200px + 80 * (100vw - 1200px)/(1920 - 1200), 280px);
  }
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_img {
  width: calc(100% + 20px);
  margin: 0 -10px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_img {
    width: 85%;
    margin: 0 auto;
  }
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item:last-of-type {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_item {
    position: absolute;
  }
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box {
  display: flex;
  align-items: baseline;
  margin-bottom: 4px;
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .area_name {
  color: #333333;
  background-color: #ffffff;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 16px;
  border: #707070 1px solid;
  padding: 5px;
  margin-right: 10px;
  width: 108px;
  text-align: center;
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .js-num,
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .percent {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #70b437;
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .num_1 {
  font-size: clamp(30px, 30px + 10 * (100vw - 320px)/(560 - 320), 40px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .num_1 {
    font-size: clamp(40px, 40px + 20 * (100vw - 1200px)/(1920 - 1200), 60px);
  }
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .p_1 {
  font-size: 16px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .p_1 {
    font-size: clamp(20px, 20px + 10 * (100vw - 1200px)/(1920 - 1200), 30px);
  }
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .num_2 {
  font-size: clamp(40px, 40px + 20 * (100vw - 320px)/(560 - 320), 60px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .num_2 {
    font-size: clamp(60px, 60px + 20 * (100vw - 1200px)/(1920 - 1200), 80px);
  }
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .p_2 {
  font-size: 20px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .area_box .number .p_2 {
    font-size: clamp(20px, 20px + 10 * (100vw - 1200px)/(1920 - 1200), 30px);
  }
}
.data_wrap .data_box .map_wrap .data_flex .map_flex .map_item .ken {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_01 {
    top: clamp(-125px, -144px + 19 * (100vw - 1200px)/(1399 - 1200), -144px);
    right: clamp(-46px, -46px + 35 * (100vw - 1200px)/(1399 - 1200), -11px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_02 {
    top: clamp(20px, 20px + 10 * (100vw - 1200px)/(1399 - 1200), 30px);
    right: clamp(-58px, -58px + 28 * (100vw - 1200px)/(1399 - 1200), -30px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_03 {
    top: clamp(-133px, -133px + 23 * (100vw - 1200px)/(1399 - 1200), -110px);
    right: clamp(170px, 170px + 62 * (100vw - 1200px)/(1399 - 1200), 232px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_04 {
    top: clamp(-53px, -53px + 23 * (100vw - 1200px)/(1399 - 1200), -30px);
    left: clamp(77px, 77px + 37 * (100vw - 1200px)/(1399 - 1200), 114px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_05 {
    top: clamp(35px, 35px + 15 * (100vw - 1200px)/(1399 - 1200), 50px);
    left: clamp(-20px, -20px + 20 * (100vw - 1200px)/(1399 - 1200), 0px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_06 {
    top: clamp(175px, 175px + 25 * (100vw - 1200px)/(1399 - 1200), 200px);
    right: clamp(22px, 22px + 80 * (100vw - 1200px)/(1399 - 1200), 102px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_07 {
    top: clamp(-220px, -160px + -60 * (100vw - 1200px)/(1399 - 1200), -160px);
    left: clamp(0px, 0px + 50 * (100vw - 1200px)/(1399 - 1200), 50px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_01 {
    position: absolute;
    top: -80px;
    right: clamp(133px, 133px + 32 * (100vw - 1200px)/(1399 - 1200), 165px);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_02 {
    position: absolute;
    top: clamp(75px, 75px + 25 * (100vw - 1200px)/(1399 - 1200), 100px);
    right: clamp(143px, 143px + 37 * (100vw - 1200px)/(1399 - 1200), 180px);
    width: clamp(133px, 133px + 38 * (100vw - 1200px)/(1920 - 1200), 171px);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_03 {
    position: absolute;
    top: clamp(-90px, -90px + 30 * (100vw - 1200px)/(1399 - 1200), -60px);
    right: clamp(360px, 360px + 63 * (100vw - 1200px)/(1399 - 1200), 423px);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_04 {
    position: absolute;
    top: clamp(25px, 25px + 28 * (100vw - 1200px)/(1399 - 1200), 53px);
    right: clamp(406px, 406px + 71 * (100vw - 1200px)/(1399 - 1200), 477px);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_05 {
    position: absolute;
    top: clamp(120px, 120px + 20 * (100vw - 1200px)/(1399 - 1200), 140px);
    left: clamp(120px, 120px + 25 * (100vw - 1200px)/(1399 - 1200), 145px);
    width: clamp(100px, 100px + 60 * (100vw - 1200px)/(1920 - 1200), 160px);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_06 {
    position: absolute;
    top: clamp(215px, 215px + 30 * (100vw - 1200px)/(1399 - 1200), 245px);
    right: clamp(260px, 260px + 80 * (100vw - 1200px)/(1399 - 1200), 340px);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_07 {
    position: absolute;
    top: clamp(-200px, -135px + -65 * (100vw - 1200px)/(1399 - 1200), -135px);
    right: clamp(475px, 475px + 25 * (100vw - 1200px)/(1399 - 1200), 500px);
    width: clamp(200px, 200px + 120 * (100vw - 1200px)/(1920 - 1200), 320px);
  }
}
@media screen and (min-width: 1400px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_01 {
    top: clamp(-144px, -125px + -19 * (100vw - 1400px)/(1920 - 1400), -125px);
    right: clamp(-46px, -46px + 35 * (100vw - 1400px)/(1920 - 1400), -11px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_03 {
    top: clamp(-125px, -110px + -15 * (100vw - 1400px)/(1920 - 1400), -110px);
    left: 310px;
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_04 {
    top: clamp(-53px, -35px + -18 * (100vw - 1400px)/(1920 - 1400), -35px);
    left: 114px;
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_05 {
    top: clamp(10px, 36px + -26 * (100vw - 1400px)/(1920 - 1400), 36px);
    left: clamp(-60px, -15px + -45 * (100vw - 1400px)/(1920 - 1400), -15px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_06 {
    top: clamp(185px, 200px + -15 * (100vw - 1400px)/(1920 - 1400), 200px);
    right: 102px;
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_07 {
    top: clamp(-220px, -160px + -60 * (100vw - 1400px)/(1920 - 1400), -160px);
    left: clamp(-40px, 50px + -90 * (100vw - 1400px)/(1920 - 1400), 50px);
    transform: scale(0.7);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_01 {
    position: absolute;
    top: -80px;
    right: clamp(133px, 133px + 32 * (100vw - 1400px)/(1920 - 1400), 165px);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_02 {
    position: absolute;
    top: clamp(80px, 100px + -20 * (100vw - 1400px)/(1920 - 1400), 100px);
    right: clamp(150px, 180px + -30 * (100vw - 1400px)/(1920 - 1400), 180px);
    width: clamp(133px, 133px + 38 * (100vw - 1200px)/(1920 - 1200), 171px);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_03 {
    position: absolute;
    top: -60px;
    left: 330px;
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_04 {
    position: absolute;
    top: 50px;
    left: 272px;
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_05 {
    position: absolute;
    top: clamp(110px, 120px + -10 * (100vw - 1400px)/(1920 - 1400), 120px);
    left: clamp(85px, 125px + -40 * (100vw - 1400px)/(1920 - 1400), 125px);
    width: clamp(100px, 100px + 60 * (100vw - 1200px)/(1920 - 1200), 160px);
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_06 {
    position: absolute;
    top: 245px;
    right: 340px;
  }
  .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_07 {
    position: absolute;
    top: clamp(-200px, -135px + -65 * (100vw - 1400px)/(1920 - 1400), -135px);
    right: clamp(475px, 475px + 25 * (100vw - 1400px)/(1920 - 1400), 500px);
    width: clamp(200px, 200px + 120 * (100vw - 1200px)/(1920 - 1200), 320px);
  }
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_02 {
    top: clamp(0px, 30px + -30 * (100vw - 1400px)/(1920 - 1400), 30px);
    right: clamp(-85px, -32px + -53 * (100vw - 1400px)/(1920 - 1400), -32px);
    transform: scale(0.7);
  }
}
@media screen and (min-width: 1921px) {
  .data_wrap .data_box .map_wrap .data_flex .map_flex .area_02 {
    top: 3px;
    right: -86px;
    transform: scale(0.7);
  }
}
.data_wrap .data_box .enq_wrap {
  flex-direction: column;
}
.data_wrap .data_box .enq_wrap .data_flex h4 {
  margin-bottom: 60px;
}
.data_wrap .data_box .enq_wrap .data_flex h4 p {
  margin-top: 4px;
}
.data_wrap .data_box .enq_wrap .data_flex .mb30 {
  margin-bottom: 30px;
}
.data_wrap .data_box .enq_wrap .enq {
  font-size: clamp(14px, 14px + 4 * (100vw - 320px)/(560 - 320), 18px);
  text-align: center;
  margin-bottom: 10px;
}
.data_wrap .data_box .enq_wrap .enq::before {
  content: "／";
  display: inline-block;
  transform: scaleX(-1);
  margin-right: 10px;
}
.data_wrap .data_box .enq_wrap .enq::after {
  content: "／";
  margin-left: 5px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq {
    font-size: 13px;
  }
}
.data_wrap .data_box .enq_wrap .holiday_wrap,
.data_wrap .data_box .enq_wrap .priority_wrap,
.data_wrap .data_box .enq_wrap .nyusya_wrap,
.data_wrap .data_box .enq_wrap .yarigai_wrap {
  width: 100%;
  padding: 0;
  border-bottom: #333333 1px solid;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .holiday_wrap,
  .data_wrap .data_box .enq_wrap .priority_wrap,
  .data_wrap .data_box .enq_wrap .nyusya_wrap,
  .data_wrap .data_box .enq_wrap .yarigai_wrap {
    border-right: 0;
    margin-bottom: 60px;
    padding-bottom: 60px;
  }
}
.data_wrap .data_box .enq_wrap .enq_flex {
  display: flex;
  flex-direction: column;
  border-bottom: #333333 1px solid;
  margin-bottom: 40px;
  padding-bottom: 40px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex {
    flex-direction: row;
    margin: 0 auto 60px;
    padding-bottom: 60px;
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .tsuukin_wrap {
    padding-left: 40px;
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex {
    width: 50%;
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex {
  position: relative;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_img_01 {
  width: 55%;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_img_02 {
  width: 18%;
  margin-left: 50px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_img_02 {
    width: 20%;
    margin-left: 70px;
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 {
  position: absolute;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .js-num,
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .percent {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #70b437;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .num_1 {
  font-size: clamp(20px, 20px + 4 * (100vw - 320px)/(560 - 320), 24px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .num_1 {
    font-size: clamp(30px, 30px + 10 * (100vw - 1200px)/(1920 - 1200), 40px);
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .p_1 {
  font-size: 16px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .p_1 {
    font-size: clamp(12px, 12px + 4 * (100vw - 1200px)/(1920 - 1200), 16px);
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .num_2 {
  font-size: clamp(30px, 30px + 10 * (100vw - 320px)/(560 - 320), 40px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .num_2 {
    font-size: clamp(40px, 40px + 10 * (100vw - 1200px)/(1920 - 1200), 50px);
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .p_2 {
  font-size: 20px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .p_2 {
    font-size: clamp(20px, 20px + 10 * (100vw - 1200px)/(1920 - 1200), 30px);
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_01 {
  top: clamp(0px, 0px + 5 * (100vw - 320px)/(560 - 320), 5px);
  left: clamp(64px, 64px + 46 * (100vw - 320px)/(560 - 320), 110px);
  width: 90px;
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_01 {
    top: -4px;
    left: clamp(100px, 100px + 20 * (100vw - 1200px)/(1399 - 1200), 120px);
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_01 {
    top: -4px;
    left: 120px;
  }
}
@media (min-width: 1700px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_01 {
    top: -4px;
    left: 120px;
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_02 {
  top: clamp(20px, 20px + 25 * (100vw - 320px)/(560 - 320), 45px);
  right: clamp(0px, 0px + 55 * (100vw - 320px)/(560 - 320), 55px);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_02 {
    top: clamp(25px, 25px + 10 * (100vw - 1200px)/(1399 - 1200), 35px);
    right: clamp(25px, 25px + 20 * (100vw - 1200px)/(1399 - 1200), 45px);
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_02 {
    top: clamp(35px, 35px + 5 * (100vw - 1400px)/(1699 - 1400), 40px);
    right: clamp(45px, 45px + 10 * (100vw - 1400px)/(1699 - 1400), 55px);
  }
}
@media (min-width: 1700px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_02 {
    top: 40px;
    right: 55px;
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_03 {
  top: clamp(57px, 57px + 43 * (100vw - 320px)/(560 - 320), 100px);
  left: clamp(100px, 100px + 70 * (100vw - 320px)/(560 - 320), 170px);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_03 {
    top: clamp(75px, 75px + 16 * (100vw - 1200px)/(1399 - 1200), 91px);
    left: clamp(140px, 140px + 30 * (100vw - 1200px)/(1399 - 1200), 170px);
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_03 {
    top: clamp(91px, 91px + 12 * (100vw - 1400px)/(1699 - 1400), 103px);
    left: clamp(170px, 170px + 10 * (100vw - 1400px)/(1699 - 1400), 180px);
  }
}
@media (min-width: 1700px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_03 {
    top: 103px;
    left: 180px;
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_04 {
  top: clamp(85px, 85px + 65 * (100vw - 320px)/(560 - 320), 150px);
  left: clamp(50px, 50px + 35 * (100vw - 320px)/(560 - 320), 85px);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_04 {
    top: clamp(114px, 114px + 26 * (100vw - 1200px)/(1399 - 1200), 140px);
    left: clamp(70px, 70px + 20 * (100vw - 1200px)/(1399 - 1200), 90px);
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_04 {
    top: clamp(140px, 140px + 20 * (100vw - 1400px)/(1699 - 1400), 160px);
    left: 90px;
  }
}
@media (min-width: 1700px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_04 {
    top: 160px;
    left: 90px;
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex {
  position: relative;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_img {
  width: 100%;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 {
  position: absolute;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 p {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 4 * (100vw - 320px)/(560 - 320), 16px);
  line-height: clamp(23px, 23px + 17 * (100vw - 320px)/(560 - 320), 40px);
  color: #70b437;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 p {
    font-size: 16px;
    line-height: clamp(36px, 36px + 4 * (100vw - 1200px)/(1920 - 1200), 40px);
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 .in_text {
  margin-right: 6px;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 .out_text {
  margin-right: 6px;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 .js-num,
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 .percent {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #70b437;
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 .num_1 {
  font-size: clamp(30px, 30px + 30 * (100vw - 320px)/(560 - 320), 60px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 .num_1 {
    font-size: clamp(43px, 43px + 17 * (100vw - 1200px)/(1920 - 1200), 60px);
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 .p_1 {
  font-size: 16px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .js-count5 .p_1 {
    font-size: clamp(20px, 20px + 10 * (100vw - 1200px)/(1920 - 1200), 30px);
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_01,
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_02 {
  text-align: center;
  line-height: clamp(23px, 23px + 17 * (100vw - 320px)/(560 - 320), 40px);
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_01,
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_02 {
    line-height: clamp(36px, 36px + 4 * (100vw - 1200px)/(1920 - 1200), 40px);
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_01 {
  top: 28%;
  left: clamp(14px, 14px + 12 * (100vw - 320px)/(560 - 320), 26px);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_01 {
    top: clamp(45px, 45px + 15 * (100vw - 1200px)/(1399 - 1200), 60px);
    left: clamp(16px, 16px + 13 * (100vw - 1200px)/(1399 - 1200), 29px);
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_01 {
    top: clamp(60px, 60px + 10 * (100vw - 1400px)/(1699 - 1400), 70px);
    left: clamp(26px, 29px + -3 * (100vw - 1400px)/(1699 - 1400), 29px);
  }
}
@media (min-width: 1700px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_01 {
    top: 70px;
    left: 26px;
  }
}
.data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_02 {
  top: 28%;
  right: clamp(3px, 3px + 15 * (100vw - 320px)/(560 - 320), 18px);
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_02 {
    top: clamp(45px, 45px + 15 * (100vw - 1200px)/(1399 - 1200), 60px);
    right: clamp(6px, 6px + 10 * (100vw - 1200px)/(1399 - 1200), 16px);
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_02 {
    top: clamp(60px, 60px + 10 * (100vw - 1400px)/(1699 - 1400), 70px);
    right: clamp(16px, 16px + 4 * (100vw - 1400px)/(1699 - 1400), 20px);
  }
}
@media (min-width: 1700px) {
  .data_wrap .data_box .enq_wrap .enq_flex .data_flex .indoor_flex .indoor_num_02 {
    top: 70px;
    right: 20px;
  }
}
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex {
    align-items: baseline;
  }
}
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item {
  width: 45%;
  text-align: center;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item {
    width: 16%;
  }
}
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item:first-of-type {
  width: 100%;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item:first-of-type {
    width: 20%;
  }
}
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item p {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 11px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .mb {
    margin-bottom: clamp(5px, 12px + -7 * (100vw - 1200px)/(1920 - 1200), 12px);
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .flex_under {
    margin-top: auto;
  }
}
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .flex_under .js-num,
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .flex_under .percent {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #70b437;
}
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .flex_under .num_1 {
  font-size: clamp(30px, 30px + 30 * (100vw - 320px)/(560 - 320), 60px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .flex_under .num_1 {
    font-size: clamp(50px, 50px + 10 * (100vw - 1200px)/(1920 - 1200), 60px);
    line-height: 180%;
  }
}
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .flex_under .p_1,
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .flex_under .p_2 {
  font-size: 16px;
}
.data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .flex_under .num_2 {
  font-size: clamp(20px, 20px + 20 * (100vw - 320px)/(560 - 320), 40px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .holiday_wrap .holiday_flex .holiday_item .flex_under .num_2 {
    font-size: clamp(36px, 36px + 4 * (100vw - 1200px)/(1920 - 1200), 40px);
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex {
    position: relative;
    align-items: baseline;
    border-bottom: #a3a3a3 1px solid;
  }
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex::before, .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex::after {
    position: absolute;
    display: inline-block;
    content: "";
    background: #f8f8f8;
    width: clamp(10px, 10px + 15 * (100vw - 1200px) / 200, 25px);
    height: 1px;
    bottom: -1px;
  }
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex::before {
    left: 0px;
  }
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex::after {
    right: 0;
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 45%;
  text-align: center;
  margin-bottom: 50px;
  border-bottom: #a3a3a3 1px solid;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item {
    width: 18%;
    margin-bottom: -1px;
    border-bottom: 0;
  }
}
@media (max-width: 1199px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item:first-of-type {
    width: 100%;
  }
}
@media (max-width: 1199px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item:first-of-type .priority_contents {
    padding: 20px;
    height: 120px;
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  background-color: #ffffff;
  border: #333333 1px solid;
  padding: clamp(6px, 6px + 14 * (100vw - 320px)/(560 - 320), 20px) 0;
  height: clamp(100px, 100px + 20 * (100vw - 320px)/(560 - 320), 120px);
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents {
    height: clamp(100px, 100px + 20 * (100vw - 1200px)/(1920 - 1200), 120px);
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents p {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
  padding: 0 clamp(6px, 6px + 14 * (100vw - 320px)/(560 - 320), 20px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents p {
    font-size: clamp(12px, 12px + 2 * (100vw - 1200px)/(1920 - 1200), 14px);
    padding: 0 20px;
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .js-num,
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .percent {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #70b437;
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .num_1 {
  font-size: clamp(40px, 40px + 20 * (100vw - 320px)/(560 - 320), 60px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .num_1 {
    line-height: 0px;
    font-size: clamp(40px, 40px + 10 * (100vw - 1200px)/(1920 - 1200), 50px);
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .p_1 {
  font-size: clamp(20px, 20px + 10 * (100vw - 320px)/(560 - 320), 30px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .p_1 {
    font-size: clamp(20px, 20px + 4 * (100vw - 1200px)/(1920 - 1200), 24px);
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .num_2 {
  font-size: clamp(20px, 20px + 20 * (100vw - 320px)/(560 - 320), 40px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .num_2 {
    font-size: clamp(30px, 30px + 10 * (100vw - 1200px)/(1920 - 1200), 40px);
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .p_2 {
  font-size: clamp(12px, 12px + 4 * (100vw - 320px)/(560 - 320), 16px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .priority_contents .js-count7 .p_2 {
    font-size: clamp(16px, 16px + 2 * (100vw - 1200px)/(1920 - 1200), 18px);
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .relative {
  position: relative;
  margin-bottom: -7px;
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .relative span {
  position: absolute;
  top: -30px;
  left: clamp(-30px, -20px + -10 * (100vw - 320px)/(560 - 320), -20px);
  width: 40px;
  height: 40px;
  border-right: 1px solid #333333;
  transform: rotate(-45deg);
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .relative .line_01 {
  top: -60px;
  left: initial;
  right: clamp(0px, 10px + -10 * (100vw - 320px)/(560 - 320), 10px);
  transform: rotate(45deg);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .relative .line_02 {
    top: -60px;
    right: 10px;
    left: initial;
    transform: rotate(45deg);
  }
}
.data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .relative img {
  width: clamp(60%, 60% + 40 * (100vw - 320px)/(560 - 320), 100%);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .priority_wrap .priority_flex .priority_item .relative img {
    width: 80%;
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex {
    max-width: 70%;
    margin: 0 auto;
  }
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .nyusya_contents {
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 36px;
  margin-bottom: 10px;
  padding-left: 10px;
  border: #707070 1px solid;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .nyusya_contents {
    height: 80px;
    margin-bottom: 16px;
    padding-left: 20px;
  }
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_01 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 61.5%, #ffffff 61.5%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_02 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 47.3%, #ffffff 47.3%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_03 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 42%, #ffffff 42%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_04 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 32.5%, #ffffff 32.5%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_05 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 27.8%, #ffffff 27.8%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_06 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 12.4%, #ffffff 12.4%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_07 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 11.8%, #ffffff 11.8%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_08 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 11.2%, #ffffff 11.2%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_09 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 11.2%, #ffffff 11.2%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_10 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 9.5%, #ffffff 9.5%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_11 {
  background: linear-gradient(90deg, #e2e2e2 0%, #e2e2e2 5.3%, #ffffff 5.3%, #ffffff 100%);
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item p {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(10px, 10px + 3 * (100vw - 320px)/(560 - 320), 13px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item p {
    font-size: clamp(20px, 20px + 10 * (100vw - 1200px)/(1920 - 1200), 30px);
  }
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 {
  margin-right: 6px;
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .js-num,
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .percent {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #70b437;
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .num_1 {
  font-size: clamp(26px, 26px + 14 * (100vw - 320px)/(560 - 320), 40px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .num_1 {
    font-size: clamp(60px, 60px + 10 * (100vw - 1200px)/(1920 - 1200), 70px);
  }
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .p_1 {
  font-size: clamp(14px, 14px + 6 * (100vw - 320px)/(560 - 320), 20px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .p_1 {
    font-size: clamp(20px, 20px + 10 * (100vw - 1200px)/(1920 - 1200), 30px);
  }
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .num_2 {
  font-size: clamp(16px, 16px + 14 * (100vw - 320px)/(560 - 320), 30px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .num_2 {
    font-size: clamp(40px, 40px + 10 * (100vw - 1200px)/(1920 - 1200), 50px);
  }
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .p_2 {
  font-size: clamp(14px, 14px + 6 * (100vw - 320px)/(560 - 320), 20px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .js-count8 .p_2 {
    font-size: clamp(20px, 20px + 10 * (100vw - 1200px)/(1920 - 1200), 30px);
  }
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_num_01 {
  top: 0;
  right: 0;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_num_01 {
    top: clamp(0px, 20px + -20 * (100vw - 1200px)/(1920 - 1200), 20px);
  }
}
.data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_num_02 {
  top: 0;
  right: 0;
  margin-top: 6px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .nyusya_wrap .nyusya_flex .nyusya_item .kimete_num_02 {
    top: clamp(0px, 25px + -25 * (100vw - 1200px)/(1920 - 1200), 25px);
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap {
    border-bottom: 0;
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item {
  justify-content: center;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents {
  justify-content: center;
  margin-bottom: 6px;
  opacity: 0;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents {
    margin-bottom: 14px;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents:first-of-type {
    margin-bottom: -10px;
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .js-num,
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .percent {
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #70b437;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .num_1 {
  font-size: clamp(36px, 36px + 24 * (100vw - 320px)/(560 - 320), 60px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .num_1 {
    font-size: clamp(60px, 60px + 20 * (100vw - 1200px)/(1920 - 1200), 80px);
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .p_1 {
  font-size: clamp(20px, 20px + 10 * (100vw - 320px)/(560 - 320), 30px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .p_1 {
    font-size: clamp(20px, 20px + 10 * (100vw - 1200px)/(1920 - 1200), 30px);
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .num_2 {
  font-size: clamp(20px, 20px + 10 * (100vw - 320px)/(560 - 320), 30px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .num_2 {
    font-size: clamp(22px, 22px + 8 * (100vw - 1200px)/(1920 - 1200), 30px);
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .p_2 {
  font-size: clamp(14px, 14px + 4 * (100vw - 320px)/(560 - 320), 18px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .p_2 {
    font-size: clamp(14px, 14px + 2 * (100vw - 1200px)/(1920 - 1200), 16px);
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .num_3 {
  font-size: clamp(16px, 16px + 12 * (100vw - 320px)/(560 - 320), 28px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .num_3 {
    font-size: clamp(16px, 16px + 4 * (100vw - 1200px)/(1920 - 1200), 20px);
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .p_3 {
  font-size: clamp(10px, 10px + 4 * (100vw - 320px)/(560 - 320), 14px);
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .yarigai_item .yarigai_contents .js-count9 .p_3 {
    font-size: clamp(10px, 10px + 4 * (100vw - 1200px)/(1920 - 1200), 14px);
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_01 .yarigai_contents {
    display: flex;
    align-items: center;
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_01 p {
  display: inline;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(20px, 20px + 12 * (100vw - 320px)/(560 - 320), 32px);
  margin-right: 20px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_01 p {
    font-size: clamp(30px, 30px + 10 * (100vw - 1200px)/(1920 - 1200), 40px);
    margin-right: 40px;
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_01 .numbox_01 {
  display: inline-block;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_02 {
    display: flex;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_02 .mr_01 {
    margin-right: clamp(10px, 10px + 10 * (100vw - 1200px)/(1920 - 1200), 20px);
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_02 .mr_02 {
    margin-right: clamp(30px, 30px + 10 * (100vw - 1200px)/(1920 - 1200), 40px);
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_02 p {
  display: inline;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(16px, 16px + 6 * (100vw - 320px)/(560 - 320), 22px);
  margin-right: 10px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_02 p {
    font-size: clamp(20px, 20px + 4 * (100vw - 1200px)/(1920 - 1200), 24px);
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_02 .text_02 {
    margin-right: 14px;
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_02 .numbox_02 {
  display: inline-block;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_03 {
    display: flex;
  }
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_03 .yarigai_contents {
    margin-right: 16px;
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_03 p {
  display: inline;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(14px, 14px + 2 * (100vw - 320px)/(560 - 320), 16px);
  margin-right: 10px;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_03 p {
    font-size: clamp(13px, 13px + 3 * (100vw - 1200px)/(1920 - 1200), 16px);
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .yarigai_flex .box_03 .numbox_03 {
  display: inline-block;
}
@keyframes poyoyon {
  0% {
    transform: scale(1, 2) translate(0, 0);
  }
  15% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  30% {
    transform: scale(1.4, 1) translate(0, 8px);
  }
  50% {
    transform: scale(0.98, 1.05) translate(0, -8px);
  }
  70% {
    transform: scale(1, 0.9) translate(0, 5px);
  }
  100% {
    transform: scale(1, 1) translate(0, 0);
  }
  0%, 100% {
    opacity: 1;
  }
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_01 {
  animation: poyoyon 1s ease-in-out 0.4s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_02 {
  animation: poyoyon 1s ease-in-out 1.2s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_03 {
  animation: poyoyon 1s ease-in-out 2s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_04 {
  animation: poyoyon 1s ease-in-out 2.8s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_05 {
  animation: poyoyon 1s ease-in-out 3.6s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_06 {
  animation: poyoyon 1s ease-in-out 4.4s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_07 {
  animation: poyoyon 1s ease-in-out 5.2s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_08 {
  animation: poyoyon 1s ease-in-out 6s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_09 {
  animation: poyoyon 1s ease-in-out 6.8s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_10 {
  animation: poyoyon 1s ease-in-out 7.6s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_11 {
  animation: poyoyon 1s ease-in-out 8.4s forwards;
}
.data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_12 {
  animation: poyoyon 1s ease-in-out 9.2s forwards;
}
@media (min-width: 1200px) {
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_01 {
    animation: poyoyon 1s ease-in-out 0s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_02 {
    animation: poyoyon 1s ease-in-out 0.4s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_03 {
    animation: poyoyon 1s ease-in-out 0.6s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_04 {
    animation: poyoyon 1s ease-in-out 0.8s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_05 {
    animation: poyoyon 1s ease-in-out 1s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_06 {
    animation: poyoyon 1s ease-in-out 1.1s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_07 {
    animation: poyoyon 1s ease-in-out 1.2s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_08 {
    animation: poyoyon 1s ease-in-out 1.3s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_09 {
    animation: poyoyon 1s ease-in-out 1.5s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_10 {
    animation: poyoyon 1s ease-in-out 1.7s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_11 {
    animation: poyoyon 1s ease-in-out 2s forwards;
  }
  .data_wrap .data_box .enq_wrap .yarigai_wrap .puyo_12 {
    animation: poyoyon 1s ease-in-out 2.2s forwards;
  }
}
.data_wrap p {
  letter-spacing: 0;
  line-height: initial;
}
.data_wrap .data_fade {
  opacity: 0;
}
.data_wrap .contents {
  overflow: hidden;
  position: relative;
}
.data_wrap .contents::before {
  animation: data_anime 1s ease 0s 1 forwards normal;
  background: #f8f8f8;
  bottom: 0;
  content: "";
  left: 0;
  pointer-events: none;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}
@keyframes data_anime {
  100% {
    transform: translateX(100%);
  }
}

.occupation_wrap .page2_title .eng {
  color: #70b437;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
}
.occupation_wrap .page2_title h2 {
  font-size: clamp(20px, 20px + 6 * (100vw - 320px)/(560 - 320), 26px);
  margin-bottom: clamp(20px, 20px + 8 * (100vw - 320px)/(560 - 320), 28px);
}
@media (min-width: 1200px) {
  .occupation_wrap .page2_title h2 {
    font-size: clamp(26px, 26px + 2 * (100vw - 1200px)/(1920 - 1200), 28px);
    line-height: 200%;
  }
}
.occupation_wrap .page2_title .line {
  border-bottom: 1px solid #70b437;
  width: 40px;
}
.occupation_wrap .mb46 {
  margin-bottom: clamp(30px, 30px + 16 * (100vw - 320px)/(560 - 320), 46px);
}
@media (min-width: 1200px) {
  .occupation_wrap .mb46 {
    margin-bottom: clamp(40px, 40px + 16 * (100vw - 1200px)/(1920 - 1200), 56px);
  }
}
.occupation_wrap .job_wrap {
  padding: 0 clamp(0px, 0px + 20 * (100vw - 320px)/(560 - 320), 20px);
  margin-bottom: clamp(90px, 90px + 38 * (100vw - 320px)/(560 - 320), 128px);
}
@media (min-width: 1200px) {
  .occupation_wrap .job_wrap {
    margin-bottom: clamp(90px, 90px + 38 * (100vw - 1200px)/(1920 - 1200), 128px);
    padding: 0;
  }
}
.occupation_wrap .job_wrap .job_flex {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0.4s ease-out;
}
@media (min-width: 1200px) {
  .occupation_wrap .job_wrap .job_flex {
    flex-wrap: nowrap;
  }
}
.occupation_wrap .job_wrap .job_flex .job_item {
  display: flex;
  flex-direction: column;
  width: calc((100% - clamp(20px, 20px + 30 * (100vw - 320px)/(560 - 320), 50px)) / 2);
  margin-bottom: 50px;
}
.occupation_wrap .job_wrap .job_flex .job_item:nth-of-type(3), .occupation_wrap .job_wrap .job_flex .job_item:nth-of-type(4) {
  margin-bottom: 0;
}
@media (min-width: 1200px) {
  .occupation_wrap .job_wrap .job_flex .job_item {
    margin-bottom: 0;
    width: calc((100% - clamp(90px, 90px + 45 * (100vw - 1200px)/(1920 - 1200), 135px)) / 4);
  }
}
.occupation_wrap .job_wrap .job_flex .job_item .job_img {
  position: relative;
  z-index: -1;
  margin-bottom: clamp(30px, 30px + 20 * (100vw - 320px)/(560 - 320), 50px);
}
@media (min-width: 1200px) {
  .occupation_wrap .job_wrap .job_flex .job_item .job_img {
    margin-bottom: clamp(40px, 40px + 10 * (100vw - 1200px)/(1920 - 1200), 50px);
  }
}
.occupation_wrap .job_wrap .job_flex .job_item .job_img .sankaku {
  position: absolute;
  right: clamp(-8px, -6px + -2 * (100vw - 320px)/(560 - 320), -6px);
  bottom: clamp(-3px, -1px + -2 * (100vw - 320px)/(560 - 320), -1px);
  z-index: -1;
  width: clamp(80px, 80px + 40 * (100vw - 320px)/(560 - 320), 120px);
}
.occupation_wrap .job_wrap .job_flex .job_item .job_img img {
  width: 100%;
}
.occupation_wrap .job_wrap .job_flex .job_item .job_text {
  text-align: center;
}
.occupation_wrap .job_wrap .job_flex .job_item .job_text .eng {
  color: #70b437;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  margin-bottom: 15px;
}
.occupation_wrap .job_wrap .job_flex .job_item .job_text .jap {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(16px, 16px + 6 * (100vw - 320px)/(560 - 320), 22px);
}
@media (min-width: 1200px) {
  .occupation_wrap .job_wrap .job_flex .job_item .job_text .jap {
    font-size: clamp(18px, 18px + 4 * (100vw - 1200px)/(1920 - 1200), 22px);
  }
}
.occupation_wrap .job_wrap .job_flex .job_item .line {
  border-bottom: 1px solid #70b437;
  width: 40px;
  margin: 20px auto 0;
}
.occupation_wrap .job_detail {
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .occupation_wrap .job_detail {
    margin-bottom: clamp(100px, 100px + 28 * (100vw - 1200px)/(1920 - 1200), 128px);
  }
}
.occupation_wrap .job_detail .detail_flex {
  display: flex;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .occupation_wrap .job_detail .detail_flex {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .occupation_wrap .job_detail .detail_flex .img_text,
  .occupation_wrap .job_detail .detail_flex .schedule {
    width: calc((100% - clamp(60px, 60px + 20 * (100vw - 1200px)/(1920 - 1200), 80px)) / 2);
  }
}
.occupation_wrap .job_detail .detail_flex .img_text {
  margin-bottom: clamp(60px, 60px + 20 * (100vw - 320px)/(560 - 320), 80px);
}
@media (min-width: 1200px) {
  .occupation_wrap .job_detail .detail_flex .img_text {
    margin-bottom: 0;
  }
}
.occupation_wrap .job_detail .detail_flex .img_text .img {
  position: relative;
  z-index: -1;
  margin-bottom: clamp(50px, 50px + 20 * (100vw - 320px)/(560 - 320), 70px);
}
.occupation_wrap .job_detail .detail_flex .img_text .img .sankaku {
  position: absolute;
  right: clamp(-14px, -6px + -8 * (100vw - 320px)/(560 - 320), -6px);
  bottom: clamp(-10px, -1px + -9 * (100vw - 320px)/(560 - 320), -1px);
  z-index: -1;
  width: clamp(80px, 80px + 100 * (100vw - 320px)/(560 - 320), 180px);
}
.occupation_wrap .job_detail .detail_flex .img_text .img img {
  width: 100%;
}
.occupation_wrap .job_detail .detail_flex .img_text .text h3 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(18px, 18px + 6 * (100vw - 320px)/(560 - 320), 24px);
  margin-bottom: clamp(30px, 30px + 16 * (100vw - 320px)/(560 - 320), 46px);
  line-height: 200%;
}
@media (min-width: 1200px) {
  .occupation_wrap .job_detail .detail_flex .img_text .text h3 {
    font-size: clamp(22px, 22px + 2 * (100vw - 1200px)/(1920 - 1200), 24px);
  }
}
.occupation_wrap .job_detail .detail_flex .schedule {
  display: grid;
  grid-template-columns: 1fr 3fr;
  grid-template-rows: 1fr 3fr 3fr 3fr 3fr;
}
@media (min-width: 1200px) {
  .occupation_wrap .job_detail .detail_flex .schedule {
    align-self: flex-start;
  }
}
.occupation_wrap .job_detail .detail_flex .schedule h4 {
  grid-row: 1;
  grid-column: 1/3;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #ffffff;
  background-color: #333333;
  padding: 10px 0;
  text-align: center;
}
.occupation_wrap .job_detail .detail_flex .schedule .row {
  display: contents;
}
.occupation_wrap .job_detail .detail_flex .schedule .row .time {
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "brandon-grotesque", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 4 * (100vw - 320px)/(560 - 320), 16px);
  border-left: #d3d3d3 1px solid;
  border-bottom: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
}
.occupation_wrap .job_detail .detail_flex .schedule .row .flow {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  padding: 10px 15px;
  border-bottom: #d3d3d3 1px solid;
  border-right: #d3d3d3 1px solid;
}
.occupation_wrap .job_detail .detail_flex .schedule .row .flow .task {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
}
.occupation_wrap .job_detail .detail_flex .schedule .row .flow p {
  font-size: clamp(11px, 11px + 1 * (100vw - 320px)/(560 - 320), 12px);
}
@media (min-width: 1200px) {
  .occupation_wrap .reverse .detail_flex {
    flex-direction: row-reverse;
  }
}

.careerpath_wrap .page2_title h2 {
  font-size: clamp(20px, 20px + 6 * (100vw - 320px)/(560 - 320), 26px);
  margin-bottom: clamp(20px, 20px + 8 * (100vw - 320px)/(560 - 320), 28px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .page2_title h2 {
    font-size: clamp(26px, 26px + 2 * (100vw - 1200px)/(1920 - 1200), 28px);
    line-height: 200%;
  }
}
.careerpath_wrap .step_wrap {
  padding: 0 clamp(0px, 0px + 20 * (100vw - 320px)/(560 - 320), 20px);
  margin-bottom: clamp(90px, 90px + 38 * (100vw - 320px)/(560 - 320), 128px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap {
    margin-bottom: clamp(90px, 90px + 38 * (100vw - 1200px)/(1920 - 1200), 128px);
    padding: 0;
  }
}
.careerpath_wrap .step_wrap .mainstep {
  position: relative;
  margin-bottom: 46px;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap .mainstep {
    margin-bottom: 84px;
  }
}
.careerpath_wrap .step_wrap .mainstep .mainstep_img {
  width: 100%;
}
.careerpath_wrap .step_wrap .mainstep .mainstep_text {
  position: absolute;
  top: clamp(-55px, -55px + 55 * (100vw - 320px)/(560 - 320), 0px);
  left: 0;
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap .mainstep .mainstep_text {
    top: clamp(40px, 40px + 60 * (100vw - 1200px)/(1920 - 1200), 100px);
    left: clamp(30px, 30px + 90 * (100vw - 1200px)/(1920 - 1200), 120px);
  }
}
.careerpath_wrap .step_wrap .mainstep .mainstep_text .balloon {
  position: relative;
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  display: inline-block;
  margin: 1.5em 0;
  padding: 8px 12px;
  width: clamp(100px, 100px + 80 * (100vw - 320px)/(560 - 320), 180px);
  color: #333333;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  background: #fff;
  border: solid 1px #333333;
  border-radius: 10px;
  box-sizing: border-box;
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap .mainstep .mainstep_text .balloon {
    width: auto;
    text-align: center;
    padding: 18px 24px;
  }
}
.careerpath_wrap .step_wrap .mainstep .mainstep_text .balloon::before, .careerpath_wrap .step_wrap .mainstep .mainstep_text .balloon::after {
  content: "";
  position: absolute;
  border: 12px solid transparent;
}
.careerpath_wrap .step_wrap .mainstep .mainstep_text .balloon::before {
  right: 15.5%;
  bottom: -23px;
  border-top: 12px solid #fff;
  border-right: 0;
  z-index: 2;
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap .mainstep .mainstep_text .balloon::before {
    right: 40px;
  }
}
.careerpath_wrap .step_wrap .mainstep .mainstep_text .balloon::after {
  right: 15%;
  bottom: -25px;
  border-top: 12px solid #333333;
  border-right: 0;
  z-index: 1;
}
.careerpath_wrap .step_wrap .step_flow {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto auto auto;
  max-width: 1000px;
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
}
.careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) {
  grid-column: 1;
  padding-right: clamp(14px, 14px + 23 * (100vw - 320px)/(560 - 320), 37px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) {
    padding-right: 42px;
  }
}
.careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p {
  position: relative;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 4 * (100vw - 320px)/(560 - 320), 16px);
  width: clamp(100px, 100px + 30 * (100vw - 320px)/(560 - 320), 130px);
  text-align: right;
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p {
    font-size: clamp(16px, 16px + 6 * (100vw - 1200px)/(1920 - 1200), 22px);
    width: clamp(200px, 200px + 64 * (100vw - 1200px)/(1920 - 1200), 264px);
  }
}
.careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p span {
  position: absolute;
  display: inline-block;
  top: clamp(2px, 6px + -4 * (100vw - 320px)/(560 - 320), 6px);
  width: clamp(12px, 12px + 13 * (100vw - 320px)/(560 - 320), 25px);
  height: clamp(12px, 12px + 13 * (100vw - 320px)/(560 - 320), 25px);
  border-radius: 50%;
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p span {
    top: clamp(4px, 4px + 5 * (100vw - 1200px)/(1920 - 1200), 9px);
  }
}
.careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p .single {
  right: clamp(-49.5px, -20px + -29.5 * (100vw - 320px)/(560 - 320), -20px);
}
.careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p .double_1 {
  right: clamp(-37px, -14.2px + -22.8 * (100vw - 320px)/(560 - 320), -14.2px);
}
.careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p .double_2 {
  right: clamp(-62px, -26.5px + -35.5 * (100vw - 320px)/(560 - 320), -26.5px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p .single {
    right: -54.4px;
  }
  .careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p .double_1 {
    right: -42px;
  }
  .careerpath_wrap .step_wrap .step_flow > div:nth-of-type(odd) p .double_2 {
    right: -67px;
  }
}
.careerpath_wrap .step_wrap .step_flow > div:nth-of-type(even) {
  grid-column: 2;
  position: relative;
  padding-left: clamp(14px, 14px + 23 * (100vw - 320px)/(560 - 320), 37px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .step_wrap .step_flow > div:nth-of-type(even) {
    padding-left: 42px;
  }
}
.careerpath_wrap .step_wrap .step_flow > div:nth-of-type(even):not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  display: inline-block;
  width: 1px; /*線の長さ*/
  height: 98%; /*線の太さ*/
  background-color: #a3a3a3;
  z-index: -1;
}
.careerpath_wrap .step_wrap .step_flow > div:nth-of-type(even):not(:last-of-type) p {
  padding-bottom: 68px;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
}
.careerpath_wrap .rank_color_1 {
  background-color: #c3d60b;
}
.careerpath_wrap .rank_color_2 {
  background-color: #70b437;
}
.careerpath_wrap .rank_color_3_1 {
  background-color: #59cfea;
}
.careerpath_wrap .rank_color_3_2 {
  background-color: #5ad1ac;
}
.careerpath_wrap .rank_color_4_1 {
  background-color: #38cdc8;
}
.careerpath_wrap .rank_color_4_2 {
  background-color: #4daf6b;
}
.careerpath_wrap .rank_color_5_1 {
  background-color: #38b5c8;
}
.careerpath_wrap .rank_color_5_2 {
  background-color: #4da893;
}
.careerpath_wrap .case_wrap .case_grid {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
}
.careerpath_wrap .case_wrap .case_grid:not(:last-of-type) {
  margin-bottom: 84px;
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid:not(:last-of-type) {
    margin-bottom: 136px;
  }
}
.careerpath_wrap .case_wrap .case_grid:last-of-type {
  margin-bottom: 114px;
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0 clamp(60px, 60px + 20 * (100vw - 1200px)/(1920 - 1200), 80px);
    max-width: 1000px;
  }
}
.careerpath_wrap .case_wrap .case_grid .case_title {
  margin-bottom: clamp(40px, 40px + 14 * (100vw - 320px)/(560 - 320), 54px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_title {
    grid-column: 1;
  }
}
.careerpath_wrap .case_wrap .case_grid .case_title .eng {
  color: #70b437;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  margin-bottom: 8px;
}
.careerpath_wrap .case_wrap .case_grid .case_title h3 {
  font-size: clamp(16px, 16px + 8 * (100vw - 320px)/(560 - 320), 24px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_title h3 {
    line-height: 200%;
  }
}
.careerpath_wrap .case_wrap .case_grid .case_title .line {
  border-bottom: 1px solid #70b437;
  width: 40px;
  margin: clamp(20px, 20px + 8 * (100vw - 320px)/(560 - 320), 28px) 0;
}
.careerpath_wrap .case_wrap .case_grid .case_title h4 {
  font-size: clamp(14px, 14px + 4 * (100vw - 320px)/(560 - 320), 18px);
  margin-bottom: clamp(30px, 30px + 4 * (100vw - 320px)/(560 - 320), 34px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_title h4 {
    margin-bottom: clamp(30px, 30px + 24 * (100vw - 1200px)/(1920 - 1200), 54px);
  }
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_img {
    grid-column: 2;
  }
}
.careerpath_wrap .case_wrap .case_grid .case_img .img {
  position: relative;
  z-index: -1;
  margin-bottom: clamp(50px, 50px + 20 * (100vw - 320px)/(560 - 320), 70px);
}
.careerpath_wrap .case_wrap .case_grid .case_img .img .sankaku {
  position: absolute;
  right: clamp(-14px, -6px + -8 * (100vw - 320px)/(560 - 320), -6px);
  bottom: clamp(-10px, -1px + -9 * (100vw - 320px)/(560 - 320), -1px);
  z-index: -1;
  width: clamp(80px, 80px + 100 * (100vw - 320px)/(560 - 320), 180px);
}
.careerpath_wrap .case_wrap .case_grid .case_img .img img {
  width: 100%;
}
.careerpath_wrap .case_wrap .case_grid .case_step {
  display: grid;
  grid-template-columns: auto auto;
  grid-template-rows: auto auto auto auto;
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_step {
    grid-column: 1/3;
    grid-row: 2;
    max-width: 900px;
    margin: 0 auto;
  }
}
.careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) {
  grid-column: 1;
  padding-right: clamp(14px, 14px + 23 * (100vw - 320px)/(560 - 320), 37px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) {
    padding-right: 42px;
  }
}
.careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p {
  position: relative;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  text-align: right;
  font-size: clamp(12px, 12px + 4 * (100vw - 320px)/(560 - 320), 16px);
  width: clamp(60px, 60px + 12 * (100vw - 320px)/(560 - 320), 72px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p {
    font-size: clamp(16px, 16px + 6 * (100vw - 1200px)/(1920 - 1200), 22px);
    width: clamp(72px, 72px + 24 * (100vw - 1200px)/(1920 - 1200), 96px);
  }
}
.careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p span {
  position: absolute;
  display: inline-block;
  top: clamp(2px, 6px + -4 * (100vw - 320px)/(560 - 320), 6px);
  width: clamp(12px, 12px + 13 * (100vw - 320px)/(560 - 320), 25px);
  height: clamp(12px, 12px + 13 * (100vw - 320px)/(560 - 320), 25px);
  border-radius: 50%;
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p span {
    top: clamp(4px, 4px + 5 * (100vw - 1200px)/(1920 - 1200), 9px);
  }
}
.careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p .single {
  right: clamp(-49.5px, -20px + -29.5 * (100vw - 320px)/(560 - 320), -20px);
}
.careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p .double_1 {
  right: clamp(-37px, -14.2px + -22.8 * (100vw - 320px)/(560 - 320), -14.2px);
}
.careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p .double_2 {
  right: clamp(-62px, -26.5px + -35.5 * (100vw - 320px)/(560 - 320), -26.5px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p .single {
    right: -54.4px;
  }
  .careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p .double_1 {
    right: -42px;
  }
  .careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(odd) p .double_2 {
    right: -67px;
  }
}
.careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(even) {
  grid-column: 2;
  position: relative;
  padding-left: clamp(14px, 14px + 23 * (100vw - 320px)/(560 - 320), 37px);
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(even) {
    padding-left: 42px;
  }
}
.careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(even):not(:last-of-type)::before {
  content: "";
  position: absolute;
  top: 20px;
  left: 0;
  display: inline-block;
  width: 1px; /*線の長さ*/
  height: 98%; /*線の太さ*/
  background-color: #a3a3a3;
  z-index: -1;
}
.careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(even):not(:last-of-type) p {
  padding-bottom: 50px;
}
@media (min-width: 1200px) {
  .careerpath_wrap .case_wrap .case_grid .case_step > div:nth-of-type(even):not(:last-of-type) p {
    font-size: 14px;
  }
}
@media (min-width: 1200px) {
  .careerpath_wrap .reverse .case_title {
    grid-column: 2 !important;
  }
  .careerpath_wrap .reverse .case_img {
    grid-column: 1/2 !important;
    grid-row: 1;
  }
}

.training_wrap .page2_title h2 {
  font-size: clamp(20px, 20px + 6 * (100vw - 320px)/(560 - 320), 26px);
  margin-bottom: clamp(20px, 20px + 8 * (100vw - 320px)/(560 - 320), 28px);
}
@media (min-width: 1200px) {
  .training_wrap .page2_title h2 {
    font-size: clamp(26px, 26px + 2 * (100vw - 1200px)/(1920 - 1200), 28px);
    line-height: 200%;
  }
}
.training_wrap .matrix_wrap {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap {
    transition: all 0.6s 0.6s ease-out;
  }
}
.training_wrap .matrix_wrap .matrix_grid {
  margin-bottom: 10px;
}
.training_wrap .matrix_wrap .matrix_grid .cell:not(:nth-last-of-type(-n + 2)) {
  border-right: 1px solid #d3d3d3;
}
.training_wrap .matrix_wrap .matrix_grid,
.training_wrap .matrix_wrap .matrix_grid2 {
  display: grid;
  grid-template-columns: auto 18.2% 18.2% 18.2% 18.2% 18.2%;
  grid-template-rows: auto auto auto;
  justify-content: start;
  width: 93%;
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap .matrix_grid,
  .training_wrap .matrix_wrap .matrix_grid2 {
    width: 97.5%;
  }
}
.training_wrap .matrix_wrap .matrix_grid .emp,
.training_wrap .matrix_wrap .matrix_grid2 .emp {
  grid-column: 1;
}
.training_wrap .matrix_wrap .matrix_grid .layer,
.training_wrap .matrix_wrap .matrix_grid2 .layer {
  position: relative;
  padding: 5px 15px;
  z-index: 1;
  margin-bottom: clamp(16px, 16px + 10 * (100vw - 320px)/(560 - 320), 26px);
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap .matrix_grid .layer,
  .training_wrap .matrix_wrap .matrix_grid2 .layer {
    margin-bottom: 36px;
  }
}
.training_wrap .matrix_wrap .matrix_grid .layer::before,
.training_wrap .matrix_wrap .matrix_grid2 .layer::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 11px;
  right: -5px;
  z-index: -1;
  transform: skewX(-30deg);
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap .matrix_grid .layer::before,
  .training_wrap .matrix_wrap .matrix_grid2 .layer::before {
    left: 14px;
    transform: skewX(-35deg);
  }
}
.training_wrap .matrix_wrap .matrix_grid .layer p,
.training_wrap .matrix_wrap .matrix_grid2 .layer p {
  text-align: center;
  color: #333333;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(8px, 8px + 2 * (100vw - 320px)/(560 - 320), 10px);
  min-width: 48px;
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap .matrix_grid .layer p,
  .training_wrap .matrix_wrap .matrix_grid2 .layer p {
    font-size: clamp(14px, 14px + 2 * (100vw - 1200px)/(1920 - 1200), 16px);
  }
}
.training_wrap .matrix_wrap .matrix_grid .layer_01,
.training_wrap .matrix_wrap .matrix_grid2 .layer_01 {
  grid-column: 2;
}
.training_wrap .matrix_wrap .matrix_grid .layer_01::before,
.training_wrap .matrix_wrap .matrix_grid2 .layer_01::before {
  background-color: #cfde3c;
}
.training_wrap .matrix_wrap .matrix_grid .layer_02,
.training_wrap .matrix_wrap .matrix_grid2 .layer_02 {
  grid-column: 3;
}
.training_wrap .matrix_wrap .matrix_grid .layer_02::before,
.training_wrap .matrix_wrap .matrix_grid2 .layer_02::before {
  background-color: #8dc35f;
}
.training_wrap .matrix_wrap .matrix_grid .layer_03,
.training_wrap .matrix_wrap .matrix_grid2 .layer_03 {
  grid-column: 4;
}
.training_wrap .matrix_wrap .matrix_grid .layer_03::before,
.training_wrap .matrix_wrap .matrix_grid2 .layer_03::before {
  background-color: #7bdabd;
}
.training_wrap .matrix_wrap .matrix_grid .layer_04,
.training_wrap .matrix_wrap .matrix_grid2 .layer_04 {
  grid-column: 5;
}
.training_wrap .matrix_wrap .matrix_grid .layer_04::before,
.training_wrap .matrix_wrap .matrix_grid2 .layer_04::before {
  background-color: #71bf89;
}
.training_wrap .matrix_wrap .matrix_grid .layer_05,
.training_wrap .matrix_wrap .matrix_grid2 .layer_05 {
  grid-column: 6;
}
.training_wrap .matrix_wrap .matrix_grid .layer_05::before,
.training_wrap .matrix_wrap .matrix_grid2 .layer_05::before {
  background-color: #71b9a9;
  right: -10px;
}
.training_wrap .matrix_wrap .matrix_grid .title,
.training_wrap .matrix_wrap .matrix_grid2 .title {
  grid-column: 1;
  grid-row: 2/4;
  writing-mode: vertical-rl;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  text-align: center;
  color: #ffffff;
  background-color: #333333;
  letter-spacing: 0.6em;
  border-radius: 2px;
  margin: 0 clamp(8px, 8px + 12 * (100vw - 320px)/(560 - 320), 20px) 0 auto;
  padding: 0 clamp(2px, 2px + 6 * (100vw - 320px)/(560 - 320), 8px);
  font-size: clamp(8px, 8px + 6 * (100vw - 320px)/(560 - 320), 14px);
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap .matrix_grid .title,
  .training_wrap .matrix_wrap .matrix_grid2 .title {
    margin: 0 36px 0 auto;
    padding: 0 14px;
    font-size: clamp(14px, 14px + 2 * (100vw - 1200px)/(1920 - 1200), 16px);
  }
}
.training_wrap .matrix_wrap .matrix_grid .cell,
.training_wrap .matrix_wrap .matrix_grid2 .cell {
  color: #333333;
  background-color: #f6f6f6;
  padding: clamp(16px, 16px + 14 * (100vw - 320px)/(560 - 320), 30px) 8px;
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap .matrix_grid .cell,
  .training_wrap .matrix_wrap .matrix_grid2 .cell {
    padding: 46px 12px;
    font-size: 14px;
  }
}
.training_wrap .matrix_wrap .matrix_grid .cell p,
.training_wrap .matrix_wrap .matrix_grid2 .cell p {
  text-indent: -1em;
  padding-left: 1em;
  font-size: clamp(8px, 8px + 4 * (100vw - 320px)/(560 - 320), 12px);
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap .matrix_grid .cell p,
  .training_wrap .matrix_wrap .matrix_grid2 .cell p {
    font-size: clamp(13px, 13px + 2 * (100vw - 1200px)/(1920 - 1200), 15px);
  }
}
.training_wrap .matrix_wrap .matrix_grid .cell p:not(:last-of-type),
.training_wrap .matrix_wrap .matrix_grid2 .cell p:not(:last-of-type) {
  margin-bottom: 16px;
}
.training_wrap .matrix_wrap .matrix_grid .kenshu,
.training_wrap .matrix_wrap .matrix_grid .kenshu_2,
.training_wrap .matrix_wrap .matrix_grid .kenshu_3,
.training_wrap .matrix_wrap .matrix_grid2 .kenshu,
.training_wrap .matrix_wrap .matrix_grid2 .kenshu_2,
.training_wrap .matrix_wrap .matrix_grid2 .kenshu_3 {
  grid-column: 2/7;
  grid-row: 3;
  font-family: "NotosansMedium", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #333333;
  background-color: #e3e3e3;
  text-align: center;
  padding: clamp(2px, 2px + 6 * (100vw - 320px)/(560 - 320), 8px) 10px;
}
.training_wrap .matrix_wrap .matrix_grid .kenshu p,
.training_wrap .matrix_wrap .matrix_grid .kenshu_2 p,
.training_wrap .matrix_wrap .matrix_grid .kenshu_3 p,
.training_wrap .matrix_wrap .matrix_grid2 .kenshu p,
.training_wrap .matrix_wrap .matrix_grid2 .kenshu_2 p,
.training_wrap .matrix_wrap .matrix_grid2 .kenshu_3 p {
  font-size: clamp(8px, 8px + 4 * (100vw - 320px)/(560 - 320), 12px);
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap .matrix_grid .kenshu p,
  .training_wrap .matrix_wrap .matrix_grid .kenshu_2 p,
  .training_wrap .matrix_wrap .matrix_grid .kenshu_3 p,
  .training_wrap .matrix_wrap .matrix_grid2 .kenshu p,
  .training_wrap .matrix_wrap .matrix_grid2 .kenshu_2 p,
  .training_wrap .matrix_wrap .matrix_grid2 .kenshu_3 p {
    font-size: clamp(14px, 14px + 2 * (100vw - 1200px)/(1920 - 1200), 16px);
  }
}
.training_wrap .matrix_wrap .matrix_grid2 {
  grid-template-rows: auto auto auto;
}
.training_wrap .matrix_wrap .matrix_grid2 .title {
  grid-column: 1;
  grid-row: 1/4;
}
.training_wrap .matrix_wrap .matrix_grid2 .cell {
  grid-row: 1/3;
  padding: clamp(16px, 16px + 14 * (100vw - 320px)/(560 - 320), 30px) 8px clamp(46px, 46px + 14 * (100vw - 320px)/(560 - 320), 60px);
}
.training_wrap .matrix_wrap .matrix_grid2 .cell:nth-of-type(2) {
  grid-column: 2;
}
.training_wrap .matrix_wrap .matrix_grid2 .cell:nth-of-type(3) {
  grid-column: 3;
}
.training_wrap .matrix_wrap .matrix_grid2 .cell:nth-of-type(4) {
  grid-column: 4;
}
.training_wrap .matrix_wrap .matrix_grid2 .cell:nth-of-type(5) {
  grid-column: 5;
}
.training_wrap .matrix_wrap .matrix_grid2 .cell:nth-of-type(6) {
  grid-column: 6;
}
.training_wrap .matrix_wrap .matrix_grid2 .cell:not(:nth-last-of-type(-n + 3)) {
  border-right: 1px solid #d3d3d3;
}
@media (min-width: 1200px) {
  .training_wrap .matrix_wrap .matrix_grid2 .cell {
    padding: 46px 12px 80px;
    font-size: 14px;
  }
}
.training_wrap .matrix_wrap .matrix_grid2 .kenshu_2 {
  grid-column: 2/4;
  grid-row: 2;
  margin-bottom: 4px;
}
.training_wrap .matrix_wrap .matrix_grid2 .kenshu_3 {
  grid-column: 2/7;
  grid-row: 3;
}
.training_wrap .matrix_wrap .tab_none img {
  width: 100%;
}
.training_wrap .course_wrap {
  margin-bottom: 100px;
}
@media (min-width: 1200px) {
  .training_wrap .course_wrap {
    margin-bottom: 128px;
  }
}
.training_wrap .course_wrap .course_flex {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.6s 0s ease-out;
}
.training_wrap .course_wrap .course_flex:not(:last-of-type) {
  margin-bottom: 60px;
}
@media (min-width: 1200px) {
  .training_wrap .course_wrap .course_flex {
    display: flex;
  }
}
.training_wrap .course_wrap .course_flex .course_text {
  width: 100%;
  margin-bottom: 28px;
}
@media (min-width: 1200px) {
  .training_wrap .course_wrap .course_flex .course_text {
    margin-right: 40px;
    margin-bottom: 0;
  }
}
.training_wrap .course_wrap .course_flex .course_text h2 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #70b437;
  font-size: clamp(16px, 16px + 4 * (100vw - 320px)/(560 - 320), 20px);
  margin-bottom: 26px;
}
.training_wrap .course_wrap .course_flex .course_text p {
  font-family: "NotosansMedium", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
@media (min-width: 1200px) {
  .training_wrap .course_wrap .course_flex .course_img .img {
    width: 340px;
  }
}
.training_wrap .course_wrap .course_flex .course_img .img img {
  width: 100%;
}

.welfare_wrap .sub_title {
  margin-bottom: 40px;
  margin-top: clamp(80px, 80px + 20 * (100vw - 320px)/(560 - 320), 100px);
}
@media (min-width: 1200px) {
  .welfare_wrap .sub_title {
    margin-top: clamp(80px, 80px + 48 * (100vw - 1200px)/(1920 - 1200), 128px);
  }
  .welfare_wrap .sub_title:first-of-type {
    margin-top: clamp(80px, 80px + 20 * (100vw - 1200px)/(1920 - 1200), 100px);
  }
}
.welfare_wrap .sub_title p {
  color: #70b437;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  letter-spacing: 0px;
}
.welfare_wrap .sub_title h2 {
  margin-bottom: 28px;
}
@media (min-width: 1200px) {
  .welfare_wrap .sub_title h2 {
    font-size: clamp(24px, 24px + 4 * (100vw - 1200px)/(1920 - 1200), 28px);
  }
}
.welfare_wrap .sub_title .line {
  display: inline-block;
  width: 40px;
  border-top: #70b437 1px solid;
}
@media (max-width: 1199px) {
  .welfare_wrap .club_title {
    margin-bottom: clamp(40px, 40px + 8 * (100vw - 320px)/(560 - 320), 48px);
  }
}
@media (min-width: 1200px) {
  .welfare_wrap .vacation_wrap .vacation_flex {
    display: flex;
    justify-content: space-between;
  }
}
.welfare_wrap .vacation_wrap .vacation_flex .left,
.welfare_wrap .vacation_wrap .vacation_flex .right {
  display: flex;
  flex-direction: column;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(18px, 18px + 4 * (100vw - 320px)/(560 - 320), 22px);
}
@media (min-width: 1200px) {
  .welfare_wrap .vacation_wrap .vacation_flex .left,
  .welfare_wrap .vacation_wrap .vacation_flex .right {
    font-size: clamp(18px, 18px + 4 * (100vw - 1200px)/(1920 - 1200), 22px);
    width: calc((100% - clamp(40px, 40px + 20 * (100vw - 1200px)/(1920 - 1200), 60px)) / 2);
  }
}
.welfare_wrap .vacation_wrap .vacation_flex .left .item,
.welfare_wrap .vacation_wrap .vacation_flex .right .item {
  border-top: #333333 1px solid;
  padding: 20px 0;
}
.welfare_wrap .vacation_wrap .vacation_flex .left .item:last-of-type,
.welfare_wrap .vacation_wrap .vacation_flex .right .item:last-of-type {
  border-bottom: #333333 1px solid;
}
@media (max-width: 1199px) {
  .welfare_wrap .vacation_wrap .vacation_flex .left .item:last-of-type {
    border-bottom: 0;
  }
}
.welfare_wrap .career_wrap .career_item {
  display: flex;
  justify-content: space-between;
  border-top: #333333 1px solid;
}
.welfare_wrap .career_wrap .career_item:last-of-type {
  border-bottom: #333333 1px solid;
}
.welfare_wrap .career_wrap .career_item .koumoku,
.welfare_wrap .career_wrap .career_item .contents {
  padding: 20px 0;
}
.welfare_wrap .career_wrap .career_item .koumoku {
  width: 30%;
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(16px, 16px + 6 * (100vw - 320px)/(560 - 320), 22px);
  line-height: 175%;
}
@media (min-width: 1200px) {
  .welfare_wrap .career_wrap .career_item .koumoku {
    font-size: clamp(18px, 18px + 4 * (100vw - 1200px)/(1920 - 1200), 22px);
  }
}
.welfare_wrap .career_wrap .career_item .contents {
  width: calc(70% - clamp(20px, 20px + 16 * (100vw - 320px)/(560 - 320), 36px));
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
  line-height: 200%;
  letter-spacing: 2px;
}
@media (min-width: 1200px) {
  .welfare_wrap .career_wrap .career_item .contents {
    font-size: clamp(14px, 14px + 2 * (100vw - 1200px)/(1920 - 1200), 16px);
    width: calc(70% - clamp(40px, 40px + 20 * (100vw - 1200px)/(1920 - 1200), 60px));
  }
}
.welfare_wrap .club_wrap {
  background-color: #f8f8f8;
  width: 100%;
}
@media (min-width: 1200px) {
  .welfare_wrap .club_wrap {
    margin-top: clamp(80px, 80px + 48 * (100vw - 1200px)/(1920 - 1200), 128px);
  }
}
.welfare_wrap .club_wrap .flex {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  padding: 0px clamp(30px, 30px + 30 * (100vw - 320px)/(560 - 320), 60px);
}
@media (min-width: 1200px) {
  .welfare_wrap .club_wrap .flex {
    flex-direction: row;
    justify-content: center;
    width: calc(100% - clamp(30px, 30px + 30 * (100vw - 1200px)/(1920 - 1200), 60px) * 2);
    padding: 40px clamp(30px, 30px + 30 * (100vw - 1200px)/(1920 - 1200), 60px);
  }
}
.welfare_wrap .club_wrap .flex .item {
  display: flex;
  flex-direction: column;
  border-bottom: #707070 1px solid;
  padding: 40px;
}
.welfare_wrap .club_wrap .flex .item:last-of-type {
  border-bottom: 0;
}
@media (min-width: 1200px) {
  .welfare_wrap .club_wrap .flex .item {
    position: relative;
    width: calc((100% - clamp(20px, 20px + 20 * (100vw - 1200px)/(1920 - 1200), 40px) * 6 - 2px) / 3);
    padding: 40px clamp(20px, 20px + 20 * (100vw - 1200px)/(1920 - 1200), 40px);
    border-bottom: #707070 1px solid;
    border-right: #707070 1px solid;
  }
  .welfare_wrap .club_wrap .flex .item:nth-of-type(3n) {
    border-right: 0;
  }
  .welfare_wrap .club_wrap .flex .item:nth-last-of-type(1), .welfare_wrap .club_wrap .flex .item:nth-last-of-type(2) {
    border-bottom: 0;
    width: 40%; /* 最後の行が2つの時*/
  }
  .welfare_wrap .club_wrap .flex .item:last-of-type {
    border-right: 0;
  }
  .welfare_wrap .club_wrap .flex .item .bottomleft_hori,
  .welfare_wrap .club_wrap .flex .item .topright_vert,
  .welfare_wrap .club_wrap .flex .item .bottomright_hori,
  .welfare_wrap .club_wrap .flex .item .bottomright_vert {
    position: absolute;
    display: inline-block;
    content: "";
    background: #f8f8f8;
  }
  .welfare_wrap .club_wrap .flex .item .bottomright_hori {
    width: 30px;
    height: 1px;
    bottom: -1px;
    right: 0px;
  }
  .welfare_wrap .club_wrap .flex .item .topright_vert {
    width: 1px;
    height: 30px;
    top: 0px;
    right: -1px;
  }
  .welfare_wrap .club_wrap .flex .item .bottomleft_hori {
    width: 30px;
    height: 1px;
    bottom: -1px;
    left: -1px;
  }
  .welfare_wrap .club_wrap .flex .item .bottomright_vert {
    width: 1px;
    height: 30px;
    bottom: 0px;
    right: -1px;
  }
}
.welfare_wrap .club_wrap .flex .item .illust {
  text-align: center;
  margin-bottom: 28px;
}
.welfare_wrap .club_wrap .flex .item .illust img {
  width: 70px;
}
.welfare_wrap .club_wrap .flex .item .name {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  text-align: center;
  margin-bottom: 14px;
}
.welfare_wrap .club_wrap .flex .item .contents {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(12px, 12px + 2 * (100vw - 320px)/(560 - 320), 14px);
  text-align: center;
  letter-spacing: 2px;
}
@media (min-width: 1200px) {
  .welfare_wrap .club_wrap .flex .item .contents {
    font-size: 14px;
  }
}

.office_wrap .contents_box {
  margin-top: clamp(80px, 80px + 20 * (100vw - 320px)/(560 - 320), 100px);
}
.office_wrap .contents_box:first-of-type {
  margin-top: clamp(120px, 120px + 28 * (100vw - 320px)/(560 - 320), 148px);
}
@media (min-width: 1200px) {
  .office_wrap .contents_box {
    margin-top: clamp(100px, 100px + 28 * (100vw - 1200px)/(1920 - 1200), 128px);
  }
  .office_wrap .contents_box:first-of-type {
    margin-top: clamp(120px, 120px + 28 * (100vw - 1200px)/(1920 - 1200), 148px);
  }
}
.office_wrap .contents_box .flex {
  display: flex;
  flex-direction: column;
  opacity: 0;
  transform: translateY(50px);
  transition: all 0.6s 0s ease-out;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .flex {
    flex-direction: row;
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .flex .img_column,
  .office_wrap .contents_box .flex .text_column {
    width: calc((100% - clamp(40px, 40px + 20 * (100vw - 1200px)/(1920 - 1200), 60px)) / 2);
  }
}
.office_wrap .contents_box .flex .img_column {
  display: flex;
  flex-direction: column;
  margin-bottom: 30px;
}
.office_wrap .contents_box .flex .img_column .cursive {
  position: relative;
  transform: rotate(-3deg);
  z-index: 1;
}
.office_wrap .contents_box .flex .img_column .cursive .svg_parts {
  position: absolute;
  z-index: 0;
}
.office_wrap .contents_box .flex .text_column h2 {
  font-family: "NotosansBold", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: clamp(20px, 20px + 4 * (100vw - 320px)/(560 - 320), 24px);
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .flex .text_column h2 {
    font-size: clamp(20px, 20px + 4 * (100vw - 1200px)/(1920 - 1200), 24px);
  }
}
.office_wrap .contents_box .flex .text_column p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
  letter-spacing: 2px;
  line-height: 200%;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .reverse {
    flex-direction: row-reverse;
  }
}
.office_wrap .contents_box .entrance_flex .cursive #entrance_svg {
  width: clamp(100px, 100px + 40 * (100vw - 320px)/(560 - 320), 140px);
  top: -25px;
  right: -20px;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .entrance_flex .cursive #entrance_svg {
    width: clamp(180px, 180px + 52 * (100vw - 1200px)/(1920 - 1200), 232px);
    top: -35px;
    right: 0px;
  }
}
.office_wrap .contents_box .entrance_flex .cursive #entrance_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.office_wrap .contents_box .entrance_flex .img_box .img_01 {
  width: 100%;
  margin-bottom: 20px;
}
.office_wrap .contents_box .entrance_flex .img_box .img_01 img {
  width: 100%;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .entrance_flex .img_box .img_01 {
    text-align: right;
  }
  .office_wrap .contents_box .entrance_flex .img_box .img_01 img {
    width: 80%;
  }
}
.office_wrap .contents_box .entrance_flex .img_box .img_02 {
  text-align: right;
}
.office_wrap .contents_box .entrance_flex .img_box .img_02 img {
  width: 40%;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .entrance_flex .img_box .img_02 {
    text-align: left;
  }
  .office_wrap .contents_box .entrance_flex .img_box .img_02 img {
    width: 70%;
  }
}
.office_wrap .contents_box .meeting_room_flex .cursive #meeting_room_svg {
  width: clamp(160px, 160px + 40 * (100vw - 320px)/(560 - 320), 200px);
  top: -22px;
  right: -22px;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .meeting_room_flex .cursive #meeting_room_svg {
    width: clamp(240px, 240px + 50 * (100vw - 1200px)/(1920 - 1200), 290px);
    top: -40px;
    right: 0;
  }
}
.office_wrap .contents_box .meeting_room_flex .cursive #meeting_room_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.office_wrap .contents_box .meeting_room_flex .img_box .img_01 {
  text-align: right;
  margin-bottom: 20px;
}
.office_wrap .contents_box .meeting_room_flex .img_box .img_01 img {
  width: 50%;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .meeting_room_flex .img_box .img_01 {
    text-align: left;
  }
  .office_wrap .contents_box .meeting_room_flex .img_box .img_01 img {
    width: 70%;
  }
}
.office_wrap .contents_box .meeting_room_flex .img_box .img_02 img {
  width: 100%;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .meeting_room_flex .img_box .img_02 {
    text-align: left;
  }
  .office_wrap .contents_box .meeting_room_flex .img_box .img_02 img {
    width: 88%;
  }
}
.office_wrap .contents_box .space_flex .cursive #space_svg {
  width: clamp(140px, 140px + 30 * (100vw - 320px)/(560 - 320), 170px);
  top: -33px;
  left: 0;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .space_flex .cursive #space_svg {
    width: clamp(200px, 200px + 60 * (100vw - 1200px)/(1920 - 1200), 260px);
    top: -40px;
    left: -30px;
  }
}
.office_wrap .contents_box .space_flex .cursive #space_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.office_wrap .contents_box .space_flex .img_box .img_01 {
  width: 100%;
  margin-bottom: 20px;
}
.office_wrap .contents_box .space_flex .img_box .img_01 img {
  width: 100%;
}
.office_wrap .contents_box .space_flex .img_box .img_02 {
  text-align: right;
}
.office_wrap .contents_box .space_flex .img_box .img_02 img {
  width: 50%;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .space_flex .img_box .img_02 {
    text-align: right;
    margin-right: clamp(-56px, -40px + -16 * (100vw - 1200px)/(1920 - 1200), -40px);
  }
  .office_wrap .contents_box .space_flex .img_box .img_02 img {
    width: 56%;
  }
}
.office_wrap .contents_box .break_spac_flex .cursive #break_spac_svg {
  width: clamp(140px, 140px + 20 * (100vw - 320px)/(560 - 320), 160px);
  top: -40px;
  left: -20px;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .break_spac_flex .cursive #break_spac_svg {
    width: clamp(200px, 200px + 40 * (100vw - 1200px)/(1920 - 1200), 240px);
    top: -35px;
    left: initial;
    right: -35px;
  }
}
.office_wrap .contents_box .break_spac_flex .cursive #break_spac_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 3;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.office_wrap .contents_box .break_spac_flex .cursive #break_spac_svg .st1 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .break_spac_flex .text_column {
    margin: auto 0;
  }
}
.office_wrap .contents_box .break_spac_flex .img_box .img_02 img {
  width: 100%;
}
.office_wrap .contents_box .booth_flex .cursive #booth_svg {
  width: clamp(200px, 200px + 30 * (100vw - 320px)/(560 - 320), 230px);
  top: -40px;
  left: -20px;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .booth_flex .cursive #booth_svg {
    width: clamp(260px, 260px + 40 * (100vw - 1200px)/(1920 - 1200), 300px);
    top: -40px;
    left: 0;
  }
}
.office_wrap .contents_box .booth_flex .cursive #booth_svg .st0 {
  fill: none;
  stroke: #ffffff;
  stroke-width: 4;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-miterlimit: 10;
}
.office_wrap .contents_box .booth_flex .img_box .img_01 {
  width: 100%;
  margin-bottom: 20px;
}
.office_wrap .contents_box .booth_flex .img_box .img_01 img {
  width: 100%;
}
@media (min-width: 1200px) {
  .office_wrap .contents_box .booth_flex .img_box .img_01 {
    text-align: right;
  }
  .office_wrap .contents_box .booth_flex .img_box .img_01 img {
    width: 84%;
  }
}

.entry {
  background: url(./../img/entry_bg_sp.jpg) right 50% top 0/cover no-repeat;
  color: #ffffff;
}
@media (min-width: 1200px) {
  .entry {
    background: url(./../img/entry_bg.jpg) right 50% top 0/cover no-repeat;
  }
}
.entry .wrap {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  height: 451px;
}
@media (min-width: 1200px) {
  .entry .wrap {
    height: 436px;
  }
}
.entry .wrap h2 {
  text-align: center;
  font-size: 30px;
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .entry .wrap h2 {
    font-size: 24px;
    margin-bottom: 60px;
  }
}
.entry .wrap .flex {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
@media (min-width: 1200px) {
  .entry .wrap .flex {
    flex-direction: row;
  }
}
.entry .wrap .flex .shinsotsu,
.entry .wrap .flex .tyuuto {
  display: flex;
  align-items: center;
  flex-direction: column;
  text-decoration: none;
  color: #ffffff;
  width: clamp(280px, 280px + 176 * (100vw - 320px)/(560 - 320), 456px);
  border: 1px solid #ffffff;
  padding: 10px 0;
  transition: all 0.3s;
}
@media (min-width: 1200px) {
  .entry .wrap .flex .shinsotsu,
  .entry .wrap .flex .tyuuto {
    width: clamp(275px, 275px + 166 * (100vw - 1200px)/(1920 - 1200), 441px);
  }
}
.entry .wrap .flex .shinsotsu:hover,
.entry .wrap .flex .tyuuto:hover {
  background-color: #ffffff;
  color: #333333;
}
.entry .wrap .flex .shinsotsu {
  margin-bottom: 40px;
}
@media (min-width: 1200px) {
  .entry .wrap .flex .shinsotsu {
    margin-right: 60px;
    margin-bottom: 0;
  }
}
.entry .wrap .flex h3 {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 18px;
  font-weight: normal;
}
@media (min-width: 1200px) {
  .entry .wrap .flex h3 {
    font-size: 16px;
  }
}
.entry .wrap .flex p {
  font-family: "NotosansRegular", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  font-size: 14px;
}

footer {
  background-color: #333333;
}
footer a {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
  color: #ffffff;
  text-decoration: none;
  font-size: clamp(11px, 11px + 3 * (100vw - 320px)/(560 - 320), 14px);
  transition: all 0.3s;
}
footer a:hover {
  opacity: 0.6;
}
@media (min-width: 1200px) {
  footer a {
    font-size: 12px;
  }
}
footer .footer_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 40px clamp(20px, 20px + 60 * (100vw - 320px)/(560 - 320), 80px) 0;
}
@media (min-width: 1200px) {
  footer .footer_wrap {
    flex-direction: row;
    flex-wrap: wrap;
    align-items: start;
    padding: 40px 0 0;
    max-width: 1000px;
    margin: 0 auto;
  }
}
footer .footer_wrap .footer_logo {
  margin-bottom: 40px;
  text-align: center;
}
@media (min-width: 1200px) {
  footer .footer_wrap .footer_logo {
    margin-right: 40px;
    width: 100%;
    text-align: left;
  }
}
footer .footer_wrap .footer_logo .logo img {
  width: 100px;
}
@media (min-width: 1200px) {
  footer .footer_wrap .footer_logo .logo {
    display: flex;
    align-items: center;
    display: inline-flex;
  }
  footer .footer_wrap .footer_logo .logo img {
    margin-right: 20px;
  }
}
footer .footer_wrap .footer_logo .logo div {
  font-family: "NotosansLight", "Hiragino Kaku Gothic ProN", "メイリオ", sans-serif;
}
footer .footer_wrap .menu_wrap {
  display: flex;
  border-bottom: 1px solid #ffffff;
}
@media (min-width: 1200px) {
  footer .footer_wrap .menu_wrap {
    flex-direction: column;
    border-bottom: 0;
  }
}
footer .footer_wrap .menu_wrap .menu {
  display: flex;
  border-right: 1px solid #ffffff;
}
footer .footer_wrap .menu_wrap .menu .item {
  width: calc(25% - 40px);
  margin-right: 40px;
}
footer .footer_wrap .menu_wrap .menu .item .item_title {
  display: inline-block;
  font-family: "NotosansRegular";
  margin-bottom: 20px;
  padding-bottom: 18px;
  width: 140px;
  border-bottom: #707070 1px solid;
}
footer .footer_wrap .menu_wrap .menu .item:last-of-type .item_sp a:last-of-type {
  font-family: "NotosansRegular";
  margin-top: 50px;
}
footer .footer_wrap .menu_wrap .item_sp {
  display: flex;
  flex-wrap: wrap;
}
@media (min-width: 1200px) {
  footer .footer_wrap .menu_wrap .item_sp {
    flex-direction: column;
  }
}
footer .footer_wrap .menu_wrap .item_sp a {
  display: inline-block;
  margin-bottom: 10px;
}
footer .footer_wrap .menu_wrap .privacy {
  padding: 0 clamp(0px, 0px + 12 * (100vw - 320px)/(560 - 320), 12px);
  margin-bottom: 20px;
}
@media (min-width: 1200px) {
  footer .footer_wrap .menu_wrap .privacy {
    padding: 0;
    margin: 40px 0 0;
  }
}
@media (min-width: 1200px) {
  footer .footer_wrap .menu_wrap .privacy .item_sp {
    flex-direction: row;
  }
}
footer .footer_wrap .menu_wrap .privacy .item_sp a {
  width: 50%;
  margin-bottom: 30px;
}
@media (min-width: 1200px) {
  footer .footer_wrap .menu_wrap .privacy .item_sp a {
    width: auto;
    padding-right: 20px;
    margin-right: 20px;
    border-right: 1px solid #707070;
  }
  footer .footer_wrap .menu_wrap .privacy .item_sp a:last-of-type {
    border-right: 0;
  }
}
footer .sns {
  display: flex;
  width: 80%;
  max-width: 560px;
  margin: 45px 0;
  text-align: center;
}
@media (min-width: 1200px) {
  footer .sns {
    width: auto;
    margin: 78px 0;
    margin-left: auto;
  }
}
footer .sns a {
  width: 25%;
}
@media (min-width: 1200px) {
  footer .sns a {
    margin-right: 20px;
  }
  footer .sns a:last-of-type {
    margin-right: 0;
  }
}
footer .copyright {
  text-align: center;
  font-size: clamp(10px, 10px + 2 * (100vw - 320px)/(560 - 320), 12px);
  color: #a3a3a3;
  padding-bottom: 20px;
}

.go_top {
  position: fixed;
  right: 20px;
  bottom: 20px;
  display: inline-block;
  width: 50px;
  height: 50px;
  border: 1px solid #333333;
  background: #ffffff;
  vertical-align: middle;
  text-decoration: none;
  cursor: pointer;
  transform: rotate(270deg);
  transition: all 0.3s;
  opacity: 0;
  visibility: hidden;
}
@media (min-width: 1200px) {
  .go_top {
    right: 30px;
    bottom: 30px;
    width: 70px;
    height: 70px;
  }
}
.go_top:hover {
  border: 1px solid #ffffff;
  background: #333333;
}
.go_top:hover::before {
  background: #ffffff;
}
.go_top:hover::after {
  border-top: 1px solid #ffffff;
  border-right: 1px solid #ffffff;
}
.go_top::before, .go_top::after {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
}
.go_top::before {
  left: 14px;
  width: 20px;
  height: 1px;
  background: #333333;
}
@media (min-width: 1200px) {
  .go_top::before {
    left: 20px;
    width: 30px;
  }
}
.go_top::after {
  left: 22px;
  width: 10px;
  height: 10px;
  border-top: 1px solid #333333;
  border-right: 1px solid #333333;
  transform: rotate(45deg);
}
@media (min-width: 1200px) {
  .go_top::after {
    left: 26px;
    width: 20px;
    height: 20px;
  }
}

.go_top_active {
  opacity: 1;
  visibility: visible;
}

@media (min-width: 1200px) {
  .mac header .wrap {
    padding-right: 0;
  }
}
@media screen and (min-width: 1200px) and (max-width: 1399px) {
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_01 {
    top: clamp(-125px, -144px + 19 * (100vw - 1200px)/(1399 - 1200), -144px);
    right: clamp(-46px, -46px + 35 * (100vw - 1200px)/(1399 - 1200), -11px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_02 {
    top: clamp(20px, 20px + 10 * (100vw - 1200px)/(1399 - 1200), 30px);
    right: clamp(-58px, -58px + 28 * (100vw - 1200px)/(1399 - 1200), -30px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_03 {
    top: clamp(-133px, -133px + 23 * (100vw - 1200px)/(1399 - 1200), -110px);
    right: clamp(180px, 180px + 52 * (100vw - 1200px)/(1399 - 1200), 232px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_04 {
    top: clamp(-53px, -53px + 23 * (100vw - 1200px)/(1399 - 1200), -30px);
    left: clamp(77px, 77px + 37 * (100vw - 1200px)/(1399 - 1200), 114px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_05 {
    top: clamp(35px, 35px + 15 * (100vw - 1200px)/(1399 - 1200), 50px);
    left: clamp(-20px, -20px + 20 * (100vw - 1200px)/(1399 - 1200), 0px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_06 {
    top: clamp(175px, 175px + 25 * (100vw - 1200px)/(1399 - 1200), 200px);
    right: clamp(22px, 22px + 80 * (100vw - 1200px)/(1399 - 1200), 102px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_07 {
    top: clamp(-220px, -160px + -60 * (100vw - 1200px)/(1399 - 1200), -160px);
    left: clamp(0px, 0px + 50 * (100vw - 1200px)/(1399 - 1200), 50px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_01 {
    position: absolute;
    top: -80px;
    right: clamp(133px, 133px + 32 * (100vw - 1200px)/(1399 - 1200), 165px);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_02 {
    position: absolute;
    top: clamp(75px, 75px + 25 * (100vw - 1200px)/(1399 - 1200), 100px);
    right: clamp(143px, 143px + 37 * (100vw - 1200px)/(1399 - 1200), 180px);
    width: clamp(133px, 133px + 38 * (100vw - 1200px)/(1920 - 1200), 171px);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_03 {
    position: absolute;
    top: clamp(-90px, -90px + 30 * (100vw - 1200px)/(1399 - 1200), -60px);
    right: clamp(370px, 370px + 53 * (100vw - 1200px)/(1399 - 1200), 423px);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_04 {
    position: absolute;
    top: clamp(25px, 25px + 28 * (100vw - 1200px)/(1399 - 1200), 53px);
    right: clamp(416px, 416px + 61 * (100vw - 1200px)/(1399 - 1200), 477px);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_05 {
    position: absolute;
    top: clamp(120px, 120px + 20 * (100vw - 1200px)/(1399 - 1200), 140px);
    left: clamp(120px, 120px + 25 * (100vw - 1200px)/(1399 - 1200), 145px);
    width: clamp(100px, 100px + 60 * (100vw - 1200px)/(1920 - 1200), 160px);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_06 {
    position: absolute;
    top: clamp(215px, 215px + 30 * (100vw - 1200px)/(1399 - 1200), 245px);
    right: clamp(260px, 260px + 80 * (100vw - 1200px)/(1399 - 1200), 340px);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_07 {
    position: absolute;
    top: clamp(-200px, -135px + -65 * (100vw - 1200px)/(1399 - 1200), -135px);
    right: clamp(475px, 475px + 25 * (100vw - 1200px)/(1399 - 1200), 500px);
    width: clamp(200px, 200px + 120 * (100vw - 1200px)/(1920 - 1200), 320px);
  }
}
@media screen and (min-width: 1400px) {
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_01 {
    top: clamp(-144px, -125px + -19 * (100vw - 1400px)/(1920 - 1400), -125px);
    right: clamp(-46px, -46px + 35 * (100vw - 1400px)/(1920 - 1400), -11px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_03 {
    top: clamp(-125px, -110px + -15 * (100vw - 1400px)/(1920 - 1400), -110px);
    left: 310px;
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_04 {
    top: clamp(-53px, -35px + -18 * (100vw - 1400px)/(1920 - 1400), -35px);
    left: 114px;
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_05 {
    top: clamp(10px, 36px + -26 * (100vw - 1400px)/(1920 - 1400), 36px);
    left: clamp(-60px, -15px + -45 * (100vw - 1400px)/(1920 - 1400), -15px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_06 {
    top: clamp(185px, 200px + -15 * (100vw - 1400px)/(1920 - 1400), 200px);
    right: 102px;
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_07 {
    top: clamp(-220px, -160px + -60 * (100vw - 1400px)/(1920 - 1400), -160px);
    left: clamp(-40px, 50px + -90 * (100vw - 1400px)/(1920 - 1400), 50px);
    transform: scale(0.7);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_01 {
    position: absolute;
    top: -80px;
    right: clamp(133px, 133px + 32 * (100vw - 1400px)/(1920 - 1400), 165px);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_02 {
    position: absolute;
    top: clamp(80px, 100px + -20 * (100vw - 1400px)/(1920 - 1400), 100px);
    right: clamp(150px, 180px + -30 * (100vw - 1400px)/(1920 - 1400), 180px);
    width: clamp(133px, 133px + 38 * (100vw - 1200px)/(1920 - 1200), 171px);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_03 {
    position: absolute;
    top: -60px;
    left: 330px;
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_04 {
    position: absolute;
    top: 50px;
    left: 272px;
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_05 {
    position: absolute;
    top: clamp(110px, 120px + -10 * (100vw - 1400px)/(1920 - 1400), 120px);
    left: clamp(85px, 125px + -40 * (100vw - 1400px)/(1920 - 1400), 125px);
    width: clamp(100px, 100px + 60 * (100vw - 1200px)/(1920 - 1200), 160px);
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_06 {
    position: absolute;
    top: 245px;
    right: 340px;
  }
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .map_line_07 {
    position: absolute;
    top: clamp(-200px, -135px + -65 * (100vw - 1400px)/(1920 - 1400), -135px);
    right: clamp(475px, 475px + 25 * (100vw - 1400px)/(1920 - 1400), 500px);
    width: clamp(200px, 200px + 120 * (100vw - 1200px)/(1920 - 1200), 320px);
  }
}
@media screen and (min-width: 1400px) and (max-width: 1920px) {
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_02 {
    top: clamp(0px, 30px + -30 * (100vw - 1400px)/(1920 - 1400), 30px);
    right: clamp(-85px, -32px + -53 * (100vw - 1400px)/(1920 - 1400), -32px);
    transform: scale(0.7);
  }
}
@media screen and (min-width: 1921px) {
  .mac .data_wrap .data_box .map_wrap .data_flex .map_flex .area_02 {
    top: 3px;
    right: -86px;
    transform: scale(0.7);
  }
}
@media (min-width: 1200px) {
  .mac .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .age_item img {
    width: clamp(160px, 160px + 60 * (100vw - 1200px)/(1629 - 1200), 220px);
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .mac .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .saiyou_item .shinsotsu {
    top: clamp(30px, 30px + 5 * (100vw - 1200px)/(1599 - 1200), 35px);
    right: clamp(24px, 24px + 28 * (100vw - 1200px)/(1599 - 1200), 52px);
  }
}
@media (min-width: 1600px) {
  .mac .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .saiyou_item .shinsotsu {
    top: 35px;
    right: 52px;
  }
}
@media (min-width: 1200px) and (max-width: 1599px) {
  .mac .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .saiyou_item .tyuuto {
    top: 90px;
    left: clamp(40px, 40px + 30 * (100vw - 1200px)/(1599 - 1200), 70px);
  }
}
@media (min-width: 1600px) {
  .mac .data_wrap .data_box .data_flex_wrap .data_flex .age_flex .saiyou_item .tyuuto {
    top: 90px;
    left: 70px;
  }
}
@media (min-width: 1200px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .num_1 {
    font-size: 30px;
  }
}
@media (min-width: 1200px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .num_2 {
    font-size: 45px;
  }
}
@media (min-width: 1200px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .js-count5 .p_2 {
    font-size: 20px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_01 {
    top: -4px;
    left: clamp(100px, 100px + 20 * (100vw - 1200px)/(1399 - 1200), 120px);
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_01 {
    top: -4px;
    left: 120px;
  }
}
@media (min-width: 1700px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_01 {
    top: clamp(-4px, -4px + 6 * (100vw - 1700px)/(1920 - 1700), 2px);
    left: 120px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_03 {
    top: clamp(75px, 75px + 16 * (100vw - 1200px)/(1399 - 1200), 91px);
    left: clamp(140px, 140px + 30 * (100vw - 1200px)/(1399 - 1200), 170px);
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_03 {
    top: clamp(91px, 91px + 17 * (100vw - 1400px)/(1699 - 1400), 108px);
    left: clamp(170px, 170px + 10 * (100vw - 1400px)/(1699 - 1400), 180px);
  }
}
@media (min-width: 1700px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_03 {
    top: 108px;
    left: 180px;
  }
}
@media (min-width: 1200px) and (max-width: 1399px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_04 {
    top: clamp(114px, 114px + 26 * (100vw - 1200px)/(1399 - 1200), 140px);
    left: clamp(70px, 70px + 20 * (100vw - 1200px)/(1399 - 1200), 90px);
  }
}
@media (min-width: 1400px) and (max-width: 1699px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_04 {
    top: clamp(140px, 140px + 20 * (100vw - 1400px)/(1699 - 1400), 160px);
    left: 90px;
  }
}
@media (min-width: 1700px) {
  .mac .data_wrap .data_box .enq_wrap .enq_flex .data_flex .tsuukin_flex .tsuukin_num_04 {
    top: 160px;
    left: 90px;
  }
}

_::-webkit-full-page-media,
_:future,
:root .what .flex .text_column h2,
.human .flex .text_column h2,
.works .flex .text_column h2,
.environment .flex .text_column h2,
.page_title h1,
.page2_wrap h1,
.page2_wrap h2,
.service_title .box_1 h1,
.management_wrap .title h1,
.topmessage_wrap .title h1,
.topmessage_wrap .title h2,
.topmessage_wrap .topmessage_kv .kv_flex .text_column h2,
.interview_wrap .interview_box .wrap .contents_flex .text_column .catch,
.interview_wrap .interview_box .wrap .contents_flex .text_column div .name2,
.interview_wrap .slider_box .mover .name,
.interview_kv .catch,
.interview2_wrap .interview_others h2,
.symposium_wrap .page2_title h3,
.occupation_wrap .job_detail .detail_flex .img_text .text h3,
.office_wrap .contents_box .flex .text_column h2 {
  font-family: "Hiragino Kaku Gothic ProN", "NotosansBold", "メイリオ", sans-serif;
}

.seminar_banner {
  position: fixed;
  top: 70px;
  right: 0;
  transition: 0.3s;
  z-index: 101;
  animation: slide-in-banner 0.5s ease-out 0s forwards;
  transform: translateX(100%);
  opacity: 0;
}

@keyframes slide-in-banner {
  20% {
    opacity: 0;
  }
  100% {
    opacity: 1;
    transform: translateX(0%);
  }
}
.seminar_banner.open {
  display: block;
  right: -480px;
}

.seminar_banner.is-hide {
  transform: translateY(-100%);
  top: 0;
}

.seminar_banner .relative {
  position: relative;
}

.seminar_banner .relative .banner_img {
  background-color: #ffffff;
  height: 270px;
}

.seminar_banner .relative .banner_img a {
  transition: 0.3s;
}

.seminar_banner .relative .banner_img a:hover {
  opacity: 0.75;
}

.seminar_banner .relative .banner_img a img {
  width: 480px;
}

.seminar_banner .relative .close {
  position: absolute;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  top: 0;
  left: -50px;
  background: linear-gradient(#00e676, #1de9b6);
  width: 50px;
  height: 50px;
  z-index: 3;
}

.seminar_banner .relative .close span {
  width: 50%;
  height: 2px;
  margin-bottom: 6px;
  background: #ffffff;
  border-radius: 10px;
  transition: all 400ms;
}

.seminar_banner .relative .close span:nth-child(1),
.seminar_banner .relative .close span:nth-child(2) {
  background: #fff;
  margin-bottom: -2px;
}

.seminar_banner .relative .close span:nth-child(1) {
  transform: rotate(-45deg);
}

.seminar_banner .relative .close span:nth-child(2) {
  transform: rotate(45deg);
}

.seminar_banner .relative .close.open span:nth-child(1),
.seminar_banner .relative .close.open span:nth-child(2) {
  width: 35%;
}

.seminar_banner .relative .close.open span:nth-child(1) {
  margin-bottom: 10px;
}

.seminar_banner .relative .close.open span:nth-child(2) {
  margin-bottom: 0px;
}

@media (max-width: 560px) {
  .seminar_banner {
    top: 70px;
    max-width: 300px;
  }
  .seminar_banner.open {
    right: -300px;
  }
  .seminar_banner .relative .banner_img {
    height: 168px;
  }
  .seminar_banner .relative .banner_img a img {
    width: 100%;
  }
}/*# sourceMappingURL=style.css.map */