@charset "UTF-8";
/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
/* line 5, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

/* line 22, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
html {
  line-height: 1;
}

/* line 24, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
ol, ul {
  list-style: none;
}

/* line 26, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* line 28, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

/* line 30, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q, blockquote {
  quotes: none;
}
/* line 103, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

/* line 32, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
a img {
  border: none;
}

/* line 116, ../../../../../../../../Library/Ruby/Gems/2.6.0/gems/compass-core-1.0.3/stylesheets/compass/reset/_utilities.scss */
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* line 123, ../sass/_common.scss */
* {
  box-sizing: border-box;
  font-feature-settings: "palt";
}

/* line 127, ../sass/_common.scss */
body {
  color: #333333;
  font-family: "Noto Sans JP", sans-serif;
  min-width: 1300px;
  font-size: 16px;
}
@media (max-width: 750px) {
  /* line 127, ../sass/_common.scss */
  body {
    font-size: calc(26 / 750 * 100 * 1vw);
  }
}
@media screen and (max-width: 750px) {
  /* line 127, ../sass/_common.scss */
  body {
    min-width: initial;
    width: 100%;
  }
  /* line 136, ../sass/_common.scss */
  body.on {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    overflow: hidden;
    width: 100%;
  }
}

/* line 146, ../sass/_common.scss */
img {
  max-width: 100%;
  height: auto;
}

@media screen and (min-width: 751px) {
  /* line 152, ../sass/_common.scss */
  .sp {
    display: none;
  }
}
@media screen and (max-width: 750px) {
  /* line 157, ../sass/_common.scss */
  .pc {
    display: none;
  }
}
/* line 165, ../sass/_common.scss */
.on header .hbm span:nth-of-type(1) {
  transform: translate(-50%, calc(-50% + -2vw)) rotate(45deg);
}
/* line 168, ../sass/_common.scss */
.on header .hbm span:nth-of-type(3) {
  transform: translate(-50%, calc(-50% + 2vw)) rotate(-45deg);
}
/* line 171, ../sass/_common.scss */
.on header .hbm span:nth-of-type(2) {
  opacity: 0;
}
/* line 177, ../sass/_common.scss */
.on header .container nav {
  transform: translate(0, 0);
}

/* line 183, ../sass/_common.scss */
header {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
  width: 100%;
  min-width: 1300px;
  transition: 0.3s;
}
/* line 191, ../sass/_common.scss */
header .container {
  position: relative;
}
/* line 194, ../sass/_common.scss */
header.on {
  background: rgba(255, 255, 255, 0.6);
}
/* line 197, ../sass/_common.scss */
header.on .logo img {
  opacity: 0;
}
/* line 200, ../sass/_common.scss */
header.on .logo .scroll {
  opacity: 1 !important;
}
/* line 205, ../sass/_common.scss */
header .hbm {
  aspect-ratio: 1/1;
  background: #182987;
  z-index: 3;
  position: relative;
}
@media (min-width: 751px) {
  /* line 205, ../sass/_common.scss */
  header .hbm {
    display: none;
  }
}
@media (max-width: 750px) {
  /* line 205, ../sass/_common.scss */
  header .hbm {
    display: block;
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
  }
}
@media (max-width: 750px) {
  /* line 205, ../sass/_common.scss */
  header .hbm {
    right: calc(30 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 205, ../sass/_common.scss */
  header .hbm {
    width: calc(80 / 750 * 100 * 1vw);
  }
}
/* line 221, ../sass/_common.scss */
header .hbm span {
  display: block;
  background: #fff;
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  transition: 0.3s;
}
@media (max-width: 750px) {
  /* line 221, ../sass/_common.scss */
  header .hbm span {
    width: calc(40 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 221, ../sass/_common.scss */
  header .hbm span {
    height: calc(2 / 750 * 100 * 1vw);
  }
}
/* line 231, ../sass/_common.scss */
header .hbm span:nth-of-type(1) {
  top: calc(50% + 2vw);
}
/* line 234, ../sass/_common.scss */
header .hbm span:nth-of-type(3) {
  top: calc(50% + -2vw);
}
@media screen and (max-width: 750px) {
  /* line 183, ../sass/_common.scss */
  header {
    width: 100%;
    min-width: initial;
  }
}
/* line 243, ../sass/_common.scss */
header .container {
  width: 100%;
  padding: 20px 22px 20px 34px;
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media (max-width: 750px) {
  /* line 243, ../sass/_common.scss */
  header .container {
    padding-top: calc(37 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 243, ../sass/_common.scss */
  header .container {
    padding-right: calc(30 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 243, ../sass/_common.scss */
  header .container {
    padding-bottom: calc(24 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 243, ../sass/_common.scss */
  header .container {
    padding-left: calc(39 / 750 * 100 * 1vw);
  }
}
/* line 253, ../sass/_common.scss */
header .container .logo {
  position: relative;
}
/* line 255, ../sass/_common.scss */
header .container .logo img {
  opacity: 1;
  transition: 0.3s;
}
/* line 259, ../sass/_common.scss */
header .container .logo .scroll {
  position: absolute;
  left: 0;
  top: 0;
  opacity: 0;
}
@media (max-width: 750px) {
  /* line 253, ../sass/_common.scss */
  header .container .logo {
    width: calc(400 / 750 * 100 * 1vw);
  }
}
@media (min-width: 751px) {
  /* line 253, ../sass/_common.scss */
  header .container .logo {
    transition: 0.3s;
  }
  /* line 268, ../sass/_common.scss */
  header .container .logo:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 750px) {
  /* line 273, ../sass/_common.scss */
  header .container nav {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    transform: translate(100%, 0);
    transition: 0.3s;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  /* line 273, ../sass/_common.scss */
  header .container nav {
    height: calc(992 / 750 * 100 * 1vw);
  }
}

/* line 283, ../sass/_common.scss */
header .container nav ul {
  background-color: #182987;
  display: flex;
  align-items: center;
  padding: 15px 10px;
  background-image: url(../images/bg-hbm.png);
  background-position: right bottom;
  background-size: 80vw 92vw;
  background-repeat: no-repeat;
}
@media screen and (max-width: 750px) {
  /* line 283, ../sass/_common.scss */
  header .container nav ul {
    flex-direction: column;
    height: 100%;
    align-items: flex-start;
  }
}
@media (max-width: 750px) {
  /* line 283, ../sass/_common.scss */
  header .container nav ul {
    padding-top: calc(260 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 283, ../sass/_common.scss */
  header .container nav ul {
    padding-left: calc(132 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 299, ../sass/_common.scss */
  header .container nav ul li {
    margin-top: calc(80 / 750 * 100 * 1vw);
  }
}
/* line 301, ../sass/_common.scss */
header .container nav ul li:first-of-type {
  margin-top: 0;
}
/* line 304, ../sass/_common.scss */
header .container nav ul li a {
  color: #fff;
  text-decoration: none;
  display: block;
  padding: 0 18px;
  border-left: 1px solid #fff;
  font-weight: 700;
}
@media (min-width: 751px) {
  /* line 304, ../sass/_common.scss */
  header .container nav ul li a {
    transition: 0.3s;
  }
  /* line 313, ../sass/_common.scss */
  header .container nav ul li a:hover {
    opacity: 0.7;
  }
}
@media screen and (max-width: 750px) {
  /* line 304, ../sass/_common.scss */
  header .container nav ul li a {
    border-left: none;
    padding: 0;
  }
  /* line 320, ../sass/_common.scss */
  header .container nav ul li a:before {
    content: "";
    aspect-ratio: 1/1;
    display: inline-block;
    background: #fff;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  /* line 320, ../sass/_common.scss */
  header .container nav ul li a:before {
    width: calc(15 / 750 * 100 * 1vw);
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  /* line 320, ../sass/_common.scss */
  header .container nav ul li a:before {
    margin-right: calc(40 / 750 * 100 * 1vw);
  }
}

/* line 331, ../sass/_common.scss */
header .container nav ul li:first-of-type a {
  border-left: 0;
}

/* line 342, ../sass/_common.scss */
main .container {
  width: 1024px;
  margin-inline: auto;
}
@media screen and (max-width: 750px) {
  /* line 342, ../sass/_common.scss */
  main .container {
    width: calc(100% - 16vw);
  }
}
/* line 348, ../sass/_common.scss */
main .container h2 {
  writing-mode: vertical-rl;
  color: #182987;
  clip-path: inset(0 0 0 -12px);
  position: relative;
  height: 0;
  transition: 1.7s ease;
  max-height: max-content;
  font-family: "Poppins", sans-serif;
  font-size: 85px;
}
@media (max-width: 750px) {
  /* line 348, ../sass/_common.scss */
  main .container h2 {
    line-height: 0.8;
    margin-right: -2vw;
  }
}
/* line 361, ../sass/_common.scss */
main .container h2.on {
  height: 500px;
}
/* line 364, ../sass/_common.scss */
main .container h2 span {
  display: inline-block;
  height: max-content;
}
/* line 367, ../sass/_common.scss */
main .container h2 span .ja {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 26px;
  font-weight: 700;
  display: inline-block;
}
@media (max-width: 750px) {
  /* line 367, ../sass/_common.scss */
  main .container h2 span .ja {
    font-size: calc(30 / 750 * 100 * 1vw);
  }
}
/* line 373, ../sass/_common.scss */
main .container h2 span .ja:before {
  content: "";
  display: inline-block;
  width: 15px;
  aspect-ratio: 1/1;
  background-color: #182987;
  margin-bottom: 16px;
}
@media (max-width: 750px) {
  /* line 373, ../sass/_common.scss */
  main .container h2 span .ja:before {
    width: calc(15 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 373, ../sass/_common.scss */
  main .container h2 span .ja:before {
    margin-bottom: calc(14.5 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 348, ../sass/_common.scss */
  main .container h2 {
    font-size: calc(100 / 750 * 100 * 1vw);
  }
}

/* line 391, ../sass/_common.scss */
footer {
  background: #182987;
  color: #fff;
  position: relative;
}
/* line 395, ../sass/_common.scss */
footer .page-top {
  display: inline-block;
  position: fixed;
  right: 20px;
  bottom: 20px;
  width: 46px;
  aspect-ratio: 1/1;
  cursor: pointer;
  transition: 0.3s;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
@media (max-width: 750px) {
  /* line 395, ../sass/_common.scss */
  footer .page-top {
    width: calc(84 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 395, ../sass/_common.scss */
  footer .page-top {
    right: 3.73vw;
    bottom: 2vw;
  }
}
/* line 417, ../sass/_common.scss */
footer .page-top.show {
  opacity: 1;
  visibility: visible;
}
@media (min-width: 751px) {
  /* line 421, ../sass/_common.scss */
  footer .page-top:hover {
    opacity: 0.7;
  }
}
/* line 427, ../sass/_common.scss */
footer .container {
  width: 1160px;
  display: flex;
  justify-content: space-between;
  margin-inline: auto;
  padding: 72px 263px 106px 0;
  position: relative;
}
@media screen and (max-width: 750px) {
  /* line 427, ../sass/_common.scss */
  footer .container {
    width: calc(100% - 16vw);
    display: block;
    padding-top: 8vw;
    padding-inline: 0;
  }
}
@media screen and (max-width: 750px) and (max-width: 750px) {
  /* line 427, ../sass/_common.scss */
  footer .container {
    padding-bottom: calc(197 / 750 * 100 * 1vw);
  }
}

@media (max-width: 750px) {
  /* line 442, ../sass/_common.scss */
  footer .container .info img {
    width: calc(450 / 750 * 100 * 1vw);
  }
}
/* line 445, ../sass/_common.scss */
footer .container .info p {
  margin-top: 20px;
  font-size: 14px;
  font-weight: 500;
}
/* line 451, ../sass/_common.scss */
footer .container .copyright {
  font-size: 14px;
  font-family: "Poppins", sans-serif;
  position: absolute;
  right: 0;
  bottom: 30px;
}
@media (max-width: 750px) {
  /* line 451, ../sass/_common.scss */
  footer .container .copyright {
    font-size: calc(22 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 451, ../sass/_common.scss */
  footer .container .copyright {
    left: 0;
    right: initial;
  }
}
/* line 465, ../sass/_common.scss */
footer ul {
  display: flex;
  flex-wrap: wrap;
  width: 456px;
}
@media (max-width: 750px) {
  /* line 465, ../sass/_common.scss */
  footer ul {
    margin-top: calc(88 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 465, ../sass/_common.scss */
  footer ul {
    width: 100%;
  }
}
/* line 473, ../sass/_common.scss */
footer ul > li {
  margin-bottom: 34px;
}
/* line 475, ../sass/_common.scss */
footer ul > li:nth-of-type(4), footer ul > li:nth-of-type(5) {
  margin-bottom: 0;
}
/* line 479, ../sass/_common.scss */
footer ul > li a {
  color: #fff;
  display: inline-block;
  text-decoration: none;
}
@media (max-width: 750px) {
  /* line 479, ../sass/_common.scss */
  footer ul > li a {
    font-size: calc(24 / 750 * 100 * 1vw);
  }
}
@media (min-width: 751px) {
  /* line 479, ../sass/_common.scss */
  footer ul > li a {
    transition: 0.3s;
  }
  /* line 486, ../sass/_common.scss */
  footer ul > li a:hover {
    opacity: 0.7;
  }
}
/* line 490, ../sass/_common.scss */
footer ul > li a:before {
  content: "";
  width: 10px;
  height: 10px;
  background: #d1d4e7;
  display: inline-block;
  margin-right: 12px;
}
/* line 499, ../sass/_common.scss */
footer ul > li:nth-of-type(3n - 1) {
  width: 180px;
}
@media (max-width: 750px) {
  /* line 499, ../sass/_common.scss */
  footer ul > li:nth-of-type(3n - 1) {
    width: initial;
  }
}
/* line 505, ../sass/_common.scss */
footer ul > li:nth-of-type(3n - 2) {
  width: 153px;
}
@media (max-width: 750px) {
  /* line 505, ../sass/_common.scss */
  footer ul > li:nth-of-type(3n - 2) {
    width: initial;
  }
}
@media (max-width: 750px) {
  /* line 511, ../sass/_common.scss */
  footer ul > li:nth-of-type(1) {
    width: calc(282 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 516, ../sass/_common.scss */
  footer ul > li:nth-of-type(1) {
    width: calc(282 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 516, ../sass/_common.scss */
  footer ul > li:nth-of-type(1) {
    order: 1;
  }
}
@media (max-width: 750px) {
  /* line 522, ../sass/_common.scss */
  footer ul > li:nth-of-type(5) {
    width: calc(282 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 522, ../sass/_common.scss */
  footer ul > li:nth-of-type(5) {
    order: 2;
  }
}
@media (max-width: 750px) {
  /* line 528, ../sass/_common.scss */
  footer ul > li:nth-of-type(4) {
    width: calc(282 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 528, ../sass/_common.scss */
  footer ul > li:nth-of-type(4) {
    order: 3;
  }
}
@media (max-width: 750px) {
  /* line 534, ../sass/_common.scss */
  footer ul > li:nth-of-type(3) {
    width: calc(282 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 534, ../sass/_common.scss */
  footer ul > li:nth-of-type(3) {
    order: 4;
  }
}
@media (max-width: 750px) {
  /* line 540, ../sass/_common.scss */
  footer ul > li:nth-of-type(2) {
    width: calc(282 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 540, ../sass/_common.scss */
  footer ul > li:nth-of-type(2) {
    order: 5;
  }
}

@keyframes maskSlideDown {
  to {
    transform: translateY(100%);
  }
}
/* line 1, ../sass/_content.scss */
.mv {
  position: relative;
}
@media (min-width: 751px) {
  /* line 1, ../sass/_content.scss */
  .mv {
    overflow: hidden;
    max-height: 100vh;
    min-height: 730px;
  }
}
/* line 9, ../sass/_content.scss */
.mv .scroll {
  display: inline-block;
  position: absolute;
  bottom: 30px;
  right: 30px;
  z-index: 2;
  width: 120px;
  aspect-ratio: 1/1;
  cursor: pointer;
  transition: 0.3s;
}
/* line 19, ../sass/_content.scss */
.mv .scroll:hover {
  opacity: 0.7;
}
@media (max-width: 750px) {
  /* line 9, ../sass/_content.scss */
  .mv .scroll {
    display: none;
  }
}
/* line 26, ../sass/_content.scss */
.mv .swiper {
  width: 100%;
}
/* line 28, ../sass/_content.scss */
.mv .swiper img {
  width: 100%;
}
/* line 32, ../sass/_content.scss */
.mv .copy {
  position: absolute;
  right: 100px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 2;
  color: #fff;
  writing-mode: vertical-rl;
  font-size: 34px;
  letter-spacing: 0.06em;
  line-height: 1.5;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
}
@media (max-width: 750px) {
  /* line 32, ../sass/_content.scss */
  .mv .copy {
    font-size: calc(34 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 32, ../sass/_content.scss */
  .mv .copy {
    top: calc(200 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 32, ../sass/_content.scss */
  .mv .copy {
    right: initial;
    left: 50%;
    transform: translate(-50%, 0%);
  }
}
/* line 53, ../sass/_content.scss */
.mv .en-copy {
  font-family: "Poppins", sans-serif;
  line-height: calc(10 / 12);
  bottom: -9px;
  font-size: 150px;
  position: absolute;
  left: 90px;
  z-index: 4;
  background: linear-gradient(90deg, #182987, #8b94c3 16.5%, #ffffff 33%, #ffffff);
  background-size: 300% 100%;
  background-position: 0% 0%;
  background-clip: text;
  -webkit-background-clip: text;
  /* Safari用 */
  color: transparent;
  -webkit-text-fill-color: transparent;
  /* Safari用 */
  animation: gradient-move 2s ease;
  min-width: max-content;
}
@media (max-width: 750px) {
  /* line 53, ../sass/_content.scss */
  .mv .en-copy {
    font-size: calc(135 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 53, ../sass/_content.scss */
  .mv .en-copy {
    left: 1.5vw;
    bottom: -0.8vw;
  }
}

@keyframes gradient-move {
  0% {
    letter-spacing: -100px;
    opacity: 0;
    filter: blur(16px);
    background-position: 100% 0%;
  }
  50% {
    letter-spacing: 0;
    opacity: 1;
    filter: blur(0);
  }
  100% {
    background-position: 0% 0%;
  }
}
/* line 97, ../sass/_content.scss */
.policy {
  margin-top: -1px;
}
@media (max-width: 750px) {
  /* line 97, ../sass/_content.scss */
  .policy {
    margin-top: -0.5vw;
  }
}
/* line 102, ../sass/_content.scss */
.policy .bg {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
}
@media (max-width: 750px) {
  /* line 102, ../sass/_content.scss */
  .policy .bg {
    width: calc(600 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 102, ../sass/_content.scss */
  .policy .bg {
    top: 74vw;
  }
}
/* line 112, ../sass/_content.scss */
.policy .bg-wrapper {
  padding-top: 280px;
  padding-bottom: calc(150px + 200px);
  position: relative;
  background: linear-gradient(90deg, #babfdb 0%, #fff 100%);
}
@media (max-width: 750px) {
  /* line 112, ../sass/_content.scss */
  .policy .bg-wrapper {
    padding-top: calc(485 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 112, ../sass/_content.scss */
  .policy .bg-wrapper {
    padding-bottom: calc(423 / 750 * 100 * 1vw);
  }
}
/* line 121, ../sass/_content.scss */
.policy .container {
  padding-left: 52px;
  padding-right: 72px;
  position: relative;
}
@media (max-width: 750px) {
  /* line 121, ../sass/_content.scss */
  .policy .container {
    padding-inline: 0;
  }
}
/* line 128, ../sass/_content.scss */
.policy .container h2 {
  position: absolute;
  right: 72px;
  top: -90px;
}
@media (max-width: 750px) {
  /* line 128, ../sass/_content.scss */
  .policy .container h2 {
    top: calc(-367 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 128, ../sass/_content.scss */
  .policy .container h2 {
    right: 0;
  }
}
/* line 137, ../sass/_content.scss */
.policy .container h3 {
  font-size: 42px;
  font-weight: 700;
  line-height: calc(63 / 42);
  text-indent: -21px;
}
@media (max-width: 750px) {
  /* line 137, ../sass/_content.scss */
  .policy .container h3 {
    font-size: calc(45 / 750 * 100 * 1vw);
  }
}
@media screen and (max-width: 750px) {
  /* line 137, ../sass/_content.scss */
  .policy .container h3 {
    text-indent: -1vw;
  }
}
/* line 146, ../sass/_content.scss */
.policy .container h3 + p {
  margin-top: 48px;
  margin-left: 70px;
  line-height: 2;
  width: 584px;
  text-align: justify;
}
@media (max-width: 750px) {
  /* line 146, ../sass/_content.scss */
  .policy .container h3 + p {
    margin-top: calc(46 / 750 * 100 * 1vw);
  }
}
@media screen and (max-width: 750px) {
  /* line 146, ../sass/_content.scss */
  .policy .container h3 + p {
    width: 100%;
    margin-left: 0;
  }
}
/* line 159, ../sass/_content.scss */
.policy .container h4 {
  color: #d1d4e7;
  font-size: 35px;
  font-family: "Poppins", sans-serif;
}
@media (max-width: 750px) {
  /* line 159, ../sass/_content.scss */
  .policy .container h4 {
    font-size: calc(35 / 750 * 100 * 1vw);
  }
}
/* line 164, ../sass/_content.scss */
.policy .container h4 span {
  font-family: "Noto Sans JP", sans-serif;
  font-size: 30px;
  font-weight: 700;
  display: inline-block;
  color: #182987;
  margin-bottom: 28px;
}
@media (max-width: 750px) {
  /* line 164, ../sass/_content.scss */
  .policy .container h4 span {
    font-size: calc(30 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 164, ../sass/_content.scss */
  .policy .container h4 span {
    margin-bottom: calc(20 / 750 * 100 * 1vw);
  }
}
/* line 173, ../sass/_content.scss */
.policy .container h4 span:before {
  content: "";
  display: inline-block;
  width: 15px;
  height: 15px;
  background-color: #182987;
  margin-right: 16px;
}
/* line 182, ../sass/_content.scss */
.policy .container h4 + p {
  font-size: 24px;
  line-height: calc(52 / 24);
  font-weight: 500;
  width: 482px;
}
@media (max-width: 750px) {
  /* line 182, ../sass/_content.scss */
  .policy .container h4 + p {
    margin-top: calc(35 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 182, ../sass/_content.scss */
  .policy .container h4 + p {
    font-size: calc(26 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 182, ../sass/_content.scss */
  .policy .container h4 + p {
    width: 100%;
  }
}
/* line 195, ../sass/_content.scss */
.policy .philosophy-box {
  padding: 45px;
  box-shadow: 0 8px 10px rgba(183, 183, 183, 0.8);
  background: #fff;
  margin-top: -220px;
}
@media (max-width: 750px) {
  /* line 195, ../sass/_content.scss */
  .policy .philosophy-box {
    margin-top: -47vw;
    padding: 8vw;
  }
}
/* line 204, ../sass/_content.scss */
.policy .philosophy-box > div {
  border: 1px solid #e6e6e6;
  padding: 68px 73px;
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  /* line 204, ../sass/_content.scss */
  .policy .philosophy-box > div {
    padding-left: calc(50 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 204, ../sass/_content.scss */
  .policy .philosophy-box > div {
    padding-right: calc(50 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 204, ../sass/_content.scss */
  .policy .philosophy-box > div {
    padding-top: calc(60 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 204, ../sass/_content.scss */
  .policy .philosophy-box > div {
    padding-bottom: calc(60 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 204, ../sass/_content.scss */
  .policy .philosophy-box > div {
    display: block;
  }
}
/* line 217, ../sass/_content.scss */
.policy .philosophy-box img {
  position: absolute;
  aspect-ratio: 1/1;
}
@media (max-width: 750px) {
  /* line 217, ../sass/_content.scss */
  .policy .philosophy-box img {
    width: calc(100 / 750 * 100 * 1vw);
  }
}
/* line 221, ../sass/_content.scss */
.policy .philosophy-box img.top {
  left: 0;
  top: 0;
}
/* line 225, ../sass/_content.scss */
.policy .philosophy-box img.bottom {
  right: 0;
  bottom: 0;
  transform: rotate(180deg);
}

/* line 233, ../sass/_content.scss */
.message {
  padding-top: 200px;
}
@media (max-width: 750px) {
  /* line 233, ../sass/_content.scss */
  .message {
    padding-top: calc(238 / 750 * 100 * 1vw);
  }
}
/* line 236, ../sass/_content.scss */
.message .container {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  position: relative;
}
@media (max-width: 750px) {
  /* line 236, ../sass/_content.scss */
  .message .container {
    flex-wrap: wrap;
  }
}
/* line 245, ../sass/_content.scss */
.message .container > div {
  width: 496px;
}
@media (max-width: 750px) {
  /* line 245, ../sass/_content.scss */
  .message .container > div {
    margin-top: calc(68 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 245, ../sass/_content.scss */
  .message .container > div {
    width: 100%;
    order: 2;
  }
}
/* line 252, ../sass/_content.scss */
.message .container > div h3 {
  color: #182987;
  font-size: 42px;
  line-height: calc(66 / 42);
  font-weight: 700;
}
@media (max-width: 750px) {
  /* line 252, ../sass/_content.scss */
  .message .container > div h3 {
    font-size: calc(45 / 750 * 100 * 1vw);
  }
}
/* line 259, ../sass/_content.scss */
.message .container > div p {
  line-height: 2;
  margin-top: 50px;
}
@media (max-width: 750px) {
  /* line 259, ../sass/_content.scss */
  .message .container > div p {
    margin-top: calc(50 / 750 * 100 * 1vw);
  }
}
/* line 263, ../sass/_content.scss */
.message .container > div p.name {
  text-align: right;
  font-weight: 700;
}
/* line 269, ../sass/_content.scss */
.message .container > .img-wrapper {
  width: 510px;
  margin-right: calc(276px / -2);
}
@media (max-width: 750px) {
  /* line 269, ../sass/_content.scss */
  .message .container > .img-wrapper {
    width: calc(570 / 750 * 100 * 1vw);
  }
}
/* line 274, ../sass/_content.scss */
.message .container > .img-wrapper.on .img {
  width: 100%;
}
/* line 278, ../sass/_content.scss */
.message .container > .img-wrapper .img {
  width: 0;
  transition: 0.9s ease;
  overflow: hidden;
}
/* line 282, ../sass/_content.scss */
.message .container > .img-wrapper .img img {
  width: 510px;
  max-width: initial;
}
@media (max-width: 750px) {
  /* line 282, ../sass/_content.scss */
  .message .container > .img-wrapper .img img {
    width: calc(570 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 269, ../sass/_content.scss */
  .message .container > .img-wrapper {
    order: 1;
    margin-right: initial;
    margin-left: -8vw;
  }
}
/* line 294, ../sass/_content.scss */
.message .container > h2 {
  position: absolute;
  right: 232px;
  top: 20px;
}
@media (max-width: 750px) {
  /* line 294, ../sass/_content.scss */
  .message .container > h2 {
    right: 0;
    top: -2.8vw;
  }
}

/* line 305, ../sass/_content.scss */
.company {
  background: #182987;
  color: #fff;
  padding-top: 170px;
  padding-bottom: 150px;
  margin-top: 350px;
  position: relative;
}
@media (max-width: 750px) {
  /* line 305, ../sass/_content.scss */
  .company {
    padding-top: calc(710 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 305, ../sass/_content.scss */
  .company {
    margin-top: calc(298 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 305, ../sass/_content.scss */
  .company {
    padding-bottom: calc(107 / 750 * 100 * 1vw);
  }
}
/* line 317, ../sass/_content.scss */
.company .bg {
  position: absolute;
  left: 50%;
  transform: translate(calc(-50% + 174px), 0);
  top: -150px;
  z-index: 0;
}
@media (max-width: 750px) {
  /* line 317, ../sass/_content.scss */
  .company .bg {
    width: calc(600 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 317, ../sass/_content.scss */
  .company .bg {
    top: -15vw;
    right: 0;
    left: initial;
    transform: initial;
  }
}
/* line 331, ../sass/_content.scss */
.company .container:not(.bg-w) {
  position: relative;
}
/* line 334, ../sass/_content.scss */
.company .container:not(.bg-w) h2 {
  color: #fff;
}
/* line 337, ../sass/_content.scss */
.company .container:not(.bg-w) h2 span:before {
  background: #fff;
}
@media (max-width: 750px) {
  /* line 334, ../sass/_content.scss */
  .company .container:not(.bg-w) h2 {
    top: calc(-585 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 334, ../sass/_content.scss */
  .company .container:not(.bg-w) h2 {
    position: absolute;
    left: 0;
    line-height: 1;
  }
}
/* line 348, ../sass/_content.scss */
.company .container:not(.bg-w) .flex {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 751px) {
  /* line 348, ../sass/_content.scss */
  .company .container:not(.bg-w) .flex {
    min-height: 411px;
  }
}
/* line 355, ../sass/_content.scss */
.company .container:not(.bg-w) h3 {
  font-size: 42px;
  line-height: calc(66 / 42);
  font-weight: 700;
  margin-left: -127px;
}
@media (max-width: 750px) {
  /* line 355, ../sass/_content.scss */
  .company .container:not(.bg-w) h3 {
    font-size: calc(45 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 355, ../sass/_content.scss */
  .company .container:not(.bg-w) h3 {
    margin-left: 0;
  }
}
/* line 365, ../sass/_content.scss */
.company .container:not(.bg-w) p {
  line-height: 2;
  margin-top: 50px;
  width: 498px;
}
@media (max-width: 750px) {
  /* line 365, ../sass/_content.scss */
  .company .container:not(.bg-w) p {
    margin-top: calc(50 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 365, ../sass/_content.scss */
  .company .container:not(.bg-w) p {
    width: 100%;
  }
}
/* line 373, ../sass/_content.scss */
.company .container:not(.bg-w) p.name {
  text-align: right;
  font-weight: 700;
}
/* line 378, ../sass/_content.scss */
.company .container:not(.bg-w) .link {
  width: 600px;
  height: 641px;
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  margin-top: -90px;
  margin-left: 60px;
  z-index: 2;
}
@media (max-width: 750px) {
  /* line 378, ../sass/_content.scss */
  .company .container:not(.bg-w) .link {
    width: calc(600 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 378, ../sass/_content.scss */
  .company .container:not(.bg-w) .link {
    height: calc(653 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 378, ../sass/_content.scss */
  .company .container:not(.bg-w) .link {
    margin-top: calc(120 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 378, ../sass/_content.scss */
  .company .container:not(.bg-w) .link {
    margin-inline: auto;
  }
}
@media (max-width: 750px) {
  /* line 394, ../sass/_content.scss */
  .company .container:not(.bg-w) .link > img {
    width: calc(220 / 750 * 100 * 1vw);
  }
}
/* line 397, ../sass/_content.scss */
.company .container:not(.bg-w) .link a {
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: 700;
  text-decoration: none;
  color: #182987;
  width: 187px;
  aspect-ratio: 1/1;
  background: #fff;
  border-radius: 50%;
  border: 1px solid #182987;
  box-shadow: 4.6px 4.6px 0 rgba(179, 179, 179, 0.8);
  position: absolute;
  line-height: calc(29 / 20);
  text-align: center;
  padding-bottom: 32px;
  transition: 0.3s;
}
@media (max-width: 750px) {
  /* line 397, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a {
    width: calc(187 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 397, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a {
    font-size: calc(24 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 397, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a {
    padding-bottom: 4vw;
  }
}
@media (min-width: 751px) {
  /* line 421, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a:hover {
    background: #d1d4e7;
  }
}
/* line 426, ../sass/_content.scss */
.company .container:not(.bg-w) .link a > img {
  position: absolute;
  left: 50%;
  bottom: 40px;
  transform: translate(-50%, 0);
}
@media (max-width: 750px) {
  /* line 426, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a > img {
    width: calc(20 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 426, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a > img {
    bottom: 5vw;
  }
}
/* line 436, ../sass/_content.scss */
.company .container:not(.bg-w) .link a:nth-of-type(1) {
  left: 50%;
  top: 0;
  transform: translate(-50%, 0);
}
/* line 441, ../sass/_content.scss */
.company .container:not(.bg-w) .link a:nth-of-type(2) {
  right: 0;
  top: 120px;
}
@media (max-width: 750px) {
  /* line 441, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a:nth-of-type(2) {
    top: 16vw;
  }
}
/* line 448, ../sass/_content.scss */
.company .container:not(.bg-w) .link a:nth-of-type(3) {
  right: 0;
  bottom: 120px;
}
@media (max-width: 750px) {
  /* line 448, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a:nth-of-type(3) {
    bottom: 16vw;
  }
}
/* line 455, ../sass/_content.scss */
.company .container:not(.bg-w) .link a:nth-of-type(4) {
  left: 50%;
  bottom: 0;
  transform: translate(-50%, 0);
}
/* line 460, ../sass/_content.scss */
.company .container:not(.bg-w) .link a:nth-of-type(5) {
  left: 0;
  bottom: 120px;
}
@media (max-width: 750px) {
  /* line 460, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a:nth-of-type(5) {
    bottom: 16vw;
  }
}
/* line 467, ../sass/_content.scss */
.company .container:not(.bg-w) .link a:nth-of-type(6) {
  left: 0;
  top: 120px;
}
@media (max-width: 750px) {
  /* line 467, ../sass/_content.scss */
  .company .container:not(.bg-w) .link a:nth-of-type(6) {
    top: 16vw;
  }
}
/* line 477, ../sass/_content.scss */
.company .bg-w {
  width: 1100px;
  background-color: #fff;
  padding-top: 280px;
  padding-bottom: 110px;
  padding-inline: 100px;
  margin-top: -245px;
  position: relative;
}
@media (max-width: 750px) {
  /* line 477, ../sass/_content.scss */
  .company .bg-w {
    padding-top: calc(354 / 750 * 100 * 1vw);
  }
}
@media screen and (max-width: 750px) {
  /* line 477, ../sass/_content.scss */
  .company .bg-w {
    width: 100%;
    margin-top: -33vw;
    padding-inline: 6vw;
  }
}
/* line 492, ../sass/_content.scss */
.company .bg-w .group-box {
  display: flex;
  justify-content: space-between;
  margin-bottom: 115px;
  padding-bottom: 115px;
  padding-top: 100px;
  margin-top: -100px;
  border-bottom: 1px solid #cccccc;
}
@media (max-width: 750px) {
  /* line 492, ../sass/_content.scss */
  .company .bg-w .group-box {
    padding-bottom: calc(157 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 492, ../sass/_content.scss */
  .company .bg-w .group-box {
    margin-bottom: calc(117 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 492, ../sass/_content.scss */
  .company .bg-w .group-box {
    padding-top: calc(100 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 492, ../sass/_content.scss */
  .company .bg-w .group-box {
    margin-top: calc(-100 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 492, ../sass/_content.scss */
  .company .bg-w .group-box {
    flex-wrap: wrap;
  }
}
/* line 507, ../sass/_content.scss */
.company .bg-w .group-box:last-of-type {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: none;
}
/* line 512, ../sass/_content.scss */
.company .bg-w .group-box > div {
  width: 430px;
}
@media (max-width: 750px) {
  /* line 512, ../sass/_content.scss */
  .company .bg-w .group-box > div {
    margin-top: calc(56 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 512, ../sass/_content.scss */
  .company .bg-w .group-box > div {
    width: 100%;
    order: 2;
  }
}
/* line 519, ../sass/_content.scss */
.company .bg-w .group-box > div h3 {
  color: #182987;
  font-size: 30px;
  font-weight: 900;
}
@media (max-width: 750px) {
  /* line 519, ../sass/_content.scss */
  .company .bg-w .group-box > div h3 {
    font-size: calc(40 / 750 * 100 * 1vw);
  }
}
/* line 525, ../sass/_content.scss */
.company .bg-w .group-box > div p {
  color: #333;
  margin-top: 30px;
  line-height: 2;
}
@media (max-width: 750px) {
  /* line 525, ../sass/_content.scss */
  .company .bg-w .group-box > div p {
    margin-top: calc(30 / 750 * 100 * 1vw);
  }
}
/* line 531, ../sass/_content.scss */
.company .bg-w .group-box > div .btn {
  font-weight: 700;
  font-size: 18px;
  position: relative;
  text-decoration: none;
  padding-right: 66px;
  color: #333;
  margin-top: 74px;
  display: inline-block;
  transition: 0.3s;
}
@media (max-width: 750px) {
  /* line 531, ../sass/_content.scss */
  .company .bg-w .group-box > div .btn {
    padding-right: calc(98 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 531, ../sass/_content.scss */
  .company .bg-w .group-box > div .btn {
    font-size: calc(26 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 531, ../sass/_content.scss */
  .company .bg-w .group-box > div .btn {
    margin-top: calc(84 / 750 * 100 * 1vw);
  }
}
/* line 544, ../sass/_content.scss */
.company .bg-w .group-box > div .btn span {
  position: relative;
  z-index: 1;
}
/* line 548, ../sass/_content.scss */
.company .bg-w .group-box > div .btn:after {
  content: "";
  width: 84px;
  display: block;
  border-radius: 50%;
  background: #d1d4e7;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 0;
  transition: 0.3s;
  aspect-ratio: 1/1;
}
@media (max-width: 750px) {
  /* line 548, ../sass/_content.scss */
  .company .bg-w .group-box > div .btn:after {
    width: calc(120 / 750 * 100 * 1vw);
  }
}
/* line 563, ../sass/_content.scss */
.company .bg-w .group-box > div .btn:before {
  content: "";
  width: 24px;
  height: 20px;
  display: block;
  position: absolute;
  right: 30px;
  top: 50%;
  transform: translate(0, -50%);
  z-index: 0;
  background-image: url(../images/btn-arrow.png);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (max-width: 750px) {
  /* line 563, ../sass/_content.scss */
  .company .bg-w .group-box > div .btn:before {
    width: calc(34.5 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 563, ../sass/_content.scss */
  .company .bg-w .group-box > div .btn:before {
    height: calc(30 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 563, ../sass/_content.scss */
  .company .bg-w .group-box > div .btn:before {
    right: calc(45.5 / 750 * 100 * 1vw);
  }
}
@media (min-width: 751px) {
  /* line 582, ../sass/_content.scss */
  .company .bg-w .group-box > div .btn:hover {
    color: #182987;
  }
  /* line 585, ../sass/_content.scss */
  .company .bg-w .group-box > div .btn:hover:after {
    background: #8b94c3;
  }
}
/* line 593, ../sass/_content.scss */
.company .bg-w .group-box > .img-wrapper {
  width: 427px;
}
@media (max-width: 750px) {
  /* line 593, ../sass/_content.scss */
  .company .bg-w .group-box > .img-wrapper {
    width: 100%;
    order: 1;
  }
}
/* line 600, ../sass/_content.scss */
.company .bg-w .group-box > .img-wrapper.on .img {
  width: 100%;
}
/* line 604, ../sass/_content.scss */
.company .bg-w .group-box > .img-wrapper .img {
  width: 0;
  transition: 0.9s ease;
  overflow: hidden;
}
/* line 608, ../sass/_content.scss */
.company .bg-w .group-box > .img-wrapper .img img {
  width: 427px;
  max-width: initial;
}
@media (max-width: 750px) {
  /* line 608, ../sass/_content.scss */
  .company .bg-w .group-box > .img-wrapper .img img {
    width: 84.133333333333333vw;
  }
}
@media (max-width: 750px) {
  /* line 593, ../sass/_content.scss */
  .company .bg-w .group-box > .img-wrapper {
    order: 1;
  }
}
/* line 621, ../sass/_content.scss */
.company .bg-w .group-box:nth-of-type(2n) > div {
  order: 2;
}
/* line 624, ../sass/_content.scss */
.company .bg-w .group-box:nth-of-type(2n) .img-wrapper {
  order: 1;
}

/* line 631, ../sass/_content.scss */
.profile {
  padding-top: 130px;
  padding-bottom: 156px;
  background-image: url(../images/bg-profile.webp);
  background-size: contain;
  background-position: left center;
  background-repeat: no-repeat;
}
@media (max-width: 750px) {
  /* line 631, ../sass/_content.scss */
  .profile {
    background-size: cover;
    background-position: left -49vw center;
  }
}
@media (max-width: 750px) {
  /* line 631, ../sass/_content.scss */
  .profile {
    padding-top: calc(138 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 631, ../sass/_content.scss */
  .profile {
    padding-bottom: calc(150 / 750 * 100 * 1vw);
  }
}
/* line 645, ../sass/_content.scss */
.profile .container {
  width: 915px;
}
@media screen and (max-width: 750px) {
  /* line 645, ../sass/_content.scss */
  .profile .container {
    width: calc(100% - 16vw);
  }
}
/* line 651, ../sass/_content.scss */
.profile .flex {
  display: flex;
  justify-content: space-between;
}
@media (max-width: 750px) {
  /* line 651, ../sass/_content.scss */
  .profile .flex {
    flex-wrap: wrap;
    padding-top: 41vw;
    position: relative;
  }
}
@media (max-width: 750px) {
  /* line 659, ../sass/_content.scss */
  .profile .flex h2 {
    line-height: 1;
    position: absolute;
    top: 0;
  }
}
/* line 666, ../sass/_content.scss */
.profile .flex table {
  width: 464px;
  margin-top: 180px;
}
@media (max-width: 750px) {
  /* line 666, ../sass/_content.scss */
  .profile .flex table {
    margin-top: calc(90 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 666, ../sass/_content.scss */
  .profile .flex table {
    width: 100%;
  }
}
/* line 674, ../sass/_content.scss */
.profile .flex table tr th {
  font-weight: 700;
  border-bottom: 1px solid #182987;
  padding-block: 26px;
}
@media (max-width: 750px) {
  /* line 674, ../sass/_content.scss */
  .profile .flex table tr th {
    padding-top: calc(35 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 674, ../sass/_content.scss */
  .profile .flex table tr th {
    padding-bottom: calc(35 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 674, ../sass/_content.scss */
  .profile .flex table tr th {
    padding-right: calc(14 / 750 * 100 * 1vw);
  }
}
/* line 682, ../sass/_content.scss */
.profile .flex table tr td {
  border-bottom: 1px solid #cccccc;
  padding-block: 26px;
  padding-left: 40px;
}
@media (max-width: 750px) {
  /* line 682, ../sass/_content.scss */
  .profile .flex table tr td {
    padding-top: calc(35 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 682, ../sass/_content.scss */
  .profile .flex table tr td {
    padding-bottom: calc(35 / 750 * 100 * 1vw);
  }
}
@media (max-width: 750px) {
  /* line 682, ../sass/_content.scss */
  .profile .flex table tr td {
    padding-left: calc(30 / 750 * 100 * 1vw);
  }
}

/* line 695, ../sass/_content.scss */
.slider-container {
  width: 100vw;
  overflow: hidden;
  position: relative;
  background-color: #182987;
}
/* line 700, ../sass/_content.scss */
.slider-container .company-name {
  text-align: center;
  font-family: "Poppins", sans-serif;
  position: absolute;
  width: 100%;
  font-size: 95px;
  color: #ffffff;
  z-index: 2;
  bottom: 12px;
  opacity: 0.5;
}
@media (max-width: 750px) {
  /* line 700, ../sass/_content.scss */
  .slider-container .company-name {
    font-size: calc(55 / 750 * 100 * 1vw);
  }
}

/* line 714, ../sass/_content.scss */
.slider-track {
  display: flex;
  width: 200vw;
  /* 画像2枚分 */
  animation: scroll 30s linear infinite;
}
@media (max-width: 750px) {
  /* line 714, ../sass/_content.scss */
  .slider-track {
    animation: scroll_sp 20s linear infinite;
  }
}
/* line 722, ../sass/_content.scss */
.slider-track img {
  width: 100vw;
  height: auto;
  flex-shrink: 0;
  opacity: 0.7;
}
@media (max-width: 750px) {
  /* line 722, ../sass/_content.scss */
  .slider-track img {
    width: auto;
    height: 60vw;
  }
}

@keyframes scroll {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-200vw);
  }
}
@keyframes scroll_sp {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(calc(2044 / 590 * -100vw));
  }
}
@keyframes gradientFadeIn {
  0% {
    background: white;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
  100% {
    background: linear-gradient(90deg, #182987 0%, #8b94c3 50%, #fff 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
  }
}
/* line 763, ../sass/_content.scss */
.fade {
  transform: translate(0, 8px);
  opacity: 0;
  transition: 0.5s;
  z-index: 2;
}
/* line 768, ../sass/_content.scss */
.fade.on {
  transform: translate(0, 0);
  opacity: 1;
}