@charset "UTF-8";
/*---------- Layout ----------*/
/*---------- 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 ----------*/
@font-face {
  font-family: "Avenir";
  src: url("/wp-content/themes/itoh-clean/assets/fonts/AvenirLTStd-Roman.otf") format("truetype");
  font-weight: 400;
}
/*---------- Foundation ----------*/
/* ブレイクポイント関連 */
/* フォント */
/* アニメーション用 */
/* レイアウト用 */
/*---------- Foundation ----------*/
body {
  position: relative;
  font-family: "Noto Sans JP", serif;
  font-weight: 400;
  color: #333333;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background-color: #fff;
}

main {
  position: relative;
  overflow-x: hidden;
}

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-b,
.c-btn-w,
.c-btn-bd {
  font-family: "Noto Sans JP", serif;
  font-weight: 600;
  font-style: normal;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  position: relative;
  gap: 0.83333vw;
  width: fit-content;
  padding: 1.25vw 0;
  font-size: 1.11111vw;
  letter-spacing: 0.05em;
  border-radius: 2.431vw;
}
.c-btn-b:hover,
.c-btn-w:hover,
.c-btn-bd:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
@media (max-width: 599px) {
  .c-btn-b,
  .c-btn-w,
  .c-btn-bd {
    gap: 2.6666666667vw;
    padding: 4.8vw 0;
    font-size: 4.26666vw;
    border-radius: 9.3333vw;
  }
}
.c-btn-b::after,
.c-btn-w::after,
.c-btn-bd::after {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  content: "";
  position: relative;
  display: block;
  width: 2.777777vw;
  height: 0.90278vw;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 599px) {
  .c-btn-b::after,
  .c-btn-w::after,
  .c-btn-bd::after {
    width: 10.66666vw;
    height: 3.46666vw;
  }
}
.c-btn-b:hover::after,
.c-btn-w:hover::after,
.c-btn-bd:hover::after {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  transform: translateX(10px);
}

.c-btn-b {
  color: #fff;
  background: #4398e2;
}
.c-btn-b::after {
  background-image: url(/wp-content/themes/itoh-clean/assets/img/common/icon/icon__btn-arrow-white.svg);
}

.c-btn-w {
  color: #4398e2;
  background: #fff;
}
.c-btn-w::after {
  background-image: url(/wp-content/themes/itoh-clean/assets/img/common/icon/icon__btn-arrow-blue.svg);
}

.c-btn-bd {
  color: #4398e2;
  border: 1.5px solid #4398e2;
}
.c-btn-bd::after {
  background-image: url(/wp-content/themes/itoh-clean/assets/img/common/icon/icon__btn-arrow-blue.svg);
}

/**
 * ----------------------------------------
 * タイトル
 * ----------------------------------------
*/
.c-ttl {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 2.08333vw;
  color: #5d5d5d;
  text-align: center;
  line-height: 1.5;
}
@media (max-width: 599px) {
  .c-ttl {
    font-size: 7.467vw;
    line-height: 1.33;
  }
}
.c-ttl span {
  font-family: "Poppins", sans-serif;
  font-weight: 400;
  font-style: normal;
  display: block;
  margin-bottom: 1.527777vw;
  font-size: 1.25vw;
  letter-spacing: 0.05em;
  color: #4f8fc7;
}
@media (max-width: 599px) {
  .c-ttl span {
    margin-bottom: 2.6666666667vw;
    font-size: 4.8vw;
  }
}

.c-ttl-stars {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  position: relative;
  width: fit-content;
  margin: 0 auto;
  font-size: 1.527777vw;
  text-align: center;
  color: #4398e2;
}
@media (max-width: 599px) {
  .c-ttl-stars {
    font-size: 5.867vw;
  }
}
.c-ttl-stars::before, .c-ttl-stars::after {
  content: "";
  position: absolute;
  bottom: 0.2083333333vw;
  width: 1.7361vw;
  height: 1.3194444444vw;
  background-repeat: no-repeat;
  background-size: contain;
}
@media (max-width: 599px) {
  .c-ttl-stars::before, .c-ttl-stars::after {
    bottom: 0.8vw;
    width: 6.667vw;
    height: 5.06666vw;
  }
}
.c-ttl-stars::before {
  left: -2.292vw;
  background-image: url(/wp-content/themes/itoh-clean/assets/img/common/icon/icon__ttl-2-stars-left.svg);
}
@media (max-width: 599px) {
  .c-ttl-stars::before {
    left: -8.8vw;
  }
}
.c-ttl-stars::after {
  right: -2.292vw;
  background-image: url(/wp-content/themes/itoh-clean/assets/img/common/icon/icon__ttl-2-stars-right.svg);
}
@media (max-width: 599px) {
  .c-ttl-stars::after {
    right: -8.8vw;
  }
}

/**
 * ----------------------------------------
 * お問い合わせバナー
 * ----------------------------------------
*/
.fixed-banner {
  display: none;
}
@media (max-width: 599px) {
  .fixed-banner {
    position: fixed;
    bottom: 5.33333vw;
    right: 0;
    display: flex;
    padding: 4.8vw 4.53333vw;
    background: linear-gradient(180deg, #4398e2, #80b9eb);
    border-radius: 2.6666666667vw 0 0 2.6666666667vw;
    z-index: 998;
  }
  .fixed-banner a {
    font-family: "Noto Sans JP", serif;
    font-weight: 600;
    font-style: normal;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    display: flex;
    align-items: center;
    gap: 1.6vw;
    font-size: 4.26666vw;
    letter-spacing: 0.3em;
    writing-mode: vertical-rl;
    color: #fff;
  }
  .fixed-banner a:hover {
    opacity: 0.5;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
}

.global-nav {
  display: none;
}
@media (max-width: 599px) {
  .global-nav {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    position: fixed;
    top: 0;
    right: 0;
    width: 100%;
    height: 100vh;
    background-color: #4398e2;
    z-index: 1001;
    overflow-y: scroll;
    overflow-x: hidden;
    display: block;
    visibility: hidden;
    opacity: 0;
    pointer-events: none;
  }
  .global-nav .global-nav-inner {
    position: relative;
    padding: 21.335vw 5.33333vw 13.33333vw;
  }
  .global-nav .global-nav-inner::after {
    content: "";
    position: absolute;
    bottom: 6.667vw;
    right: -2.6666666667vw;
    width: 30.6667vw;
    height: 30.6667vw;
    background-image: url("/wp-content/themes/itoh-clean/assets/img/common/nav__absFigure.webp");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .global-nav .global-nav-inner ul.anchor-list {
    display: flex;
    flex-direction: column;
    gap: 8vw;
  }
  .global-nav .global-nav-inner ul.anchor-list li a {
    font-family: "Noto Sans JP", serif;
    font-weight: 600;
    font-style: normal;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    font-size: 4.8vw;
    color: #fff;
  }
  .global-nav .global-nav-inner ul.anchor-list li a:hover {
    opacity: 0.5;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .global-nav .global-nav-inner a.c-btn-w {
    justify-content: flex-start;
    width: 76vw;
    margin: 20.8vw auto 0;
    padding: 4.53333vw 0 4.53333vw 23.2vw;
    font-size: 4.8vw;
  }
  .global-nav .global-nav-inner a.c-btn-w::before {
    content: "";
    position: absolute;
    left: -8vw;
    top: 50%;
    transform: translateY(-50%);
    width: 32vw;
    height: 29.3333vw;
    background-image: url("/wp-content/themes/itoh-clean/assets/img/common/btn__absFigure.webp");
    background-repeat: no-repeat;
    background-size: contain;
  }
  .global-nav .global-nav-inner .bottom {
    margin-top: 30.9333vw;
  }
  .global-nav .global-nav-inner .bottom h1 a {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .global-nav .global-nav-inner .bottom h1 a:hover {
    opacity: 0.5;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .global-nav .global-nav-inner .bottom h1 a img {
    width: 68.5333vw;
  }
  .global-nav .global-nav-inner .bottom p.address {
    font-family: "Noto Sans JP", serif;
    font-weight: 500;
    font-style: normal;
    margin-top: 4vw;
    font-size: 4.26666vw;
    letter-spacing: 0.02em;
    color: #fff;
  }
  .global-nav .global-nav-inner .bottom ul.sns-wrap {
    display: flex;
    align-items: center;
    gap: 2.6666666667vw;
    margin-top: 10.933vw;
  }
  .global-nav .global-nav-inner .bottom ul.sns-wrap li a {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .global-nav .global-nav-inner .bottom ul.sns-wrap li a:hover {
    opacity: 0.5;
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  }
  .global-nav .global-nav-inner .bottom ul.sns-wrap li a img {
    width: 12.8vw;
  }
}

.global-nav.nav-open {
  visibility: visible;
  opacity: 1;
  pointer-events: unset;
}

/*---------- Foundation ----------*/
.l-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1000;
  background-color: #ffffff;
}
.l-header .l-header-wrap {
  display: flex;
  align-items: center;
  gap: 5.625vw;
  padding: 1.7361vw 2.777777vw 1.7361vw 4.375vw;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap {
    padding: 5.33333vw 8vw 4vw;
    justify-content: space-between;
  }
}
.l-header .l-header-wrap h1 a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header .l-header-wrap h1 a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-header .l-header-wrap h1 a img {
  width: 17.9167vw;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap h1 a img {
    max-width: unset;
    width: 49.3333vw;
  }
}
.l-header .l-header-wrap .flex-box {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.777777vw;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap .flex-box {
    display: none;
  }
}
.l-header .l-header-wrap .flex-box ul.anchor-list {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.08333vw;
}
.l-header .l-header-wrap .flex-box ul.anchor-list li a,
.l-header .l-header-wrap .flex-box ul.anchor-list li p {
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.04167vw;
  white-space: nowrap;
}
.l-header .l-header-wrap .flex-box ul.anchor-list li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  position: relative;
}
.l-header .l-header-wrap .flex-box ul.anchor-list li a::after {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  content: "";
  position: absolute;
  top: -0.83333vw;
  right: 50%;
  transform: translateX(50%);
  width: 0.83333vw;
  height: 0.83333vw;
  background-image: url(/wp-content/themes/itoh-clean/assets/img/common/icon/icon__star-blue.svg);
  background-repeat: no-repeat;
  background-size: contain;
  opacity: 0;
}
.l-header .l-header-wrap .flex-box ul.anchor-list li a:hover {
  color: #4398e2;
}
.l-header .l-header-wrap .flex-box ul.anchor-list li a:hover::after {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  opacity: 1;
}
.l-header .l-header-wrap .flex-box a.c-btn-b {
  gap: 0.83333vw;
  padding: 1.597vw 2.431vw;
  font-size: 1.11111vw;
  border-radius: 2.431vw;
  flex-shrink: 0;
  background: linear-gradient(90deg, #4398e2, #80b9eb);
}
.l-header .l-header-wrap .flex-box a.c-btn-b::after {
  width: 2.777777vw;
  height: 0.90278vw;
}
.l-header .l-header-wrap .flex-box a.c-btn-b:hover::after {
  transform: translateX(0.69444vw);
}
.l-header .l-header-wrap .global-nav__btn {
  display: none;
}
@media (max-width: 599px) {
  .l-header .l-header-wrap .global-nav__btn {
    cursor: pointer;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.6vw;
    z-index: 1002;
  }
  .l-header .l-header-wrap .global-nav__btn .bar-wrap {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 7.467vw;
    height: 5.33333vw;
  }
  .l-header .l-header-wrap .global-nav__btn .bar-wrap span {
    transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
    position: absolute;
    right: 0;
    display: block;
    width: 7.467vw;
    height: 0.6667vw;
    background-color: #4398e2;
  }
  .l-header .l-header-wrap .global-nav__btn .bar-wrap span:first-child {
    top: 0;
  }
  .l-header .l-header-wrap .global-nav__btn .bar-wrap span:nth-child(2) {
    top: 50%;
    transform: translateY(-50%);
  }
  .l-header .l-header-wrap .global-nav__btn .bar-wrap span:last-child {
    bottom: 0;
  }
  .l-header .l-header-wrap .global-nav__btn p {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
    font-size: 3.73333vw;
    color: #4398e2;
  }
}
.l-header .l-header-wrap .global-nav__btn.btn-open .bar-wrap span {
  background-color: #fff;
}
.l-header .l-header-wrap .global-nav__btn.btn-open .bar-wrap span:first-child {
  transform: translateX(0%) translateY(3.2vw) rotate(30deg);
}
.l-header .l-header-wrap .global-nav__btn.btn-open .bar-wrap span:nth-child(2) {
  display: none;
}
.l-header .l-header-wrap .global-nav__btn.btn-open .bar-wrap span:last-child {
  transform: translateX(0%) translateY(-1.388888vw) rotate(-30deg);
}
.l-header .l-header-wrap .global-nav__btn.btn-open p {
  color: #ffffff;
}

/*---------- Foundation ----------*/
.l-footer {
  position: relative;
  background-color: #387fbe;
  padding: 7.6389vw 15.9722vw 3.75vw;
}
@media (max-width: 599px) {
  .l-footer {
    padding: 16vw 5.33333vw 5.33333vw;
    z-index: 999;
  }
}
.l-footer .footer-wrap {
  color: #fff;
}
.l-footer .footer-wrap .footer-top {
  display: flex;
  align-items: flex-start;
  gap: 26.3194vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-top {
    flex-direction: column;
    justify-content: unset;
    align-items: unset;
    gap: 13.33333vw;
  }
}
.l-footer .footer-wrap .footer-top .info h1 a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer-top .info h1 a:hover {
  opacity: 0.5;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer-top .info h1 a img {
  width: 18.1944vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-top .info h1 a img {
    width: 69.8667vw;
  }
}
.l-footer .footer-wrap .footer-top .info p.desc {
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 2.08333vw;
  font-size: 1.11111vw;
  letter-spacing: 0.02em;
  line-height: 1.88;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-top .info p.desc {
    margin-top: 8vw;
    font-size: 4.26666vw;
  }
}
.l-footer .footer-wrap .footer-top .info p.ceo {
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 2.08333vw;
  font-size: 1.11111vw;
  letter-spacing: 0.02em;
  line-height: 1.88;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-top .info p.ceo {
    margin-top: 8vw;
    font-size: 4.26666vw;
  }
}
.l-footer .footer-wrap .footer-top ul.anchor-list {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 1.388888vw 2.22222vw;
  height: 11.1111vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-top ul.anchor-list {
    flex-wrap: nowrap;
    height: auto;
    gap: 5.33333vw;
  }
}
.l-footer .footer-wrap .footer-top ul.anchor-list li a {
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  font-style: normal;
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
  font-size: 1.11111vw;
}
.l-footer .footer-wrap .footer-top ul.anchor-list 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-top ul.anchor-list li a {
    font-size: 4.26666vw;
  }
}
.l-footer .footer-wrap .footer-bottom {
  display: flex;
  justify-content: space-between;
  margin-top: 6.25vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-bottom {
    flex-direction: column;
    justify-content: unset;
    margin-top: 21.335vw;
    gap: 16vw;
  }
}
.l-footer .footer-wrap .footer-bottom ul.sns-list {
  display: flex;
  gap: 1.388888vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-bottom ul.sns-list {
    gap: 5.33333vw;
  }
}
.l-footer .footer-wrap .footer-bottom ul.sns-list li a {
  transition: all 600ms cubic-bezier(0.17, 0.935, 0.305, 1);
}
.l-footer .footer-wrap .footer-bottom ul.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-bottom ul.sns-list li a .fb {
  width: 0.90278vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-bottom ul.sns-list li a .fb {
    width: 3.46666vw;
  }
}
.l-footer .footer-wrap .footer-bottom ul.sns-list li a .ig {
  width: 1.666666vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-bottom ul.sns-list li a .ig {
    width: 6.4vw;
  }
}
.l-footer .footer-wrap .footer-bottom .copyRight {
  font-family: "Avenir";
  font-weight: 400;
  font-size: 0.90278vw;
}
@media (max-width: 599px) {
  .l-footer .footer-wrap .footer-bottom .copyRight {
    text-align: center;
    font-size: 3.2vw;
  }
}

/*---------- Component ----------*/
/*---------- Foundation ----------*/
.c-contact {
  position: relative;
  padding-bottom: 8.3333vw;
  overflow: hidden;
}
@media (max-width: 599px) {
  .c-contact {
    padding: 0 5.06666vw 26.667vw;
  }
}
.c-contact::before {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  bottom: -2.431vw;
  left: -2.431vw;
  width: 20.9722vw;
  height: 20.9722vw;
  background-image: url(/wp-content/themes/itoh-clean/assets/img/parts/c-contact__abs01.webp);
  opacity: 0.8;
  pointer-events: none;
  z-index: 0;
}
@media (max-width: 599px) {
  .c-contact::before {
    display: none;
  }
}
.c-contact::after {
  content: "";
  position: absolute;
  background-repeat: no-repeat;
  background-size: contain;
  top: 3.47222vw;
  right: -1.04167vw;
  width: 6.597vw;
  height: 6.597vw;
  background-image: url(/wp-content/themes/itoh-clean/assets/img/parts/c-contact__abs02.webp);
}
@media (max-width: 599px) {
  .c-contact::after {
    display: none;
  }
}
.c-contact .sec-wrap {
  width: 83.3333vw;
  margin: 0 auto;
  padding: 8.3333vw 0;
  background-color: #f4f3f0;
  border-radius: 0.69444vw;
}
@media (max-width: 599px) {
  .c-contact .sec-wrap {
    width: auto;
    padding: 16vw 5.33333vw 21.335vw;
    background-color: #f4f3f0;
    border-radius: 2.6666666667vw;
  }
}
.c-contact .sec-wrap h2.c-ttl span {
  margin-bottom: 1.7361vw;
}
@media (max-width: 599px) {
  .c-contact .sec-wrap h2.c-ttl span {
    margin-bottom: 3.2vw;
  }
}
.c-contact .sec-wrap .flex {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 2.153vw;
  margin-top: 2.708vw;
}
@media (max-width: 599px) {
  .c-contact .sec-wrap .flex {
    flex-direction: column;
    justify-content: unset;
    gap: 7.733vw;
    margin-top: 6.4vw;
  }
}
.c-contact .sec-wrap .flex img {
  width: 7.2917vw;
}
@media (max-width: 599px) {
  .c-contact .sec-wrap .flex img {
    width: 20.8vw;
  }
}
.c-contact .sec-wrap .flex p {
  font-family: "Noto Sans JP", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.25vw;
  line-height: 1.78;
  color: #333333;
}
@media (max-width: 599px) {
  .c-contact .sec-wrap .flex p {
    font-size: 4.26666vw;
    line-height: 1.8;
    text-align: center;
  }
}
.c-contact .sec-wrap a.c-btn-b {
  width: 21.9444vw;
  margin: 4.236vw auto 0;
}
@media (max-width: 599px) {
  .c-contact .sec-wrap a.c-btn-b {
    width: 100%;
    margin-top: 9.867vw;
  }
}

/*---------- Project ----------*/
/*---------- Foundation ----------*/
.kv {
  position: relative;
  width: 100%;
  height: calc(100vh - 8.3333vw);
  padding-bottom: 120px;
}
@media (max-width: 599px) {
  .kv {
    height: calc(100vh - 21.335vw);
    padding-bottom: 45.3333vw;
  }
}
.kv .kvSwiper {
  width: 100%;
  height: 100%;
}
.kv .kvSwiper .swiper-wrapper .swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.kv .sec-wrap {
  position: absolute;
  bottom: 90px;
  left: 11.1111vw;
  z-index: 1;
  padding-right: 1.388888vw;
}
@media (max-width: 599px) {
  .kv .sec-wrap {
    bottom: 16vw;
    left: 5.33333vw;
    padding-right: 0;
  }
}
.kv .sec-wrap p.en {
  font-family: "Damion", cursive;
  font-weight: 400;
  font-style: normal;
  font-size: 28px;
  color: #4398e2;
}
@media (max-width: 599px) {
  .kv .sec-wrap p.en {
    font-size: 6.5vw;
  }
}
.kv .sec-wrap h2 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-top: 20px;
  font-size: 46px;
  line-height: 1.52;
  color: #5d5d5d;
}
@media (max-width: 599px) {
  .kv .sec-wrap h2 {
    margin-top: 4vw;
    font-size: 9.6vw;
    line-height: 1.61;
  }
}
.kv .sec-wrap p.txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 60px;
  font-size: 18px;
  color: #222222;
}
@media (max-width: 599px) {
  .kv .sec-wrap p.txt {
    margin-top: 6.667vw;
    font-size: 4.26666vw;
    line-height: 1.63;
  }
}

/*---------- Foundation ----------*/
.thought {
  position: relative;
  padding: 8.3333vw 0 17.2222vw;
  background-color: #f4f2ef;
}
@media (max-width: 599px) {
  .thought {
    padding: 16vw 5.867vw 30.6667vw;
  }
}
.thought::before {
  content: "";
  position: absolute;
  bottom: -1px;
  right: 0;
  width: 100%;
  height: 8.6806vw;
  background-image: url(/wp-content/themes/itoh-clean/assets/img/top/bottom-half-circle.svg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}
@media (max-width: 599px) {
  .thought::before {
    height: 10.66666vw;
  }
}
.thought .sec-wrap h2.c-ttl {
  font-size: 2.22222vw;
}
@media (max-width: 599px) {
  .thought .sec-wrap h2.c-ttl {
    font-size: 7.467vw;
  }
}
.thought .sec-wrap p.txt {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 3.47222vw;
  font-size: 1.11111vw;
  line-height: 2;
  text-align: center;
}
@media (max-width: 599px) {
  .thought .sec-wrap p.txt {
    margin-top: 14.66666vw;
    font-size: 4vw;
    line-height: 2.13;
  }
}

/*---------- Foundation ----------*/
.promise {
  background-color: #ffffff;
  margin-top: -1px;
  padding-bottom: 8.3333vw;
}
@media (max-width: 599px) {
  .promise {
    padding: 13.33333vw 5.33333vw 26.667vw;
  }
}
.promise .sec-wrap {
  text-align: center;
}
.promise .sec-wrap ul.promise-list {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  gap: 6.9444vw;
  margin-top: 4.167vw;
}
@media (max-width: 599px) {
  .promise .sec-wrap ul.promise-list {
    flex-direction: column;
    justify-content: unset;
    gap: 25.333vw;
    margin-top: 12vw;
  }
}
.promise .sec-wrap ul.promise-list::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 50%;
  transform: translate(50%, -50%);
  width: 2px;
  height: 100%;
  background-color: rgba(195, 192, 188, 0.3);
}
@media (max-width: 599px) {
  .promise .sec-wrap ul.promise-list::after {
    content: none;
  }
}
.promise .sec-wrap ul.promise-list li {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: 29.1667vw;
}
@media (max-width: 599px) {
  .promise .sec-wrap ul.promise-list li {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .promise .sec-wrap ul.promise-list li:first-child {
    position: relative;
  }
  .promise .sec-wrap ul.promise-list li:first-child::after {
    content: "";
    position: absolute;
    bottom: -13.33333vw;
    right: 0;
    width: 100%;
    height: 2px;
    background-color: #c3c0bc;
    opacity: 0.3;
  }
}
.promise .sec-wrap ul.promise-list li h3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.388888vw;
  letter-spacing: 0.05em;
  line-height: 1.9;
  text-decoration: underline;
  text-underline-offset: 0.5555555556vw;
  text-decoration-color: #707070;
  color: #5d5d5d;
}
@media (max-width: 599px) {
  .promise .sec-wrap ul.promise-list li h3 {
    font-size: 5.33333vw;
    line-height: 1.9;
    text-underline-offset: 2.133vw;
  }
}
.promise .sec-wrap ul.promise-list li img {
  width: 26.3889vw;
  margin: 2.08333vw 0 1.388888vw;
}
@media (max-width: 599px) {
  .promise .sec-wrap ul.promise-list li img {
    width: 100%;
    margin: 6.667vw 0 4vw;
  }
}
.promise .sec-wrap ul.promise-list li p {
  font-family: "Noto Sans JP", serif;
  font-weight: 600;
  font-style: normal;
  font-size: 1.11111vw;
  letter-spacing: 0.03em;
  line-height: 1.63;
  color: #333333;
}
@media (max-width: 599px) {
  .promise .sec-wrap ul.promise-list li p {
    font-size: 4.26666vw;
    line-height: 1.8;
  }
}

/*---------- Foundation ----------*/
.service .sec-wrap h3 {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.944444vw;
  line-height: 1.61;
  color: #5d5d5d;
}
@media (max-width: 599px) {
  .service .sec-wrap h3 {
    font-size: 7.467vw;
  }
}
.service .sec-wrap h3 span {
  font-family: "Avenir";
  font-weight: 400;
  display: block;
  margin-bottom: 0.3472222222vw;
  font-size: 1.25vw;
  letter-spacing: 0.05em;
  color: #4398e2;
}
@media (max-width: 599px) {
  .service .sec-wrap h3 span {
    margin-bottom: 1.3333333333vw;
    font-size: 4.8vw;
  }
}
.service .sec-wrap .top {
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 2.08333vw;
  background-color: #f4f2ef;
}
@media (max-width: 599px) {
  .service .sec-wrap .top {
    flex-direction: column-reverse;
    justify-content: unset;
    align-items: center;
    gap: 10.66666vw;
  }
}
.service .sec-wrap .top .txt-wrap {
  width: 31.9444vw;
  text-align: left;
}
@media (max-width: 599px) {
  .service .sec-wrap .top .txt-wrap {
    width: 100%;
    padding: 0 5.33333vw 13.33333vw;
  }
}
.service .sec-wrap .top .txt-wrap p.lead {
  font-family: "Noto Sans JP", serif;
  font-weight: 500;
  font-style: normal;
  margin-top: 1.7361vw;
  font-size: 1.11111vw;
  line-height: 2;
  color: #333333;
}
@media (max-width: 599px) {
  .service .sec-wrap .top .txt-wrap p.lead {
    margin-top: 6.667vw;
    font-size: 4.26666vw;
    line-height: 1.8;
  }
}
.service .sec-wrap .top .txt-wrap a.c-btn-bd {
  width: 18.4028vw;
  margin-top: 2.777777vw;
}
@media (max-width: 599px) {
  .service .sec-wrap .top .txt-wrap a.c-btn-bd {
    width: 70.6667vw;
    margin: 10.133vw auto 0;
  }
}
.service .sec-wrap .top img {
  width: 49.3333vw;
  flex-shrink: 0;
}
@media (max-width: 599px) {
  .service .sec-wrap .top img {
    width: 100%;
  }
}
.service .sec-wrap ul.service-list {
  display: flex;
  justify-content: center;
  gap: 9.7222vw;
  padding: 9.7917vw 0 10.0694vw;
}
@media (max-width: 599px) {
  .service .sec-wrap ul.service-list {
    flex-direction: column;
    justify-content: unset;
    gap: 21.335vw;
    padding: 13.33333vw 5.33333vw 26.667vw;
  }
}
.service .sec-wrap ul.service-list li {
  width: 29.1667vw;
}
@media (max-width: 599px) {
  .service .sec-wrap ul.service-list li {
    width: 100%;
  }
}
@media (max-width: 599px) {
  .service .sec-wrap ul.service-list li h3 {
    line-height: 1.25;
  }
  .service .sec-wrap ul.service-list li h3 span {
    margin-bottom: 2.6666666667vw;
  }
}
.service .sec-wrap ul.service-list li img {
  margin-top: 3.47222vw;
}
@media (max-width: 599px) {
  .service .sec-wrap ul.service-list li img {
    margin-top: 8vw;
  }
}
.service .sec-wrap ul.service-list li p.txt {
  font-family: "Noto Sans JP", serif;
  font-weight: 600;
  font-style: normal;
  margin-top: 1.04167vw;
  font-size: 1.11111vw;
  line-height: 2;
  color: #333333;
}
@media (max-width: 599px) {
  .service .sec-wrap ul.service-list li p.txt {
    margin-top: 5.33333vw;
    font-size: 4.26666vw;
    line-height: 1.8;
  }
}
.service .sec-wrap ul.service-list li a.c-btn-bd {
  width: 18.4028vw;
  margin-top: 3.47222vw;
}
@media (max-width: 599px) {
  .service .sec-wrap ul.service-list li a.c-btn-bd {
    width: 70.6667vw;
    margin: 9.3333vw auto 0;
  }
}