@charset "UTF-8";
/* ====================================================================================

    THEMA INFO

==================================================================================== */
/*
Theme Name:
Theme URI:
Author:
Author URI:
Description:
Version: 1.0
*/
/* ====================================================================================

    ITEMS

==================================================================================== */
/* ====================================================================================
TO-系
==================================================================================== */
.to-up,
.to-right,
.to-left,
.to-downright,
.to-downleft,
.to-upright,
.to-upleft {
  opacity: 0;
  transition: 1.3s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
  transition-property: transform, opacity;
  will-change: opacity, transform;
}
.to-up.active,
.to-right.active,
.to-left.active,
.to-downright.active,
.to-downleft.active,
.to-upright.active,
.to-upleft.active {
  opacity: 1;
  transform: translate(0, 0);
}

.to-up {
  transform: translateY(5rem);
}

.to-down {
  transform: translateY(-5rem);
}

.to-right {
  transform: translateX(-5rem);
}

.to-left {
  transform: translateX(5rem);
}

.to-upright {
  transform: translate(5rem, -5rem);
}

.to-upleft {
  transform: translate(5rem, 5rem);
}

.to-downright {
  transform: translate(-5rem, -5rem);
}

.to-downleft {
  transform: translate(5rem, -5rem);
}

.to-blur {
  opacity: 0;
  filter: blur(10px);
  transition: 1.5s ease;
  transition-property: opacity, filter;
}
.to-blur.active {
  opacity: 1;
  filter: blur(0px);
}

.order.active .order-child {
  opacity: 1;
  transform: translate(0, 0);
}

@media only screen and (min-width: 769px) {
  .h-image {
    transition: transform 0.4s ease;
  }
}

@media only screen and (min-width: 769px) {
  a:hover .h-image {
    transform: scale(1.1);
  }
}

/* ====================================================================================
背景左から右　下からテキスト
==================================================================================== */
.to-back-text {
  display: inline-block;
  position: relative;
  clip-path: polygon(0% 0%, 0% 0%, 0% 100%, 0% 100%);
  transition: clip-path 0.6s ease;
  overflow: hidden;
}
.to-back-text .text {
  position: relative;
  z-index: 1;
  transform: translateY(100%);
  transition: transform 0.4s ease 0.6s;
  display: inline-block;
}
.to-back-text .back {
  background: linear-gradient(to right, #E5F7C7, #DBEFE2);
  position: absolute;
  inset: 0;
}
.to-back-text.active {
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.to-back-text.active .text {
  transform: translateY(0%);
}

/* ====================================================================================
文字が１つずつ下から上に span.split-textなどインライン対象 親に.oh設定するといい
==================================================================================== */
.split-text {
  overflow: hidden;
  opacity: 0;
}
.split-text.split-ready {
  opacity: 1;
}

.split-text .split-char {
  display: inline-block;
  transform: translateY(100%);
  transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.split-text.active .split-char {
  transform: translateY(0);
}

/*
$('.split-text').each(function () {
    var $el = $(this);

    // 二重分割防止
    if ($el.data('splitted')) {
        return;
    }

    $el.data('splitted', true);

    var text = $el.text();
    var baseDelay = parseFloat($el.data('splitdelay')) || 0;

    $el.empty().addClass('split-ready');

    $.each([...text], function (i, ch) {
        var $span = $('<span class="split-char" />')
            .text(ch === ' ' ? '\u00A0' : ch)
            .css('transition-delay', (baseDelay + i * 0.05) + 's');

        $el.append($span);
    });
});
*/
/* ====================================================================================
eachTextAnime
==================================================================================== */
.eachTextAnime span {
  opacity: 0;
  transition: 0.8s ease;
}

.eachTextAnime.active span {
  opacity: 1;
}

/*
let element = $(".eachTextAnime");
if (element.length !== 0) {
    element.each(function () {
        let html = '';
        let $this = $(this);
        let delay = $(this).attr('data-delay');
        delay = delay ? Number(delay) : 0;

        function wrapText(text) {
            return text.split("").map(v => "<span>" + v + "</span>").join("");
        }

        $this.contents().each(function () {
            if (this.nodeType === Node.ELEMENT_NODE && this.tagName === "BR") {
                html += this.outerHTML;
            } else if (this.nodeType === Node.ELEMENT_NODE && this.tagName === "STRONG") {
                let inner = wrapText(this.textContent);
                html += '<strong>' + inner + '</strong>';
            } else if (this.nodeType === Node.ELEMENT_NODE && this.tagName === "RUBY") {
                let baseText = "";
                let rtText = "";
                $(this).contents().each(function () {
                    if (this.nodeType === Node.TEXT_NODE) {
                        baseText += wrapText(this.textContent);
                    } else if (this.nodeType === Node.ELEMENT_NODE && this.tagName === "RT") {
                        rtText += this.outerHTML; // ルビ部分はそのまま
                    }
                });
                html += "<ruby>" + baseText + rtText + "</ruby>";
            } else if (this.nodeType === Node.TEXT_NODE) {
                html += wrapText(this.textContent);
            }
        });

        $this.html(html);

        setTimeout(function () {
            $this.find('span').each(function (index) {
                $(this).css({
                    transitionDelay: (index * 0.06 + delay) + "s"
                });
            });
        }, 10);
    });
}
*/
/* ====================================================================================
画像スケールブラー
==================================================================================== */
.image-scale-blur {
  overflow: hidden;
}
.image-scale-blur img {
  opacity: 0;
  transform: scale(1.2);
  filter: blur(20px);
  transition: 0.8s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
  transition-property: opacity, transform, filter;
}
.image-scale-blur.active img {
  transform: scale(1);
  filter: blur(0px);
  opacity: 1;
}

.Button--1 {
  display: inline-block;
  color: #152FA3;
  backdrop-filter: blur(7px) brightness(1.18);
  -webkit-backdrop-filter: blur(7px) brightness(1.18);
  background: rgba(255, 255, 255, 0);
}
.Button--1.mist {
  background: #E6EAFA;
}
.Button--1.lave {
  background: #EAE4F7;
}
.Button--1.c-ppl {
  color: #513895;
}
.Button--1.w-100 {
  width: 100%;
  display: block;
}
@media only screen and (min-width: 769px) {
  .Button--1 {
    transition: 0.4s ease;
    transition-property: color, background;
  }
  .Button--1:hover {
    background: rgba(21, 47, 163, 0.6);
    color: #fff;
  }
}
.Button--2 {
  padding: 35px 200px 35px 75px  ;
  display: inline-block;
  position: relative;
  background: linear-gradient(to right, #000C50, #513895);
  color: #fff;
  font-size: 2.2rem;
  line-height: 1;
  border-radius: 90px  ;
}
@media only screen and (max-width: 1920px) {
  .Button--2 {
    padding: 1.8229166667vw 10.4166666667vw 1.8229166667vw 3.90625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--2 {
    padding: 8.9743589744vw 51.2820512821vw 8.9743589744vw 19.2307692308vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Button--2 {
    border-radius: 4.6875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--2 {
    border-radius: 23.0769230769vw  ;
  }
}
@media only screen and (min-width: 769px) {
  .Button--2 {
    transition: opacity 0.5s ease;
  }
  .Button--2:hover {
    opacity: 0.6;
  }
}
.Button--2:after {
  content: "\e5df";
  font-family: "Material Icons";
  position: absolute;
  top: 50%;
  right: 50px  ;
  translate: 0 -45%;
  color: #fff;
  font-size: 2.4rem;
}
@media only screen and (max-width: 1920px) {
  .Button--2:after {
    right: 2.6041666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--2:after {
    right: 12.8205128205vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--2:after {
    font-size: 2.2rem;
    translate: 0 -50%;
    right: 6.4102564103vw;
  }
}
@media only screen and (max-width: 768px) {
  .Button--2 {
    padding: 5.1282051282vw 8.9743589744vw;
    display: block;
    width: 100%;
  }
}
.Button--line {
  display: inline-block;
  background: #06C755;
  color: #fff;
  border-radius: 37px  ;
}
@media only screen and (max-width: 1920px) {
  .Button--line {
    border-radius: 1.9270833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--line {
    border-radius: 9.4871794872vw  ;
  }
}
.Button--line img {
  width: 56px  ;
}
@media only screen and (max-width: 1920px) {
  .Button--line img {
    width: 2.9166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--line img {
    width: 14.358974359vw  ;
  }
}
.Button--line.small img {
  width: 31px  ;
}
@media only screen and (max-width: 1920px) {
  .Button--line.small img {
    width: 1.6145833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--line.small img {
    width: 7.9487179487vw  ;
  }
}
.Button--recruit {
  display: inline-block;
  background: #fff;
  color: #152FA3;
  border-radius: 37px  ;
}
@media only screen and (max-width: 1920px) {
  .Button--recruit {
    border-radius: 1.9270833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--recruit {
    border-radius: 9.4871794872vw  ;
  }
}
@media only screen and (min-width: 769px) {
  .Button--line, .Button--recruit {
    transition: transform 0.4s ease;
  }
  .Button--line:hover, .Button--recruit:hover {
    transform: translateX(0.6rem);
  }
}
.Button--arrow {
  position: relative;
}
.Button--arrow:after {
  content: "\e5df";
  font-family: "Material Icons";
  font-size: 2.6rem;
  position: absolute;
  top: 50%;
  right: 20px  ;
  translate: 0 -50%;
}
@media only screen and (max-width: 1920px) {
  .Button--arrow:after {
    right: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--arrow:after {
    right: 5.1282051282vw  ;
  }
}
.Button--arrow.small:after {
  font-size: 2rem;
  right: 8px  ;
}
@media only screen and (max-width: 1920px) {
  .Button--arrow.small:after {
    right: 0.4166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Button--arrow.small:after {
    right: 2.0512820513vw  ;
  }
}

.Item--dot {
  position: relative;
}
.Item--dot:before {
  content: "";
  width: 7px  ;
  aspect-ratio: 7/6;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 100% 100%;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
@media only screen and (max-width: 1920px) {
  .Item--dot:before {
    width: 0.3645833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Item--dot:before {
    width: 1.7948717949vw  ;
  }
}
.Item--dot.w-9:before {
  width: 9px  ;
}
@media only screen and (max-width: 1920px) {
  .Item--dot.w-9:before {
    width: 0.46875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Item--dot.w-9:before {
    width: 2.3076923077vw  ;
  }
}
.Item--dot--white:before {
  background-image: url("../img/common/item-dot-white.png");
}
.Item--dot--navy:before {
  background-image: url("../img/common/item-dot-navy.png");
}
.Item--dot--blue:before {
  background-image: url("../img/common/item-dot-blue.png");
}
.Item--dot--ppl:before {
  background-image: url("../img/common/item-dot-ppl.png");
}
.Item--afterborder:after {
  content: "";
  width: 100%;
  height: 1px;
  background: #152FA3;
  position: absolute;
  top: 50%;
  left: 0;
  translate: 0 -50%;
}
.Item--rightborder {
  display: inline-block;
  position: relative;
}
.Item--rightborder.blue:after {
  background: #152FA3;
}
.Item--rightborder.w-220:after {
  width: 224px  ;
}
@media only screen and (max-width: 1920px) {
  .Item--rightborder.w-220:after {
    width: 11.6666666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Item--rightborder.w-220:after {
    width: 57.4358974359vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Item--rightborder.w-220:after {
    width: 23.0769230769vw;
  }
}
.Item--rightborder:after {
  content: "";
  width: 90px  ;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 50%;
  right: 0;
  translate: 100%;
}
@media only screen and (max-width: 1920px) {
  .Item--rightborder:after {
    width: 4.6875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Item--rightborder:after {
    width: 23.0769230769vw  ;
  }
}

.Table--1 {
  width: 100%;
}
.Table--1 tbody tr + tr {
  border-top: 1px solid #E6EAFA;
}
.Table--1 tbody tr th,
.Table--1 tbody tr td {
  padding-top: 30px  ;
  padding-bottom: 30px  ;
  line-height: 1.8;
}
@media only screen and (max-width: 1920px) {
  .Table--1 tbody tr th,
  .Table--1 tbody tr td {
    padding-top: 1.5625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Table--1 tbody tr th,
  .Table--1 tbody tr td {
    padding-top: 7.6923076923vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Table--1 tbody tr th,
  .Table--1 tbody tr td {
    padding-bottom: 1.5625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Table--1 tbody tr th,
  .Table--1 tbody tr td {
    padding-bottom: 7.6923076923vw  ;
  }
}
.Table--1 tbody tr th {
  width: 210px  ;
  vertical-align: top;
}
@media only screen and (max-width: 1920px) {
  .Table--1 tbody tr th {
    width: 10.9375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Table--1 tbody tr th {
    width: 53.8461538462vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Table--1 tbody tr th,
  .Table--1 tbody tr td {
    padding-top: 5.1282051282vw;
    padding-bottom: 5.1282051282vw;
  }
  .Table--1 tbody tr th {
    width: 25.641025641vw;
  }
}

.List--disc {
  list-style-type: disc;
}

/* ====================================================================================

    HEADER

==================================================================================== */
.Header--logo {
  width: 88px  ;
  position: fixed;
  top: 30px  ;
  left: 50px  ;
  z-index: 1000;
}
@media only screen and (max-width: 1920px) {
  .Header--logo {
    width: 4.5833333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--logo {
    width: 22.5641025641vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Header--logo {
    top: 1.5625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--logo {
    top: 7.6923076923vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Header--logo {
    left: 2.6041666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--logo {
    left: 12.8205128205vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--logo {
    width: 11.5384615385vw;
    top: 3.8461538462vw;
    left: 4.6153846154vw;
  }
}
.Header--movie {
  width: 200px  ;
  position: fixed;
  top: 14px  ;
  right: 127px  ;
  z-index: 1000;
}
@media only screen and (max-width: 1920px) {
  .Header--movie {
    width: 10.4166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--movie {
    width: 51.2820512821vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Header--movie {
    top: 0.7291666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--movie {
    top: 3.5897435897vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Header--movie {
    right: 6.6145833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--movie {
    right: 32.5641025641vw  ;
  }
}
.Header--movie a {
  border-radius: 7px  ;
}
@media only screen and (max-width: 1920px) {
  .Header--movie a {
    border-radius: 0.3645833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--movie a {
    border-radius: 1.7948717949vw  ;
  }
}
.Header--movie a figure {
  border-radius: 4px  ;
}
@media only screen and (max-width: 1920px) {
  .Header--movie a figure {
    border-radius: 0.2083333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--movie a figure {
    border-radius: 1.0256410256vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--movie {
    width: 36.6666666667vw;
    top: auto;
    bottom: 5.1282051282vw;
    right: auto;
    left: 5.1282051282vw;
    z-index: 998;
  }
  .Header--movie a {
    padding: 0.7692307692vw;
  }
  .Header--movie a p {
    margin-top: 0.7692307692vw;
  }
}
.Header--instagram {
  width: 47px  ;
  position: fixed;
  top: 50%;
  right: 46px  ;
  translate: 0 -50%;
  z-index: 998;
}
@media only screen and (max-width: 1920px) {
  .Header--instagram {
    width: 2.4479166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--instagram {
    width: 12.0512820513vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Header--instagram {
    right: 2.3958333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--instagram {
    right: 11.7948717949vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--instagram {
    top: auto;
    bottom: 23.0769230769vw;
    right: auto;
    left: 5.1282051282vw;
    translate: unset;
  }
}
.Header--sidelinks {
  position: fixed;
  bottom: 60px  ;
  right: 47px  ;
  z-index: 998;
}
@media only screen and (max-width: 1920px) {
  .Header--sidelinks {
    bottom: 3.125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--sidelinks {
    bottom: 15.3846153846vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Header--sidelinks {
    right: 2.4479166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Header--sidelinks {
    right: 12.0512820513vw  ;
  }
}

/* ====================================================================================

    NAV

==================================================================================== */
.Navi {
  position: fixed;
  inset: 0;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
  z-index: 999;
  visibility: hidden;
}
.Navi::-webkit-scrollbar {
  display: none;
}
.Navi--left {
  width: 84.4884488449%;
}
.Navi--right {
  width: 205 151500%;
}
.Navi--primary {
  display: grid;
  grid-template-columns: 21fr 18fr 29fr 23fr;
  gap: 20px  ;
}
@media only screen and (max-width: 1920px) {
  .Navi--primary {
    gap: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Navi--primary {
    gap: 5.1282051282vw  ;
  }
}
.Navi--primary--label {
  color: #fff;
}
@media only screen and (min-width: 769px) {
  .Navi--primary a {
    transition: opacity 0.5s ease;
  }
  .Navi--primary a:hover {
    opacity: 0.6;
  }
}
.Navi--secondary .def {
  padding: 8px 20px  ;
  border-radius: 17px  ;
  border: 1px solid #fff;
  display: inline-block;
  color: #fff;
}
@media only screen and (max-width: 1920px) {
  .Navi--secondary .def {
    padding: 0.4166666667vw 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Navi--secondary .def {
    padding: 2.0512820513vw 5.1282051282vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Navi--secondary .def {
    border-radius: 0.8854166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Navi--secondary .def {
    border-radius: 4.358974359vw  ;
  }
}
@media only screen and (min-width: 769px) {
  .Navi--secondary .def {
    transition: 0.4s ease;
    transition-property: background, color;
  }
  .Navi--secondary .def:hover {
    background: #fff;
    color: #000C50;
  }
}
.Navi--footer {
  position: relative;
}
.Navi--footer:before {
  content: "";
  width: 120.4225352113%;
  height: 1px;
  background: #fff;
  position: absolute;
  top: 0;
  left: 50%;
  translate: -50%;
}
.Navi .items {
  transform: translateY(10px);
  opacity: 0;
  transition: 0.4s ease 0.2s;
  transition-property: transform, opacity;
}
.Navi.open .items {
  transform: translateY(0);
  opacity: 1;
}
@media only screen and (max-width: 768px) {
  .Navi--left, .Navi--right {
    width: 100%;
  }
  .Navi--primary {
    grid-template-columns: repeat(1, 1fr);
  }
}

#nav-torigger-wrap {
  aspect-ratio: 1/1;
  width: 80px  ;
  position: fixed;
  top: 14px  ;
  right: 30px  ;
  z-index: 1000;
}
@media only screen and (max-width: 1920px) {
  #nav-torigger-wrap {
    width: 4.1666666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #nav-torigger-wrap {
    width: 20.5128205128vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  #nav-torigger-wrap {
    top: 0.7291666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #nav-torigger-wrap {
    top: 3.5897435897vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  #nav-torigger-wrap {
    right: 1.5625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #nav-torigger-wrap {
    right: 7.6923076923vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #nav-torigger-wrap {
    display: block;
    top: 0;
    right: 0;
    width: 17.9487179487vw;
  }
}

#nav-torigger {
  width: 100%;
  height: 100%;
  position: relative;
}
#nav-torigger .ham {
  aspect-ratio: 40/14;
  width: 50%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
#nav-torigger .ham span {
  display: block;
  width: 100%;
  height: 3px  ;
  border-radius: 1.5px  ;
  background: #152FA3;
  position: absolute;
  left: 0;
  transition: 0.5s ease;
  transition: width 0.2s 0.2s ease, top 0.2s 0.2s ease, background 0.4s ease, transform 0.2s ease, opacity 0s 0.2s ease;
}
@media only screen and (max-width: 1920px) {
  #nav-torigger .ham span {
    height: 0.15625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #nav-torigger .ham span {
    height: 0.7692307692vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  #nav-torigger .ham span {
    border-radius: 0.078125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #nav-torigger .ham span {
    border-radius: 0.3846153846vw  ;
  }
}
#nav-torigger .ham span:nth-of-type(1) {
  top: 0;
}
#nav-torigger .ham span:nth-of-type(2) {
  top: 100%;
  translate: 0 -100%;
}
#nav-torigger.active .ham span {
  background: #fff;
  transition: width 0.2s ease, top 0.2s ease, background 0.4s ease, transform 0.2s 0.2s ease, opacity 0s 0.2s ease;
}
#nav-torigger.active .ham span:nth-of-type(1) {
  top: 50%;
  transform: rotate(45deg);
  translate: 0 -50%;
}
#nav-torigger.active .ham span:nth-of-type(2) {
  width: 100%;
  top: 50%;
  translate: 0 -50%;
  transform: rotate(-45deg);
}

/* ====================================================================================

    SIDE

==================================================================================== */
.Side--slider {
  margin-left: -3.6458333333vw;
  width: 106.0416666667vw;
}
.Side--slider .slick-track {
  display: flex;
  gap: 0 1.7708333333vw;
}
.Side--slider--items div {
  position: absolute;
}
.Side--slider--items div span {
  display: block;
  position: absolute;
  backdrop-filter: blur(16px); /* ぼかし */
}
.Side--slider--items div span.type-1 {
  background: #152FA3;
}
.Side--slider--items div span.type-2 {
  background: rgba(230, 234, 250, 0.4);
}
.Side--slider--item--1 {
  aspect-ratio: 136/153;
  top: 13.90625vw;
  left: 10.7291666667vw;
  width: 7.0833333333vw;
}
@media only screen and (max-width: 768px) {
  .Side--slider--item--1 {
    top: 17.3828125vw;
    left: 13.4114583333vw;
    width: 11.8055555556vw;
  }
}
.Side--slider--item--1 span.type-1 {
  aspect-ratio: 64/60;
  top: 0;
  left: 0;
}
.Side--slider--item--1 span.type-2 {
  aspect-ratio: 112/133;
  bottom: 0;
  right: 0;
}
.Side--slider--item--2 {
  aspect-ratio: 133/112;
  top: 1.7708333333vw;
  left: 29.3229166667vw;
  width: 6.9270833333vw;
}
@media only screen and (max-width: 768px) {
  .Side--slider--item--2 {
    top: 2.2135416667vw;
    left: 36.6536458333vw;
    width: 11.5451388889vw;
  }
}
.Side--slider--item--2 span.type-2 {
  inset: 0;
}
.Side--slider--item--3 {
  aspect-ratio: 114/133;
  top: 13.0208333333vw;
  right: 30vw;
  width: 5.9375vw;
}
@media only screen and (max-width: 768px) {
  .Side--slider--item--3 {
    top: 32.5520833333vw;
    right: 37.5vw;
    width: 9.8958333333vw;
  }
}
.Side--slider--item--3 span.type-1 {
  aspect-ratio: 64/110;
  top: 0;
  right: 0;
}
.Side--slider--item--3 span.type-2 {
  aspect-ratio: 69/82;
  bottom: 0;
  left: 0;
}
.Side--slider--item--4 {
  aspect-ratio: 94/112;
  top: 15vw;
  right: 7.96875vw;
  width: 4.8958333333vw;
}
@media only screen and (max-width: 768px) {
  .Side--slider--item--4 {
    top: 18.75vw;
    right: 9.9609375vw;
    width: 8.1597222222vw;
  }
}
.Side--slider--item--4 span.type-2 {
  inset: 0;
}

/* ====================================================================================

    FOOTER

==================================================================================== */
.Footer {
  border-radius: 50px 50px 0px 0px  ;
}
@media only screen and (max-width: 1920px) {
  .Footer {
    border-radius: 2.6041666667vw 2.6041666667vw 0vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Footer {
    border-radius: 12.8205128205vw 12.8205128205vw 0vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Footer {
    border-radius: 6.4102564103vw 6.4102564103vw 0 0;
  }
}
.Footer--logo img {
  width: 63px  ;
}
@media only screen and (max-width: 1920px) {
  .Footer--logo img {
    width: 3.28125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Footer--logo img {
    width: 16.1538461538vw  ;
  }
}

/* ====================================================================================

    ITEM

==================================================================================== */
.wpcf7-list-item-label {
  cursor: pointer;
}

.wpcf7-radio {
  display: flex;
  justify-content: space-between;
  width: 500px  ;
}
@media only screen and (max-width: 1920px) {
  .wpcf7-radio {
    width: 26.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-radio {
    width: 128.2051282051vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-radio {
    width: 100%;
  }
}
.wpcf7-radio .wpcf7-list-item {
  margin: 0;
  width: 48%;
}
.wpcf7-radio input[type=radio] {
  display: none;
}
.wpcf7-radio input[type=radio] + .wpcf7-list-item-label {
  position: relative;
  display: inline-block;
  padding-left: 35px  ;
}
@media only screen and (max-width: 1920px) {
  .wpcf7-radio input[type=radio] + .wpcf7-list-item-label {
    padding-left: 1.8229166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-radio input[type=radio] + .wpcf7-list-item-label {
    padding-left: 8.9743589744vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-radio input[type=radio] + .wpcf7-list-item-label {
    padding-left: 6.4102564103vw;
  }
}
.wpcf7-radio input[type=radio] + .wpcf7-list-item-label:before, .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
  border-radius: 50%;
}
.wpcf7-radio input[type=radio] + .wpcf7-list-item-label:before {
  width: 20px  ;
  background: #F5F7FF;
  left: 0;
}
@media only screen and (max-width: 1920px) {
  .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:before {
    width: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:before {
    width: 5.1282051282vw  ;
  }
}
.wpcf7-radio input[type=radio] + .wpcf7-list-item-label:after {
  width: 20px  ;
  background: #152FA3;
  left: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media only screen and (max-width: 1920px) {
  .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:after {
    width: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-radio input[type=radio] + .wpcf7-list-item-label:after {
    width: 5.1282051282vw  ;
  }
}
.wpcf7-radio input[type=radio]:checked + .wpcf7-list-item-label:after {
  opacity: 1;
}

.wpcf7-acceptance input[type=checkbox] {
  display: none;
}
.wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label {
  position: relative;
  display: inline-block;
  padding-left: 35px  ;
}
@media only screen and (max-width: 1920px) {
  .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label {
    padding-left: 1.8229166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label {
    padding-left: 8.9743589744vw  ;
  }
}
.wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:before, .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  aspect-ratio: 1;
}
.wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:before {
  width: 26px  ;
  background: #F5F7FF;
  left: 0;
}
@media only screen and (max-width: 1920px) {
  .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:before {
    width: 1.3541666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:before {
    width: 6.6666666667vw  ;
  }
}
.wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:after {
  width: 18px  ;
  background: #152FA3;
  left: 5px  ;
  opacity: 0;
  transition: opacity 0.5s ease;
}
@media only screen and (max-width: 1920px) {
  .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:after {
    width: 0.9375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:after {
    width: 4.6153846154vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:after {
    left: 0.2604166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-acceptance input[type=checkbox] + .wpcf7-list-item-label:after {
    left: 1.2820512821vw  ;
  }
}
.wpcf7-acceptance input[type=checkbox]:checked + .wpcf7-list-item-label:after {
  opacity: 1;
}

.wpcf7-acceptance .wpcf7-list-item {
  margin: 25px 0px  ;
  display: block;
}
@media only screen and (max-width: 1920px) {
  .wpcf7-acceptance .wpcf7-list-item {
    margin: 1.3020833333vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-acceptance .wpcf7-list-item {
    margin: 6.4102564103vw 0vw  ;
  }
}

.wpcf7-not-valid-tip {
  font-size: 1.2rem;
}

.wpcf7-spinner {
  margin: 0;
  position: absolute;
  bottom: -20px  ;
  left: 50%;
  translate: -50% 100%;
}
@media only screen and (max-width: 1920px) {
  .wpcf7-spinner {
    bottom: -1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .wpcf7-spinner {
    bottom: -5.1282051282vw  ;
  }
}

.recaptcha_policy {
  text-align: center;
  font-size: 1.4rem;
}
.recaptcha_policy a {
  color: #000;
  text-decoration: underline;
}

.grecaptcha-badge {
  visibility: hidden;
}

.toggle {
  margin: 20px 0px  ;
  border: 1px solid #513895;
  background: #fff;
}
@media only screen and (max-width: 1920px) {
  .toggle {
    margin: 1.0416666667vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .toggle {
    margin: 5.1282051282vw 0vw  ;
  }
}

.toggle__head {
  padding: 20px 25px  ;
  cursor: pointer;
  font-weight: bold;
  color: #513895;
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .toggle__head {
    padding: 1.0416666667vw 1.3020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .toggle__head {
    padding: 5.1282051282vw 6.4102564103vw  ;
  }
}
.toggle__head:after {
  content: "\e147";
  font-family: "Material Icons";
  position: absolute;
  top: 50%;
  right: 23px  ;
  translate: 0 -50%;
  font-size: 2.4rem;
}
@media only screen and (max-width: 1920px) {
  .toggle__head:after {
    right: 1.1979166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .toggle__head:after {
    right: 5.8974358974vw  ;
  }
}

.toggle__body {
  padding: 0px 25px  ;
  overflow: hidden;
  max-height: 0;
  transition: max-height 0.3s ease;
}
@media only screen and (max-width: 1920px) {
  .toggle__body {
    padding: 0vw 1.3020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .toggle__body {
    padding: 0vw 6.4102564103vw  ;
  }
}
.toggle__body *:first-child {
  margin-top: 0;
}
.toggle__body *:last-child {
  margin-bottom: 0;
}

.toggle.is-open .toggle__head:after {
  content: "\e15c";
}

.toggle.is-open .toggle__body {
  padding: 0px 25px 30px  ;
}
@media only screen and (max-width: 1920px) {
  .toggle.is-open .toggle__body {
    padding: 0vw 1.3020833333vw 1.5625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .toggle.is-open .toggle__body {
    padding: 0vw 6.4102564103vw 7.6923076923vw  ;
  }
}

.odometer.odometer-auto-theme, .odometer.odometer-theme-default {
  vertical-align: baseline;
}

/* ====================================================================================

    TOP

==================================================================================== */
#loading {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  z-index: 2000;
}
#loading:after {
  content: "";
  position: absolute;
  inset: 0;
  background: #152FA3;
  transition: transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 1.9s;
}
#loading.load {
  display: block;
}
#loading.complete:after {
  transform: translateY(100%);
}
#loading.complete #load-text {
  transform: translateX(-50%);
  top: 190px  ;
  color: #152FA3;
}
@media only screen and (max-width: 1920px) {
  #loading.complete #load-text {
    top: 9.8958333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #loading.complete #load-text {
    top: 48.7179487179vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #loading.complete #load-text {
    top: 17.9487179487vw;
  }
}

#load-text {
  white-space: nowrap;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: top 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, transform 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 0.5s, color 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.9s;
}

.Top--mv--video {
  width: 100%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  padding-bottom: 56.25%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
.Top--mv--video:before {
  content: "";
  background: rgba(230, 234, 250, 0.67);
  mix-blend-mode: screen;
  position: absolute;
  inset: 0;
  z-index: 1;
}
.Top--mv--video--item {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
@media only screen and (max-width: 768px) {
  .Top--mv--video {
    padding-bottom: 0;
    height: 100%;
    inset: 0;
    translate: none;
  }
  .Top--mv--video--item {
    max-width: unset;
    height: 100%;
    width: 384vw;
    left: 50%;
    top: 50%;
    translate: -50% -50%;
  }
}
.Top--mv--sidetext {
  position: absolute;
  top: 745px  ;
  right: 47px  ;
  letter-spacing: 0.08rem;
  z-index: 2;
}
@media only screen and (max-width: 1920px) {
  .Top--mv--sidetext {
    top: 38.8020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--mv--sidetext {
    top: 191.0256410256vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--mv--sidetext {
    right: 2.4479166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--mv--sidetext {
    right: 12.0512820513vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--mv--sidetext {
    top: auto;
    bottom: 30.2564102564vw;
    right: 4.6153846154vw;
    letter-spacing: 0.06rem;
  }
}
.Top--mv--scroller {
  position: absolute;
  top: 855px  ;
  right: 47px  ;
  z-index: 2;
}
@media only screen and (max-width: 1920px) {
  .Top--mv--scroller {
    top: 44.53125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--mv--scroller {
    top: 219.2307692308vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--mv--scroller {
    right: 2.4479166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--mv--scroller {
    right: 12.0512820513vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--mv--scroller {
    top: auto;
    bottom: 16.4102564103vw;
    right: 4.6153846154vw;
    letter-spacing: 0.06rem;
  }
}
.Top--impact--inner {
  padding-top: 540px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--inner {
    padding-top: 28.125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--inner {
    padding-top: 138.4615384615vw  ;
  }
}
.Top--impact--content {
  width: 1560px  ;
  position: absolute;
  top: 0;
  right: -250px  ;
  pointer-events: none;
  z-index: 1;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content {
    width: 81.25vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content {
    width: 400vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content {
    right: -13.0208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content {
    right: -64.1025641026vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content {
    position: relative;
    width: calc(100% + 30 * 2 / 390 * 100vw);
    right: 0;
    left: -7.6923076923vw;
  }
}
.Top--impact--content--item {
  width: 376px  ;
  position: absolute;
  top: 100px  ;
  left: -212px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content--item {
    width: 19.5833333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content--item {
    width: 96.4102564103vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content--item {
    top: 5.2083333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content--item {
    top: 25.641025641vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content--item {
    left: -11.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content--item {
    left: -54.358974359vw  ;
  }
}
.Top--impact--content.active [class*=Top--impact--content--ill--1--2--],
.Top--impact--content.active [class*=Top--impact--content--ill--1--3--] {
  opacity: 1;
}
.Top--impact--content.active [class*=Top--impact--content--ill--1--3--] {
  translate: none;
}
.Top--impact--content.active [class*=Top--impact--content--text--] {
  opacity: 1;
  translate: -50%;
}
.Top--impact--content.active .Top--impact--content--ill--1--1 {
  opacity: 1;
  transform: scale(1);
  filter: blur(0px);
  top: -63px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--1 {
    top: -3.28125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--1 {
    top: -16.1538461538vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--1 {
    top: -8.2051282051vw;
  }
}
.Top--impact--content.active .Top--impact--content--ill--1--2--1 {
  top: 35px  ;
  left: 402px  ;
  translate: unset;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--1 {
    top: 1.8229166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--1 {
    top: 8.9743589744vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--1 {
    left: 20.9375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--1 {
    left: 103.0769230769vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--1 {
    top: 30.7692307692vw;
    left: -7.6923076923vw;
  }
}
.Top--impact--content.active .Top--impact--content--ill--1--2--2 {
  top: 185px  ;
  left: 50%;
  translate: -50%;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--2 {
    top: 9.6354166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--2 {
    top: 47.4358974359vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--2 {
    top: 40.5128205128vw;
  }
}
.Top--impact--content.active .Top--impact--content--ill--1--2--3 {
  top: 35px  ;
  left: 920px  ;
  translate: unset;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--3 {
    top: 1.8229166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--3 {
    top: 8.9743589744vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--3 {
    left: 47.9166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--3 {
    left: 235.8974358974vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--2--3 {
    top: 30.7692307692vw;
    left: 64.1025641026vw;
  }
}
.Top--impact--content.active .Top--impact--content--ill--1--3--1 {
  top: 240px  ;
  left: 187px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--1 {
    top: 12.5vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--1 {
    top: 61.5384615385vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--1 {
    left: 9.7395833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--1 {
    left: 47.9487179487vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--1 {
    top: 86.1538461538vw;
    left: -7.6923076923vw;
  }
}
.Top--impact--content.active .Top--impact--content--ill--1--3--2 {
  top: 380px  ;
  left: 408px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--2 {
    top: 19.7916666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--2 {
    top: 97.4358974359vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--2 {
    left: 21.25vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--2 {
    left: 104.6153846154vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--2 {
    top: 96.1538461538vw;
    left: 17.1794871795vw;
  }
}
.Top--impact--content.active .Top--impact--content--ill--1--3--3 {
  top: 380px  ;
  left: 930px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--3 {
    top: 19.7916666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--3 {
    top: 97.4358974359vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--3 {
    left: 48.4375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--3 {
    left: 238.4615384615vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--3 {
    top: 96.1538461538vw;
    left: 45.3846153846vw;
  }
}
.Top--impact--content.active .Top--impact--content--ill--1--3--4 {
  top: 240px  ;
  left: 1170px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--4 {
    top: 12.5vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--4 {
    top: 61.5384615385vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--4 {
    left: 60.9375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--4 {
    left: 300vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--ill--1--3--4 {
    top: 86.1538461538vw;
    left: 69.2307692308vw;
  }
}
.Top--impact--content.active .Top--impact--content--text--1 {
  top: 220px  ;
  width: 120px  ;
  transition-delay: 2s;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--text--1 {
    top: 11.4583333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--text--1 {
    top: 56.4102564103vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--text--1 {
    width: 6.25vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--text--1 {
    width: 30.7692307692vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--text--1 {
    top: 40vw;
  }
}
.Top--impact--content.active .Top--impact--content--text--2 {
  top: 480px  ;
  width: 155px  ;
  transition-delay: 3s;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--text--2 {
    top: 25vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--text--2 {
    top: 123.0769230769vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--text--2 {
    width: 8.0729166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--text--2 {
    width: 39.7435897436vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--text--2 {
    top: 86.1538461538vw;
  }
}
.Top--impact--content.active .Top--impact--content--text--3 {
  top: 600px  ;
  width: 259px  ;
  transition-delay: 4.1s;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--text--3 {
    top: 31.25vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--text--3 {
    top: 153.8461538462vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content.active .Top--impact--content--text--3 {
    width: 13.4895833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--text--3 {
    width: 66.4102564103vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content.active .Top--impact--content--text--3 {
    top: 135.8974358974vw;
  }
}
.Top--impact--content.active .Top--impact--content--bg {
  opacity: 1;
}
.Top--impact--content--ill--1--1 {
  opacity: 0;
  z-index: 5;
  position: absolute;
  top: 200px  ;
  left: 50%;
  translate: -50%;
  transform: scale(1.6);
  filter: blur(20px);
  width: 310px  ;
  transition: opacity 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, filter 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, transform 1s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s, top 1.4s cubic-bezier(0.165, 0.84, 0.44, 1) 1.2s;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content--ill--1--1 {
    top: 10.4166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content--ill--1--1 {
    top: 51.2820512821vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--content--ill--1--1 {
    width: 16.1458333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content--ill--1--1 {
    width: 79.4871794872vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--content--ill--1--1 {
    width: 53.8461538462vw;
  }
}
.Top--impact--content--bg {
  pointer-events: none;
  opacity: 0;
  transition: opacity 1.6s cubic-bezier(0.165, 0.84, 0.44, 1) 0.15s;
}
.Top--impact--lead {
  position: relative;
}
.Top--impact--dot {
  display: inline-block;
  width: 10px  ;
  aspect-ratio: 1;
  background: #152FA3;
  border-radius: 50%;
  margin-right: 10px  ;
  vertical-align: middle;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--dot {
    width: 0.5208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--dot {
    width: 2.5641025641vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--dot {
    margin-right: 0.5208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--dot {
    margin-right: 2.5641025641vw  ;
  }
}
.Top--impact--tab {
  padding: 14px 0px 14px 25px  ;
  width: 180px  ;
  border-radius: 40px  ;
  border: 2px solid #000C50;
  background: #fff;
  color: #000C50;
  cursor: pointer;
  font-family: "Shippori Antique", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  transition: 0.4s ease;
  transition-property: background, color;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--tab {
    padding: 0.7291666667vw 0vw 0.7291666667vw 1.3020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--tab {
    padding: 3.5897435897vw 0vw 3.5897435897vw 6.4102564103vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--tab {
    width: 9.375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--tab {
    width: 46.1538461538vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--impact--tab {
    border-radius: 2.0833333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--tab {
    border-radius: 10.2564102564vw  ;
  }
}
.Top--impact--tab.active {
  background: transparent;
  border-color: #000C50;
  box-shadow: 0px 0px 10px rgba(21, 47, 163, 0.6);
}
.Top--impact--tab.active + .Top--impact--select {
  visibility: visible;
  opacity: 1;
}
.Top--impact--tab:not(.active) {
  background: #000C50;
  color: #fff;
}
.Top--impact--tab--num {
  margin-right: 5px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--impact--tab--num {
    margin-right: 0.2604166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--tab--num {
    margin-right: 1.2820512821vw  ;
  }
}
.Top--impact--select {
  visibility: hidden;
  opacity: 0;
}
@media only screen and (max-width: 768px) {
  .Top--impact--bg {
    position: static;
    margin-left: -7.6923076923vw;
    width: 100vw;
  }
  .Top--impact--inner {
    padding-top: 0;
  }
  .Top--impact--diagram {
    max-width: 100%;
    min-height: 76.9230769231vw;
  }
  .Top--impact--tablist {
    position: absolute;
    top: 0;
    right: -3.8461538462vw;
  }
}
@media only screen and (max-width: 768px) and (max-width: 768px) {
  .Top--impact--tablist {
    top: 10.2564102564vw;
  }
}
@media only screen and (max-width: 768px) {
  .Top--impact--tab {
    padding: 2.5641025641vw 0 2.5641025641vw 3.8461538462vw;
    text-align: justify;
    width: 30.7692307692vw;
  }
}
.Top--job {
  border-radius: 50px 50px 0px 0px  ;
  background: url("../img/top/job-back.png") no-repeat center, #fff;
  background-size: auto 100%;
}
@media only screen and (max-width: 1920px) {
  .Top--job {
    border-radius: 2.6041666667vw 2.6041666667vw 0vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--job {
    border-radius: 12.8205128205vw 12.8205128205vw 0vw 0vw  ;
  }
}
.Top--strengths {
  border-radius: 0px 0px 50px 50px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--strengths {
    border-radius: 0vw 0vw 2.6041666667vw 2.6041666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--strengths {
    border-radius: 0vw 0vw 12.8205128205vw 12.8205128205vw  ;
  }
}
.Top--column--title {
  font-size: 29rem;
  position: absolute;
  top: 0;
  left: -380px  ;
  white-space: nowrap;
}
@media only screen and (max-width: 1920px) {
  .Top--column--title {
    left: -19.7916666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--column--title {
    left: -97.4358974359vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--column--title {
    font-size: 12rem;
    left: -12.8205128205vw;
  }
}
.Top--interview--title {
  position: absolute;
  top: 0;
  left: 0;
  transform: rotate(90deg) translateY(-100%);
  transform-origin: left top;
  white-space: nowrap;
}
@media only screen and (max-width: 768px) {
  .Top--interview--title {
    position: static;
    transform: unset;
  }
}
.Top--interview--back--1 {
  background: #fff;
  width: calc(100% + 160px + 100vw - 1420px / 2);
  height: 100%;
  position: absolute;
  top: 0;
  left: -160px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--interview--back--1 {
    left: -8.3333333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--interview--back--1 {
    left: -41.0256410256vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--interview--back--1 {
    width: calc(100% + 8.3333333333vw + 13.0208333333vw);
  }
}
.Top--interview--back--2 {
  width: 850px  ;
  position: absolute;
  top: 0;
  left: -330px  ;
}
@media only screen and (max-width: 1920px) {
  .Top--interview--back--2 {
    width: 44.2708333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--interview--back--2 {
    width: 217.9487179487vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--interview--back--2 {
    left: -17.1875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--interview--back--2 {
    left: -84.6153846154vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--interview--back--2 {
    width: 100%;
    top: auto;
    bottom: 0;
    left: 0;
  }
}
.Top--interview--box {
  position: relative;
}
.Top--interview--box:before {
  content: "";
  width: 1px;
  height: 55px  ;
  position: absolute;
  top: 0;
  left: 25px  ;
  translate: 0 -100%;
  background: #152FA3;
}
@media only screen and (max-width: 1920px) {
  .Top--interview--box:before {
    height: 2.8645833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--interview--box:before {
    height: 14.1025641026vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--interview--box:before {
    left: 1.3020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--interview--box:before {
    left: 6.4102564103vw  ;
  }
}
.Top--interview--box--thumb img {
  aspect-ratio: 287/333;
}
.Top--interview--box--thumb figcaption {
  position: absolute;
  bottom: 20px  ;
  left: 35px  ;
  z-index: 1;
}
@media only screen and (max-width: 1920px) {
  .Top--interview--box--thumb figcaption {
    bottom: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--interview--box--thumb figcaption {
    bottom: 5.1282051282vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--interview--box--thumb figcaption {
    left: 1.8229166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--interview--box--thumb figcaption {
    left: 8.9743589744vw  ;
  }
}
.Top--interview--box--thumb:after {
  content: "";
  width: 100%;
  aspect-ratio: 287/114;
  background: linear-gradient(to bottom, rgba(21, 47, 163, 0), rgba(21, 47, 163, 0.2) 30%, #152fa3);
  position: absolute;
  bottom: 0;
  left: 0;
}
@media only screen and (max-width: 768px) {
  .Top--interview--slider {
    width: 80%;
  }
  .Top--interview--slider .slick-list {
    overflow: visible !important;
  }
  .Top--interview--slider .slick-track {
    display: flex;
    gap: 0 5.1282051282vw;
  }
}
.Top--service--title {
  line-height: 1;
  position: absolute;
  bottom: 225px  ;
  right: -280px  ;
  white-space: nowrap;
}
@media only screen and (max-width: 1920px) {
  .Top--service--title {
    bottom: 11.71875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--service--title {
    bottom: 57.6923076923vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--service--title {
    right: -14.5833333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--service--title {
    right: -71.7948717949vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--service--title {
    bottom: 69.2307692308vw;
    right: -15.3846153846vw;
  }
}
.Top--service--flow--step {
  position: absolute;
  top: 0;
  left: 0;
  width: 110px  ;
  aspect-ratio: 110/103;
}
@media only screen and (max-width: 1920px) {
  .Top--service--flow--step {
    width: 5.7291666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--service--flow--step {
    width: 28.2051282051vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--service--flow--step {
    width: 23.0769230769vw;
  }
}
.Top--service--flow--content {
  background: rgba(230, 234, 250, 0.43);
  backdrop-filter: blur(16px) brightness(1.08);
}
.Top--consul--item {
  width: 500px  ;
  position: absolute;
  top: 0;
  right: 260px  ;
  translate: 100%;
  mix-blend-mode: multiply;
  opacity: 0.43;
}
@media only screen and (max-width: 1920px) {
  .Top--consul--item {
    width: 26.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--consul--item {
    width: 128.2051282051vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Top--consul--item {
    right: 13.5416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Top--consul--item {
    right: 66.6666666667vw  ;
  }
}

[class*=Top--impact--content--ill--1--2--],
[class*=Top--impact--content--ill--1--3--] {
  position: absolute;
  opacity: 0;
  top: -63px  ;
  left: 50%;
  translate: -50%;
}
@media only screen and (max-width: 1920px) {
  [class*=Top--impact--content--ill--1--2--],
  [class*=Top--impact--content--ill--1--3--] {
    top: -3.28125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  [class*=Top--impact--content--ill--1--2--],
  [class*=Top--impact--content--ill--1--3--] {
    top: -16.1538461538vw  ;
  }
}

[class*=Top--impact--content--text--] {
  position: absolute;
  left: 50%;
  opacity: 0;
  translate: -50% -3rem;
}

[class*=Top--impact--content--ill--1--2--],
[class*=Top--impact--content--ill--1--3--],
[class*=Top--impact--content--text--] {
  transition-timing-function: cubic-bezier(0.165, 0.84, 0.44, 1);
  transition-property: opacity, translate, top, left, right;
}

[class*=Top--impact--content--ill--1--2--] {
  width: 255px  ;
  transition-duration: 1s;
  transition-delay: 2.4s;
}
@media only screen and (max-width: 1920px) {
  [class*=Top--impact--content--ill--1--2--] {
    width: 13.28125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  [class*=Top--impact--content--ill--1--2--] {
    width: 65.3846153846vw  ;
  }
}
@media only screen and (max-width: 768px) {
  [class*=Top--impact--content--ill--1--2--] {
    width: 42.5641025641vw;
  }
}

[class*=Top--impact--content--ill--1--3--] {
  width: 230px  ;
  transition-duration: 1.8s;
  transition-delay: 3.3s;
}
@media only screen and (max-width: 1920px) {
  [class*=Top--impact--content--ill--1--3--] {
    width: 11.9791666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  [class*=Top--impact--content--ill--1--3--] {
    width: 58.9743589744vw  ;
  }
}
@media only screen and (max-width: 768px) {
  [class*=Top--impact--content--ill--1--3--] {
    width: 38.4615384615vw;
  }
}

[class*=Top--impact--content--text--] {
  transition-duration: 1s;
}

/* ====================================================================================

    PAGE

==================================================================================== */
.Page--pnkz {
  font-size: 1.4rem;
  display: flex;
  align-items: center;
  gap: 10px  ;
  color: #000;
}
@media only screen and (max-width: 1920px) {
  .Page--pnkz {
    gap: 0.5208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Page--pnkz {
    gap: 2.5641025641vw  ;
  }
}
.Page--pnkz a {
  color: #000;
  text-decoration: underline;
}

/* ====================================================================================

    STRENGTHS

==================================================================================== */
.Str--image--1 {
  width: 634px  ;
  position: absolute;
  top: 0;
  right: 380px  ;
  translate: 100%;
}
@media only screen and (max-width: 1920px) {
  .Str--image--1 {
    width: 33.0208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--image--1 {
    width: 162.5641025641vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Str--image--1 {
    right: 19.7916666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--image--1 {
    right: 97.4358974359vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--image--1 {
    width: 100%;
    position: static;
    translate: unset;
  }
}
.Str--textslider {
  width: 2775px  ;
}
@media only screen and (max-width: 1920px) {
  .Str--textslider {
    width: 144.53125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--textslider {
    width: 711.5384615385vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--textslider {
    width: 355.1282051282vw;
  }
}
.Str--item--1 {
  width: 747px  ;
  position: absolute;
  top: -200px  ;
  right: -335px  ;
}
@media only screen and (max-width: 1920px) {
  .Str--item--1 {
    width: 38.90625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--1 {
    width: 191.5384615385vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Str--item--1 {
    top: -10.4166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--1 {
    top: -51.2820512821vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Str--item--1 {
    right: -17.4479166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--1 {
    right: -85.8974358974vw  ;
  }
}
.Str--item--2 {
  position: absolute;
  bottom: 66px  ;
  left: -140px  ;
}
@media only screen and (max-width: 1920px) {
  .Str--item--2 {
    bottom: 3.4375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--2 {
    bottom: 16.9230769231vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Str--item--2 {
    left: -7.2916666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--2 {
    left: -35.8974358974vw  ;
  }
}
.Str--item--3 {
  width: 1920px  ;
  position: absolute;
  bottom: 100px  ;
  left: 50%;
  translate: -50%;
}
@media only screen and (max-width: 1920px) {
  .Str--item--3 {
    width: 100vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--3 {
    width: 492.3076923077vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Str--item--3 {
    bottom: 5.2083333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--3 {
    bottom: 25.641025641vw  ;
  }
}
.Str--item--4 {
  width: 850px  ;
  position: absolute;
  top: 0;
  right: -250px  ;
  translate: 0 -50%;
}
@media only screen and (max-width: 1920px) {
  .Str--item--4 {
    width: 44.2708333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--4 {
    width: 217.9487179487vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Str--item--4 {
    right: -13.0208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--4 {
    right: -64.1025641026vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Str--item--4 {
    width: 102.5641025641vw;
    right: -25.641025641vw;
  }
}
.Str--movie iframe {
  width: 100%;
  aspect-ratio: 16/9;
}

/* ====================================================================================

    ABOUT

==================================================================================== */
.About--item--1 {
  width: 1229px  ;
  position: absolute;
  bottom: -150px  ;
  right: -280px  ;
}
@media only screen and (max-width: 1920px) {
  .About--item--1 {
    width: 64.0104166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .About--item--1 {
    width: 315.1282051282vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .About--item--1 {
    bottom: -7.8125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .About--item--1 {
    bottom: -38.4615384615vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .About--item--1 {
    right: -14.5833333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .About--item--1 {
    right: -71.7948717949vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .About--item--1 {
    width: 205.1282051282vw;
    right: auto;
    left: 50%;
    bottom: 0;
    translate: -50%;
  }
}
.About--item--2 {
  width: 1409px  ;
  position: absolute;
  top: -200px  ;
  right: 110px  ;
  translate: 50%;
}
@media only screen and (max-width: 1920px) {
  .About--item--2 {
    width: 73.3854166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .About--item--2 {
    width: 361.2820512821vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .About--item--2 {
    top: -10.4166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .About--item--2 {
    top: -51.2820512821vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .About--item--2 {
    right: 5.7291666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .About--item--2 {
    right: 28.2051282051vw  ;
  }
}

/* ====================================================================================

    CONSUL

==================================================================================== */
.Consul--item--1 {
  width: 550px  ;
  position: absolute;
  bottom: 160px  ;
  right: -110px  ;
  translate: 0 100%;
  mix-blend-mode: multiply;
  opacity: 0.43;
}
@media only screen and (max-width: 1920px) {
  .Consul--item--1 {
    width: 28.6458333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Consul--item--1 {
    width: 141.0256410256vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Consul--item--1 {
    bottom: 8.3333333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Consul--item--1 {
    bottom: 41.0256410256vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Consul--item--1 {
    right: -5.7291666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Consul--item--1 {
    right: -28.2051282051vw  ;
  }
}
.Consul--box a {
  display: block;
}
.Consul--box--thumb {
  border-radius: 50%;
}
.Consul--box--thumb img {
  aspect-ratio: 1;
  object-fit: cover;
}
.Consul--single--thumb {
  overflow: hidden;
  border-radius: 50%;
}
.Consul--single--thumb img {
  width: 100%;
  aspect-ratio: 1;
  object-fit: cover;
}
.Consul--single--history {
  width: 100%;
}
.Consul--single--history tbody tr th,
.Consul--single--history tbody tr td {
  padding-top: 5px  ;
  padding-bottom: 5px  ;
  line-height: 1.6;
}
@media only screen and (max-width: 1920px) {
  .Consul--single--history tbody tr th,
  .Consul--single--history tbody tr td {
    padding-top: 0.2604166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Consul--single--history tbody tr th,
  .Consul--single--history tbody tr td {
    padding-top: 1.2820512821vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Consul--single--history tbody tr th,
  .Consul--single--history tbody tr td {
    padding-bottom: 0.2604166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Consul--single--history tbody tr th,
  .Consul--single--history tbody tr td {
    padding-bottom: 1.2820512821vw  ;
  }
}
.Consul--single--history tbody tr th {
  width: 90px  ;
  color: #152FA3;
}
@media only screen and (max-width: 1920px) {
  .Consul--single--history tbody tr th {
    width: 4.6875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Consul--single--history tbody tr th {
    width: 23.0769230769vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Consul--single--history tbody tr th {
    width: 17.9487179487vw;
  }
}

/* ====================================================================================

    PLACEMENT

==================================================================================== */
.Placement {
  border-radius: 50px 50px 0px 0px  ;
}
@media only screen and (max-width: 1920px) {
  .Placement {
    border-radius: 2.6041666667vw 2.6041666667vw 0vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Placement {
    border-radius: 12.8205128205vw 12.8205128205vw 0vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Placement {
    border-radius: 5.1282051282vw 5.1282051282vw 0 0;
  }
}
.Placement--item--1 {
  width: 1920px  ;
  position: absolute;
  top: 165px  ;
  left: 50%;
  translate: -50%;
}
@media only screen and (max-width: 1920px) {
  .Placement--item--1 {
    width: 100vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Placement--item--1 {
    width: 492.3076923077vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Placement--item--1 {
    top: 8.59375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Placement--item--1 {
    top: 42.3076923077vw  ;
  }
}
.Placement--item--2 {
  width: 820px  ;
  position: absolute;
  top: 220px  ;
  left: 425px  ;
  translate: -100%;
}
@media only screen and (max-width: 1920px) {
  .Placement--item--2 {
    width: 42.7083333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Placement--item--2 {
    width: 210.2564102564vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Placement--item--2 {
    top: 11.4583333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Placement--item--2 {
    top: 56.4102564103vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Placement--item--2 {
    left: 22.1354166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Placement--item--2 {
    left: 108.9743589744vw  ;
  }
}

/* ====================================================================================

    REPORT

==================================================================================== */
.Report--box {
  position: relative;
}
.Report--box--thumb img {
  aspect-ratio: 1;
  object-fit: cover;
  border-radius: 50%;
}
.Report--box--button {
  position: absolute;
  top: 0;
  right: 0;
}
@media only screen and (max-width: 768px) {
  .Report--box--button {
    position: static;
  }
}

/* ====================================================================================

    CONTACT

==================================================================================== */
.Contact--table {
  width: 100%;
}
.Contact--table tbody tr {
  border-bottom: 1px solid #E6EAFA;
}
.Contact--table tbody tr th,
.Contact--table tbody tr td {
  padding-top: 25px  ;
  padding-bottom: 25px  ;
  line-height: 1.4;
}
@media only screen and (max-width: 1920px) {
  .Contact--table tbody tr th,
  .Contact--table tbody tr td {
    padding-top: 1.3020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--table tbody tr th,
  .Contact--table tbody tr td {
    padding-top: 6.4102564103vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Contact--table tbody tr th,
  .Contact--table tbody tr td {
    padding-bottom: 1.3020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--table tbody tr th,
  .Contact--table tbody tr td {
    padding-bottom: 6.4102564103vw  ;
  }
}
.Contact--table tbody tr th {
  font-size: 20px  ;
  color: #152FA3;
  width: 260px  ;
}
@media only screen and (max-width: 1920px) {
  .Contact--table tbody tr th {
    font-size: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--table tbody tr th {
    font-size: 5.1282051282vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Contact--table tbody tr th {
    width: 13.5416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--table tbody tr th {
    width: 66.6666666667vw  ;
  }
}
.Contact--table tbody tr th em {
  color: red;
}
.Contact--table tbody tr th.vt {
  padding-top: 45px  ;
  vertical-align: top;
}
@media only screen and (max-width: 1920px) {
  .Contact--table tbody tr th.vt {
    padding-top: 2.34375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--table tbody tr th.vt {
    padding-top: 11.5384615385vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--table {
    display: block;
  }
  .Contact--table tbody {
    display: block;
  }
  .Contact--table tbody tr {
    padding: 5.1282051282vw 0;
    display: block;
  }
  .Contact--table tbody tr th,
  .Contact--table tbody tr td {
    padding: 0;
    width: 100%;
    display: block;
  }
  .Contact--table tbody tr th {
    margin-bottom: 2.5641025641vw;
    font-size: 1.8rem;
  }
}
.Contact--item {
  padding-left: 20px  ;
  padding-right: 20px  ;
  background: #F5F7FF;
  border: none;
  width: 100%;
}
@media only screen and (max-width: 1920px) {
  .Contact--item {
    padding-left: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--item {
    padding-left: 5.1282051282vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Contact--item {
    padding-right: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--item {
    padding-right: 5.1282051282vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--item {
    font-size: 16px;
  }
}
.Contact--item--1 {
  width: 1120px  ;
  position: absolute;
  top: 300px  ;
  right: -300px  ;
  translate: 0 -50%;
}
@media only screen and (max-width: 1920px) {
  .Contact--item--1 {
    width: 58.3333333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--item--1 {
    width: 287.1794871795vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Contact--item--1 {
    top: 15.625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--item--1 {
    top: 76.9230769231vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Contact--item--1 {
    right: -15.625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--item--1 {
    right: -76.9230769231vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--item--1 {
    width: 102.5641025641vw;
    top: 38.4615384615vw;
    right: -38.4615384615vw;
  }
}
.Contact--input {
  height: 45px  ;
}
@media only screen and (max-width: 1920px) {
  .Contact--input {
    height: 2.34375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--input {
    height: 11.5384615385vw  ;
  }
}
.Contact--short {
  width: 200px  ;
}
@media only screen and (max-width: 1920px) {
  .Contact--short {
    width: 10.4166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--short {
    width: 51.2820512821vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--short {
    width: 48%;
  }
}
.Contact--mid {
  width: 300px  ;
}
@media only screen and (max-width: 1920px) {
  .Contact--mid {
    width: 15.625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--mid {
    width: 76.9230769231vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--mid {
    width: 100%;
  }
}
.Contact--text {
  padding-top: 15px  ;
  padding-bottom: 15px  ;
  height: 280px  ;
}
@media only screen and (max-width: 1920px) {
  .Contact--text {
    padding-top: 0.78125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--text {
    padding-top: 3.8461538462vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Contact--text {
    padding-bottom: 0.78125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--text {
    padding-bottom: 3.8461538462vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Contact--text {
    height: 14.5833333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--text {
    height: 71.7948717949vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--text {
    height: 51.2820512821vw;
  }
}
.Contact--submit {
  position: relative;
}
.Contact--submit:after {
  content: "\e5df";
  font-family: "Material Icons";
  position: absolute;
  top: 50%;
  right: 35px  ;
  translate: 0 -45%;
  color: #fff;
  font-size: 2.4rem;
}
@media only screen and (max-width: 1920px) {
  .Contact--submit:after {
    right: 1.8229166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--submit:after {
    right: 8.9743589744vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--submit:after {
    font-size: 2.2rem;
    translate: 0 -50%;
    right: 6.4102564103vw;
  }
}
.Contact--submit input[type=submit] {
  padding: 25px 75px  ;
  display: inline-block;
  background: linear-gradient(to right, #000C50, #513895);
  color: #fff;
  font-size: 2.2rem;
  line-height: 1;
  border-radius: 90px  ;
}
@media only screen and (max-width: 1920px) {
  .Contact--submit input[type=submit] {
    padding: 1.3020833333vw 3.90625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--submit input[type=submit] {
    padding: 6.4102564103vw 19.2307692308vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Contact--submit input[type=submit] {
    border-radius: 4.6875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--submit input[type=submit] {
    border-radius: 23.0769230769vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Contact--submit input[type=submit] {
    padding: 5.1282051282vw 0;
    display: block;
    width: 100%;
    font-size: 1.8rem;
  }
}
@media only screen and (min-width: 769px) {
  .Contact--submit {
    transition: opacity 0.5s ease;
  }
  .Contact--submit:hover {
    opacity: 0.6;
  }
}

::placeholder {
  color: #A9AFCE;
}

::-ms-input-placeholder {
  color: #A9AFCE;
}

:-ms-input-placeholder {
  color: #A9AFCE;
}

/* ====================================================================================

    ENTRY

==================================================================================== */
.Entry--item--1 {
  width: 1920px  ;
  position: absolute;
  top: -210px  ;
  left: 50%;
  translate: -50%;
}
@media only screen and (max-width: 1920px) {
  .Entry--item--1 {
    width: 100vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Entry--item--1 {
    width: 492.3076923077vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Entry--item--1 {
    top: -10.9375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Entry--item--1 {
    top: -53.8461538462vw  ;
  }
}

/* ====================================================================================

    RECRUIT

==================================================================================== */
.Recruit--image--1 {
  aspect-ratio: 600/310;
  position: relative;
}
.Recruit--image--1--wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 960px  ;
  max-width: unset;
  border-radius: 20px 0px 0px 20px  ;
}
@media only screen and (max-width: 1920px) {
  .Recruit--image--1--wrap {
    width: 50vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--image--1--wrap {
    width: 246.1538461538vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--image--1--wrap {
    border-radius: 1.0416666667vw 0vw 0vw 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--image--1--wrap {
    border-radius: 5.1282051282vw 0vw 0vw 5.1282051282vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--image--1--wrap {
    position: static;
    width: calc(100% + 30 / 390 * 100vw);
  }
}
.Recruit--image--1 img {
  width: 100%;
  height: 100%;
}
.Recruit--item--1 {
  position: absolute;
  bottom: -60px  ;
  left: 50%;
  translate: -100%;
  width: 1342px  ;
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--1 {
    bottom: -3.125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--1 {
    bottom: -15.3846153846vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--1 {
    width: 69.8958333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--1 {
    width: 344.1025641026vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--1 {
    width: 180%;
    translate: -80%;
    bottom: auto;
    top: 25.641025641vw;
  }
}
.Recruit--item--2 {
  width: 1920px  ;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--2 {
    width: 100vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--2 {
    width: 492.3076923077vw  ;
  }
}
.Recruit--item--3 {
  width: 480px  ;
  position: absolute;
  bottom: -140px  ;
  right: -140px  ;
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--3 {
    width: 25vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--3 {
    width: 123.0769230769vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--3 {
    bottom: -7.2916666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--3 {
    bottom: -35.8974358974vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--3 {
    right: -7.2916666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--3 {
    right: -35.8974358974vw  ;
  }
}
.Recruit--item--4 {
  width: 1100px  ;
  position: absolute;
  bottom: -100px  ;
  left: 300px  ;
  translate: -100% 50%;
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--4 {
    width: 57.2916666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--4 {
    width: 282.0512820513vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--4 {
    bottom: -5.2083333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--4 {
    bottom: -25.641025641vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--4 {
    left: 15.625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--4 {
    left: 76.9230769231vw  ;
  }
}
.Recruit--item--5 {
  width: 856px  ;
  position: absolute;
  top: -215px  ;
  right: 0;
  translate: 50%;
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--5 {
    width: 44.5833333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--5 {
    width: 219.4871794872vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--5 {
    top: -11.1979166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--5 {
    top: -55.1282051282vw  ;
  }
}
.Recruit--item--6 {
  width: 333px  ;
  position: absolute;
  top: 0;
  left: -35px  ;
  translate: -50%;
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--6 {
    width: 17.34375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--6 {
    width: 85.3846153846vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--6 {
    left: -1.8229166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--6 {
    left: -8.9743589744vw  ;
  }
}
.Recruit--item--7 {
  width: 1120px  ;
  position: absolute;
  top: 300px  ;
  right: -300px  ;
  translate: 0 -50%;
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--7 {
    width: 58.3333333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--7 {
    width: 287.1794871795vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--7 {
    top: 15.625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--7 {
    top: 76.9230769231vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--7 {
    right: -15.625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--7 {
    right: -76.9230769231vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--7 {
    width: 102.5641025641vw;
    top: 38.4615384615vw;
    right: -38.4615384615vw;
  }
}
.Recruit--item--8 {
  width: 1146px  ;
  position: absolute;
  bottom: 90px  ;
  left: -100px  ;
  translate: 0 50%;
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--8 {
    width: 59.6875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--8 {
    width: 293.8461538462vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--8 {
    bottom: 4.6875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--8 {
    bottom: 23.0769230769vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--item--8 {
    left: -5.2083333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--8 {
    left: -25.641025641vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--item--8 {
    width: 128.2051282051vw;
  }
}
.Recruit--position--label {
  position: absolute;
  top: 45px  ;
  left: 35px  ;
  transform: rotate(90deg) translateY(-100%);
  transform-origin: top left;
}
@media only screen and (max-width: 1920px) {
  .Recruit--position--label {
    top: 2.34375vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--position--label {
    top: 11.5384615385vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--position--label {
    left: 1.8229166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--position--label {
    left: 8.9743589744vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--position--label {
    position: static;
    transform: unset;
  }
}
.Recruit--position--thumb {
  width: 100%;
  height: auto;
  aspect-ratio: 431/262;
  object-fit: cover;
}
.Recruit--position--link {
  position: absolute;
  top: 5px  ;
  right: 0;
}
.Recruit--position--link--wrap {
  display: block;
}
.Recruit--position--link--wrap:hover .Button--1 {
  background: rgba(21, 47, 163, 0.6);
  color: #fff;
}
@media only screen and (max-width: 1920px) {
  .Recruit--position--link {
    top: 0.2604166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--position--link {
    top: 1.2820512821vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--position--link .material-icons {
    font-size: 0.7rem;
  }
  .Recruit--position--link .goem {
    font-size: 0.8rem;
  }
}
.Recruit--data:after {
  content: "";
  width: 3px;
  height: 67px  ;
  background: #A9AFCE;
  position: absolute;
  top: 0;
  left: -1.5px;
  z-index: 1;
}
@media only screen and (max-width: 1920px) {
  .Recruit--data:after {
    height: 3.4895833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--data:after {
    height: 17.1794871795vw  ;
  }
}
.Recruit--data--sex {
  aspect-ratio: 320/120;
  position: relative;
}
.Recruit--data--sex img {
  position: absolute;
  width: 290px  ;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
}
@media only screen and (max-width: 1920px) {
  .Recruit--data--sex img {
    width: 15.1041666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--data--sex img {
    width: 74.358974359vw  ;
  }
}
.Recruit--instagram--comment {
  position: absolute;
  top: -100px  ;
  right: 0;
  width: 543px  ;
  background: #F5F7FF;
}
@media only screen and (max-width: 1920px) {
  .Recruit--instagram--comment {
    top: -5.2083333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment {
    top: -25.641025641vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--instagram--comment {
    width: 28.28125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment {
    width: 139.2307692308vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment {
    width: 100%;
    position: static;
  }
}
.Recruit--instagram--comment:after {
  content: "";
  position: absolute;
  bottom: -20px;
  left: 50%;
  transform: translateX(-50%);
  border-width: 20px 15px 0 15px;
  border-style: solid;
  border-color: #F5F7FF transparent transparent transparent;
}
.Recruit--instagram--comment--icon {
  width: 60px  ;
  position: absolute;
  top: 20px  ;
  right: 183px  ;
}
@media only screen and (max-width: 1920px) {
  .Recruit--instagram--comment--icon {
    width: 3.125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment--icon {
    width: 15.3846153846vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--instagram--comment--icon {
    top: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment--icon {
    top: 5.1282051282vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--instagram--comment--icon {
    right: 9.53125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment--icon {
    right: 46.9230769231vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment--icon {
    right: 5.1282051282vw;
  }
}
.Recruit--instagram--comment--image {
  width: 120px  ;
  position: absolute;
  top: -56px  ;
  right: 37px  ;
}
@media only screen and (max-width: 1920px) {
  .Recruit--instagram--comment--image {
    width: 6.25vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment--image {
    width: 30.7692307692vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--instagram--comment--image {
    top: -2.9166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment--image {
    top: -14.358974359vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Recruit--instagram--comment--image {
    right: 1.9270833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment--image {
    right: 9.4871794872vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--instagram--comment--image {
    margin-left: auto;
    margin-right: auto;
    position: static;
  }
}
.Recruit--faq dt {
  position: relative;
  cursor: pointer;
}
.Recruit--faq dt:before {
  content: "Q";
  font-family: "Geom", "Shippori Antique", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
  color: #152FA3;
  position: absolute;
  left: 28px  ;
}
@media only screen and (max-width: 1920px) {
  .Recruit--faq dt:before {
    left: 1.4583333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--faq dt:before {
    left: 7.1794871795vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--faq dt:before {
    left: 3.8461538462vw;
  }
}
.Recruit--faq dt:after {
  content: "\e145";
  font-family: "Material Icons";
  position: absolute;
  right: 30px  ;
}
@media only screen and (max-width: 1920px) {
  .Recruit--faq dt:after {
    right: 1.5625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--faq dt:after {
    right: 7.6923076923vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--faq dt:after {
    right: 3.8461538462vw;
  }
}
.Recruit--faq dt.active:after {
  content: "\e15b";
}
.Recruit--template {
  border-radius: 60px 0px 0px 60px  ;
}
@media only screen and (max-width: 1920px) {
  .Recruit--template {
    border-radius: 3.125vw 0vw 0vw 3.125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--template {
    border-radius: 15.3846153846vw 0vw 0vw 15.3846153846vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--template {
    border-radius: 7.6923076923vw 0 0 7.6923076923vw;
  }
}
.Recruit--template:after {
  content: "";
  width: 100vw;
  height: 100%;
  background: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
}
.Recruit--template--title {
  position: absolute;
  top: 0;
  left: 110px  ;
  translate: 0 -50%;
  white-space: nowrap;
}
@media only screen and (max-width: 1920px) {
  .Recruit--template--title {
    left: 5.7291666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--template--title {
    left: 28.2051282051vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Recruit--template--title {
    left: 7.6923076923vw;
  }
}
.Recruit--template--image img {
  aspect-ratio: 554/299;
  object-fit: cover;
}

#sb_instagram .sb_instagram_header a, .sb_instagram_header a {
  color: #000;
}

#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text h3, .sb_instagram_header.sbi_medium .sbi_header_text h3 {
  font-size: 2rem;
}

#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio, .sb_instagram_header.sbi_medium .sbi_header_text .sbi_bio_info {
  font-size: 1.6rem;
  white-space: break-spaces;
}

#sb_instagram .sbi_photo img {
  border-radius: 20px  ;
}
@media only screen and (max-width: 1920px) {
  #sb_instagram .sbi_photo img {
    border-radius: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #sb_instagram .sbi_photo img {
    border-radius: 5.1282051282vw  ;
  }
}

#sb_instagram .sb_instagram_header, .sb_instagram_header {
  padding: 12px 0px  ;
}
@media only screen and (max-width: 1920px) {
  #sb_instagram .sb_instagram_header, .sb_instagram_header {
    padding: 0.625vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #sb_instagram .sb_instagram_header, .sb_instagram_header {
    padding: 3.0769230769vw 0vw  ;
  }
}

#sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img, .sb_instagram_header.sbi_medium .sbi_header_img, .sb_instagram_header.sbi_medium .sbi_header_img img {
  width: 80px  ;
  height: auto;
  aspect-ratio: 1;
}
@media only screen and (max-width: 1920px) {
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img, .sb_instagram_header.sbi_medium .sbi_header_img, .sb_instagram_header.sbi_medium .sbi_header_img img {
    width: 4.1666666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img, #sb_instagram .sb_instagram_header.sbi_medium .sbi_header_img img, .sb_instagram_header.sbi_medium .sbi_header_img, .sb_instagram_header.sbi_medium .sbi_header_img img {
    width: 20.5128205128vw  ;
  }
}

#sb_instagram .sb_instagram_header .sbi_header_text, .sb_instagram_header .sbi_header_text {
  gap: 20px  ;
}
@media only screen and (max-width: 1920px) {
  #sb_instagram .sb_instagram_header .sbi_header_text, .sb_instagram_header .sbi_header_text {
    gap: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  #sb_instagram .sb_instagram_header .sbi_header_text, .sb_instagram_header .sbi_header_text {
    gap: 5.1282051282vw  ;
  }
}

.sb_instagram_header.sbi_medium .sbi_feedtheme_header_text {
  gap: 4px  ;
}
@media only screen and (max-width: 1920px) {
  .sb_instagram_header.sbi_medium .sbi_feedtheme_header_text {
    gap: 0.2083333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .sb_instagram_header.sbi_medium .sbi_feedtheme_header_text {
    gap: 1.0256410256vw  ;
  }
}

/* ====================================================================================

    COLUMN

==================================================================================== */
.Column--box--thumb {
  position: relative;
}
.Column--box--thumb img {
  width: 100%;
  height: auto;
  aspect-ratio: 372/258;
  object-fit: cover;
}
@media only screen and (max-width: 768px) {
  .Column--box--thumb img {
    aspect-ratio: 1/0.55;
  }
}
.Column--box--viewmore {
  position: absolute;
  bottom: 11px  ;
  right: 12px  ;
}
@media only screen and (max-width: 1920px) {
  .Column--box--viewmore {
    bottom: 0.5729166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--box--viewmore {
    bottom: 2.8205128205vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Column--box--viewmore {
    right: 0.625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--box--viewmore {
    right: 3.0769230769vw  ;
  }
}
.Column--item--1 {
  width: 850px  ;
  position: absolute;
  top: -80px  ;
  right: 85px  ;
  translate: 50%;
}
@media only screen and (max-width: 1920px) {
  .Column--item--1 {
    width: 44.2708333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--item--1 {
    width: 217.9487179487vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Column--item--1 {
    top: -4.1666666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--item--1 {
    top: -20.5128205128vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Column--item--1 {
    right: 4.4270833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--item--1 {
    right: 21.7948717949vw  ;
  }
}
.Column--wrapper {
  backdrop-filter: blur(12px) saturate(1.1);
  -webkit-backdrop-filter: blur(12px) saturate(1.1);
}
.Column--wrapper--step {
  position: absolute;
  top: -17px  ;
  left: -70px  ;
  width: 110px  ;
  aspect-ratio: 110/103;
}
@media only screen and (max-width: 1920px) {
  .Column--wrapper--step {
    top: -0.8854166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--wrapper--step {
    top: -4.358974359vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Column--wrapper--step {
    left: -3.6458333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--wrapper--step {
    left: -17.9487179487vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Column--wrapper--step {
    width: 5.7291666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--wrapper--step {
    width: 28.2051282051vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--wrapper--step {
    width: 23.0769230769vw;
    top: -10.2564102564vw;
    left: -7.6923076923vw;
  }
}
.Column--wrapper--step--text {
  position: absolute;
  top: 0;
  right: -50px  ;
}
@media only screen and (max-width: 1920px) {
  .Column--wrapper--step--text {
    right: -2.6041666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--wrapper--step--text {
    right: -12.8205128205vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--wrapper--step--text {
    right: -8.9743589744vw;
  }
}
.Column--interview {
  border-radius: 50px 50px 0px 0px  ;
}
@media only screen and (max-width: 1920px) {
  .Column--interview {
    border-radius: 2.6041666667vw 2.6041666667vw 0vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--interview {
    border-radius: 12.8205128205vw 12.8205128205vw 0vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--interview {
    border-radius: 5.1282051282vw 5.1282051282vw 0 0;
  }
}
.Column--toc--left {
  position: sticky;
  top: 30px  ;
}
@media only screen and (max-width: 1920px) {
  .Column--toc--left {
    top: 1.5625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--toc--left {
    top: 7.6923076923vw  ;
  }
}
.Column--toc--left .ez-toc-title {
  color: #152FA3;
  font-size: 1.4rem;
}
.Column--toc--left .ez-toc-list {
  line-height: 1.6;
}
.Column--toc--left .ez-toc-list li a {
  color: #333;
  font-size: 1.6rem;
}
.Column--toc--left .ez-toc-list-level-2 {
  padding-left: 20px  ;
}
@media only screen and (max-width: 1920px) {
  .Column--toc--left .ez-toc-list-level-2 {
    padding-left: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--toc--left .ez-toc-list-level-2 {
    padding-left: 5.1282051282vw  ;
  }
}
.Column--toc--left .ez-toc-list-level-2 > li {
  list-style-type: disc;
}
.Column--toc--left .ez-toc-list-level-3 > li {
  padding-left: 20px  ;
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .Column--toc--left .ez-toc-list-level-3 > li {
    padding-left: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--toc--left .ez-toc-list-level-3 > li {
    padding-left: 5.1282051282vw  ;
  }
}
.Column--toc--left .ez-toc-list-level-3 > li:before {
  content: "";
  width: 6px  ;
  height: 1px;
  background: #000C50;
  position: absolute;
  top: 50%;
  left: 0;
}
@media only screen and (max-width: 1920px) {
  .Column--toc--left .ez-toc-list-level-3 > li:before {
    width: 0.3125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Column--toc--left .ez-toc-list-level-3 > li:before {
    width: 1.5384615385vw  ;
  }
}

/* ====================================================================================

    SINGLE

==================================================================================== */
.Single--item--1 {
  width: 875px  ;
  position: absolute;
  top: 80px  ;
  left: 150px  ;
  translate: -50% -50%;
}
@media only screen and (max-width: 1920px) {
  .Single--item--1 {
    width: 45.5729166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--item--1 {
    width: 224.358974359vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--item--1 {
    top: 4.1666666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--item--1 {
    top: 20.5128205128vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--item--1 {
    left: 7.8125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--item--1 {
    left: 38.4615384615vw  ;
  }
}
.Single--category li a {
  padding: 2px 12px  ;
  border-radius: 16px  ;
  display: inline-block;
  border: 1px solid #513895;
  color: #513895;
  font-size: 1.3rem;
}
@media only screen and (max-width: 1920px) {
  .Single--category li a {
    padding: 0.1041666667vw 0.625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--category li a {
    padding: 0.5128205128vw 3.0769230769vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--category li a {
    border-radius: 0.8333333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--category li a {
    border-radius: 4.1025641026vw  ;
  }
}
.Single--content .js-scrollable img {
  max-width: unset !important;
}
.Single--content .box {
  margin: 30px 0px  ;
  padding: 30px 30px 30px 125px  ;
  background: #EAE4F7;
  border-radius: 4px  ;
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .Single--content .box {
    margin: 1.5625vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .box {
    margin: 7.6923076923vw 0vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content .box {
    padding: 1.5625vw 1.5625vw 1.5625vw 6.5104166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .box {
    padding: 7.6923076923vw 7.6923076923vw 7.6923076923vw 32.0512820513vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content .box {
    border-radius: 0.2083333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .box {
    border-radius: 1.0256410256vw  ;
  }
}
.Single--content .box p {
  margin: 0;
}
.Single--content .box:before {
  content: "";
  width: 72px  ;
  aspect-ratio: 72/51;
  background: url("../img/common/icon-point.png") no-repeat center;
  background-size: 100% 100%;
  position: absolute;
  top: 35px  ;
  left: 30px  ;
}
@media only screen and (max-width: 1920px) {
  .Single--content .box:before {
    width: 3.75vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .box:before {
    width: 18.4615384615vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content .box:before {
    top: 1.8229166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .box:before {
    top: 8.9743589744vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content .box:before {
    left: 1.5625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .box:before {
    left: 7.6923076923vw  ;
  }
}
.Single--content .grid-card {
  padding: 25px  ;
  border-radius: 8px  ;
  background: #fff;
}
@media only screen and (max-width: 1920px) {
  .Single--content .grid-card {
    padding: 1.3020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .grid-card {
    padding: 6.4102564103vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content .grid-card {
    border-radius: 0.4166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .grid-card {
    border-radius: 2.0512820513vw  ;
  }
}
.Single--content .grid-card h3 {
  margin: 0px 0px 5px  ;
  padding: 0px 0px 10px  ;
  text-align: center;
  color: #152FA3;
  font-size: 1.6rem;
  position: relative;
  border-bottom: none;
}
@media only screen and (max-width: 1920px) {
  .Single--content .grid-card h3 {
    margin: 0vw 0vw 0.2604166667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .grid-card h3 {
    margin: 0vw 0vw 1.2820512821vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content .grid-card h3 {
    padding: 0vw 0vw 0.5208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .grid-card h3 {
    padding: 0vw 0vw 2.5641025641vw  ;
  }
}
.Single--content .grid-card h3:after {
  content: "";
  width: 24px  ;
  height: 1px;
  background: #7C8EDE;
  position: absolute;
  bottom: 0;
  left: 50%;
  translate: -50%;
}
@media only screen and (max-width: 1920px) {
  .Single--content .grid-card h3:after {
    width: 1.25vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content .grid-card h3:after {
    width: 6.1538461538vw  ;
  }
}
.Single--content .grid-card p {
  margin: 0;
}
.Single--content #ez-toc-container {
  margin: 50px 0px  ;
  padding: 20px 15px  ;
  border-top: 3px double #BBC5F2;
  border-bottom: 3px double #BBC5F2;
}
@media only screen and (max-width: 1920px) {
  .Single--content #ez-toc-container {
    margin: 2.6041666667vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content #ez-toc-container {
    margin: 12.8205128205vw 0vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content #ez-toc-container {
    padding: 1.0416666667vw 0.78125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content #ez-toc-container {
    padding: 5.1282051282vw 3.8461538462vw  ;
  }
}
.Single--content #ez-toc-container ul {
  margin: 0;
}
.Single--content #ez-toc-container .ez-toc-title {
  margin: 0;
  line-height: 1.6;
  color: #152FA3;
  font-size: 1.4rem;
}
.Single--content #ez-toc-container .ez-toc-list {
  margin: 0;
  line-height: 1.6;
}
.Single--content #ez-toc-container .ez-toc-list li {
  line-height: 1.6;
}
.Single--content #ez-toc-container .ez-toc-list li + li {
  margin-top: 0;
}
.Single--content #ez-toc-container .ez-toc-list li a {
  color: #333;
  font-size: 1.6rem;
  text-decoration: none;
}
.Single--content #ez-toc-container .ez-toc-list-level-2 {
  margin: 0;
  padding-left: 20px  ;
}
@media only screen and (max-width: 1920px) {
  .Single--content #ez-toc-container .ez-toc-list-level-2 {
    padding-left: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content #ez-toc-container .ez-toc-list-level-2 {
    padding-left: 5.1282051282vw  ;
  }
}
.Single--content #ez-toc-container .ez-toc-list-level-2 > li {
  list-style-type: disc;
}
.Single--content #ez-toc-container .ez-toc-list-level-3 {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.Single--content #ez-toc-container .ez-toc-list-level-3 > li {
  padding-left: 20px  ;
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .Single--content #ez-toc-container .ez-toc-list-level-3 > li {
    padding-left: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content #ez-toc-container .ez-toc-list-level-3 > li {
    padding-left: 5.1282051282vw  ;
  }
}
.Single--content #ez-toc-container .ez-toc-list-level-3 > li:before {
  content: "";
  width: 6px  ;
  height: 1px;
  background: #000C50;
  position: absolute;
  top: 50%;
  left: 0;
}
@media only screen and (max-width: 1920px) {
  .Single--content #ez-toc-container .ez-toc-list-level-3 > li:before {
    width: 0.3125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content #ez-toc-container .ez-toc-list-level-3 > li:before {
    width: 1.5384615385vw  ;
  }
}
.Single--content h1,
.Single--content h2,
.Single--content h3,
.Single--content h4,
.Single--content h5,
.Single--content h6 {
  margin: 40px 0px 15px  ;
  line-height: 1.4;
  color: #000;
}
@media only screen and (max-width: 1920px) {
  .Single--content h1,
  .Single--content h2,
  .Single--content h3,
  .Single--content h4,
  .Single--content h5,
  .Single--content h6 {
    margin: 2.0833333333vw 0vw 0.78125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h1,
  .Single--content h2,
  .Single--content h3,
  .Single--content h4,
  .Single--content h5,
  .Single--content h6 {
    margin: 10.2564102564vw 0vw 3.8461538462vw  ;
  }
}
.Single--content h2 {
  font-size: 3.2rem;
  font-weight: bold;
}
@media only screen and (max-width: 768px) {
  .Single--content h2 {
    font-size: 2.4rem;
  }
}
.Single--content h3 {
  padding: 10px 0px  ;
  font-size: 2rem;
  color: #152FA3;
  border-bottom: 2px solid #BBC5F2;
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .Single--content h3 {
    padding: 0.5208333333vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h3 {
    padding: 2.5641025641vw 0vw  ;
  }
}
.Single--content h3:after {
  content: "";
  width: 40px  ;
  height: 2px;
  background: #152FA3;
  position: absolute;
  bottom: -2px;
  left: 0;
}
@media only screen and (max-width: 1920px) {
  .Single--content h3:after {
    width: 2.0833333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h3:after {
    width: 10.2564102564vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h3 {
    font-size: 1.8rem;
  }
}
.Single--content h4 {
  margin-bottom: 10px  ;
  padding-bottom: 10px  ;
  padding-left: 25px  ;
  font-size: 2rem;
  position: relative;
  border-bottom: 1px solid #E6E6E6;
}
@media only screen and (max-width: 1920px) {
  .Single--content h4 {
    margin-bottom: 0.5208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h4 {
    margin-bottom: 2.5641025641vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content h4 {
    padding-bottom: 0.5208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h4 {
    padding-bottom: 2.5641025641vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content h4 {
    padding-left: 1.3020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h4 {
    padding-left: 6.4102564103vw  ;
  }
}
.Single--content h4:before {
  content: "";
  width: 8px  ;
  aspect-ratio: 1;
  background: #513895;
  border-radius: 50%;
  position: absolute;
  top: 9px  ;
  left: 3px  ;
}
@media only screen and (max-width: 1920px) {
  .Single--content h4:before {
    width: 0.4166666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h4:before {
    width: 2.0512820513vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content h4:before {
    top: 0.46875vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h4:before {
    top: 2.3076923077vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content h4:before {
    left: 0.15625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h4:before {
    left: 0.7692307692vw  ;
  }
}
.Single--content h4 + p {
  padding-left: 25px  ;
  margin-top: 10px  ;
}
@media only screen and (max-width: 1920px) {
  .Single--content h4 + p {
    padding-left: 1.3020833333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h4 + p {
    padding-left: 6.4102564103vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content h4 + p {
    margin-top: 0.5208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content h4 + p {
    margin-top: 2.5641025641vw  ;
  }
}
.Single--content h5 {
  font-size: 1.8rem;
}
.Single--content h6 {
  font-size: 1.6rem;
}
.Single--content p {
  margin: 20px 0px  ;
  line-height: 2;
  font-size: 1.6rem;
  color: #000;
}
@media only screen and (max-width: 1920px) {
  .Single--content p {
    margin: 1.0416666667vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content p {
    margin: 5.1282051282vw 0vw  ;
  }
}
.Single--content p:first-child {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .Single--content p {
    font-size: 1.4rem;
  }
}
.Single--content img {
  height: auto;
}
.Single--content strong {
  font-weight: bold;
}
.Single--content em {
  font-style: italic;
}
.Single--content b {
  font-weight: bold;
}
.Single--content mark {
  display: inline;
  background: linear-gradient(to bottom, transparent 80%, #E6E669 20%);
  color: #000;
}
.Single--content blockquote {
  margin: 30px 0px  ;
  padding: 40px 30px  ;
  display: block;
  line-height: 1.8;
  font-size: 1.2rem;
  border: 1px solid #dcdcdc;
  color: rgba(33, 33, 33, 0.8);
}
@media only screen and (max-width: 1920px) {
  .Single--content blockquote {
    margin: 1.5625vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content blockquote {
    margin: 7.6923076923vw 0vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content blockquote {
    padding: 2.0833333333vw 1.5625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content blockquote {
    padding: 10.2564102564vw 7.6923076923vw  ;
  }
}
.Single--content blockquote p {
  margin: 0;
}
.Single--content blockquote p + p {
  margin-top: 30px;
}
.Single--content a {
  color: #000;
  text-decoration: underline;
}
.Single--content a[target=_blank] {
  padding-right: 20px  ;
  position: relative;
}
@media only screen and (max-width: 1920px) {
  .Single--content a[target=_blank] {
    padding-right: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content a[target=_blank] {
    padding-right: 5.1282051282vw  ;
  }
}
.Single--content a[target=_blank]:after {
  content: "\e89e";
  font-family: "Material Icons";
  color: #152FA3;
  position: absolute;
  right: 0;
}
@media only screen and (min-width: 769px) {
  .Single--content a:hover {
    text-decoration: none;
  }
}
.Single--content .aligncenter {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.Single--content .alignright {
  float: right;
}
.Single--content .alignleft {
  float: left;
}
.Single--content img[class*=attachment-],
.Single--content img[class*=wp-image-] {
  height: auto;
  max-width: 100%;
}
.Single--content ul,
.Single--content ol {
  margin: 30px 0px  ;
}
@media only screen and (max-width: 1920px) {
  .Single--content ul,
  .Single--content ol {
    margin: 1.5625vw 0vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content ul,
  .Single--content ol {
    margin: 7.6923076923vw 0vw  ;
  }
}
.Single--content ul li,
.Single--content ol li {
  line-height: 1.8;
}
.Single--content ul li + li,
.Single--content ol li + li {
  margin-top: 12px  ;
}
@media only screen and (max-width: 1920px) {
  .Single--content ul li + li,
  .Single--content ol li + li {
    margin-top: 0.625vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content ul li + li,
  .Single--content ol li + li {
    margin-top: 3.0769230769vw  ;
  }
}
.Single--content ul {
  padding-left: 20px  ;
  list-style-type: disc;
}
@media only screen and (max-width: 1920px) {
  .Single--content ul {
    padding-left: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content ul {
    padding-left: 5.1282051282vw  ;
  }
}
.Single--content ol {
  counter-reset: num;
}
.Single--content ol li {
  padding-left: 28px  ;
  position: relative;
  font-size: 1.4rem;
}
@media only screen and (max-width: 1920px) {
  .Single--content ol li {
    padding-left: 1.4583333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content ol li {
    padding-left: 7.1794871795vw  ;
  }
}
.Single--content ol li strong {
  color: #152FA3;
  font-size: 1.6rem;
}
.Single--content ol li:before {
  counter-increment: num;
  content: counter(num);
  line-height: 1;
  position: absolute;
  top: 6px  ;
  left: 0;
  color: #fff;
  width: 20px  ;
  aspect-ratio: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 50%;
  background: #152FA3;
  font-size: 1.2rem;
}
@media only screen and (max-width: 1920px) {
  .Single--content ol li:before {
    top: 0.3125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content ol li:before {
    top: 1.5384615385vw  ;
  }
}
@media only screen and (max-width: 1920px) {
  .Single--content ol li:before {
    width: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content ol li:before {
    width: 5.1282051282vw  ;
  }
}
.Single--content ol li:after {
  content: "";
  width: 1px;
  height: calc(100% - 20px);
  position: absolute;
  bottom: 0;
  left: 10px  ;
  background: #CDCDCD;
}
@media only screen and (max-width: 1920px) {
  .Single--content ol li:after {
    left: 0.5208333333vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content ol li:after {
    left: 2.5641025641vw  ;
  }
}
.Single--content ol li + li {
  margin-top: 20px  ;
}
@media only screen and (max-width: 1920px) {
  .Single--content ol li + li {
    margin-top: 1.0416666667vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content ol li + li {
    margin-top: 5.1282051282vw  ;
  }
}
.Single--content table tbody tr + tr {
  border-bottom: 1px solid #DDDDDD;
}
.Single--content table tbody tr th,
.Single--content table tbody tr td {
  padding: 15px  ;
  font-size: 1.4rem;
  line-height: 1.4;
  vertical-align: top;
}
@media only screen and (max-width: 1920px) {
  .Single--content table tbody tr th,
  .Single--content table tbody tr td {
    padding: 0.78125vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content table tbody tr th,
  .Single--content table tbody tr td {
    padding: 3.8461538462vw  ;
  }
}
@media only screen and (max-width: 768px) {
  .Single--content table tbody tr th,
  .Single--content table tbody tr td {
    font-size: 1.2rem;
  }
}
.Single--content table tbody tr th {
  background: #E6EAFA;
}
.Single--content table tbody tr td {
  background: #fff;
}

@media only screen and (max-width: 768px) {
  p {
    line-height: 2;
  }
  .pc {
    display: none !important;
  }
  .sp {
    display: block !important;
  }
  .sp-i {
    display: inline !important;
  }
  .flex {
    display: block;
  }
  .flex-right-sp {
    justify-content: flex-end;
  }
  .col-sm-1 {
    width: 100%;
  }
  .tc-sp {
    text-align: center;
  }
  .tj-sp {
    text-align: justify;
  }
  .tr-sp {
    text-align: right;
  }
  .Page--pnkz {
    font-size: 1.2rem;
  }
  .Page--pnkz span[property=name] {
    display: inline-block;
    padding: 0;
    margin-top: -3px;
    vertical-align: middle;
    max-width: 28vw;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}
/*# sourceMappingURL=style.css.map */