@charset "UTF-8";
/*---------- Foundation ----------*/
/* カラー */
/*-------- レスポンシブサイズ (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) -------*/
/*! 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;
}

/* ブレイクポイント関連 */
/* フォント */
/* アニメーション用 */
/* レイアウト用 */
/*---------- font-weight ----------*/
body {
  position: relative;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #ffffff;
}

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

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

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

.c-btn {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20.8333vw;
  height: 5.20833vw;
  text-align: center;
  border-radius: 2.638888vw;
}
.c-btn:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}
@media (max-width: 599px) {
  .c-btn {
    width: 80vw;
    height: 20vw;
    border-radius: 10.66666vw;
  }
}
.c-btn img {
  position: absolute;
  left: 1.7361vw;
  top: 50%;
  transform: translateY(-50%);
}
@media (max-width: 599px) {
  .c-btn img {
    left: 6.667vw;
  }
}

.c-line-btn {
  font-size: 1.11111vw;
  color: #fff;
  background-color: #16c45c;
}
@media (max-width: 599px) {
  .c-line-btn {
    font-size: 4.26666vw;
  }
}
.c-line-btn img {
  width: 2.569444vw;
}
@media (max-width: 599px) {
  .c-line-btn img {
    width: 9.867vw;
  }
}

.c-reservation-btn,
.c-tell-btn {
  text-align: center;
  color: #3548d8;
  background-color: #fff;
}
.c-reservation-btn img {
  width: 2.08333vw;
}
@media (max-width: 599px) {
  .c-reservation-btn img {
    width: 8vw;
  }
}
.c-reservation-btn span {
  display: block;
}
.c-reservation-btn .txt {
  font-size: 1.11111vw;
}
@media (max-width: 599px) {
  .c-reservation-btn .txt {
    font-size: 4.26666vw;
  }
}
.c-reservation-btn .txt .small {
  margin-top: 0.3472222222vw;
  font-size: 0.97222vw;
}
@media (max-width: 599px) {
  .c-reservation-btn .txt .small {
    margin-top: 1.3333333333vw;
    font-size: 3.73333vw;
  }
}

.c-tell-btn img {
  width: 1.7361vw;
}
@media (max-width: 599px) {
  .c-tell-btn img {
    width: 6.667vw;
  }
}
.c-tell-btn .txt {
  font-family: "Roboto", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.7361vw;
}
@media (max-width: 599px) {
  .c-tell-btn .txt {
    font-size: 6.667vw;
  }
}
.c-tell-btn .txt .small {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  margin-top: 0.2083333333vw;
  font-size: 0.97222vw;
}
@media (max-width: 599px) {
  .c-tell-btn .txt .small {
    margin-top: 0.8vw;
    font-size: 3.73333vw;
  }
}

/*---------- Layout ----------*/
.global-nav {
  position: relative;
}
@media (max-width: 599px) {
  .global-nav {
    display: flex !important;
    justify-content: center;
    width: 11.467vw;
    height: 11.467vw;
    background: #4063d5;
    border-radius: 50%;
    z-index: 101;
  }
  .global-nav .global-nav__btn {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 1.3333333333vw;
    z-index: 100;
  }
  .global-nav .global-nav__btn span {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    width: 5.867vw;
    height: 0.8vw;
    background: #fff;
    border-radius: 1.067vw;
  }
  .global-nav .btn__open {
    position: relative;
  }
  .global-nav .btn__open span {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    position: absolute;
  }
  .global-nav .btn__open span:nth-of-type(1) {
    transform: rotate(45deg);
    top: calc(50% - 1px);
    width: 6.4vw;
  }
  .global-nav .btn__open span:nth-of-type(2) {
    opacity: 0;
  }
  .global-nav .btn__open span:nth-of-type(3) {
    transform: rotate(-45deg);
    top: calc(50% - 1px);
    width: 6.4vw;
  }
}

.global-nav__openList {
  display: none;
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 599px) {
  .global-nav__openList {
    position: fixed;
    top: 0;
    right: 0;
    display: block !important;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    padding: 19.733vw 9.867vw 8vw;
    background-color: #ffffff;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    z-index: 100;
    background-image: url(/wp-content/themes/tokuyu/img/common/humbarger-bg.svg);
    background-size: cover;
    background-repeat: no-repeat;
  }
  .global-nav__openList .global-nav {
    position: absolute;
    top: 6.4vw;
    right: 5.33333vw;
  }
  .global-nav__openList .anchor-list {
    display: flex;
    flex-direction: column;
    gap: 5.33333vw;
    width: 53.3333vw;
    margin: 0 auto;
  }
  .global-nav__openList .anchor-list li a {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    display: flex;
    align-items: center;
    gap: 5.33333vw;
  }
  .global-nav__openList .anchor-list li a:hover {
    opacity: 0.5;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    text-decoration: underline;
  }
  .global-nav__openList .anchor-list li a:hover img {
    transform: scale(1.1);
  }
  .global-nav__openList .anchor-list li a img {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    width: 10.66666vw;
  }
  .global-nav__openList .anchor-list li a span {
    font-family: "Zen Kaku Gothic New", serif;
    font-weight: 700;
    font-style: normal;
    font-size: 5.33333vw;
  }
  .global-nav__openList .nav__btn-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5.33333vw;
    margin-top: 13.33333vw;
  }
  .global-nav__openList .nav__btn-wrap li .c-reservation-btn {
    background-color: #3548d8;
    color: #fff;
  }
  .global-nav__openList .nav__btn-wrap li .c-tell-btn {
    height: 17.6vw;
    border: 0.8vw solid #3548d8;
  }
}

.navList__open {
  display: none;
}
@media (max-width: 599px) {
  .navList__open {
    visibility: visible;
    opacity: 1;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    overflow: scroll;
  }
}

.l-header {
  position: absolute;
  top: 0.69444vw;
  right: 0;
  width: 100%;
  height: 9.7222vw;
  padding: 0 10px;
}
@media (max-width: 599px) {
  .l-header {
    top: 2.6666666667vw;
    right: 0;
    width: 100%;
    height: 18.667vw;
  }
}
.l-header .l-header-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10.2083vw;
  height: 100%;
  padding: 1.7361vw 0 2.08333vw 5.555555vw;
  border-radius: 1.04167vw 0 0 0;
  background-color: #fffff8;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap {
    justify-content: space-between;
    padding: 1.3333333333vw 2.6666666667vw;
    border-radius: 4vw 4vw 0 0;
  }
}
.l-header .l-header-wrap h1 a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  display: flex;
  align-items: center;
  gap: 0.69444vw;
}
.l-header .l-header-wrap h1 a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap h1 a {
    gap: 2.6666666667vw;
  }
}
.l-header .l-header-wrap h1 a:hover {
  transform: scale(1.05);
}
.l-header .l-header-wrap h1 a img {
  width: 5.903vw;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap h1 a img {
    width: 16vw;
  }
}
.l-header .l-header-wrap h1 a p {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.97222vw;
  line-height: 1.5;
  color: #333333;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap h1 a p {
    font-size: 3.2vw;
  }
}
.l-header .l-header-wrap .anchor-list {
  display: flex;
  align-items: center;
  gap: 2.08333vw;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap .anchor-list {
    display: none;
  }
}
.l-header .l-header-wrap .anchor-list li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  display: block;
  text-align: center;
}
.l-header .l-header-wrap .anchor-list li a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}
.l-header .l-header-wrap .anchor-list li a:hover img {
  transform: scale(1.2);
}
.l-header .l-header-wrap .anchor-list li a img {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  width: 2.777777vw;
}
.l-header .l-header-wrap .anchor-list li a p {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 5px;
  font-size: 1.11111vw;
}
.l-header .l-header-wrap .tell-wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 11.3194vw;
  height: 100%;
  padding: 1.11111vw 0.4861111111vw 1.597vw 1.180555vw;
  background-color: #4163d5;
  border-radius: 0 0 0 1.388888vw;
  color: #ffffff;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap .tell-wrap {
    display: none;
  }
}
.l-header .l-header-wrap .tell-wrap img {
  width: 2.08333vw;
}
.l-header .l-header-wrap .tell-wrap .txt {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 0.90278vw;
  font-size: 0.90278vw;
  color: #ffffff;
}
.l-header .l-header-wrap .tell-wrap a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  width: 100%;
  margin-top: 0.69444vw;
  padding: 0.3472222222vw 0;
  font-size: 0.90278vw;
  text-align: center;
  color: #4163d5;
  background-color: #ffffff;
  border-radius: 1.04167vw;
}
.l-header .l-header-wrap .tell-wrap a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}

.fixed-header {
  position: fixed;
  top: 0;
  right: 0;
  width: 100%;
  height: 9.7222vw;
  transition: transform 0.3s ease-in-out, opacity 0.3s ease-in-out;
  transform: translateY(-100%);
  opacity: 0;
  z-index: 10;
}
@media (max-width: 599px) {
  .fixed-header {
    height: 18.667vw;
  }
}
.fixed-header .l-header-wrap {
  position: relative;
  display: flex;
  align-items: center;
  gap: 10.2083vw;
  height: 100%;
  padding: 1.7361vw 0 2.08333vw 5.555555vw;
  background-color: #ffffff;
}
@media (max-width: 599px) {
  .fixed-header .l-header-wrap {
    justify-content: space-between;
    padding: 6.4vw 5.33333vw;
  }
}
.fixed-header .l-header-wrap h1 a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  display: flex;
  align-items: center;
  gap: 0.69444vw;
}
.fixed-header .l-header-wrap h1 a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}
@media (max-width: 599px) {
  .fixed-header .l-header-wrap h1 a {
    gap: 2.6666666667vw;
  }
}
.fixed-header .l-header-wrap h1 a:hover {
  transform: scale(1.05);
}
.fixed-header .l-header-wrap h1 a img {
  width: 5.903vw;
}
@media (max-width: 599px) {
  .fixed-header .l-header-wrap h1 a img {
    width: 16vw;
  }
}
.fixed-header .l-header-wrap h1 a p {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 0.97222vw;
  line-height: 1.5;
  color: #333333;
}
@media (max-width: 599px) {
  .fixed-header .l-header-wrap h1 a p {
    font-size: 3.2vw;
  }
}
.fixed-header .l-header-wrap .anchor-list {
  display: flex;
  align-items: center;
  gap: 2.08333vw;
}
@media (max-width: 599px) {
  .fixed-header .l-header-wrap .anchor-list {
    display: none;
  }
}
.fixed-header .l-header-wrap .anchor-list li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  display: block;
  text-align: center;
}
.fixed-header .l-header-wrap .anchor-list li a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}
.fixed-header .l-header-wrap .anchor-list li a:hover img {
  transform: scale(1.2);
}
.fixed-header .l-header-wrap .anchor-list li a img {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  width: 2.777777vw;
}
.fixed-header .l-header-wrap .anchor-list li a p {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 5px;
  font-size: 1.11111vw;
}
.fixed-header .l-header-wrap .tell-wrap {
  position: absolute;
  top: 0;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 11.3194vw;
  height: 100%;
  padding: 1.11111vw 0.4861111111vw 1.597vw 1.180555vw;
  background-color: #4163d5;
  border-radius: 0 0 0 1.388888vw;
  color: #ffffff;
}
@media (max-width: 599px) {
  .fixed-header .l-header-wrap .tell-wrap {
    display: none;
  }
}
.fixed-header .l-header-wrap .tell-wrap img {
  width: 2.08333vw;
}
.fixed-header .l-header-wrap .tell-wrap .txt {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 0.90278vw;
  font-size: 0.90278vw;
  color: #ffffff;
}
.fixed-header .l-header-wrap .tell-wrap a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  width: 100%;
  margin-top: 0.69444vw;
  padding: 0.3472222222vw 0;
  font-size: 0.90278vw;
  text-align: center;
  color: #4163d5;
  background-color: #ffffff;
  border-radius: 1.04167vw;
}
.fixed-header .l-header-wrap .tell-wrap a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}

.fixed-header.is-fixed {
  transform: translateY(0);
  opacity: 1;
}

@media (max-width: 599px) {
  .list__open {
    z-index: 1002;
  }
  .list__open .l-header-wrap {
    background-color: transparent;
  }
  .list__open .l-header-wrap h1 {
    opacity: 0;
    pointer-events: none;
  }
}

.l-footer .footer-wrap .bg-blue-wrap {
  padding: 4.167vw 0;
  border-radius: 3.33333vw 3.33333vw 0 0;
  background-color: #4063d5;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .bg-blue-wrap {
    padding: 13.33333vw 9.867vw 10.66666vw;
    border-radius: 10.66666vw 10.66666vw 0 0;
  }
}
.l-footer .footer-wrap .bg-blue-wrap .ancher-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.08333vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .bg-blue-wrap .ancher-list {
    display: none;
  }
}
.l-footer .footer-wrap .bg-blue-wrap .ancher-list li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-align: center;
  color: #fff;
}
.l-footer .footer-wrap .bg-blue-wrap .ancher-list li a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}
.l-footer .footer-wrap .bg-blue-wrap .ancher-list li a:hover img {
  transform: scale(1.2);
}
.l-footer .footer-wrap .bg-blue-wrap .ancher-list li a img {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  display: block;
  width: 2.777777vw;
  margin: 0 auto;
}
.l-footer .footer-wrap .bg-blue-wrap .ancher-list li a span {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  display: block;
  margin-top: 0.3472222222vw;
  font-size: 1.11111vw;
}
.l-footer .footer-wrap .bg-blue-wrap .flex-item {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.388888vw;
  margin-top: 3.47222vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .bg-blue-wrap .flex-item {
    flex-direction: column;
    gap: 5.33333vw;
    margin-top: 0;
  }
}
.l-footer .footer-wrap .l-footer__bottom {
  width: 49.3333vw;
  margin: 0 auto;
  padding: 1.388888vw 0 3.47222vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .l-footer__bottom {
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
    gap: 8vw;
    width: 100%;
    padding: 9.3333vw 5.867vw;
  }
}
.l-footer .footer-wrap .l-footer__bottom .logo {
  display: flex;
  align-items: flex-end;
  gap: 1.388888vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .l-footer__bottom .logo {
    align-items: center;
    gap: 6.667vw;
  }
}
.l-footer .footer-wrap .l-footer__bottom .logo img {
  width: 7.0833vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .l-footer__bottom .logo img {
    width: 18.4vw;
  }
}
.l-footer .footer-wrap .l-footer__bottom .logo p {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: normal;
  margin-bottom: 0.69444vw;
  font-size: 0.97222vw;
  line-height: 1.5;
  color: #000000;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .l-footer__bottom .logo p {
    font-size: 3.73333vw;
    margin-bottom: 0;
  }
}
.l-footer .footer-wrap .l-footer__bottom .logo p a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .l-footer__bottom .logo p a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .l-footer__bottom .logo p a:hover {
  text-decoration: underline;
}
.l-footer .footer-wrap .l-footer__bottom .copyRight {
  margin-top: -1.04167vw;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  font-size: 0.83333vw;
  text-align: right;
  color: #000000;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .l-footer__bottom .copyRight {
    margin-top: 7.733vw;
    font-size: 3.2vw;
    text-align: center;
  }
}

/*---------- Object ----------*/
/*---------- Component ----------*/
.c-fixed-line {
  position: fixed;
  bottom: 20px;
  right: 53px;
  z-index: 10;
}
@media (max-width: 599px) {
  .c-fixed-line {
    bottom: 22px;
    right: 2px;
  }
}
.c-fixed-line a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  display: block;
  text-align: center;
}
.c-fixed-line a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  text-decoration: underline;
}
.c-fixed-line a:hover img {
  transform: scale(1.1);
}
.c-fixed-line a p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 14px;
  color: #222222;
}
@media (max-width: 599px) {
  .c-fixed-line a p {
    background-color: #ffffff;
    padding: 5px 8px;
    border-radius: 15px;
  }
}
.c-fixed-line a img {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  width: 65px;
  margin-top: 11px;
}
@media (max-width: 599px) {
  .c-fixed-line a img {
    margin-top: 6px;
  }
}

/*---------- Project ----------*/
.kv {
  background-color: #4163d5;
  padding: 10.2778vw 10px 0;
}
@media (max-width: 599px) {
  .kv {
    padding: 18.933vw 10px 0;
  }
}
.kv .kv-wrap {
  padding: 8.3333vw 0 28.3333vw 17.6389vw;
  background-color: #fffff8;
  background-image: url(/wp-content/themes/tokuyu/img/top/kv__bg.webp);
  background-size: contain;
  background-repeat: no-repeat;
  background-position-y: top;
}
@media (max-width: 599px) {
  .kv .kv-wrap {
    padding: 37.8667vw 0 64vw 1.3333333333vw;
    background-image: url(/wp-content/themes/tokuyu/img/top/sp/sp__kv__bg.webp);
    background-size: cover;
  }
}
.kv .kv-wrap p {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  width: fit-content;
  padding: 2px 8px;
  font-size: 1.527777vw;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
}
@media (max-width: 599px) {
  .kv .kv-wrap p {
    font-size: 4.26666vw;
  }
}
.kv .kv-wrap p:last-of-type {
  margin-top: 5px;
}
.kv .kv-wrap h2 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 1.7361vw;
  font-size: 5.347vw;
  line-height: 1.3;
}
@media (max-width: 599px) {
  .kv .kv-wrap h2 {
    margin-top: 2.6666666667vw;
    font-size: 11.467vw;
  }
}
.kv .kv-wrap h2 span {
  color: #3548d8;
}

.about {
  position: relative;
  z-index: 1;
  padding-bottom: 11.1111vw;
}
@media (max-width: 599px) {
  .about {
    padding-bottom: 33.8667vw;
  }
}
.about .target {
  width: 76.3889vw;
  margin: -20vw auto 0;
  padding: 3.47222vw 5.555555vw;
  border: 2px solid #f2f2ea;
  border-radius: 1.388888vw;
  background-color: #ffffff;
}
@media (max-width: 599px) {
  .about .target {
    width: 100%;
    margin-top: -26.133vw;
    padding: 10.66666vw 5.867vw;
    border-radius: 5.33333vw;
  }
}
.about .target h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  display: flex;
  align-items: center;
  gap: 0.69444vw;
  font-size: 1.7361vw;
  color: #333333;
}
@media (max-width: 599px) {
  .about .target h3 {
    justify-content: center;
    gap: 4vw;
    font-size: 5.33333vw;
  }
}
.about .target h3 img {
  width: 2.777777vw;
}
@media (max-width: 599px) {
  .about .target h3 img {
    width: 6.1333vw;
  }
}
.about .target .lead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  margin-top: 1.805555vw;
  font-size: 1.11111vw;
  line-height: 1.75;
  color: #7e7e7e;
}
@media (max-width: 599px) {
  .about .target .lead {
    margin-top: 5.33333vw;
    font-size: 4.26666vw;
    line-height: 1.65;
  }
}
.about .target .tgt-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.777777vw;
  margin-top: 2.777777vw;
}
@media (max-width: 599px) {
  .about .target .tgt-list {
    justify-content: flex-start;
    gap: 10.66666vw;
    margin-top: 10.66666vw;
    overflow-x: scroll;
  }
}
.about .target .tgt-list li {
  padding-right: 2.777777vw;
  border-right: 2px dotted #b7c6d8;
}
@media (max-width: 599px) {
  .about .target .tgt-list li {
    padding-right: 10.66666vw;
    flex-shrink: 0;
  }
  .about .target .tgt-list li:first-child {
    margin-left: 21.067vw;
  }
}
.about .target .tgt-list li:last-child {
  padding-right: 0;
  border-right: none;
}
.about .target .tgt-list li p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-size: 1.04167vw;
  text-align: center;
  color: #333333;
}
@media (max-width: 599px) {
  .about .target .tgt-list li p {
    font-size: 4vw;
  }
}
.about .target .tgt-list li img {
  width: 12.1528vw;
  margin-top: 0.83333vw;
}
@media (max-width: 599px) {
  .about .target .tgt-list li img {
    width: 38.6667vw;
    margin-top: 4vw;
  }
}
.about .target .acdn-btn {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  display: block;
  width: 31.9444vw;
  margin: 2.777777vw auto 0;
  padding: 1.597vw 0;
  font-size: 1.11111vw;
  text-align: center;
  text-decoration: underline;
  color: #3548d8;
  border: 1px solid #3548d8;
  border-radius: 0.3472222222vw;
}
.about .target .acdn-btn:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .about .target .acdn-btn {
    width: 100%;
    margin-top: 10.66666vw;
    padding: 6.1333vw 0;
    font-size: 4.26666vw;
    border-radius: 1.3333333333vw;
  }
}
.about .target .acdn-btn:hover {
  text-decoration: none;
}
.about .target .acdn-btn::after {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  content: "";
  position: absolute;
  right: 0.69444vw;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  width: 1.666666vw;
  height: 1.666666vw;
  background-image: url(/wp-content/themes/tokuyu/img/top/about__more-btn__icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 599px) {
  .about .target .acdn-btn::after {
    right: 2.6666666667vw;
    width: 6.4vw;
    height: 6.4vw;
  }
}
.about .target .is-active::after {
  transform: translateY(-50%) rotate(180deg);
}
.about .target .acdn-content {
  display: none;
  margin-top: 3.47222vw;
}
@media (max-width: 599px) {
  .about .target .acdn-content {
    margin-top: 8vw;
  }
}
.about .target .acdn-content .text {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.180555vw;
}
@media (max-width: 599px) {
  .about .target .acdn-content .text {
    font-size: 4.53333vw;
  }
}
.about .target .acdn-content .blue {
  font-weight: 700;
  margin: 1.388888vw 0 0.69444vw;
  color: #3548d8;
}
@media (max-width: 599px) {
  .about .target .acdn-content .blue {
    margin: 5.33333vw 0 2.6666666667vw;
  }
}
.about .target .acdn-content .reg {
  font-weight: 400;
  line-height: 1.75;
}
.about .oita {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  gap: 4.167vw;
  margin-top: 6.9444vw;
}
@media (max-width: 599px) {
  .about .oita {
    flex-direction: column;
    align-items: center;
    gap: 0;
    margin-top: 26.667vw;
    padding: 0 5.33333vw 0;
  }
}
.about .oita .text-wrap {
  position: relative;
  width: 36.8056vw;
  margin-top: 2.9861vw;
  padding: 0.69444vw 0 0 3.47222vw;
}
@media (max-width: 599px) {
  .about .oita .text-wrap {
    width: 100%;
    margin-top: 0;
    padding: 0;
  }
}
.about .oita .text-wrap:before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 4px;
  height: 89%;
  background-color: #ededed;
}
@media (max-width: 599px) {
  .about .oita .text-wrap:before {
    content: none;
  }
}
.about .oita .text-wrap:after {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 1.597vw;
  height: 1.25vw;
  background-image: url(/wp-content/themes/tokuyu/img/top/about__oita__icon.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 599px) {
  .about .oita .text-wrap:after {
    content: none;
  }
}
.about .oita .text-wrap h3 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.7361vw;
  letter-spacing: 0.03em;
  line-height: 1.57;
}
@media (max-width: 599px) {
  .about .oita .text-wrap h3 {
    font-size: 5.6vw;
    line-height: 2.24;
  }
}
.about .oita .text-wrap h3 span {
  font-size: 2.431vw;
}
@media (max-width: 599px) {
  .about .oita .text-wrap h3 span {
    font-size: 8.267vw;
  }
}
.about .oita .text-wrap .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 2.777777vw;
  font-size: 1.11111vw;
  line-height: 1.75;
}
@media (max-width: 599px) {
  .about .oita .text-wrap .text {
    margin-top: 8vw;
    font-size: 4.26666vw;
    line-height: 1.75;
  }
}
.about .oita .area {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  margin-top: 1.388888vw;
  padding: 1.7361vw 1.597vw;
  font-size: 1.11111vw;
  line-height: 1.5;
  color: #3548d8;
  border: 3px solid #ededed;
  border-radius: 0.69444vw;
}
@media (max-width: 599px) {
  .about .oita .area {
    width: 100%;
    margin-top: 10.66666vw;
    padding: 3.73333vw 4vw;
    font-size: 4.26666vw;
    line-height: 1.5;
    border-radius: 2.6666666667vw;
  }
}
.about .oita .oita-pic {
  width: 33.3333vw;
}
@media (max-width: 599px) {
  .about .oita .oita-pic {
    width: 100%;
    margin-top: 16vw;
  }
}

@media (max-width: 599px) {
  .scene {
    padding-top: 21.335vw;
  }
}
.scene .sec-wrap {
  position: relative;
  background-color: #fdfdf0;
  padding-bottom: 7.6389vw;
}
@media (max-width: 599px) {
  .scene .sec-wrap {
    padding-bottom: 36vw;
  }
}
.scene .sec-wrap::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 13.6111vw;
  background-image: url(/wp-content/themes/tokuyu/img/top/scene__arched.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 599px) {
  .scene .sec-wrap::after {
    height: 10.66666vw;
    background-image: url(/wp-content/themes/tokuyu/img/top/sp/sp__scene__arched.svg);
  }
}
.scene .sec-wrap h2 {
  position: relative;
  top: -1.04167vw;
  z-index: 1;
}
@media (max-width: 599px) {
  .scene .sec-wrap h2 {
    top: -11.467vw;
  }
}
.scene .sec-wrap h2 img {
  width: 29.4444vw;
  margin: 0 auto;
}
@media (max-width: 599px) {
  .scene .sec-wrap h2 img {
    width: 58.9333vw;
  }
}
.scene .sec-wrap .scene-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 4.583vw 2.777777vw;
  width: 70.2083vw;
  margin: 5.20833vw auto 0;
}
@media (max-width: 599px) {
  .scene .sec-wrap .scene-list {
    flex-direction: column;
    justify-content: unset;
    align-items: center;
    gap: 16vw;
    width: 100%;
    margin: 16vw auto 0;
    padding: 0 9.06666vw;
  }
}
.scene .sec-wrap .scene-list li {
  text-align: center;
}
.scene .sec-wrap .scene-list li img {
  height: 15.2778vw;
}
@media (max-width: 599px) {
  .scene .sec-wrap .scene-list li img {
    height: 58.6667vw;
  }
}
.scene .sec-wrap .scene-list li h4 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 1.388888vw;
  font-size: 1.666666vw;
  line-height: 1.46;
}
@media (max-width: 599px) {
  .scene .sec-wrap .scene-list li h4 {
    margin-top: 6.667vw;
    font-size: 6.4vw;
  }
}
.scene .sec-wrap .scene-list li p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  width: 21.3194vw;
  margin-top: 1.04167vw;
  font-size: 1.04167vw;
  line-height: 1.75;
  color: #4a5158;
  text-align: left;
}
@media (max-width: 599px) {
  .scene .sec-wrap .scene-list li p {
    width: 100%;
    margin-top: 4vw;
    font-size: 4vw;
  }
}
.scene .sec-wrap .scene-list li:nth-child(3) {
  text-align: unset;
}
.scene .sec-wrap .scene-list li:nth-child(3) h4 {
  text-align: center;
}

.support {
  position: relative;
  padding: 8.3333vw 0 10.4167vw;
}
@media (max-width: 599px) {
  .support {
    padding: 26.667vw 8vw 32vw;
  }
}
.support:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 15.2778vw;
  background-image: url(/wp-content/themes/tokuyu/img/top/support__bg.webp);
  background-size: cover;
  z-index: -1;
}
@media (max-width: 599px) {
  .support:before {
    height: 38.9333vw;
    background-image: url(/wp-content/themes/tokuyu/img/top/sp/sp__support__bg.webp);
  }
}
.support h2 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.056vw;
  text-align: center;
}
@media (max-width: 599px) {
  .support h2 {
    font-size: 10.133vw;
  }
}
.support h2 span {
  display: block;
  width: fit-content;
  margin: 0 auto 1.11111vw;
  padding: 3px 8px;
  font-size: 1.25vw;
  color: #ffffff;
  background-color: #333333;
  border-radius: 3px;
}
@media (max-width: 599px) {
  .support h2 span {
    margin-bottom: 5.33333vw;
    padding: 3px 8px;
    font-size: 4.8vw;
  }
}
.support .support-list {
  display: flex;
  justify-content: center;
  gap: 1.388888vw;
  margin-top: 4.167vw;
}
@media (max-width: 599px) {
  .support .support-list {
    flex-direction: column;
    justify-content: unset;
    align-items: center;
    gap: 8vw;
    margin-top: 16vw;
  }
}
.support .support-list li {
  width: 21.7361vw;
  padding-bottom: 2.431vw;
  border: 3px solid #ffebb1;
  border-radius: 1.388888vw;
  background-color: #ffffff;
}
@media (max-width: 599px) {
  .support .support-list li {
    width: 100%;
    padding-bottom: 9.3333vw;
    border-radius: 5.33333vw;
  }
}
.support .support-list li h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  margin-top: 2.08333vw;
  font-size: 1.666666vw;
  text-align: center;
}
@media (max-width: 599px) {
  .support .support-list li h4 {
    margin-top: 8vw;
    font-size: 6.4vw;
  }
}
.support .support-list li p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 1.388888vw;
  padding: 0 1.3194444444vw;
  font-size: 1.04167vw;
  line-height: 1.75;
  color: #4a5158;
}
@media (max-width: 599px) {
  .support .support-list li p {
    margin-top: 5.33333vw;
    padding: 0 5.33333vw;
    font-size: 4vw;
  }
}

.price {
  padding: 4.167vw 0 8.3333vw;
  background-color: #f0f4fa;
}
@media (max-width: 599px) {
  .price {
    padding: 13.33333vw 0 16vw;
  }
}
.price h2 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.056vw;
  text-align: center;
  color: #314f60;
}
@media (max-width: 599px) {
  .price h2 {
    font-size: 10.133vw;
  }
}
@media (max-width: 599px) {
  .price .text-wrap {
    padding: 0 5.33333vw;
  }
}
.price .text-wrap .caution {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  width: 31.9444vw;
  margin: 2.08333vw auto 0;
  padding: 1.04167vw 0 1.7361vw;
  text-align: center;
  border-top: 1px solid #3f5f72;
  border-bottom: 1px solid #3f5f72;
  font-size: 1.388888vw;
  color: #3f5f72;
}
@media (max-width: 599px) {
  .price .text-wrap .caution {
    width: 100%;
    margin-top: 9.3333vw;
    padding: 4vw 0 6.1333vw;
    font-size: 5.33333vw;
    line-height: 1.45;
  }
}
.price .text-wrap .caution span {
  position: relative;
}
.price .text-wrap .caution span:before {
  content: "";
  position: absolute;
  bottom: -0.69444vw;
  width: 100%;
  height: 0.5555555556vw;
  background-image: url(/wp-content/themes/tokuyu/img/top/price__wavy-line.svg);
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 599px) {
  .price .text-wrap .caution span:before {
    bottom: -2.6666666667vw;
    height: 2.133vw;
  }
}
@media (max-width: 599px) {
  .price .text-wrap .annotation {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
    margin-top: 2.6666666667vw;
    font-size: 4.26666vw;
    text-align: center;
    color: #3548d8;
  }
}
.price .price-table {
  text-align: center;
}
@media (max-width: 599px) {
  .price .price-table {
    overflow-x: scroll;
    padding-left: 5.33333vw;
  }
}
.price .price-table img {
  width: 65.2778vw;
  margin: 3.47222vw auto 0;
}
@media (max-width: 599px) {
  .price .price-table img {
    width: 193.86%;
    max-width: none;
    margin-top: 12.267vw;
  }
}
.price .annotation {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  width: 65.2778vw;
  margin: 1.180555vw auto 0;
  font-size: 1.25vw;
  color: #3f5f72;
}
@media (max-width: 599px) {
  .price .annotation {
    width: auto;
    margin-top: 7.467vw;
    font-size: 4.8vw;
    line-height: 1.44;
    text-align: center;
  }
}

.cv {
  position: relative;
  background-color: #4163d5;
  padding: 6.9444vw 0;
  color: #ffffff;
  overflow-x: hidden;
}
@media (max-width: 599px) {
  .cv {
    padding: 21.335vw 4.26666vw 18.667vw;
  }
}
.cv:before {
  content: "";
  position: absolute;
  bottom: 13.9583vw;
  left: -1.944444vw;
  width: 12.0833vw;
  height: 12.5vw;
  background-image: url(/wp-content/themes/tokuyu/img/top/cv__bg-img__01.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 599px) {
  .cv:before {
    bottom: 8.53333vw;
    left: -8.8vw;
    width: 32.2667vw;
    height: 34.9333vw;
    background-image: url(/wp-content/themes/tokuyu/img/top/sp/sp__cv__bg-img__01.webp);
  }
}
.cv:after {
  content: "";
  position: absolute;
  bottom: 11.6667vw;
  right: -5vw;
  width: 18.9583vw;
  height: 17.9861vw;
  background-image: url(/wp-content/themes/tokuyu/img/top/cv__bg-img__02.webp);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 599px) {
  .cv:after {
    bottom: 2.133vw;
    right: -12.533vw;
    width: 43.7333vw;
    height: 50.4vw;
    background-image: url(/wp-content/themes/tokuyu/img/top/sp/sp__cv__bg-img__02.webp);
  }
}
.cv h2 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  width: fit-content;
  margin: 0 auto;
  padding-bottom: 1.388888vw;
  text-align: center;
  font-size: 3vw;
  border-bottom: 1px dotted #dce3eb;
}
@media (max-width: 599px) {
  .cv h2 {
    padding-bottom: 5.33333vw;
    font-size: 10.133vw;
    line-height: 1.45;
  }
}
.cv .lead {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 1.7361vw;
  font-size: 1.11111vw;
  line-height: 1.97;
  text-align: center;
}
@media (max-width: 599px) {
  .cv .lead {
    margin-top: 8vw;
    font-size: 4.26666vw;
  }
}
.cv .flex-item {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 8.3333vw;
  margin-top: 2.431vw;
}
@media (max-width: 599px) {
  .cv .flex-item {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 5.33333vw;
    margin-top: 13.33333vw;
  }
}
.cv .flex-item::after {
  content: "";
  position: absolute;
  top: 0;
  right: 49.6%;
  height: 100%;
  width: 1px;
  border-left: 1px dotted #fff;
}
@media (max-width: 599px) {
  .cv .flex-item::after {
    content: none;
  }
}
.cv .c-tell-btn {
  height: 4.375vw;
  margin: 4.167vw auto 0;
}
@media (max-width: 599px) {
  .cv .c-tell-btn {
    height: 20vw;
    margin-top: 5.33333vw;
  }
}
.cv .c-btn {
  z-index: 1;
}

.faq {
  padding: 10.4167vw 0;
}
@media (max-width: 599px) {
  .faq {
    padding: 26.667vw 2.6666666667vw 24vw;
  }
}
.faq h2 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.69444vw;
  font-size: 3.056vw;
}
@media (max-width: 599px) {
  .faq h2 {
    position: relative;
    gap: 0;
    font-size: 10.133vw;
  }
}
.faq h2 img {
  width: 4.167vw;
}
@media (max-width: 599px) {
  .faq h2 img {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 0;
    width: 16vw;
  }
}
.faq .internal-links {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 1.7361vw;
  margin-top: 4.862vw;
}
@media (max-width: 599px) {
  .faq .internal-links {
    flex-wrap: wrap;
    gap: 5.33333vw 6.667vw;
    margin-top: 18.667vw;
  }
}
.faq .internal-links li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  display: block;
  width: 15.2778vw;
  padding: 1.04167vw 0;
  font-size: 1.25vw;
  text-align: center;
  color: #50bcff;
  border: 1px solid #50bcff;
  border-radius: 2.22222vw;
}
@media (max-width: 599px) {
  .faq .internal-links li a {
    width: 41.3333vw;
    padding: 1.867vw 0;
    font-size: 4.26666vw;
    border-radius: 8.8vw;
  }
}
.faq .internal-links li a:hover {
  background-color: #50bcff;
  color: #fff;
}
.faq .internal-links li a:hover svg {
  fill: #fff;
}
.faq .internal-links li a svg {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 0.69444vw;
  display: block;
  width: 1.7361vw;
  fill: #50bcff;
}
@media (max-width: 599px) {
  .faq .internal-links li a svg {
    right: 2.6666666667vw;
    width: 6.4vw;
  }
}
.faq .faq-item {
  width: 56.9444vw;
  margin: 6.25vw auto 0;
}
@media (max-width: 599px) {
  .faq .faq-item {
    width: 100%;
    margin: 16vw auto 0;
  }
}
.faq .faq-item h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 700;
  padding-bottom: 1.04167vw;
  font-size: 1.944444vw;
  border-bottom: 4px solid #ededed;
}
@media (max-width: 599px) {
  .faq .faq-item h3 {
    padding-bottom: 4vw;
    font-size: 6.933vw;
  }
}
.faq .faq-item .faq-list {
  display: flex;
  flex-direction: column;
  gap: 1.388888vw;
  margin-top: 1.388888vw;
}
@media (max-width: 599px) {
  .faq .faq-item .faq-list {
    gap: 10.66666vw;
    margin-top: 10.66666vw;
  }
}
.faq .faq-item .faq-list li {
  padding: 1.388888vw;
  border: 1px solid #50bcff;
  border-radius: 0.69444vw;
}
@media (max-width: 599px) {
  .faq .faq-item .faq-list li {
    padding: 6.667vw 2.6666666667vw;
    border-radius: 1.3333333333vw;
  }
}
.faq .faq-item .faq-list li h4 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  position: relative;
  display: flex;
  align-items: center;
  gap: 1.388888vw;
  width: 100%;
  font-size: 1.25vw;
  letter-spacing: 0.06em;
  cursor: pointer;
}
@media (max-width: 599px) {
  .faq .faq-item .faq-list li h4 {
    gap: 4vw;
    padding-right: 7.2vw;
    font-size: 4.8vw;
  }
}
.faq .faq-item .faq-list li h4 img {
  width: 3vw;
}
@media (max-width: 599px) {
  .faq .faq-item .faq-list li h4 img {
    width: 12vw;
  }
}
.faq .faq-item .faq-list li h4::before {
  content: "";
  position: absolute;
  top: 1.527777vw;
  right: 0;
  width: 1.875vw;
  height: 3px;
  background-color: #50bcff;
  border-radius: 3px;
}
@media (max-width: 599px) {
  .faq .faq-item .faq-list li h4::before {
    top: 5.867vw;
    width: 7.2vw;
  }
}
.faq .faq-item .faq-list li h4::after {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  content: "";
  position: absolute;
  top: 0.69444vw;
  right: 0.83333vw;
  height: 1.875vw;
  width: 3px;
  background: #50bcff;
  border-radius: 3px;
}
@media (max-width: 599px) {
  .faq .faq-item .faq-list li h4::after {
    top: 2.6666666667vw;
    right: 3.2vw;
    height: 7.2vw;
  }
}
.faq .faq-item .faq-list li .open::before {
  content: none;
}
.faq .faq-item .faq-list li .open::after {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  -webkit-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.faq .faq-item .faq-list li .faq-content {
  display: none;
}
.faq .faq-item .faq-list li .faq-content .content-inner {
  display: flex;
  align-items: flex-start;
  gap: 1.388888vw;
  margin-top: 1.04167vw;
  padding-top: 1.388888vw;
  border-top: 1px dotted #707070;
}
@media (max-width: 599px) {
  .faq .faq-item .faq-list li .faq-content .content-inner {
    gap: 4vw;
    margin-top: 4vw;
    padding-top: 5.33333vw;
  }
}
.faq .faq-item .faq-list li .faq-content .content-inner img {
  width: 3vw;
}
@media (max-width: 599px) {
  .faq .faq-item .faq-list li .faq-content .content-inner img {
    width: 12vw;
  }
}
.faq .faq-item .faq-list li .faq-content .content-inner p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.11111vw;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
@media (max-width: 599px) {
  .faq .faq-item .faq-list li .faq-content .content-inner p {
    font-size: 4.26666vw;
  }
}

.introduction {
  padding: 5.555555vw 0 8.3333vw;
  background-image: url(/wp-content/themes/tokuyu/img/top/introduction__bg.webp);
  background-repeat: no-repeat;
  background-size: cover;
}
@media (max-width: 599px) {
  .introduction {
    padding: 16vw 5.33333vw 28.2667vw;
    background-image: url(/wp-content/themes/tokuyu/img/top/sp/sp__introduction__bg.webp);
  }
}
.introduction .vehicle {
  display: flex;
  justify-content: center;
  gap: 2.777777vw;
  width: 65.2778vw;
  margin: 0 auto;
  padding: 2.777777vw 2.08333vw;
  background-color: #fff;
  border-radius: 1.388888vw;
}
@media (max-width: 599px) {
  .introduction .vehicle {
    flex-direction: column;
    gap: 10.66666vw;
    width: 100%;
    padding: 16vw 3.73333vw;
  }
}
.introduction .vehicle .img-wrap {
  width: 25.6944vw;
  flex-shrink: 0;
}
.introduction .vehicle .img-wrap .current-wrap {
  position: relative;
}
.introduction .vehicle .img-wrap .current-wrap .current-img {
  width: 100%;
  height: 17.0139vw;
  object-fit: cover;
}
.introduction .vehicle .img-wrap .current-wrap .slide-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 2.777777vw;
  cursor: pointer;
}
.introduction .vehicle .img-wrap .current-wrap .prev {
  left: 0.69444vw;
}
.introduction .vehicle .img-wrap .current-wrap .next {
  right: 0.69444vw;
}
.introduction .vehicle .img-wrap .img-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.69444vw;
  margin-top: 0.69444vw;
}
.introduction .vehicle .img-wrap .img-list li {
  width: 32%;
  cursor: pointer;
}
.introduction .vehicle .img-wrap .img-list li img {
  width: 100%;
  aspect-ratio: 116/77;
  object-fit: cover;
  border-radius: 0.69444vw;
  opacity: 0.3;
}
.introduction .vehicle .img-wrap .img-list li .current {
  opacity: 1;
  border: 3px solid #4163d5;
}
.introduction .vehicle .sp__slider .swiper {
  padding-bottom: 4.8vw;
}
.introduction .vehicle .sp__slider .swiper .swiper-wrapper .swiper-slide img {
  border-radius: 5.33333vw;
}
.introduction .vehicle .sp__slider .swiper .swiper-btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 9.3333vw;
  cursor: pointer;
  z-index: 2;
}
.introduction .vehicle .sp__slider .swiper .swiper-btn-prev {
  left: -1.867vw;
}
.introduction .vehicle .sp__slider .swiper .swiper-btn-next {
  right: -1.867vw;
}
.introduction .vehicle .sp__slider .swiper .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  top: unset;
  bottom: 0;
  gap: 1.3333333333vw;
}
.introduction .vehicle .sp__slider .swiper .swiper-pagination .swiper-pagination-bullet {
  width: 2.133vw;
  height: 2.133vw;
  margin: 0;
  background-color: #eaebf4;
  opacity: 1;
}
.introduction .vehicle .sp__slider .swiper .swiper-pagination .swiper-pagination-bullet-active {
  background-color: #3548d8;
}
.introduction .vehicle .text-wrap h3 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  padding-bottom: 1.388888vw;
  font-size: 1.944444vw;
  border-bottom: 4px solid #ededed;
}
@media (max-width: 599px) {
  .introduction .vehicle .text-wrap h3 {
    padding-bottom: 4vw;
    font-size: 7.467vw;
    text-align: center;
    border-bottom: 1px dotted #9ea6af;
  }
}
.introduction .vehicle .text-wrap .features {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 0.4861111111vw 0.90278vw;
  margin-top: 2.08333vw;
}
@media (max-width: 599px) {
  .introduction .vehicle .text-wrap .features {
    flex-direction: column;
    justify-content: unset;
    gap: 4.26666vw;
    margin-top: 6.667vw;
  }
}
.introduction .vehicle .text-wrap .features li {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  padding: 0.4166666667vw 1.388888vw;
  font-size: 0.97222vw;
  line-height: 1.43;
  color: #fff;
  background-color: #4163d5;
  border-radius: 1.388888vw;
}
@media (max-width: 599px) {
  .introduction .vehicle .text-wrap .features li {
    padding: 2.6666666667vw 5.33333vw;
    font-size: 3.73333vw;
    border-radius: 6.667vw;
  }
}
.introduction .vehicle .text-wrap .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 2.08333vw;
  font-size: 1.11111vw;
  line-height: 1.97;
}
@media (max-width: 599px) {
  .introduction .vehicle .text-wrap .text {
    margin-top: 8vw;
    font-size: 4.26666vw;
  }
}
.introduction .driver {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3.47222vw;
  width: 65.2778vw;
  margin: 4.862vw auto 0;
  padding-top: 4.862vw;
  border-top: 2px dotted #314f60;
}
@media (max-width: 599px) {
  .introduction .driver {
    flex-direction: column;
    gap: 2.6666666667vw;
    width: 100%;
    margin-top: 16vw;
    padding-top: 18.667vw;
  }
}
.introduction .driver .wada-img {
  width: 17.3611vw;
  flex-shrink: 0;
}
@media (max-width: 599px) {
  .introduction .driver .wada-img {
    width: 66.6667vw;
  }
}
.introduction .driver .text-wrap h3 {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 600;
  font-size: 1.875vw;
  letter-spacing: 0.03em;
  line-height: 1.44;
}
@media (max-width: 599px) {
  .introduction .driver .text-wrap h3 {
    text-align: center;
    font-size: 7.2vw;
  }
}
.introduction .driver .text-wrap h3 span {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  display: block;
  margin-bottom: 0.3472222222vw;
  font-size: 1.11111vw;
  line-height: 1.5;
  color: #4163d5;
}
@media (max-width: 599px) {
  .introduction .driver .text-wrap h3 span {
    margin-bottom: 1.3333333333vw;
    font-size: 4.26666vw;
  }
}
.introduction .driver .text-wrap .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 1.388888vw;
  font-size: 1.11111vw;
  line-height: 1.75;
}
@media (max-width: 599px) {
  .introduction .driver .text-wrap .text {
    margin-top: 5.33333vw;
    font-size: 4.26666vw;
  }
}
.introduction .driver .text-wrap .license {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  width: fit-content;
  margin-top: 1.388888vw;
  padding: 1.04167vw;
  font-size: 0.97222vw;
  background-color: #ffffff;
  border-radius: 0.4861111111vw;
}
@media (max-width: 599px) {
  .introduction .driver .text-wrap .license {
    margin-top: 6.667vw;
    padding: 3.73333vw 2.6666666667vw;
    font-size: 3.73333vw;
    line-height: 2.29;
    border-radius: 1.867vw;
  }
}

.contact .contact__wrap {
  padding-top: 6.9444vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap {
    padding: 21.335vw 5.33333vw 16vw;
  }
}
.contact .contact__wrap h2 {
  font-family: "Zen Kaku Gothic New", serif;
  font-weight: 700;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.69444vw;
  font-size: 3.056vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap h2 {
    position: relative;
    gap: 0;
    font-size: 10.133vw;
    line-height: 1.45;
    text-align: center;
  }
}
.contact .contact__wrap h2 img {
  width: 4.167vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap h2 img {
    position: absolute;
    top: 1.3333333333vw;
    transform: none;
    left: 2.6666666667vw;
    width: 10.66666vw;
  }
}
.contact .contact__wrap .text {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  margin-top: 2.777777vw;
  font-size: 1.11111vw;
  line-height: 1.75;
  text-align: center;
}
@media (max-width: 599px) {
  .contact .contact__wrap .text {
    margin-top: 8vw;
    font-size: 4.26666vw;
  }
}
.contact .contact__wrap .tell {
  margin-top: 0.764vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap .tell {
    margin-top: 1.3333333333vw;
  }
}
.contact .contact__wrap .tell a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-family: "Roboto", serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.22222vw;
  text-decoration: underline;
}
.contact .contact__wrap .tell a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .contact .contact__wrap .tell a {
    font-size: 8.53333vw;
  }
}
.contact .contact__wrap .tell a:hover {
  text-decoration: none;
}
.contact .contact__wrap .mw_wp_form {
  width: 65.2778vw;
  margin: 4.167vw auto 8.3333vw;
  padding: 3.47222vw 10.4167vw 4.862vw;
  background-color: #f0f4fa;
  border-radius: 15px;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form {
    width: 100%;
    margin: 16vw 0 0;
    padding: 10.66666vw 2.6666666667vw;
    border-radius: 2.6666666667vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap {
  display: flex;
  flex-direction: column;
  gap: 1.388888vw;
  margin-bottom: 0.69444vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap {
    gap: 8vw;
    margin-bottom: 0;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item .form-item-heading {
  display: flex;
  align-items: center;
  gap: 0.4861111111vw;
  margin-bottom: 0.69444vw;
  font-size: 1.04167vw;
  color: #222;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item .form-item-heading {
    gap: 1.867vw;
    width: auto;
    margin-bottom: 2.6666666667vw;
    font-size: 4vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item .form-item-heading .required {
  font-family: "din-2014", sans-serif;
  font-weight: 400;
  font-style: normal;
  padding: 0.2777777778vw 0.5555555556vw;
  font-size: 0.83333vw;
  color: #fff;
  background-color: #c70a09;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item .form-item-heading .required {
    padding: 1.067vw 2.133vw;
    font-size: 3.2vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item select,
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item input,
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item textarea {
  background: #fff;
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item .select__wrap {
  position: relative;
  width: fit-content;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item .select__wrap {
    width: 100%;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item .select__wrap:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 1.388888vw;
  width: 0.625vw;
  height: 0.625vw;
  border-top: 1px solid #081b23;
  border-right: 1px solid #081b23;
  transform: translateY(-50%) rotate(135deg);
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item .select__wrap:after {
    right: 5.33333vw;
    width: 2.4vw;
    height: 2.4vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item .select__wrap select {
  position: relative;
  width: 20.8333vw;
  height: 4.167vw;
  padding: 1.25vw 1.388888vw;
  font-size: max(1.11111vw, 14px);
  border: 1px solid #cccccc;
  border-radius: 0.3472222222vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item .select__wrap select {
    width: 100%;
    height: 16vw;
    padding: 4.8vw 5.33333vw;
    font-size: 4.26666vw;
    border-radius: 1.3333333333vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item input,
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item textarea {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  width: 100%;
  font-size: max(1.11111vw, 14px);
  border: 1px solid #cccccc;
  border-radius: 0.3472222222vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item input,
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item textarea {
    font-size: 4.26666vw;
    border-radius: 1.3333333333vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item input {
  width: 22.9167vw;
  height: 4.167vw;
  padding: 1.25vw 1.388888vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item input {
    width: 100%;
    height: 16vw;
    padding: 4.8vw 5.33333vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item textarea {
  height: 20.8333vw;
  padding: 1.388888vw;
  line-height: 1.5;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item textarea {
    height: 100%;
    padding: 8vw 5.33333vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item ::placeholder {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 1.11111vw;
  color: #c1c1c1;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item ::placeholder {
    font-size: 4.26666vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .form-item .error {
  font-family: "Noto Sans JP", sans-serif;
  font-size: min(0.97222vw, 14px);
  background-color: transparent;
  color: #c70a09;
  margin-left: 0;
  padding-top: 5px;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form-wrap .form-item .error {
    font-size: 3.73333vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form-wrap .company-name input {
  width: 100%;
}
.contact .contact__wrap .mw_wp_form form .privacy {
  width: 43.0556vw;
  height: 9.0278vw;
  overflow: scroll;
  margin: 0 auto 2.08333vw;
  padding: 1.388888vw;
  border: 1px solid #c4c4c4;
  background-color: #fff;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .privacy {
    width: 100%;
    height: 34.6667vw;
    margin-bottom: 8vw;
    padding: 5.33333vw 6.667vw;
  }
}
.contact .contact__wrap .mw_wp_form form .privacy p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  font-size: 0.90278vw;
  line-height: 1.62;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .privacy p {
    font-size: 3.46666vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form__check-box {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 0.3472222222vw;
  font-size: 1.11111vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form__check-box {
    text-align: center;
    align-items: center;
    gap: 2.6666666667vw;
    font-size: 4.26666vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form__check-box p {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  display: flex;
  align-items: center;
  gap: 0.69444vw;
  font-size: 1.11111vw;
  color: #222222;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form__check-box p {
    gap: 2.6666666667vw;
    font-size: 4.26666vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form__check-box .error {
  position: absolute;
  bottom: -1.7361vw;
  right: 50%;
  transform: translateX(50%);
  font-size: min(0.97222vw, 14px);
  color: #c70a09;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form__check-box .error {
    font-size: 3.73333vw;
    bottom: -5.33333vw;
    white-space: nowrap;
  }
}
.contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  position: relative;
  display: block;
  width: 25vw;
  height: 4.167vw;
  line-height: 4.167vw;
  text-align: center;
  margin: 2.777777vw auto 0;
  background-color: #4063d5;
  border-radius: 2.08333vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm {
    width: 100%;
    height: 16vw;
    line-height: 16vw;
    margin-top: 13.33333vw;
    border-radius: 8vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm button {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  position: relative;
  display: block;
  width: 100%;
  font-size: 1.11111vw;
  letter-spacing: 0.03em;
  color: #fff;
}
.contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm button:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm button {
    font-size: 4.26666vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm button::after {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  content: "";
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 1.388888vw;
  width: 1.04167vw;
  height: 0.83333vw;
  background-image: url(/wp-content/themes/tokuyu/img/top/right-arrow.svg);
  background-size: contain;
  background-repeat: no-repeat;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm button::after {
    right: 5.33333vw;
    width: 4vw;
    height: 3.2vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm button:hover {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm button:hover::after {
  right: 1.04167vw;
}
@media (max-width: 599px) {
  .contact .contact__wrap .mw_wp_form form .form__button__wrap .confirm button:hover::after {
    right: 4vw;
  }
}
.contact .contact__wrap .mw_wp_form form .form__button__wrap br {
  display: none;
}

.mw_wp_form_input .form__check-box .mwform-checkbox-field label .mwform-checkbox-field-text {
  position: relative;
  display: inline-block;
  color: #f3f3f1;
  cursor: pointer;
  background: #fff;
}

.mw_wp_form_input .form__check-box .mwform-checkbox-field label .mwform-checkbox-field-text::before {
  content: "";
  display: block;
  width: 1.597vw;
  height: 1.597vw;
  border: 1px solid #cccccc;
  border-radius: 0.2083333333vw;
}
@media (max-width: 599px) {
  .mw_wp_form_input .form__check-box .mwform-checkbox-field label .mwform-checkbox-field-text::before {
    width: 6.1333vw;
    height: 6.1333vw;
    border-radius: 0.8vw;
  }
}

.mw_wp_form_input .form__check-box .mwform-checkbox-field label input[type=checkbox]:checked + span::after {
  content: "";
  position: absolute;
  left: 0.69444vw;
  top: 42%;
  display: block;
  width: 0.5555555556vw;
  height: 1.11111vw;
  border-right: 2px solid #444444;
  border-bottom: 2px solid #444444;
  transform: translateY(-50%) rotate(45deg);
}
@media (max-width: 599px) {
  .mw_wp_form_input .form__check-box .mwform-checkbox-field label input[type=checkbox]:checked + span::after {
    left: 2.6666666667vw;
    width: 2.133vw;
    height: 4.26666vw;
  }
}

.privacypolicy-box .error {
  position: absolute;
  font-size: 14px;
}

.form__radio input[type=radio]:checked + .radio-wrap .radio_btn_item {
  /* 選択時の背景色 */
  background-color: #4caf50;
  /* 選択時のテキスト色 */
  color: #fff;
}

/*---------- 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;
  }
}