@charset "UTF-8";
/*--------------------------------------------------------------------------
fadeイベント（スクリーンプロセスオリジナル）
--------------------------------------------------------------------------*/
._screenpro_fade_left,
._screenpro_fade_right {
  opacity: 0;
}

._screenpro_fade_left_in {
  animation-name: screenpro_fade_left_in;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes screenpro_fade_left_in {
  0% {
    opacity: 0;
    transform: translateX(-10vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
._screenpro_fade_right_in {
  animation-name: screenpro_fade_right_in;
  animation-duration: 0.6s;
  animation-timing-function: ease-out;
  animation-fill-mode: forwards;
}

@keyframes screenpro_fade_right_in {
  0% {
    opacity: 0;
    transform: translateX(10vw);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
/*--------------------------------------------------------------------------
fadeイベント（通常用）
--------------------------------------------------------------------------*/
._fade,
._fade_upper,
._fade_under,
._fade_right,
._fade_left,
._fade_zoom {
  opacity: 0;
}

._fade_in {
  animation-delay: 0.3s;
  animation-duration: 0.9s;
  animation-name: fade_in;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes fade_in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
._fade_upper_in {
  animation-delay: 0.3s;
  animation-duration: 0.9s;
  animation-name: fade_upper_in;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes fade_upper_in {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._fade_under_in {
  animation-delay: 0.3s;
  animation-duration: 0.9s;
  animation-name: fade_under_in;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes fade_under_in {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
._fade_right_in {
  animation-delay: 0.3s;
  animation-duration: 0.9s;
  animation-name: fade_right_in;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes fade_right_in {
  0% {
    opacity: 0;
    transform: translateX(20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
._fade_left_in {
  animation-delay: 0.3s;
  animation-duration: 0.9s;
  animation-name: fade_left_in;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes fade_left_in {
  0% {
    opacity: 0;
    transform: translateX(-20px);
  }
  100% {
    opacity: 1;
    transform: translateX(0);
  }
}
._fade_zoom_in {
  animation-delay: 0.3s;
  animation-duration: 0.9s;
  animation-name: fade_zoom_in;
  animation-timing-function: ease-out;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes fade_zoom_in {
  0% {
    opacity: 0;
    transform: scale(1.3);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
._fade_left_loop_in {
  animation-delay: 0.3s;
  animation-duration: 0.8s;
  animation-name: fade_left_loop_in;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes fade_left_loop_in {
  0% {
    transform: translateX(-7px);
  }
  80% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-7px);
  }
}
._fade_right_loop_in {
  animation-delay: 0.3s;
  animation-duration: 0.8s;
  animation-name: fade_right_loop_in;
  animation-timing-function: ease-out;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: forwards;
}

@keyframes fade_right_loop_in {
  0% {
    transform: translateX(7px);
  }
  80% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(7px);
  }
}
@font-face {
  font-family: "NotoSansJP-Resize";
  src: url("../fonts/NotoSansJP-Bold_Resize.woff2");
  font-weight: 700;
}
@font-face {
  font-family: "NotoSansJP-Resize";
  src: url("../fonts/NotoSansJP-SemiBold_Resize.woff2");
  font-weight: 600;
}
@font-face {
  font-family: "NotoSansJP-Resize";
  src: url("../fonts/NotoSansJP-Medium_Resize.woff2");
  font-weight: 500;
}
@font-face {
  font-family: "NotoSansJP-Resize";
  src: url("../fonts/NotoSansJP-Regular_Resize.woff2");
  font-weight: 400;
}
@font-face {
  font-family: "NotoSansJP-Resize";
  src: url("../fonts/NotoSansJP-Light_Resize.woff2");
  font-weight: 300;
}
.font_refrigerator {
  font-family: "refrigerator-deluxe", sans-serif;
  font-style: normal;
}

@media (min-width: 768px) {
  .mw321 {
    width: 321px !important;
  }

  .mw322 {
    width: 322px !important;
  }

  .mw323 {
    width: 323px !important;
  }

  .mw324 {
    width: 324px !important;
  }

  .mw325 {
    width: 325px !important;
  }

  .mw326 {
    width: 326px !important;
  }

  .mw327 {
    width: 327px !important;
  }

  .mw328 {
    width: 328px !important;
  }

  .mw329 {
    width: 329px !important;
  }

  .mw330 {
    width: 330px !important;
  }

  .mw331 {
    width: 331px !important;
  }

  .mw332 {
    width: 332px !important;
  }

  .mw333 {
    width: 333px !important;
  }

  .mw334 {
    width: 334px !important;
  }

  .mw335 {
    width: 335px !important;
  }

  .mw336 {
    width: 336px !important;
  }

  .mw337 {
    width: 337px !important;
  }

  .mw338 {
    width: 338px !important;
  }

  .mw339 {
    width: 339px !important;
  }

  .mw340 {
    width: 340px !important;
  }

  .mw341 {
    width: 341px !important;
  }

  .mw342 {
    width: 342px !important;
  }

  .mw343 {
    width: 343px !important;
  }

  .mw344 {
    width: 344px !important;
  }

  .mw345 {
    width: 345px !important;
  }

  .mw346 {
    width: 346px !important;
  }

  .mw347 {
    width: 347px !important;
  }

  .mw348 {
    width: 348px !important;
  }

  .mw349 {
    width: 349px !important;
  }

  .mw350 {
    width: 350px !important;
  }

  .mw351 {
    width: 351px !important;
  }

  .mw352 {
    width: 352px !important;
  }

  .mw353 {
    width: 353px !important;
  }

  .mw354 {
    width: 354px !important;
  }

  .mw355 {
    width: 355px !important;
  }

  .mw356 {
    width: 356px !important;
  }

  .mw357 {
    width: 357px !important;
  }

  .mw358 {
    width: 358px !important;
  }

  .mw359 {
    width: 359px !important;
  }

  .mw360 {
    width: 360px !important;
  }

  .mw361 {
    width: 361px !important;
  }

  .mw362 {
    width: 362px !important;
  }

  .mw363 {
    width: 363px !important;
  }

  .mw364 {
    width: 364px !important;
  }

  .mw365 {
    width: 365px !important;
  }

  .mw366 {
    width: 366px !important;
  }

  .mw367 {
    width: 367px !important;
  }

  .mw368 {
    width: 368px !important;
  }

  .mw369 {
    width: 369px !important;
  }

  .mw370 {
    width: 370px !important;
  }

  .mw371 {
    width: 371px !important;
  }

  .mw372 {
    width: 372px !important;
  }

  .mw373 {
    width: 373px !important;
  }

  .mw374 {
    width: 374px !important;
  }

  .mw375 {
    width: 375px !important;
  }

  .mw376 {
    width: 376px !important;
  }

  .mw377 {
    width: 377px !important;
  }

  .mw378 {
    width: 378px !important;
  }

  .mw379 {
    width: 379px !important;
  }

  .mw380 {
    width: 380px !important;
  }

  .mw381 {
    width: 381px !important;
  }

  .mw382 {
    width: 382px !important;
  }

  .mw383 {
    width: 383px !important;
  }

  .mw384 {
    width: 384px !important;
  }

  .mw385 {
    width: 385px !important;
  }

  .mw386 {
    width: 386px !important;
  }

  .mw387 {
    width: 387px !important;
  }

  .mw388 {
    width: 388px !important;
  }

  .mw389 {
    width: 389px !important;
  }

  .mw390 {
    width: 390px !important;
  }

  .mw391 {
    width: 391px !important;
  }

  .mw392 {
    width: 392px !important;
  }

  .mw393 {
    width: 393px !important;
  }

  .mw394 {
    width: 394px !important;
  }

  .mw395 {
    width: 395px !important;
  }

  .mw396 {
    width: 396px !important;
  }

  .mw397 {
    width: 397px !important;
  }

  .mw398 {
    width: 398px !important;
  }

  .mw399 {
    width: 399px !important;
  }

  .mw400 {
    width: 400px !important;
  }

  .mw401 {
    width: 401px !important;
  }

  .mw402 {
    width: 402px !important;
  }

  .mw403 {
    width: 403px !important;
  }

  .mw404 {
    width: 404px !important;
  }

  .mw405 {
    width: 405px !important;
  }

  .mw406 {
    width: 406px !important;
  }

  .mw407 {
    width: 407px !important;
  }

  .mw408 {
    width: 408px !important;
  }

  .mw409 {
    width: 409px !important;
  }

  .mw410 {
    width: 410px !important;
  }

  .mw411 {
    width: 411px !important;
  }

  .mw412 {
    width: 412px !important;
  }

  .mw413 {
    width: 413px !important;
  }

  .mw414 {
    width: 414px !important;
  }

  .mw415 {
    width: 415px !important;
  }

  .mw416 {
    width: 416px !important;
  }

  .mw417 {
    width: 417px !important;
  }

  .mw418 {
    width: 418px !important;
  }

  .mw419 {
    width: 419px !important;
  }

  .mw420 {
    width: 420px !important;
  }

  .mw421 {
    width: 421px !important;
  }

  .mw422 {
    width: 422px !important;
  }

  .mw423 {
    width: 423px !important;
  }

  .mw424 {
    width: 424px !important;
  }

  .mw425 {
    width: 425px !important;
  }

  .mw426 {
    width: 426px !important;
  }

  .mw427 {
    width: 427px !important;
  }

  .mw428 {
    width: 428px !important;
  }

  .mw429 {
    width: 429px !important;
  }

  .mw430 {
    width: 430px !important;
  }

  .mw431 {
    width: 431px !important;
  }

  .mw432 {
    width: 432px !important;
  }

  .mw433 {
    width: 433px !important;
  }

  .mw434 {
    width: 434px !important;
  }

  .mw435 {
    width: 435px !important;
  }

  .mw436 {
    width: 436px !important;
  }

  .mw437 {
    width: 437px !important;
  }

  .mw438 {
    width: 438px !important;
  }

  .mw439 {
    width: 439px !important;
  }

  .mw440 {
    width: 440px !important;
  }

  .mw441 {
    width: 441px !important;
  }

  .mw442 {
    width: 442px !important;
  }

  .mw443 {
    width: 443px !important;
  }

  .mw444 {
    width: 444px !important;
  }

  .mw445 {
    width: 445px !important;
  }

  .mw446 {
    width: 446px !important;
  }

  .mw447 {
    width: 447px !important;
  }

  .mw448 {
    width: 448px !important;
  }

  .mw449 {
    width: 449px !important;
  }

  .mw450 {
    width: 450px !important;
  }

  .mw451 {
    width: 451px !important;
  }

  .mw452 {
    width: 452px !important;
  }

  .mw453 {
    width: 453px !important;
  }

  .mw454 {
    width: 454px !important;
  }

  .mw455 {
    width: 455px !important;
  }

  .mw456 {
    width: 456px !important;
  }

  .mw457 {
    width: 457px !important;
  }

  .mw458 {
    width: 458px !important;
  }

  .mw459 {
    width: 459px !important;
  }

  .mw460 {
    width: 460px !important;
  }

  .mw461 {
    width: 461px !important;
  }

  .mw462 {
    width: 462px !important;
  }

  .mw463 {
    width: 463px !important;
  }

  .mw464 {
    width: 464px !important;
  }

  .mw465 {
    width: 465px !important;
  }

  .mw466 {
    width: 466px !important;
  }

  .mw467 {
    width: 467px !important;
  }

  .mw468 {
    width: 468px !important;
  }

  .mw469 {
    width: 469px !important;
  }

  .mw470 {
    width: 470px !important;
  }

  .mw471 {
    width: 471px !important;
  }

  .mw472 {
    width: 472px !important;
  }

  .mw473 {
    width: 473px !important;
  }

  .mw474 {
    width: 474px !important;
  }

  .mw475 {
    width: 475px !important;
  }

  .mw476 {
    width: 476px !important;
  }

  .mw477 {
    width: 477px !important;
  }

  .mw478 {
    width: 478px !important;
  }

  .mw479 {
    width: 479px !important;
  }

  .mw480 {
    width: 480px !important;
  }

  .mw481 {
    width: 481px !important;
  }

  .mw482 {
    width: 482px !important;
  }

  .mw483 {
    width: 483px !important;
  }

  .mw484 {
    width: 484px !important;
  }

  .mw485 {
    width: 485px !important;
  }

  .mw486 {
    width: 486px !important;
  }

  .mw487 {
    width: 487px !important;
  }

  .mw488 {
    width: 488px !important;
  }

  .mw489 {
    width: 489px !important;
  }

  .mw490 {
    width: 490px !important;
  }

  .mw491 {
    width: 491px !important;
  }

  .mw492 {
    width: 492px !important;
  }

  .mw493 {
    width: 493px !important;
  }

  .mw494 {
    width: 494px !important;
  }

  .mw495 {
    width: 495px !important;
  }

  .mw496 {
    width: 496px !important;
  }

  .mw497 {
    width: 497px !important;
  }

  .mw498 {
    width: 498px !important;
  }

  .mw499 {
    width: 499px !important;
  }

  .mw500 {
    width: 500px !important;
  }

  .mw501 {
    width: 501px !important;
  }

  .mw502 {
    width: 502px !important;
  }

  .mw503 {
    width: 503px !important;
  }

  .mw504 {
    width: 504px !important;
  }

  .mw505 {
    width: 505px !important;
  }

  .mw506 {
    width: 506px !important;
  }

  .mw507 {
    width: 507px !important;
  }

  .mw508 {
    width: 508px !important;
  }

  .mw509 {
    width: 509px !important;
  }

  .mw510 {
    width: 510px !important;
  }

  .mw511 {
    width: 511px !important;
  }

  .mw512 {
    width: 512px !important;
  }

  .mw513 {
    width: 513px !important;
  }

  .mw514 {
    width: 514px !important;
  }

  .mw515 {
    width: 515px !important;
  }

  .mw516 {
    width: 516px !important;
  }

  .mw517 {
    width: 517px !important;
  }

  .mw518 {
    width: 518px !important;
  }

  .mw519 {
    width: 519px !important;
  }

  .mw520 {
    width: 520px !important;
  }

  .mw521 {
    width: 521px !important;
  }

  .mw522 {
    width: 522px !important;
  }

  .mw523 {
    width: 523px !important;
  }

  .mw524 {
    width: 524px !important;
  }

  .mw525 {
    width: 525px !important;
  }

  .mw526 {
    width: 526px !important;
  }

  .mw527 {
    width: 527px !important;
  }

  .mw528 {
    width: 528px !important;
  }

  .mw529 {
    width: 529px !important;
  }

  .mw530 {
    width: 530px !important;
  }

  .mw531 {
    width: 531px !important;
  }

  .mw532 {
    width: 532px !important;
  }

  .mw533 {
    width: 533px !important;
  }

  .mw534 {
    width: 534px !important;
  }

  .mw535 {
    width: 535px !important;
  }

  .mw536 {
    width: 536px !important;
  }

  .mw537 {
    width: 537px !important;
  }

  .mw538 {
    width: 538px !important;
  }

  .mw539 {
    width: 539px !important;
  }

  .mw540 {
    width: 540px !important;
  }

  .mw541 {
    width: 541px !important;
  }

  .mw542 {
    width: 542px !important;
  }

  .mw543 {
    width: 543px !important;
  }

  .mw544 {
    width: 544px !important;
  }

  .mw545 {
    width: 545px !important;
  }

  .mw546 {
    width: 546px !important;
  }

  .mw547 {
    width: 547px !important;
  }

  .mw548 {
    width: 548px !important;
  }

  .mw549 {
    width: 549px !important;
  }

  .mw550 {
    width: 550px !important;
  }
}
* {
  box-sizing: border-box;
  color: unset;
  text-align: justify;
  color: #000;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.25;
}
@media screen and (max-width: 767px) {
  * {
    font-size: 3.1vw;
  }
}

html {
  font-family: "NotoSansJP-Resize", sans-serif;
  background-color: #FFF;
}

body {
  position: relative;
}
@media (max-width: 767px) {
  body.open {
    overflow-y: hidden;
  }
}

main {
  position: relative;
  z-index: 1;
}

figure {
  margin: unset;
}

img {
  display: block;
}

a,
button {
  text-decoration: none;
  transition: 0.1s linear;
}
a:hover,
button:hover {
  opacity: 0.6;
}

.outer {
  padding-left: 20px;
  padding-right: 20px;
}

.inner {
  width: 100%;
  margin: 0 auto;
}

.w1000 {
  max-width: 1000px;
  width: 100%;
}

.w1200 {
  max-width: 1200px;
  width: 100%;
}

.outer_top_5 {
  padding-top: 5vw;
}

.outer_top_10 {
  padding-top: 10vw;
}

.outer_bottom_5 {
  padding-bottom: 5vw;
}

.outer_bottom_10 {
  padding-bottom: 10vw;
}

.font_din2014 {
  font-feature-settings: "liga" 0;
  font-family: "din-2014-narrow", sans-serif;
}

.font_din2014_title {
  -webkit-text-stroke: 2px #40ab44;
  text-stroke: 2px #40ab44;
  place-self: center right;
  padding: 0 2.5vw;
  font-feature-settings: "liga" 0;
  font-family: "din-2014-narrow", sans-serif;
  color: transparent;
  font-size: 146px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 767px) {
  .font_din2014_title {
    font-size: 28.5vw;
  }
}

.underPage .mv {
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: relative;
}
.underPage .mv::before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  background-color: #000;
  mix-blend-mode: multiply;
  opacity: 45%;
}
.underPage .mv__inner__title h1 div {
  text-align: center;
}
.underPage .mv__inner__title h1 div.first-line {
  color: #FFF;
  font-size: 96px;
  font-weight: 700;
}
@media screen and (max-width: 767px) {
  .underPage .mv__inner__title h1 div.first-line {
    font-size: 18.7vw;
  }
}
.underPage .mv__inner__title h1 div.second-line {
  color: #FFF;
  font-size: 36px;
  font-weight: 500;
}
@media screen and (max-width: 767px) {
  .underPage .mv__inner__title h1 div.second-line {
    font-size: 7vw;
  }
}

@media (max-width: 767px) {
  .pc {
    display: none !important;
  }

  .btn a {
    padding: 1em 4em;
    border-radius: 100vw;
    display: inline-block;
    background-color: #40ab44;
  }
  .btn a span {
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .btn a span {
    font-size: 3.5vw;
  }
}
@media (max-width: 767px) {
  .underPage .mv__inner__title h1 div {
    text-align: center;
  }
  .underPage .mv__inner__title h1 div.first-line {
    color: #FFF;
    font-size: 56px;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .underPage .mv__inner__title h1 div.first-line {
    font-size: 10.9vw;
  }
}
@media (max-width: 767px) {
  .underPage .mv__inner__title h1 div.second-line {
    color: #FFF;
    font-size: 20px;
    font-weight: 500;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .underPage .mv__inner__title h1 div.second-line {
    font-size: 3.9vw;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .btn a {
    padding: 1em 4em;
    border-radius: 100vw;
    display: inline-block;
    background-color: #40ab44;
    position: relative;
    opacity: 1;
    overflow: hidden;
  }
  .btn a:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #FF9933;
    transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
  .btn a:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .btn a span {
    position: relative;
    z-index: 3;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  .btn a span {
    font-size: 3.5vw;
  }
}
@media (min-width: 1200px) {
  .sp {
    display: none !important;
  }

  .btn a {
    padding: 1em 4em;
    border-radius: 100vw;
    display: inline-block;
    background-color: #40ab44;
    position: relative;
    opacity: 1;
    overflow: hidden;
  }
  .btn a:before {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    background: #FF9933;
    transition: transform 0.3s cubic-bezier(0.8, 0, 0.2, 1) 0s;
    transform: scale(0, 1);
    transform-origin: right top;
  }
  .btn a:hover:before {
    transform-origin: left top;
    transform: scale(1, 1);
  }
  .btn a span {
    position: relative;
    z-index: 3;
    color: #FFF;
    font-size: 18px;
    font-weight: 500;
  }
}
@media screen and (min-width: 1200px) and (max-width: 767px) {
  .btn a span {
    font-size: 3.5vw;
  }
}
@media (max-width: 1199px) {
  .header {
    width: 100%;
    display: grid;
    grid-template-columns: 16% 84%;
    position: absolute;
    top: 0;
    z-index: 2;
  }
  .header__logo-area {
    padding: 20px;
    place-self: center;
  }
  .header__logo-area a {
    display: block;
  }
  .header__logo-area a img {
    width: 100%;
    max-width: 160px;
  }
  .header__logo-area a p {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
  }
}
@media screen and (max-width: 1199px) and (max-width: 767px) {
  .header__logo-area a p {
    font-size: 2.3vw;
  }
}
@media (max-width: 1199px) {
  .header__btn-area {
    height: 100%;
    place-self: end;
  }
}
@media (max-width: 1199px) {
  .humb-nav {
    position: fixed;
    top: 0;
    right: 0;
  }
  .humb-nav__navArea__nav {
    width: 100vw;
    display: block;
    position: fixed;
    top: 50px;
    right: -100vw;
    background-color: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all 0.5s;
    z-index: 3;
    opacity: 0;
  }
  .humb-nav__navArea__nav__inner ul li .title {
    padding: 1.5em;
    display: block;
    text-decoration: none;
    transition-duration: 0.2s;
    font-weight: 700;
  }
  .humb-nav__navArea__nav__inner ul li .title:hover {
    background-color: #e4e4e4;
  }
  .humb-nav__navArea__nav__inner ul li .no-bg-color:hover {
    background-color: unset;
  }
  .humb-nav__navArea__nav__inner ul li .no-link:hover {
    background-color: unset !important;
    color: #000;
  }
  .humb-nav__navArea__nav__inner > ul {
    list-style: none;
    margin-bottom: 50px;
    padding: 0;
  }
  .humb-nav__navArea__nav__inner > ul > li {
    margin: 0;
    border-bottom: solid 2px #000;
    position: relative;
  }
  .humb-nav__navArea__nav__inner > ul > li > a:hover {
    background-color: #40ab44 !important;
    color: #FFF;
    opacity: 1;
  }
  .humb-nav__navArea__nav__inner > ul > li > a.dashed {
    border-bottom: dashed 1px #000;
  }
  .humb-nav__navArea__nav__inner > ul > li > ul > li:not(:last-child) a {
    border-bottom: solid 1px #000;
  }
  .humb-nav__navArea__nav__inner > ul > li > ul > li > a {
    padding: 1.5em;
    margin-left: 3em;
    display: block;
    text-decoration: none;
    transition-duration: 0.2s;
  }
  .humb-nav__navArea__nav__inner > ul > li > ul > li > a:hover {
    background-color: #40ab44;
    color: #FFF;
    opacity: 1;
  }
  .humb-nav__navArea__nav__inner .btn-area {
    padding: 0 20px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
  }
  .humb-nav__navArea__nav__inner .btn-area__contact {
    width: 100%;
  }
  .humb-nav__navArea__nav__inner .btn-area__contact a {
    height: 100px;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #40ab44;
    color: #FFF;
  }
  .humb-nav__navArea__nav__inner .btn-area__contact a:hover {
    background-color: #FF9933;
  }
  .humb-nav__navArea__toggle {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    transition: all 0.5s;
    cursor: pointer;
    z-index: 3;
    background-color: #000;
  }
  .humb-nav__navArea__toggle span {
    width: 30px;
    height: 3px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #FFF;
    transition: all 0.5s;
  }
  .humb-nav__navArea__toggle span:nth-child(1) {
    top: 12px;
  }
  .humb-nav__navArea__toggle span:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .humb-nav__navArea__toggle span:nth-child(3) {
    bottom: 12px;
  }
  .humb-nav__navArea__mask {
    display: none;
    transition: all 0.5s;
  }
}
@media (max-width: 1199px) {
  .humb-nav__navArea.open .humb-nav__navArea__nav {
    height: calc(100vh - 50px);
    top: 50px;
    right: 0;
    opacity: 1;
  }
  .humb-nav__navArea.open .humb-nav__navArea__toggle span {
    background-color: #FFF;
  }
  .humb-nav__navArea.open .humb-nav__navArea__toggle span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-315deg);
  }
  .humb-nav__navArea.open .humb-nav__navArea__toggle span:nth-child(2) {
    opacity: 0;
  }
  .humb-nav__navArea.open .humb-nav__navArea__toggle span:nth-child(3) {
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(315deg);
  }
  .humb-nav__navArea.open .humb-nav__navArea__mask {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0px;
    left: 0;
    background-color: #000;
    opacity: 0.8;
    z-index: 2;
    cursor: pointer;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header {
    width: 100%;
    display: grid;
    grid-template-columns: 16% 84%;
    position: absolute;
    top: 0;
    z-index: 2;
  }
  .header__logo-area {
    padding: 20px;
    place-self: center;
  }
  .header__logo-area a {
    display: block;
  }
  .header__logo-area a img {
    width: 100%;
    max-width: 160px;
  }
  .header__logo-area a p {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  .header__logo-area a p {
    font-size: 2.3vw;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .header__btn-area {
    height: 100%;
    place-self: end;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .humb-nav {
    position: fixed;
    top: 0;
    right: 0;
  }
  .humb-nav__navArea__nav {
    width: 50vw;
    display: block;
    position: fixed;
    top: 50px;
    right: -100vw;
    background-color: #FFF;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: all 0.5s;
    z-index: 3;
    opacity: 0;
  }
  .humb-nav__navArea__nav__inner ul li .title {
    padding: 1.5em;
    display: block;
    text-decoration: none;
    transition-duration: 0.2s;
    font-weight: 700;
  }
  .humb-nav__navArea__nav__inner ul li .title:hover {
    background-color: #e4e4e4;
  }
  .humb-nav__navArea__nav__inner ul li .no-bg-color:hover {
    background-color: unset;
  }
  .humb-nav__navArea__nav__inner ul li .no-link:hover {
    background-color: unset !important;
  }
  .humb-nav__navArea__nav__inner > ul {
    list-style: none;
    margin-bottom: 50px;
    padding: 0;
  }
  .humb-nav__navArea__nav__inner > ul > li {
    margin: 0;
    border-bottom: solid 2px #000;
    position: relative;
  }
  .humb-nav__navArea__nav__inner > ul > li > a:hover {
    background-color: #e1ed99 !important;
    color: #FF9933;
  }
  .humb-nav__navArea__nav__inner > ul > li > a.dashed {
    border-bottom: dashed 1px #000;
  }
  .humb-nav__navArea__nav__inner > ul > li > ul > li:not(:last-child) a {
    border-bottom: solid 1px #000;
  }
  .humb-nav__navArea__nav__inner > ul > li > ul > li > a {
    padding: 1.5em;
    margin-left: 3em;
    display: block;
    text-decoration: none;
    transition-duration: 0.2s;
  }
  .humb-nav__navArea__nav__inner > ul > li > ul > li > a:hover {
    background-color: #e1ed99;
    color: #FF9933;
  }
  .humb-nav__navArea__nav__inner .btn-area {
    padding: 0 20px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
  }
  .humb-nav__navArea__nav__inner .btn-area__contact {
    width: 100%;
  }
  .humb-nav__navArea__nav__inner .btn-area__contact a {
    height: 100px;
    padding: 20px;
    border-radius: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    background-color: #40ab44;
    color: #FFF;
  }
  .humb-nav__navArea__nav__inner .btn-area__contact a:hover {
    background-color: #FF9933;
  }
  .humb-nav__navArea__toggle {
    width: 50px;
    height: 50px;
    display: block;
    position: relative;
    transition: all 0.5s;
    cursor: pointer;
    z-index: 3;
    background-color: #000;
  }
  .humb-nav__navArea__toggle span {
    width: 30px;
    height: 3px;
    display: block;
    position: absolute;
    left: 50%;
    transform: translate(-50%, 0);
    background-color: #FFF;
    transition: all 0.5s;
  }
  .humb-nav__navArea__toggle span:nth-child(1) {
    top: 12px;
  }
  .humb-nav__navArea__toggle span:nth-child(2) {
    top: 50%;
    transform: translate(-50%, -50%);
  }
  .humb-nav__navArea__toggle span:nth-child(3) {
    bottom: 12px;
  }
  .humb-nav__navArea__mask {
    display: none;
    transition: all 0.5s;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .humb-nav__navArea.open .humb-nav__navArea__nav {
    height: calc(100vh - 50px);
    top: 50px;
    right: 0;
    opacity: 1;
  }
  .humb-nav__navArea.open .humb-nav__navArea__toggle span {
    background-color: #FFF;
  }
  .humb-nav__navArea.open .humb-nav__navArea__toggle span:nth-child(1) {
    top: 50%;
    transform: translate(-50%, -50%) rotate(-315deg);
  }
  .humb-nav__navArea.open .humb-nav__navArea__toggle span:nth-child(2) {
    opacity: 0;
  }
  .humb-nav__navArea.open .humb-nav__navArea__toggle span:nth-child(3) {
    bottom: 50%;
    transform: translate(-50%, 50%) rotate(315deg);
  }
  .humb-nav__navArea.open .humb-nav__navArea__mask {
    width: 100%;
    height: 100%;
    display: block;
    position: fixed;
    top: 0px;
    left: 0;
    background-color: #000;
    opacity: 0.8;
    z-index: 2;
    cursor: pointer;
  }
}
@media (min-width: 1200px) {
  .header {
    width: 100%;
    display: grid;
    grid-template-columns: 16% 84%;
    position: absolute;
    top: 0;
    z-index: 2;
  }
  .header__logo-area {
    padding: 20px;
    place-self: center;
  }
  .header__logo-area a {
    display: block;
  }
  .header__logo-area a img {
    width: 100%;
    max-width: 160px;
  }
  .header__logo-area a p {
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.01em;
  }
}
@media screen and (min-width: 1200px) and (max-width: 767px) {
  .header__logo-area a p {
    font-size: 2.3vw;
  }
}
@media (min-width: 1200px) {
  .header__btn-area {
    height: 100%;
    place-self: end;
  }
  .header__btn-area .humb-nav {
    height: 100%;
  }
  .header__btn-area .humb-nav__navArea {
    height: 100%;
  }
  .header__btn-area .humb-nav__navArea__nav {
    height: 100%;
  }
  .header__btn-area .humb-nav__navArea__nav__inner {
    height: 100%;
    display: grid;
    grid-template-columns: repeat(2, auto);
    place-items: center;
    gap: 80px;
  }
  .header__btn-area .humb-nav__navArea__nav__inner > ul {
    display: grid;
    grid-template-columns: repeat(5, auto);
    gap: 80px;
    position: relative;
  }
  .header__btn-area .humb-nav__navArea__nav__inner > ul > li {
    display: grid;
    justify-items: center;
  }
  .header__btn-area .humb-nav__navArea__nav__inner > ul > li > a {
    padding: 1em 0;
    display: block;
    color: #FFF;
  }
  .header__btn-area .humb-nav__navArea__nav__inner > ul > li > a.no-link:hover {
    opacity: 1;
  }
  .header__btn-area .humb-nav__navArea__nav__inner > ul > li > ul {
    position: absolute;
    top: 100%;
    white-space: nowrap;
    transition: transform 0.1s linear;
    transform: scale(1, 0);
    transform-origin: top;
  }
  .header__btn-area .humb-nav__navArea__nav__inner > ul > li > ul > li > a {
    width: 100%;
    display: block;
    padding: 20px;
    background-color: #40ab44;
  }
  .header__btn-area .humb-nav__navArea__nav__inner > ul > li > ul > li > a:hover {
    opacity: 1;
    color: #FFF;
  }
  .header__btn-area .humb-nav__navArea__nav__inner > ul > li:hover > ul {
    transform: scale(1, 1);
    transform-origin: top;
  }
  .header__btn-area .humb-nav__navArea__nav__inner .btn-area {
    height: 100%;
  }
  .header__btn-area .humb-nav__navArea__nav__inner .btn-area__contact {
    height: 100%;
  }
  .header__btn-area .humb-nav__navArea__nav__inner .btn-area__contact a {
    height: 100%;
    padding: 0 40px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: #40ab44;
    color: #FFF;
    letter-spacing: 0.01em;
  }
  .header__btn-area .humb-nav__navArea__nav__inner .btn-area__contact a:hover {
    opacity: 1;
    background-color: #FF9933;
  }
}
@media (min-width: 1200px) {
  .header.hidden, .header.fix {
    position: fixed !important;
    top: 0;
    left: 0;
    z-index: 10;
    background-color: #FFF;
    filter: drop-shadow(0px 3px 3px rgba(0, 0, 0, 0.25));
  }
  .header.hidden .header__logo-area, .header.fix .header__logo-area {
    padding: 10px;
  }
  .header.hidden .header__logo-area a img, .header.fix .header__logo-area a img {
    width: 100%;
    max-width: 100px;
  }
  .header.hidden .header__logo-area a p, .header.fix .header__logo-area a p {
    margin-top: 10px;
    text-align: center;
    font-size: 7px;
    font-weight: 600;
    letter-spacing: 0.01em;
  }
}
@media screen and (min-width: 1200px) and (max-width: 767px) {
  .header.hidden .header__logo-area a p, .header.fix .header__logo-area a p {
    font-size: 1.3vw;
  }
}
@media (min-width: 1200px) {
  .header.hidden .header__btn-area .humb-nav__navArea__nav__inner > ul > li > a, .header.fix .header__btn-area .humb-nav__navArea__nav__inner > ul > li > a {
    color: #000;
  }
}
@media (min-width: 1200px) {
  .underPage .header {
    position: relative;
  }
  .underPage .header__btn-area .humb-nav__navArea__nav__inner > ul > li > a {
    color: #000;
  }
}
@media (max-width: 767px) {
  .footer {
    background-color: #40ab44;
  }
  .footer__inner {
    margin: 0 auto;
    padding-bottom: 5vw;
    display: grid;
    grid-template-columns: 2.5% auto 2.5%;
    grid-template-rows: repeat(4, auto);
  }
  .footer__inner__corporate-logo {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: 10vw;
  }
  .footer__inner__corporate-logo a img {
    width: 40vw;
    padding: 2.5vw;
    background-color: #FFF;
  }
  .footer__inner > ul {
    grid-column: 2/3;
    grid-row: 2/3;
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(4, auto);
    gap: 5vw;
  }
  .footer__inner > ul > li:nth-of-type(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .footer__inner > ul > li:nth-of-type(2) {
    grid-column: 1/2;
    grid-row: 2/5;
  }
  .footer__inner > ul > li:nth-of-type(3) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .footer__inner > ul > li:nth-of-type(4) {
    grid-column: 2/3;
    grid-row: 2/5;
  }
  .footer__inner > ul > li > a {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .footer__inner > ul > li > a {
    font-size: 3.5vw;
  }
}
@media (max-width: 767px) {
  .footer__inner > ul > li > ul > li {
    margin-top: 0.75vw;
    text-indent: 0.5em;
  }
  .footer__inner > ul > li > ul > li > a {
    color: #FFF;
    font-size: 16px;
    font-weight: 600;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .footer__inner > ul > li > ul > li > a {
    font-size: 3.1vw;
  }
}
@media (max-width: 767px) {
  .footer__inner > ul > li > ul > li > a::before {
    content: "-";
    margin-right: 0.25em;
  }
}
@media (max-width: 767px) {
  .footer__inner__goals-logo {
    grid-column: 2/3;
    grid-row: 3/4;
    justify-self: right;
    width: 20vw;
    margin-top: 10vw;
  }
}
@media (max-width: 767px) {
  .footer__inner small {
    grid-column: 2/3;
    grid-row: 4/5;
    margin-top: 10vw;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 0.02em;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  .footer__inner small {
    font-size: 2.7vw;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .footer {
    background-color: #40ab44;
  }
  .footer__inner {
    margin: 0 auto;
    padding-bottom: 2.5vw;
    display: grid;
    grid-template-columns: 2.5% auto 2.5%;
    grid-template-rows: repeat(4, auto);
  }
  .footer__inner__corporate-logo {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-bottom: 2.5vw;
  }
  .footer__inner__corporate-logo a img {
    width: 20vw;
    padding: 1vw;
    background-color: #FFF;
  }
  .footer__inner > ul {
    grid-column: 2/3;
    grid-row: 2/3;
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-template-rows: repeat(4, 1fr);
    gap: 0 1vw;
  }
  .footer__inner > ul > li:nth-of-type(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .footer__inner > ul > li:nth-of-type(2) {
    grid-column: 1/2;
    grid-row: 2/5;
  }
  .footer__inner > ul > li:nth-of-type(3) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .footer__inner > ul > li:nth-of-type(4) {
    grid-column: 2/3;
    grid-row: 2/5;
  }
  .footer__inner > ul > li > a {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  .footer__inner > ul > li > a {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .footer__inner > ul > li > ul > li {
    margin-top: 0.75vw;
    text-indent: 0.5em;
  }
  .footer__inner > ul > li > ul > li > a {
    color: #FFF;
  }
  .footer__inner > ul > li > ul > li > a::before {
    content: "-";
    margin-right: 0.25em;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .footer__inner__goals-logo {
    grid-column: 2/3;
    grid-row: 3/4;
    justify-self: right;
    width: 7.5vw;
    margin-top: 2.5vw;
  }
}
@media (min-width: 768px) and (max-width: 1199px) {
  .footer__inner small {
    grid-column: 2/3;
    grid-row: 4/5;
    margin-top: 5vw;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 768px) and (max-width: 1199px) and (max-width: 767px) {
  .footer__inner small {
    font-size: 2.7vw;
  }
}
@media (min-width: 1200px) {
  .footer {
    background-color: #40ab44;
  }
  .footer__inner {
    margin: 0 auto;
    padding-bottom: 2.5vw;
    display: grid;
    grid-template-columns: 2.5% auto auto 2.5%;
    grid-template-rows: repeat(3, auto);
  }
  .footer__inner__corporate-logo {
    grid-column: 2/3;
    grid-row: 1/2;
    margin-right: 2.5vw;
  }
  .footer__inner__corporate-logo a img {
    width: 20vw;
    padding: 1vw;
    background-color: #FFF;
  }
  .footer__inner > ul {
    grid-column: 3/4;
    grid-row: 1/2;
    display: grid;
    grid-template-columns: repeat(4, auto);
    grid-template-rows: repeat(4, 1fr);
    gap: 0 1vw;
  }
  .footer__inner > ul > li:nth-of-type(1) {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .footer__inner > ul > li:nth-of-type(2) {
    grid-column: 1/2;
    grid-row: 2/5;
  }
  .footer__inner > ul > li:nth-of-type(3) {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .footer__inner > ul > li:nth-of-type(4) {
    grid-column: 2/3;
    grid-row: 2/5;
  }
  .footer__inner > ul > li > a {
    color: #FFF;
    font-size: 18px;
    font-weight: 600;
  }
}
@media screen and (min-width: 1200px) and (max-width: 767px) {
  .footer__inner > ul > li > a {
    font-size: 3.5vw;
  }
}
@media (min-width: 1200px) {
  .footer__inner > ul > li > a.no-link:hover {
    opacity: 1;
  }
}
@media (min-width: 1200px) {
  .footer__inner > ul > li > ul > li {
    margin-top: 0.75vw;
    text-indent: 0.5em;
  }
  .footer__inner > ul > li > ul > li > a {
    color: #FFF;
  }
  .footer__inner > ul > li > ul > li > a::before {
    content: "-";
    margin-right: 0.25em;
  }
}
@media (min-width: 1200px) {
  .footer__inner__goals-logo {
    grid-column: 2/4;
    grid-row: 2/3;
    justify-self: right;
    width: 7.5vw;
    margin-top: 2.5vw;
  }
}
@media (min-width: 1200px) {
  .footer__inner small {
    grid-column: 2/4;
    grid-row: 3/4;
    margin-top: 5vw;
    text-align: center;
    color: #FFF;
    font-size: 14px;
    letter-spacing: 0.02em;
  }
}
@media screen and (min-width: 1200px) and (max-width: 767px) {
  .footer__inner small {
    font-size: 2.7vw;
  }
}
#pagetop {
  width: 40px;
  height: 40px;
  border-radius: 50%;
  position: fixed;
  right: 30px;
  bottom: 30px;
  z-index: 1;
  cursor: pointer;
  transition: 1s cubic-bezier(0.19, 1, 0.22, 1);
  background-color: #000;
  background-image: url(../img/common/icon_pagetop.svg);
  background-size: 20px 20px;
  background-position: center center;
  background-repeat: no-repeat;
}

@media (max-width: 767px) {
  main h2 {
    text-align: center;
    margin-bottom: 6.51vw;
    padding-bottom: 1.3vw;
    border-bottom: solid 0.65vw #40ab44;
    display: inline-block;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main h2 {
    font-size: 6.2vw;
  }
}
@media (max-width: 767px) {
  main h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main h3 {
    font-size: 4.6vw;
  }
}
@media (max-width: 767px) {
  main p,
main a {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 2;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main p,
main a {
    font-size: 3.5vw;
  }
}
@media (max-width: 767px) {
  main .zip,
main .address,
main .phone {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main .zip,
main .address,
main .phone {
    font-size: 3.5vw;
  }
}
@media (max-width: 767px) {
  main table tr th,
main table tr td {
    padding: 1em;
    vertical-align: middle;
  }
  main table tr th {
    width: 26.07vw;
    text-align: center;
  }
}
@media (max-width: 767px) {
  main .mv {
    padding: 40vw 5vw;
    background-image: url(../../assets/img/office/access/office_access_mv_image@1x-80.jpg);
    background-image: image-set(url(../../assets/img/office/access/office_access_mv_image@1x-80.jpg) 1x, url(../../assets/img/office/access/office_access_mv_image@2x-80.jpg) 2x);
  }
}
@media (max-width: 767px) {
  main .map,
main .access {
    padding: 0 5vw 13.03vw;
  }
  main .map__inner,
main .access__inner {
    margin: 0 auto;
    text-align: center;
  }
}
@media (max-width: 767px) {
  main .map {
    padding-top: 13.03vw;
  }
  main .map__inner .office-info .head-office figure,
main .map__inner .office-info .head-office h3,
main .map__inner .office-info .head-office .info,
main .map__inner .office-info .head-office .g-map,
main .map__inner .office-info .sp-center figure,
main .map__inner .office-info .sp-center h3,
main .map__inner .office-info .sp-center .info,
main .map__inner .office-info .sp-center .g-map {
    margin-top: 3.91vw;
  }
  main .map__inner .office-info .head-office figure img,
main .map__inner .office-info .sp-center figure img {
    width: 100%;
  }
  main .map__inner .office-info .head-office h3,
main .map__inner .office-info .sp-center h3 {
    line-height: 1.5;
  }
  main .map__inner .office-info .head-office .g-map iframe,
main .map__inner .office-info .sp-center .g-map iframe {
    width: 100%;
    height: 65.18vw;
  }
  main .map__inner .office-info .sp-center {
    margin-top: 3.91vw;
    border-top: solid 1px #000;
  }
}
@media (max-width: 767px) {
  main .access h3 {
    color: #40ab44;
  }
  main .access__inner .car h3,
main .access__inner .car dt,
main .access__inner .car dd {
    text-align: center;
  }
  main .access__inner .car dt,
main .access__inner .car dd {
    font-size: 21px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main .access__inner .car dt,
main .access__inner .car dd {
    font-size: 4.1vw;
  }
}
@media (max-width: 767px) {
  main .access__inner .train-01,
main .access__inner .train-02 {
    margin-top: 3.91vw;
  }
  main .access__inner .train-01 h3,
main .access__inner .train-01 .station,
main .access__inner .train-01 .next,
main .access__inner .train-01 .bus,
main .access__inner .train-01 .route-01,
main .access__inner .train-01 .route-02,
main .access__inner .train-02 h3,
main .access__inner .train-02 .station,
main .access__inner .train-02 .next,
main .access__inner .train-02 .bus,
main .access__inner .train-02 .route-01,
main .access__inner .train-02 .route-02 {
    text-align: center;
    align-self: center;
  }
  main .access__inner .train-01 .next,
main .access__inner .train-01 .bus,
main .access__inner .train-02 .next,
main .access__inner .train-02 .bus {
    font-size: 21px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main .access__inner .train-01 .next,
main .access__inner .train-01 .bus,
main .access__inner .train-02 .next,
main .access__inner .train-02 .bus {
    font-size: 4.1vw;
  }
}
@media (max-width: 767px) {
  main .access__inner .train-01 .station,
main .access__inner .train-02 .station {
    font-size: 21px;
    font-weight: 500;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px) and (max-width: 767px) {
  main .access__inner .train-01 .station,
main .access__inner .train-02 .station {
    font-size: 4.1vw;
  }
}
@media (max-width: 767px) {
  main .access__inner .train-01 .bus-juncture,
main .access__inner .train-02 .bus-juncture {
    padding: 0.25em;
    border: solid 0.13vw #000;
  }
}
@media (max-width: 767px) {
  main .access__inner .train-01 .g-map,
main .access__inner .train-02 .g-map {
    margin-top: 3.91vw;
  }
  main .access__inner .train-01 .g-map iframe,
main .access__inner .train-02 .g-map iframe {
    width: 100%;
    height: 65.18vw;
  }
}
@media (max-width: 767px) {
  main .access__inner .train-01 .grid-point,
main .access__inner .train-02 .grid-point {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(5, auto);
    gap: 0 3.91vw;
  }
  main .access__inner .train-01 .grid-point .route-01,
main .access__inner .train-02 .grid-point .route-01 {
    grid-column: 1/2;
    grid-row: 1/6;
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  main .access__inner .train-01 .grid-point .route-01 .next-01,
main .access__inner .train-02 .grid-point .route-01 .next-01 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  main .access__inner .train-01 .grid-point .route-01 .bus-01,
main .access__inner .train-02 .grid-point .route-01 .bus-01 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  main .access__inner .train-01 .grid-point .route-01 .next-02,
main .access__inner .train-02 .grid-point .route-01 .next-02 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  main .access__inner .train-01 .grid-point .route-01 .bus-02,
main .access__inner .train-02 .grid-point .route-01 .bus-02 {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  main .access__inner .train-01 .grid-point .route-01 .g-map,
main .access__inner .train-02 .grid-point .route-01 .g-map {
    grid-column: 1/2;
    grid-row: 5/6;
  }
  main .access__inner .train-01 .grid-point .route-02,
main .access__inner .train-02 .grid-point .route-02 {
    grid-column: 2/3;
    grid-row: 1/6;
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  main .access__inner .train-01 .grid-point .route-02 .next-01,
main .access__inner .train-02 .grid-point .route-02 .next-01 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  main .access__inner .train-01 .grid-point .route-02 .bus-01,
main .access__inner .train-02 .grid-point .route-02 .bus-01 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  main .access__inner .train-01 .grid-point .route-02 .next-02,
main .access__inner .train-02 .grid-point .route-02 .next-02 {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  main .access__inner .train-01 .grid-point .route-02 .bus-02,
main .access__inner .train-02 .grid-point .route-02 .bus-02 {
    grid-column: 2/3;
    grid-row: 4/5;
  }
  main .access__inner .train-01 .grid-point .route-02 .g-map,
main .access__inner .train-02 .grid-point .route-02 .g-map {
    grid-column: 2/3;
    grid-row: 5/6;
  }
}
@media (max-width: 767px) {
  main .access__inner .train-02 {
    margin-top: 7.82vw;
  }
  main .access__inner .train-02 .g-map {
    margin-top: 3.91vw;
    text-align: center;
  }
  main .access__inner .train-02 .g-map iframe {
    width: 50%;
    height: 65.18vw;
  }
}
@media (min-width: 768px) {
  main h2 {
    text-align: center;
    margin-bottom: 50px;
    padding-bottom: 10px;
    border-bottom: solid 5px #40ab44;
    display: inline-block;
    text-align: center;
    font-size: 32px;
    font-weight: 700;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main h2 {
    font-size: 6.2vw;
  }
}
@media (min-width: 768px) {
  main h3 {
    font-size: 24px;
    font-weight: 500;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main h3 {
    font-size: 4.6vw;
  }
}
@media (min-width: 768px) {
  main p,
main a {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 2;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main p,
main a {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  main .zip,
main .address,
main .phone {
    font-size: 18px;
    font-weight: 400;
    letter-spacing: 0.015em;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main .zip,
main .address,
main .phone {
    font-size: 3.5vw;
  }
}
@media (min-width: 768px) {
  main table tr th,
main table tr td {
    padding: 1em;
    vertical-align: middle;
  }
  main table tr th {
    width: 200px;
    text-align: center;
  }
}
@media (min-width: 768px) {
  main .mv {
    padding: 160px 5vw;
    background-image: url(../../assets/img/office/access/office_access_mv_image@1x-80.jpg);
    background-image: image-set(url(../../assets/img/office/access/office_access_mv_image@1x-80.jpg) 1x, url(../../assets/img/office/access/office_access_mv_image@2x-80.jpg) 2x);
  }
}
@media (min-width: 768px) {
  main .map,
main .access {
    padding: 0 5vw 100px;
  }
  main .map__inner,
main .access__inner {
    margin: 0 auto;
    text-align: center;
  }
}
@media (min-width: 768px) {
  main .map {
    padding-top: 100px;
  }
  main .map__inner .office-info {
    display: grid;
    grid-template-rows: repeat(4, auto);
    grid-template-columns: 1fr 1fr;
    gap: 30px;
  }
  main .map__inner .office-info .head-office,
main .map__inner .office-info .sp-center {
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  main .map__inner .office-info .head-office figure img,
main .map__inner .office-info .sp-center figure img {
    width: 100%;
  }
  main .map__inner .office-info .head-office h3,
main .map__inner .office-info .sp-center h3 {
    line-height: 1.5;
  }
  main .map__inner .office-info .head-office .g-map iframe,
main .map__inner .office-info .sp-center .g-map iframe {
    width: 100%;
    height: 500px;
  }
  main .map__inner .office-info .head-office {
    grid-column: 1/2;
    grid-row: 1/5;
  }
  main .map__inner .office-info .head-office figure {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  main .map__inner .office-info .head-office h3 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  main .map__inner .office-info .head-office .info {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  main .map__inner .office-info .head-office .g-map {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  main .map__inner .office-info .sp-center {
    grid-column: 2/3;
    grid-row: 1/5;
  }
  main .map__inner .office-info .sp-center figure {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  main .map__inner .office-info .sp-center h3 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  main .map__inner .office-info .sp-center .info {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  main .map__inner .office-info .sp-center .g-map {
    grid-column: 2/3;
    grid-row: 4/5;
  }
}
@media (min-width: 768px) {
  main .access h3 {
    color: #40ab44;
  }
  main .access__inner .car h3,
main .access__inner .car dt,
main .access__inner .car dd {
    text-align: center;
  }
  main .access__inner .car dt,
main .access__inner .car dd {
    font-size: 21px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main .access__inner .car dt,
main .access__inner .car dd {
    font-size: 4.1vw;
  }
}
@media (min-width: 768px) {
  main .access__inner .train-01,
main .access__inner .train-02 {
    margin-top: 30px;
  }
  main .access__inner .train-01 h3,
main .access__inner .train-01 .station,
main .access__inner .train-01 .next,
main .access__inner .train-01 .bus,
main .access__inner .train-01 .route-01,
main .access__inner .train-01 .route-02,
main .access__inner .train-02 h3,
main .access__inner .train-02 .station,
main .access__inner .train-02 .next,
main .access__inner .train-02 .bus,
main .access__inner .train-02 .route-01,
main .access__inner .train-02 .route-02 {
    text-align: center;
    align-self: center;
  }
  main .access__inner .train-01 .next,
main .access__inner .train-01 .bus,
main .access__inner .train-02 .next,
main .access__inner .train-02 .bus {
    font-size: 21px;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main .access__inner .train-01 .next,
main .access__inner .train-01 .bus,
main .access__inner .train-02 .next,
main .access__inner .train-02 .bus {
    font-size: 4.1vw;
  }
}
@media (min-width: 768px) {
  main .access__inner .train-01 .station,
main .access__inner .train-02 .station {
    font-size: 21px;
    font-weight: 500;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) and (max-width: 767px) {
  main .access__inner .train-01 .station,
main .access__inner .train-02 .station {
    font-size: 4.1vw;
  }
}
@media (min-width: 768px) {
  main .access__inner .train-01 .bus-juncture,
main .access__inner .train-02 .bus-juncture {
    padding: 0.25em;
    border: solid 1px #000;
  }
}
@media (min-width: 768px) {
  main .access__inner .train-01 .g-map,
main .access__inner .train-02 .g-map {
    margin-top: 30px;
  }
  main .access__inner .train-01 .g-map iframe,
main .access__inner .train-02 .g-map iframe {
    width: 100%;
    height: 500px;
  }
}
@media (min-width: 768px) {
  main .access__inner .train-01 .grid-point,
main .access__inner .train-02 .grid-point {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: repeat(5, auto);
    gap: 0 30px;
  }
  main .access__inner .train-01 .grid-point .route-01,
main .access__inner .train-02 .grid-point .route-01 {
    grid-column: 1/2;
    grid-row: 1/6;
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  main .access__inner .train-01 .grid-point .route-01 .next-01,
main .access__inner .train-02 .grid-point .route-01 .next-01 {
    grid-column: 1/2;
    grid-row: 1/2;
  }
  main .access__inner .train-01 .grid-point .route-01 .bus-01,
main .access__inner .train-02 .grid-point .route-01 .bus-01 {
    grid-column: 1/2;
    grid-row: 2/3;
  }
  main .access__inner .train-01 .grid-point .route-01 .next-02,
main .access__inner .train-02 .grid-point .route-01 .next-02 {
    grid-column: 1/2;
    grid-row: 3/4;
  }
  main .access__inner .train-01 .grid-point .route-01 .bus-02,
main .access__inner .train-02 .grid-point .route-01 .bus-02 {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  main .access__inner .train-01 .grid-point .route-01 .g-map,
main .access__inner .train-02 .grid-point .route-01 .g-map {
    grid-column: 1/2;
    grid-row: 5/6;
  }
  main .access__inner .train-01 .grid-point .route-02,
main .access__inner .train-02 .grid-point .route-02 {
    grid-column: 2/3;
    grid-row: 1/6;
    display: grid;
    grid-template-columns: subgrid;
    grid-template-rows: subgrid;
  }
  main .access__inner .train-01 .grid-point .route-02 .next-01,
main .access__inner .train-02 .grid-point .route-02 .next-01 {
    grid-column: 2/3;
    grid-row: 1/2;
  }
  main .access__inner .train-01 .grid-point .route-02 .bus-01,
main .access__inner .train-02 .grid-point .route-02 .bus-01 {
    grid-column: 2/3;
    grid-row: 2/3;
  }
  main .access__inner .train-01 .grid-point .route-02 .next-02,
main .access__inner .train-02 .grid-point .route-02 .next-02 {
    grid-column: 2/3;
    grid-row: 3/4;
  }
  main .access__inner .train-01 .grid-point .route-02 .bus-02,
main .access__inner .train-02 .grid-point .route-02 .bus-02 {
    grid-column: 2/3;
    grid-row: 4/5;
  }
  main .access__inner .train-01 .grid-point .route-02 .g-map,
main .access__inner .train-02 .grid-point .route-02 .g-map {
    grid-column: 2/3;
    grid-row: 5/6;
  }
}
@media (min-width: 768px) {
  main .access__inner .train-02 {
    margin-top: 60px;
  }
  main .access__inner .train-02 .g-map {
    margin-top: 30px;
    text-align: center;
  }
  main .access__inner .train-02 .g-map iframe {
    width: 450px;
    height: 500px;
  }
}

/*# sourceMappingURL=office__access.css.map */