@charset "UTF-8";
/*---------- Foundation ----------*/
/*! destyle.css v3.0.2 | MIT License | https://github.com/nicolas-cusan/destyle.css */
/* Reset box-model and set borders */
/* ============================================ */
*,
::before,
::after {
  box-sizing: border-box;
  border-style: solid;
  border-width: 0;
}

/* Document */
/* ============================================ */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 * 3. Remove gray overlay on links for iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -webkit-tap-highlight-color: transparent; /* 3*/
}

/* Sections */
/* ============================================ */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}

/* Vertical rhythm */
/* ============================================ */
p,
table,
blockquote,
address,
pre,
iframe,
form,
figure,
dl {
  margin: 0;
}

/* Headings */
/* ============================================ */
h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: inherit;
  font-weight: inherit;
  margin: 0;
}

/* Lists (enumeration) */
/* ============================================ */
ul,
ol,
li {
  margin: 0;
  padding: 0;
  list-style: none;
}

/* Lists (definition) */
/* ============================================ */
dt {
  font-weight: normal;
}

dd {
  margin-left: 0;
}

/* Grouping content */
/* ============================================ */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
  border-top-width: 1px;
  margin: 0;
  clear: both;
  color: inherit;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

address {
  font-style: inherit;
}

/* Text-level semantics */
/* ============================================ */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
  text-decoration: none;
  color: inherit;
}

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  text-decoration: underline dotted; /* 2 */
}

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: inherit; /* 2 */
}

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

/* Replaced content */
/* ============================================ */
/**
 * Prevent vertical alignment issues.
 */
svg,
img,
embed,
object,
iframe {
  vertical-align: bottom;
}

/* Forms */
/* ============================================ */
/**
 * Reset form fields to make them styleable.
 * 1. Make form elements stylable across systems iOS especially.
 * 2. Inherit text-transform from parent.
 */
button,
input,
optgroup,
select,
textarea {
  -webkit-appearance: none; /* 1 */
  -moz-appearance: none;
  appearance: none;
  vertical-align: middle;
  color: inherit;
  font: inherit;
  background: transparent;
  padding: 0;
  margin: 0;
  border-radius: 0;
  text-align: inherit;
  text-transform: inherit; /* 2 */
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

/**
 * Reset radio and checkbox appearance to preserve their look in iOS.
 */
[type=checkbox] {
  -webkit-appearance: checkbox;
  appearance: checkbox;
}

[type=radio] {
  -webkit-appearance: radio;
  appearance: radio;
}

/**
 * Correct cursors for clickable elements.
 */
button,
[type=button],
[type=reset],
[type=submit] {
  cursor: pointer;
}

button:disabled,
[type=button]:disabled,
[type=reset]:disabled,
[type=submit]:disabled {
  cursor: default;
}

/**
 * Improve outlines for Firefox and unify style with input elements & buttons.
 */
:-moz-focusring {
  outline: auto;
}

select:disabled {
  opacity: inherit;
}

/**
 * Remove padding
 */
option {
  padding: 0;
}

/**
 * Reset to invisible
 */
fieldset {
  margin: 0;
  padding: 0;
  min-width: 0;
}

legend {
  padding: 0;
}

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Correct the outline style in Safari.
 */
[type=search] {
  outline-offset: -2px; /* 1 */
}

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Fix font inheritance.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

/**
 * Clickable labels
 */
label[for] {
  cursor: pointer;
}

/* Interactive */
/* ============================================ */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}

/*
 * Remove outline for editable content.
 */
[contenteditable]:focus {
  outline: auto;
}

/* Tables */
/* ============================================ */
/**
1. Correct table border color inheritance in all Chrome and Safari.
*/
table {
  border-color: inherit; /* 1 */
  border-collapse: collapse;
}

caption {
  text-align: left;
}

td,
th {
  vertical-align: top;
  padding: 0;
}

th {
  text-align: left;
  font-weight: bold;
}

/* カラー */
/*-------- レスポンシブサイズ (pc=1440px) --------*/
/* 301px */
/* 302px */
/* 303px */
/* 304px */
/* 305px */
/* 306px */
/* 307px */
/* 308px */
/* 309px */
/* 310px */
/* 311px */
/* 312px */
/* 313px */
/* 314px */
/* 315px */
/* 316px */
/* 317px */
/* 318px */
/* 319px */
/* 320px */
/* 321px */
/* 322px */
/* 323px */
/* 324px */
/* 325px */
/* 326px */
/* 327px */
/* 328px */
/* 329px */
/* 330px */
/* 331px */
/* 332px */
/* 333px */
/* 334px */
/* 335px */
/* 336px */
/* 337px */
/* 338px */
/* 339px */
/* 340px */
/* 341px */
/* 342px */
/* 343px */
/* 344px */
/* 345px */
/* 346px */
/* 347px */
/* 348px */
/* 349px */
/* 350px */
/* 351px */
/* 352px */
/* 353px */
/* 354px */
/* 355px */
/* 356px */
/* 357px */
/* 358px */
/* 359px */
/* 360px */
/* 361px */
/* 362px */
/* 363px */
/* 364px */
/* 365px */
/* 366px */
/* 367px */
/* 368px */
/* 369px */
/* 370px */
/* 371px */
/* 372px */
/* 373px */
/* 374px */
/* 375px */
/* 376px */
/* 377px */
/* 378px */
/* 379px */
/* 380px */
/* 381px */
/* 382px */
/* 383px */
/* 384px */
/* 385px */
/* 386px */
/* 387px */
/* 388px */
/* 389px */
/* 390px */
/* 391px */
/* 392px */
/* 393px */
/* 394px */
/* 395px */
/* 396px */
/* 397px */
/* 398px */
/* 399px */
/* 400px */
/* 401px */
/* 402px */
/* 403px */
/* 404px */
/* 405px */
/* 406px */
/* 407px */
/* 408px */
/* 409px */
/* 410px */
/* 411px */
/* 412px */
/* 413px */
/* 414px */
/* 415px */
/* 416px */
/* 417px */
/* 418px */
/* 419px */
/* 420px */
/* 421px */
/* 422px */
/* 423px */
/* 424px */
/* 425px */
/* 426px */
/* 427px */
/* 428px */
/* 429px */
/* 430px */
/* 431px */
/* 432px */
/* 433px */
/* 434px */
/* 435px */
/* 436px */
/* 437px */
/* 438px */
/* 439px */
/* 440px */
/* 441px */
/* 442px */
/* 443px */
/* 444px */
/* 445px */
/* 446px */
/* 447px */
/* 448px */
/* 449px */
/* 450px */
/* 451px */
/* 452px */
/* 453px */
/* 454px */
/* 455px */
/* 456px */
/* 457px */
/* 458px */
/* 459px */
/* 460px */
/* 461px */
/* 462px */
/* 463px */
/* 464px */
/* 465px */
/* 466px */
/* 467px */
/* 468px */
/* 469px */
/* 470px */
/* 471px */
/* 472px */
/* 473px */
/* 474px */
/* 475px */
/* 476px */
/* 477px */
/* 478px */
/* 479px */
/* 480px */
/* 481px */
/* 482px */
/* 483px */
/* 484px */
/* 485px */
/* 486px */
/* 487px */
/* 488px */
/* 489px */
/* 490px */
/* 491px */
/* 492px */
/* 493px */
/* 494px */
/* 495px */
/* 496px */
/* 497px */
/* 498px */
/* 499px */
/* 500px */
/* 501px */
/* 502px */
/* 503px */
/* 504px */
/* 505px */
/* 506px */
/* 507px */
/* 508px */
/* 509px */
/* 510px */
/* 511px */
/* 512px */
/* 513px */
/* 514px */
/* 515px */
/* 516px */
/* 517px */
/* 518px */
/* 519px */
/* 520px */
/* 521px */
/* 522px */
/* 523px */
/* 524px */
/* 525px */
/* 526px */
/* 527px */
/* 528px */
/* 529px */
/* 530px */
/* 531px */
/* 532px */
/* 533px */
/* 534px */
/* 535px */
/* 536px */
/* 537px */
/* 538px */
/* 539px */
/* 540px */
/* 541px */
/* 542px */
/* 543px */
/* 544px */
/* 545px */
/* 546px */
/* 547px */
/* 548px */
/* 549px */
/* 550px */
/* 551px */
/* 552px */
/* 553px */
/* 554px */
/* 555px */
/* 556px */
/* 557px */
/* 558px */
/* 559px */
/* 560px */
/* 561px */
/* 562px */
/* 563px */
/* 564px */
/* 565px */
/* 566px */
/* 567px */
/* 568px */
/* 569px */
/* 570px */
/* 571px */
/* 572px */
/* 573px */
/* 574px */
/* 575px */
/* 576px */
/* 577px */
/* 578px */
/* 579px */
/* 580px */
/* 581px */
/* 582px */
/* 583px */
/* 584px */
/* 585px */
/* 586px */
/* 587px */
/* 587px */
/* 588px */
/* 589px */
/* 590px */
/* 591px */
/* 592px */
/* 593px */
/* 594px */
/* 595px */
/* 596px */
/* 597px */
/* 598px */
/* 599px */
/* 600px */
/* 601px */
/* 602px */
/* 603px */
/* 604px */
/* 605px */
/* 606px */
/* 607px */
/* 608px */
/* 609px */
/* 610px */
/* 611px */
/* 612px */
/* 613px */
/* 614px */
/* 615px */
/* 616px */
/* 617px */
/* 618px */
/* 619px */
/* 620px */
/* 621px */
/* 622px */
/* 623px */
/* 624px */
/* 625px */
/* 626px */
/* 627px */
/* 628px */
/* 629px */
/* 630px */
/* 631px */
/* 632px */
/* 633px */
/* 634px */
/* 635px */
/* 636px */
/* 637px */
/* 638px */
/* 639px */
/* 640px */
/* 641px */
/* 642px */
/* 643px */
/* 644px */
/* 645px */
/* 646px */
/* 647px */
/* 648px */
/* 649px */
/* 650px */
/* 651px */
/* 652px */
/* 653px */
/* 654px */
/* 655px */
/* 656px */
/* 657px */
/* 658px */
/* 659px */
/* 660px */
/* 661px */
/* 662px */
/* 663px */
/* 664px */
/* 665px */
/* 666px */
/* 667px */
/* 668px */
/* 669px */
/* 670px */
/* 671px */
/* 672px */
/* 673px */
/* 674px */
/* 675px */
/* 676px */
/* 677px */
/* 678px */
/* 679px */
/* 680px */
/* 681px */
/* 682px */
/* 683px */
/* 684px */
/* 685px */
/* 686px */
/* 687px */
/* 688px */
/* 689px */
/* 690px */
/* 691px */
/* 692px */
/* 693px */
/* 694px */
/* 695px */
/* 696px */
/* 697px */
/* 698px */
/* 699px */
/* 700px */
/* 701px */
/* 702px */
/* 703px */
/* 704px */
/* 705px */
/* 706px */
/* 707px */
/* 708px */
/* 709px */
/* 710px */
/* 711px */
/* 712px */
/* 713px */
/* 714px */
/* 715px */
/* 716px */
/* 717px */
/* 718px */
/* 719px */
/* 720px */
/* 721px */
/* 722px */
/* 723px */
/* 724px */
/* 725px */
/* 726px */
/* 727px */
/* 728px */
/* 729px */
/* 730px */
/* 731px */
/* 732px */
/* 733px */
/* 734px */
/* 735px */
/* 736px */
/* 737px */
/* 738px */
/* 739px */
/* 740px */
/* 741px */
/* 742px */
/* 743px */
/* 744px */
/* 745px */
/* 746px */
/* 747px */
/* 748px */
/* 749px */
/* 750px */
/*------- レスポンシブサイズ (sp=375px) -------*/
/* ブレイクポイント関連 */
/* start font */
/* end font */
/* アニメーション用 */
/* レイアウト用 */
/*---------- font-weight ----------*/
@font-face {
  font-family: "higureGothic";
  src: url("/wp-content/themes/nag_bus-taxi/fonts/HigureGothic-Bold.ttf") format("truetype");
}
body {
  position: relative;
  font-weight: 400;
  color: #222222;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
}

.md {
  display: block;
}
@media (max-width: 599px) {
  .md {
    display: none !important;
  }
}

.sm {
  display: none !important;
}
@media (max-width: 599px) {
  .sm {
    display: block !important;
  }
}

.c__btn {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.014vw;
  width: 22.2222vw;
  line-height: 5.555555vw;
  font-size: 1.11111vw;
  text-align: center;
  color: #fff;
  background: #EC3872;
  border-radius: 2.777777vw;
}
.c__btn:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .c__btn {
    gap: 5.33333vw;
    width: 80vw;
    line-height: 18.667vw;
    font-size: 4.26666vw;
    border-radius: 10.66666vw;
  }
}
.c__btn:hover {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.c__btn:hover:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.c__btn:hover:after {
  transform: translateX(5px);
  transition: all 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .c__btn:hover:after {
    transform: translateX(1.3333333333vw);
  }
}
.c__btn:after {
  content: "";
  display: inline-block;
  width: 0.83333vw;
  height: 0.83333vw;
  background-image: url(/wp-content/themes/nag_bus-taxi/img/icon/btn_arrow-white-right__icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .c__btn:after {
    width: 3.2vw;
    height: 3.2vw;
  }
}

.article__item__circle {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.777777vw;
  height: 2.777777vw;
  border: 1px solid #ff084d;
  border-radius: 50%;
  transition: all 0.3s;
  flex-shrink: 0;
}
@media (max-width: 599px) {
  .article__item__circle {
    width: 10.66666vw;
    height: 10.66666vw;
    margin: 0 0 0 auto;
  }
}
.article__item__circle::after {
  content: "";
  display: inline-block;
  width: 0.69444vw;
  height: 0.69444vw;
  margin-right: 0.2083333333vw;
  border-top: 2px solid #ff084d;
  border-right: 2px solid #ff084d;
  transform: rotate(45deg);
}
@media (max-width: 599px) {
  .article__item__circle::after {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-right: 0.8vw;
  }
}

/* ----------------------------------------------
 * Generated by Animista on 2024-7-12 19:41:19
 * Licensed under FreeBSD License.
 * See http://animista.net/license for more info. 
 * w: http://animista.net, t: @cssanimista
 * ---------------------------------------------- */
/**
 * ----------------------------------------
 * animation scale-up-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes scale-up-center {
  0% {
    -webkit-transform: scale(0.5);
    transform: scale(0.5);
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
/**
 * ----------------------------------------
 * animation scale-out-center
 * ----------------------------------------
 */
@-webkit-keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    @media (max-width: 599px) {
      -webkit-transform: translateX(50%) scale(1);
      transform: translateX(50%) scale(1);
    }
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    @media (max-width: 599px) {
      -webkit-transform: translateX(50%) scale(0);
      transform: translateX(50%) scale(0);
    }
  }
}
@keyframes scale-out-center {
  0% {
    -webkit-transform: scale(1);
    transform: scale(1);
    opacity: 1;
    @media (max-width: 599px) {
      -webkit-transform: translateX(50%) scale(1);
      transform: translateX(50%) scale(10);
    }
  }
  100% {
    -webkit-transform: scale(0);
    transform: scale(0);
    opacity: 1;
    @media (max-width: 599px) {
      -webkit-transform: translateX(50%) scale(1);
      transform: translateX(50%) scale(1);
    }
  }
}
/**
 * ----------------------------------------
 * animation jello-vertical
 * ----------------------------------------
 */
@-webkit-keyframes jello-vertical {
  0% {
    -webkit-transform: translateY(-50%) scale3d(1, 1, 1);
    transform: translateY(-50%) scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: translateY(-50%) scale3d(0.75, 1.25, 1);
    transform: translateY(-50%) scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: translateY(-50%) scale3d(1.25, 0.75, 1);
    transform: translateY(-50%) scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: translateY(-50%) scale3d(0.85, 1.15, 1);
    transform: translateY(-50%) scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: translateY(-50%) scale3d(1.05, 0.95, 1);
    transform: translateY(-50%) scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: translateY(-50%) scale3d(0.95, 1.05, 1);
    transform: translateY(-50%) scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: translateY(-50%) scale3d(1, 1, 1);
    transform: translateY(-50%) scale3d(1, 1, 1);
  }
}
@keyframes jello-vertical {
  0% {
    -webkit-transform: translateY(-50%) scale3d(1, 1, 1);
    transform: translateY(-50%) scale3d(1, 1, 1);
  }
  30% {
    -webkit-transform: translateY(-50%) scale3d(0.75, 1.25, 1);
    transform: translateY(-50%) scale3d(0.75, 1.25, 1);
  }
  40% {
    -webkit-transform: translateY(-50%) scale3d(1.25, 0.75, 1);
    transform: translateY(-50%) scale3d(1.25, 0.75, 1);
  }
  50% {
    -webkit-transform: translateY(-50%) scale3d(0.85, 1.15, 1);
    transform: translateY(-50%) scale3d(0.85, 1.15, 1);
  }
  65% {
    -webkit-transform: translateY(-50%) scale3d(1.05, 0.95, 1);
    transform: translateY(-50%) scale3d(1.05, 0.95, 1);
  }
  75% {
    -webkit-transform: translateY(-50%) scale3d(0.95, 1.05, 1);
    transform: translateY(-50%) scale3d(0.95, 1.05, 1);
  }
  100% {
    -webkit-transform: translateY(-50%) scale3d(1, 1, 1);
    transform: translateY(-50%) scale3d(1, 1, 1);
  }
}
/**
 * ----------------------------------------
 * animation puff-in-center
 * ----------------------------------------
 */
@-webkit-keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
@keyframes puff-in-center {
  0% {
    -webkit-transform: scale(2);
    transform: scale(2);
    -webkit-filter: blur(4px);
    filter: blur(4px);
    opacity: 0;
  }
  100% {
    -webkit-transform: scale(1);
    transform: scale(1);
    -webkit-filter: blur(0px);
    filter: blur(0px);
    opacity: 1;
  }
}
/**
 * ----------------------------------------
 * animation slide-out-fwd-center
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-fwd-center {
  0% {
    -webkit-transform: translateZ(1);
    transform: translateZ(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(200vw);
    transform: translateZ(200vw);
    opacity: 0;
  }
}
@keyframes slide-out-fwd-center {
  0% {
    -webkit-transform: translateZ(1);
    transform: translateZ(1);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateZ(200vw);
    transform: translateZ(200vw);
    opacity: 0;
  }
}
/**
 * ----------------------------------------
 * animation slide-out-right
 * ----------------------------------------
 */
@-webkit-keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}
@keyframes slide-out-right {
  0% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
  100% {
    -webkit-transform: translateX(1000px);
    transform: translateX(1000px);
    opacity: 0;
  }
}
/**
 * ----------------------------------------
 * animation flip-vertical-right
 * ----------------------------------------
 */
@-webkit-keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
@keyframes flip-vertical-right {
  0% {
    -webkit-transform: rotateY(0);
    transform: rotateY(0);
  }
  100% {
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
  }
}
/*---------- Layout ----------*/
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
}
.l-header .header__wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-right: 3.82vw;
}
@media (max-width: 599px) {
  .l-header .header__wrap {
    height: 21.335vw;
    align-items: center;
    padding: 2.9333333333vw 5.33333vw;
    background: #fff;
    box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);
  }
}
.l-header .header__wrap .header__logo-wrap {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  display: block;
  padding: 2.777777vw 1.7361vw;
  background: #fff;
  border-radius: 0 0 2.08333vw 0;
  box-shadow: 0 3px 16px rgba(0, 0, 0, 0.06);
}
.l-header .header__wrap .header__logo-wrap:hover {
  opacity: 0.7;
  scale: 1.1;
}
@media (max-width: 599px) {
  .l-header .header__wrap .header__logo-wrap {
    padding: 0;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
  }
}
.l-header .header__wrap .header__logo-wrap img {
  width: 12.5vw;
  height: 5.764vw;
}
@media (max-width: 599px) {
  .l-header .header__wrap .header__logo-wrap img {
    width: 37.3333vw;
    height: auto;
  }
}
.l-header .header__wrap .header__links {
  display: flex;
  align-items: center;
  gap: 2.08333vw;
  margin-top: 2.08333vw;
  padding: 1.25vw 3.542vw;
  border-radius: 2.431vw;
  background: #fff;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.06);
}
.l-header .header__wrap .header__links li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: max(1.11111vw, 13px);
  letter-spacing: 0.03em;
  color: #504c5c;
}
.l-header .header__wrap .header__links li a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header .header__wrap .header__links li a:hover {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}
.l-header .header__wrap .header__links li a:hover:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header .header__wrap .global-nav {
  display: none;
  position: relative;
}
@media (max-width: 599px) {
  .l-header .header__wrap .global-nav .global-nav__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 3.73333vw;
  }
  .l-header .header__wrap .global-nav .global-nav__btn span {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    width: 10.66666vw;
    height: 0.8vw;
    background: #002122;
    border-radius: 1.067vw;
  }
  .l-header .header__wrap .global-nav .btn__open {
    position: relative;
  }
  .l-header .header__wrap .global-nav .btn__open span {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    position: absolute;
    right: 0;
  }
  .l-header .header__wrap .global-nav .btn__open span:nth-of-type(1) {
    transform: rotate(45deg);
    top: calc(50% - 1px);
    width: 10.66666vw;
  }
  .l-header .header__wrap .global-nav .btn__open span:nth-of-type(2) {
    opacity: 0;
  }
  .l-header .header__wrap .global-nav .btn__open span:nth-of-type(3) {
    transform: rotate(-45deg);
    top: calc(50% - 1px);
    width: 10.66666vw;
  }
}
.l-header .global-nav__openList {
  display: none;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 599px) {
  .l-header .global-nav__openList {
    position: absolute;
    top: 21.335vw;
    right: 0;
    display: block !important;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    padding: 24vw 7.733vw 0;
    background-color: rgba(255, 255, 255, 0.5);
    backdrop-filter: blur(15px) brightness(140%);
    z-index: 100000;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .l-header .global-nav__openList .nav__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 9.3333vw;
  }
  .l-header .global-nav__openList .nav__list li a {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    white-space: nowrap;
    font-size: 5.867vw;
    letter-spacing: 0.03em;
    color: #3f3b4b;
  }
  .l-header .global-nav__openList .nav__list li a:hover {
    opacity: 0.5;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .l-header .global-nav__openList .nav__list li a:hover {
    text-decoration: underline;
  }
  .l-header .global-nav__openList .sns__list {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4.8vw;
    margin-top: 13.33333vw;
  }
  .l-header .global-nav__openList .sns__list li a {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    display: block;
    height: auto;
    width: auto;
  }
  .l-header .global-nav__openList .sns__list li a:hover {
    opacity: 0.5;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .l-header .global-nav__openList .sns__list li a:hover {
    scale: 0.9;
  }
  .l-header .global-nav__openList .sns__list li a img {
    width: 9.3333vw;
    height: auto;
  }
}
.l-header .navList__open {
  display: none;
}
@media (max-width: 599px) {
  .l-header .navList__open {
    visibility: visible;
    opacity: 1;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
}

/* start 2025/09/29追加_追従バナー */
.l-fixed-banner {
  position: fixed;
  bottom: 1.388888vw;
  left: 1.388888vw;
  display: block;
  z-index: 2;
  width: 27.7778vw;
}
@media (max-width: 599px) {
  .l-fixed-banner {
    bottom: 2.6666666667vw;
    left: 50%;
    transform: translate(-50%);
    width: 90%;
  }
}
.l-fixed-banner a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  display: block;
}
.l-fixed-banner a:hover {
  scale: 1.05;
}
.l-fixed-banner a img {
  border-radius: 0.69444vw;
}
@media (max-width: 599px) {
  .l-fixed-banner a img {
    border-radius: 2.6666666667vw;
  }
}

/* end 2025/09/29追加_追従バナー */
.l-footer .footer-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  background: #1c1a24;
  padding: 6.9444vw 0 8.3333vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap {
    padding: 21.335vw 0;
  }
}
.l-footer .footer-wrap .footer__logo img {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  width: 12.5vw;
  margin-bottom: 2.777777vw;
}
.l-footer .footer-wrap .footer__logo img:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer__logo img:hover {
  scale: 1.1;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer__logo img {
    width: 48vw;
    margin-bottom: 10.66666vw;
  }
}
.l-footer .footer-wrap .footer__sns-list {
  display: flex;
  justify-content: center;
  gap: 1.25vw;
  margin-bottom: 4.862vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer__sns-list {
    gap: 4.8vw;
    margin-bottom: 16vw;
  }
}
.l-footer .footer-wrap .footer__sns-list li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer__sns-list li a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer__sns-list li a img {
  width: 2.431vw;
  transition: all 0.4s cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer__sns-list li a img {
    width: 9.3333vw;
  }
}
.l-footer .footer-wrap .footer__sns-list li a img:hover {
  transform: scale(0.9);
}
.l-footer .footer-wrap .footer__links {
  display: flex;
  justify-content: center;
  gap: 2.08333vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer__links {
    flex-direction: column;
    align-items: center;
    gap: 3.2vw;
  }
}
.l-footer .footer-wrap .footer__links li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.11111vw;
  color: #fff;
}
.l-footer .footer-wrap .footer__links li a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer__links li a {
    font-size: 4.26666vw;
  }
}
.l-footer .footer-wrap .footer__links li a:hover {
  text-decoration: underline;
}
.l-footer .footer-wrap .footer__companyInfo {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  gap: 1.388888vw;
  margin-top: 2.777777vw;
  font-size: 1.04167vw;
  color: #fff;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer__companyInfo {
    gap: 5.33333vw;
    margin-top: 10.66666vw;
    font-size: 4vw;
  }
}
.l-footer .footer-wrap .footer__companyInfo li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer__companyInfo li a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer__companyInfo li a:hover {
  text-decoration: underline;
}
.l-footer .copyRight {
  font-family: "Lato", sans-serif;
  font-weight: 400;
  padding: 1.666666vw 0;
  font-size: 1.11111vw;
  text-align: center;
  color: #fff;
  background: #141317;
}
@media (max-width: 599px) {
  .l-footer .copyRight {
    padding: 6.667vw;
    font-size: 2.9333333333vw;
  }
}

/*---------- Object ----------*/
/*---------- Component ----------*/
.c-breadcrumbs {
  display: flex;
  align-items: center;
  gap: 1.04167vw;
}
@media (max-width: 599px) {
  .c-breadcrumbs {
    gap: 4vw;
  }
}
.c-breadcrumbs span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.90278vw;
  letter-spacing: 0.03em;
}
@media (max-width: 599px) {
  .c-breadcrumbs span {
    font-size: 3.46666vw;
  }
}
.c-breadcrumbs a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  color: #EC3872;
  text-decoration: underline;
  white-space: nowrap;
}
.c-breadcrumbs a:hover {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: none;
}
.c-breadcrumbs .current-item {
  color: rgba(51, 51, 51, 0.5);
}

/*---------- Project ----------*/
.interview {
  position: relative;
  padding: 15.2778vw 0 11.1111vw;
  background: #fafafa;
  overflow-x: hidden;
}
@media (max-width: 599px) {
  .interview {
    padding: 21.335vw 0 0;
    background: #fff;
  }
}
.interview .interview-bg {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
}
@media (max-width: 599px) {
  .interview .interview-bg {
    display: none;
  }
}
.interview .c-breadcrumbs {
  position: relative;
  z-index: 1;
}
@media (max-width: 599px) {
  .interview .c-breadcrumbs {
    padding: 5.3333333333vw;
  }
}
.interview .c-breadcrumbs a {
  color: #0170d3;
}
.interview .c-breadcrumbs .current-item {
  color: #333333;
}
.interview .c-breadcrumbs.only-sp {
  display: none;
}
@media (max-width: 599px) {
  .interview .c-breadcrumbs.only-sp {
    display: flex;
  }
}
.interview .sec-wrap {
  position: relative;
  max-width: 68.0556vw;
  width: 100%;
  margin: 0 auto;
  padding: 3.47222vw 4.862vw 5.555555vw;
  background: #ffffff;
  border: 0.4166666667vw solid #0170d3;
  border-radius: 1.388888vw;
  z-index: 1;
}
@media (max-width: 599px) {
  .interview .sec-wrap {
    max-width: none;
    width: 100%;
    padding: 64.8vw 5.33333vw 42.6667vw;
    border: none;
    border-radius: none;
  }
}
.interview .sec-wrap .abs-top-vis {
  position: absolute;
  top: 0;
  right: 0;
  width: 43.0555555556vw;
  border-radius: 0 0.97222vw 0 0;
  pointer-events: none;
}
@media (max-width: 599px) {
  .interview .sec-wrap .abs-top-vis {
    width: 100%;
  }
}
.interview .sec-wrap .interview-content .career {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  position: relative;
  display: flex;
  align-items: center;
  gap: 0.6944444444vw;
  width: fit-content;
  margin: 13.3333333333vw 0 0 -1px;
  padding: 0.5555555556vw 1.3888888889vw 0.5555555556vw 2.8472222222vw;
  font-size: 2.5vw;
  color: #fff;
  background-color: #0170d3;
  border-radius: 0.3472222222vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .career {
    flex-direction: column;
    align-items: flex-start;
    gap: 2.1333333333vw;
    max-width: 85.3333333333vw;
    width: 100%;
    margin: 0 0 0 -1px;
    padding: 2.1333333333vw 5.3333333333vw 2.1333333333vw 10.4vw;
    font-size: 7.4666666667vw;
    border-radius: 1.3333333333vw;
  }
}
.interview .sec-wrap .interview-content .career .dotted {
  position: absolute;
  left: 1.3888888889vw;
  width: 1.1111111111vw;
  height: 1.1111111111vw;
  border-radius: 50%;
  background-color: #fff;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .career .dotted {
    width: 3.7333333333vw;
    height: 3.7333333333vw;
    top: 2.9333333333vw;
    left: 5.3333333333vw;
  }
}
.interview .sec-wrap .interview-content .career .job {
  font-size: 1.5277777778vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .career .job {
    font-size: 4.2666666667vw;
  }
}
.interview .sec-wrap .interview-content .phrase {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  position: relative;
  font-size: 2.3611111111vw;
  line-height: 1.53;
  margin-top: 1.25vw;
  z-index: 1;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .phrase {
    font-size: 6.4vw;
    line-height: 1.52;
    margin-top: 4.8vw;
  }
}
.interview .sec-wrap .interview-content .single-top__snsList {
  display: none;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .single-top__snsList {
    display: flex;
    justify-content: flex-start;
    margin-top: 12vw;
  }
}
.interview .sec-wrap .interview-content .content-inner {
  margin-top: 8.5416666667vw;
  padding: 0 2.0833333333vw;
  /* start フローブロック */
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner {
    padding: 0;
  }
}
.interview .sec-wrap .interview-content .content-inner h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin: 6.9444vw 0 0;
  padding-left: 1.388888vw;
  font-size: 1.527777vw;
  font-weight: 600;
  line-height: 1.4;
  border-left: 0.4166666667vw solid #0d70a9;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner h3 {
    margin: 21.335vw 0 0;
    padding-left: 3.46666vw;
    font-size: 5.867vw;
    border-left: 1.6vw solid #0d70a9;
  }
}
.interview .sec-wrap .interview-content .content-inner .txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 1.3888888889vw;
  font-size: 1.1111111111vw;
  line-height: 1.8;
  letter-spacing: 0.02em;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .txt {
    margin-top: 6.667vw;
    font-size: 4.2666666667vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .txt a {
  color: #0170d3;
  text-decoration: underline;
}
.interview .sec-wrap .interview-content .content-inner .img {
  width: 100%;
  margin: 4.1666666667vw 0 1.3888888889vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .img {
    margin: 16vw 0 0;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  gap: 3.125vw;
  margin-top: 2.7777777778vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block {
    flex-direction: column;
    gap: 8vw;
    margin-top: 10.6666666667vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block img {
  width: 26.3888888889vw;
  border-radius: 0.6944444444vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block img {
    width: 100%;
    border-radius: 2.6666666667vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content {
  max-width: 22.9166666667vw;
  width: 100%;
  flex-shrink: 0;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content {
    max-width: none;
    width: 100%;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .heading {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  width: fit-content;
  padding: 0.5625vw 2.0833333333vw 0.8263888889vw;
  font-size: 1.5277777778vw;
  text-align: center;
  color: #fff;
  background-color: #0170d3;
  border-radius: 0.3472222222vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .heading {
    padding: 2.16vw 8vw 3.1733333333vw;
    font-size: 5.8666666667vw;
    border-radius: 1.3333333333vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 1.0416666667vw;
  margin-top: 1.8055555556vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list {
    gap: 4vw;
    margin-top: 6.9333333333vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list::before {
  content: "";
  position: absolute;
  top: 0.2777777778vw;
  left: 0.3819444444vw;
  width: 0.1388888889vw;
  height: 96%;
  background-color: #0170d3;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list::before {
    top: 1.0666666667vw;
    left: 1.4666666667vw;
    width: 0.5333333333vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list .list-items {
  position: relative;
  display: flex;
  gap: 1.0416666667vw;
  padding-left: 1.9444444444vw;
  color: #0170d3;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list .list-items {
    gap: 4vw;
    padding-left: 7.4666666667vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list .list-items::before {
  content: "";
  position: absolute;
  top: 0.2083333333vw;
  left: 0;
  width: 0.9027777778vw;
  height: 0.9027777778vw;
  border: 2px solid #0170d3;
  border-radius: 50%;
  background-color: #fff;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list .list-items::before {
    top: 0.8vw;
    width: 3.4666666667vw;
    height: 3.4666666667vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list .list-items .time {
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  font-style: normal;
  width: 2.9166666667vw;
  font-size: 1.1805555556vw;
  letter-spacing: 0.03em;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list .list-items .time {
    width: 10.9333333333vw;
    font-size: 4.5333333333vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list .list-items .txt {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  margin-top: -0.1388888889vw;
  font-size: 1.1111111111vw;
  line-height: 1.4;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .flow-list .list-items .txt {
    margin-top: -0.5333333333vw;
    font-size: 4.2666666667vw;
  }
}
.interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .annotation {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 1.3888888889vw;
  font-size: 0.9722222222vw;
  color: #0170d3;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-content .content-inner .flow-block .flow-block-content .annotation {
    margin-top: 5.3333333333vw;
    font-size: 3.7333333333vw;
  }
}
.interview .sec-wrap .interview-others {
  margin-top: 5.5555555556vw;
  padding-top: 3.4722222222vw;
  border-top: 2px solid #0170d3;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others {
    margin-top: 13.3333333333vw;
    padding-top: 8vw;
  }
}
.interview .sec-wrap .interview-others .heading {
  font-family: "higureGothic";
  font-size: 4.167vw;
  letter-spacing: 0.04em;
  font-size: 1.666666vw;
  text-align: center;
  color: #0170d3;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .heading {
    font-size: 6.4vw;
  }
}
.interview .sec-wrap .interview-others .interview-others-list {
  display: flex;
  gap: 1.3888888889vw;
  flex-wrap: wrap;
  margin: 1.3888888889vw auto 0;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list {
    gap: unset;
    flex-wrap: unset;
    margin: 5.3333333333vw auto 0;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items {
  max-width: 18.0555555556vw;
  width: 100%;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items {
    max-width: unset;
    width: unset;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner {
  position: relative;
  display: block;
  width: 100%;
  border-radius: 0.6944444444vw;
  border: 0.2083333333vw solid #0170d3;
  background-color: #fff;
  transition: all 0.3s;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner {
    max-width: 73.3333333333vw;
    margin: 0 auto;
    border-radius: 3.2vw;
    border: 1.6vw solid #0170d3;
    opacity: 0.4;
    transition: all 0.3s;
    transform: scale(0.9);
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner img {
  position: absolute;
  right: 0;
  top: 0;
  width: 13.8888888889vw;
  z-index: 0;
  border-radius: 0 0.4861111111vw 0 0;
  object-fit: cover;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner img {
    width: 62.6666666667vw;
    height: auto;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap {
  position: relative;
  padding: 6.9444444444vw 0 1.3888888889vw;
  z-index: 1;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap {
    padding: 34.1333333333vw 0 6.6666666667vw;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap .num {
  padding-left: 0.6944444444vw;
  font-family: acumin-pro, sans-serif;
  font-weight: 700;
  font-size: 2.0833333333vw;
  line-height: 1;
  color: #0170d3;
  opacity: 0.5;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap .num {
    padding-left: 1.8666666667vw;
    font-size: 9.6vw;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap .num span {
  display: block;
  font-size: 0.9027777778vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap .num span {
    font-size: 2.6666666667vw;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: unset;
  gap: 0.3472222222vw;
  width: fit-content;
  margin: 0.9027777778vw 0 0 -1px;
  padding: 0.5277777778vw 0.8333333333vw 0.5277777778vw 1.3888888889vw;
  font-size: 1.3888888889vw;
  color: #fff;
  background-color: #0170d3;
  border-radius: 0 0.3472222222vw 0.3472222222vw 0;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap h4 {
    gap: 1.3333333333vw;
    margin: 4vw 0 0 -1px;
    padding: 2.1333333333vw 6.1333333333vw 2.1333333333vw 6.6666666667vw;
    font-size: 5.3333333333vw;
    border-radius: 0 1.3333333333vw 1.3333333333vw 0;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap h4 .dotted {
  position: absolute;
  top: 0.7638888889vw;
  left: 0.3472222222vw;
  width: 0.5555555556vw;
  height: 0.5555555556vw;
  border-radius: 50%;
  background-color: #fff;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap h4 .dotted {
    top: 3.4666666667vw;
    left: 2.6666666667vw;
    width: 2.1333333333vw;
    height: 2.1333333333vw;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap h4 .job {
  font-size: 0.9027777778vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap h4 .job {
    font-size: 4vw;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap .lead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  margin-top: 0.6944444444vw;
  padding-left: 1.3888888889vw;
  font-size: 1.1111111111vw;
  line-height: 1.4;
  color: #332b2b;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-others-list .list-items .swiper-inner .txt-wrap .lead {
    margin-top: 2.6666666667vw;
    padding-left: 4.5333333333vw;
    font-size: 4.8vw;
    line-height: 1.5;
  }
}
.interview .sec-wrap .interview-others .interview-others-list .swiper-slide-active .swiper-inner {
  width: 100%;
  opacity: 1;
  transition: all 0.3s;
  transform: scale(1);
}
.interview .sec-wrap .interview-others .interview-swiper-pagination {
  display: none;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 4vw;
    margin-top: 8vw;
  }
  .interview .sec-wrap .interview-others .interview-swiper-pagination .swiper-pagination-bullet {
    display: block;
    flex-shrink: 0;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin: 0;
    background-color: #b9b9b9;
    opacity: 1;
  }
  .interview .sec-wrap .interview-others .interview-swiper-pagination .swiper-pagination-bullet-active {
    display: block;
    flex-shrink: 0;
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    background-color: #0170d3;
  }
}
.interview .sec-wrap .interview-others .interview-swiper-btn {
  display: none;
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-swiper-btn {
    position: absolute;
    top: 42.6666666667vw;
    display: block;
    width: 11.2vw;
    z-index: 1;
  }
  .interview .sec-wrap .interview-others .interview-swiper-btn img {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-swiper-btn.interview-swiper-btn-prev {
    left: 1.3333333333vw;
  }
}
@media (max-width: 599px) {
  .interview .sec-wrap .interview-others .interview-swiper-btn.interview-swiper-btn-next {
    right: 1.3333333333vw;
  }
}
.interview .sec-wrap .single__snsList {
  display: flex;
  align-items: center;
  gap: 1.388888vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .single__snsList {
    position: relative;
    justify-content: center;
    gap: 5.33333vw;
    width: 100%;
  }
}
.interview .sec-wrap .single__snsList .snsList__heading {
  font-family: "din-2014", sans-serif;
  font-weight: 600;
  font-size: 1.11111vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .single__snsList .snsList__heading {
    font-size: 4.26666vw;
  }
}
.interview .sec-wrap .single__snsList ul {
  display: flex;
  align-items: center;
  gap: 1.25vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .single__snsList ul {
    gap: 4vw;
  }
}
.interview .sec-wrap .single__snsList ul li a img,
.interview .sec-wrap .single__snsList ul li button img {
  width: 2.08333vw;
  transition: all 0.4s cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .interview .sec-wrap .single__snsList ul li a img,
  .interview .sec-wrap .single__snsList ul li button img {
    width: 8vw;
  }
}
.interview .sec-wrap .single__snsList ul li a img:hover,
.interview .sec-wrap .single__snsList ul li button img:hover {
  transform: scale(0.9);
}
.interview .sec-wrap .single__snsList ul .url__copy__popUp {
  opacity: 0;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 1.11111vw;
  padding: 0.69444vw 1.04167vw;
  color: #ffffff;
  background: #0170d3;
  border-radius: 0.69444vw;
}
@media (max-width: 599px) {
  .interview .sec-wrap .single__snsList ul .url__copy__popUp {
    position: absolute;
    bottom: -12vw;
    right: 28%;
    padding: 2.6666666667vw 4vw;
    font-size: 4vw;
    white-space: nowrap;
    border-radius: 2.6666666667vw;
  }
}
.interview .sec-wrap .single__snsList ul .show {
  opacity: 1;
}
.interview .sec-wrap .single__snsList ul .hide {
  -webkit-animation: scale-out-center 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
  animation: scale-out-center 0.3s cubic-bezier(0.55, 0.085, 0.68, 0.53) both;
}
.interview .sec-wrap .single-bottom__wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 5.5555555556vw;
  padding-top: 2.4305555556vw;
  border-top: 2px solid #0170d3;
}
@media (max-width: 599px) {
  .interview .sec-wrap .single-bottom__wrap {
    flex-direction: column;
    align-items: center;
    gap: 13.3333333333vw;
    margin-top: 13.3333333333vw;
    padding-top: 8vw;
  }
}
.interview .sec-wrap .single-bottom__wrap .backTopBtn {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 22.2222vw;
  height: 5.555555vw;
  font-size: 1.1111111111vw;
  text-align: center;
  letter-spacing: 0.03em;
  color: #fff;
  border-radius: 2.777777vw;
  background-color: #0170d3;
}
@media (max-width: 599px) {
  .interview .sec-wrap .single-bottom__wrap .backTopBtn {
    width: 100%;
    height: 21.3333333333vw;
    font-size: 4.2666666667vw;
    border-radius: 10.6666666667vw;
  }
}
.interview .sec-wrap .single-bottom__wrap .backTopBtn:hover {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.interview .sec-wrap .single-bottom__wrap .backTopBtn:hover:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.interview .sec-wrap .single-bottom__wrap .backTopBtn:hover:after {
  transition: all 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
  transform: translateY(-50%) translateX(-0.3472222222vw);
}
@media (max-width: 599px) {
  .interview .sec-wrap .single-bottom__wrap .backTopBtn:hover:after {
    transform: translateY(-50%) translateX(-1.3333333333vw);
  }
}
.interview .sec-wrap .single-bottom__wrap .backTopBtn:after {
  content: "";
  position: absolute;
  left: 1.7361111111vw;
  top: 50%;
  transform: translateY(-50%);
  width: 1.04167vw;
  height: 1.04167vw;
  background-image: url(/wp-content/themes/nag_bus-taxi/img/icon/btn_arrow-white-left__icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.25s cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .interview .sec-wrap .single-bottom__wrap .backTopBtn:after {
    left: 6.6666666667vw;
    width: 4vw;
    height: 4vw;
  }
}

/*---------- Utility ----------*/
.u-pc-only-flex {
  display: flex !important;
}
@media (max-width: 599px) {
  .u-pc-only-flex {
    display: none !important;
  }
}

.u-pc-only-block {
  display: block !important;
}
@media (max-width: 599px) {
  .u-pc-only-block {
    display: none !important;
  }
}

.u-sp-only-block {
  display: none !important;
}
@media (max-width: 599px) {
  .u-sp-only-block {
    display: block !important;
  }
}