@charset "UTF-8";
/*! ------------------------------------------------------
Property of: GLAZE.inc
Author URI: https://glazestyle.com/
Author: toshiyuki TOKOI
Description: to gotyoujyuclub by GLAZE.inc
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: GLZ-CTMI
------------------------------------------------------- */
/* ====================================================
Font
==================================================== */
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:100,300,400,500,700&subset=japanese");
@import url("https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;300;400;500;600;700;900&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@500&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Michroma&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Alex+Brush&display=swap");
/*! ------------------------------------------------------
Property of: GLAZE.inc
Author URI: https://glazestyle.com/
Author: toshiyuki TOKOI
Description: to ress & GLAZE.inc
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
------------------------------------------------------- */
html {
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
       text-size-adjust: 100%;
  box-sizing: border-box;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  word-break: normal;
  font-size: 62.5%;
  scroll-behavior: smooth;
}

*, :after, :before {
  background-repeat: no-repeat;
  box-sizing: inherit;
  -webkit-box-sizing: border-box;
}

:after, :before {
  text-decoration: inherit;
  vertical-align: inherit;
}

* {
  margin: 0;
  padding: 0;
}

hr {
  color: inherit;
  height: 0;
  overflow: visible;
}

details, main {
  display: block;
}

summary {
  display: list-item;
}

small {
  font-size: 80%;
}

[hidden] {
  display: none;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

a {
  background-color: transparent;
}

a:active, a:hover {
  outline-width: 0;
}

code, kbd, pre, samp {
  font-family: monospace, monospace;
}

pre {
  font-size: 1em;
}

b, strong {
  font-weight: bolder;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

table {
  border-color: inherit;
  text-indent: 0;
}

iframe {
  border-style: none;
}

input {
  border-radius: 0;
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
  height: auto;
}

[type=search] {
  -moz-appearance: textfield;
       appearance: textfield;
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

textarea {
  overflow: auto;
  resize: vertical;
}

button, input, optgroup, select, textarea {
  font: inherit;
}

optgroup {
  font-weight: 700;
}

button {
  overflow: visible;
}

button, select {
  text-transform: none;
}

[role=button], [type=button], [type=reset], [type=submit], button {
  cursor: pointer;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring {
  outline: 1px dotted ButtonText;
}

[type=reset], [type=submit], button, html [type=button] {
  -moz-appearance: button;
       appearance: button;
  -webkit-appearance: button;
}

button, input, select, textarea {
  background-color: transparent;
  border-style: none;
}

a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline-width: 0;
}

select {
  appearance: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}

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

select::-ms-value {
  color: currentColor;
}

legend {
  border: 0;
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  color: inherit;
  font: inherit;
}

[disabled] {
  cursor: default;
}

img {
  border-style: none;
}

progress {
  vertical-align: baseline;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true] {
  cursor: default;
}

li {
  list-style: none;
}

a {
  text-decoration: none;
  color: inherit;
}

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

h1, h2, h3, h4, h5, h6 {
  margin: 1rem 0;
  line-height: 1.3;
}

p {
  margin: 1rem 0;
  line-height: 1.6;
  text-align: justify;
}

address {
  font-style: normal;
}

a[href*="tel:"] {
  pointer-events: none;
  cursor: default;
  text-decoration: none;
}

/* -----------------------------------------------------------------
GLZ-assets
----------------------------------------------------------------- */
.center {
  text-align: center;
  margin-inline: auto;
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.flex-wrapper {
  display: flex;
}

.wrap {
  flex-wrap: wrap;
}

.jc-c {
  justify-content: center;
}

.jc-sb {
  justify-content: space-between;
}

.jc-sa {
  justify-content: space-around;
}

.jc-se {
  justify-content: space-evenly;
}

.jc-fs {
  justify-content: flex-start;
}

.jc-fe {
  justify-content: flex-end;
}

.ai-c {
  align-items: center;
}

.ai-fs {
  align-items: flex-start;
}

.ai-fe {
  align-items: flex-end;
}

.flex-column {
  display: flex;
  flex-direction: column;
}

.gap {
  gap: 10px;
}

.gap-20 {
  gap: 20px;
}

.max-w75 {
  max-width: 75%;
  margin-inline: auto;
}

.white {
  color: white;
}

.block-15 {
  width: 15%;
  margin-inline: auto;
}

.block-20 {
  width: 20%;
  margin-inline: auto;
}

.block-25 {
  width: 25%;
  margin-inline: auto;
}

.block-30 {
  width: 30%;
  margin-inline: auto;
}

.block-35 {
  width: 35%;
  margin-inline: auto;
}

.block-40 {
  width: 40%;
  margin-inline: auto;
}

.block-50 {
  width: 50%;
  margin-inline: auto;
}

.block-60 {
  width: 60%;
  margin-inline: auto;
}

.block-65 {
  width: 65%;
  margin-inline: auto;
}

.block-70 {
  width: 70%;
  margin-inline: auto;
}

.block-75 {
  width: 75%;
  margin-inline: auto;
}

.block-80 {
  width: 80%;
  margin-inline: auto;
}

.block-85 {
  width: 85%;
  margin-inline: auto;
}

.block-100 {
  width: 100%;
}

.mt-20 {
  margin-top: 20px;
}

.mb-20 {
  margin-bottom: 20px;
}

.mt-40 {
  margin-top: 40px;
}

.mb-40 {
  margin-bottom: 40px;
}

.mt-50 {
  margin-top: 50px;
}

.mb-50 {
  margin-bottom: 50px;
}

.mt-60 {
  margin-top: 60px;
}

.mb-60 {
  margin-bottom: 60px;
}

.mt-80 {
  margin-top: 80px;
}

.mb-80 {
  margin-bottom: 80px;
}

.mt-100 {
  margin-top: 100px !important;
}

.mb-100 {
  margin-bottom: 100px;
}

.pd-beside-15 {
  padding: 0 15px;
}

.m-inherit {
  margin: inherit;
}

section .mb--100 {
  margin-bottom: -100px;
}

.w-100 {
  width: 100%;
}

.h-100 {
  height: 100%;
}

.serif {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

.arial {
  font-weight: 500;
  font-family: Arial, Helvetica, sans-serif;
}

@media screen and (max-width: 1024px) {
  .flex-wrapper {
    flex-wrap: wrap;
    /* display: block; */
  }
}
@media screen and (max-width: 768px) {
  .flex-wrap {
    display: block;
  }
  .block-15, .block-20, .block-25, .block-30, .block-35, .block-40, .block-50, .block-60, .block-65, .block-70, .block-75, .block-80, .block-85, .block-100 {
    width: 100%;
  }
  .max-w75 {
    max-width: 100%;
    margin-inline: auto;
  }
  .mt-20 {
    margin-top: 20px;
  }
  .mb-20 {
    margin-bottom: 20px;
  }
  .mt-40 {
    margin-top: 20px;
  }
  .mb-40 {
    margin-bottom: 20px;
  }
  .mt-50 {
    margin-top: 20px;
  }
  .mb-50 {
    margin-bottom: 20px;
  }
  .mt-60 {
    margin-top: 30px;
  }
  .mb-60 {
    margin-bottom: 30px;
  }
  .mt-80 {
    margin-top: 40px;
  }
  .mb-80 {
    margin-bottom: 40px;
  }
  .mt-100 {
    margin-top: 40px;
  }
  .mb-100 {
    margin-bottom: 40px;
  }
}
/*! ------------------------------------------------------
Property of: GLAZE.inc
Author URI: https://glazestyle.com/
Author: toshiyuki TOKOI
Description: to GLAZE.inc property module.
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: LICENSE
------------------------------------------------------- */
/*! ------------------------------------------------------
scroll parts
------------------------------------------------------- */
.scroll {
  position: absolute;
  width: 1em;
  height: 3em;
  bottom: 5em;
  cursor: pointer;
  color: #666;
  text-decoration: none;
  border: 2px solid #666;
  border-radius: 1em;
}
.scroll::before {
  content: "scroll";
  position: absolute;
  top: -1.5em;
  left: -0.7em;
}
.scroll span {
  position: absolute;
  top: 15%;
  left: 0.25em;
  display: block;
  width: 0.25em;
  height: 0.25em;
  border-radius: 50%;
  background: #666;
  animation: 2s small-dot-move infinite running ease-out;
}

@keyframes small-dot-move {
  from {
    top: 15%;
    opacity: 0.8;
  }
  50% {
    opacity: 1;
  }
  to {
    top: 80%;
    opacity: 0.3;
  }
}
.arrow_01 {
  position: absolute;
  top: 3.5em;
  left: 0.25em;
  width: 0;
  height: 5em;
  border: 1px solid #666;
}
.arrow_01::after {
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: -2px;
  width: 2px;
  height: 10px;
  border-top: 10px solid #666;
  border-left: 2px solid transparent;
  border-right: 2px solid transparent;
}

.arrowWrap {
  position: absolute;
  z-index: 5;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  width: 84px;
}
.arrowWrap::after {
  content: "";
  position: absolute;
  bottom: 75px;
  left: 51%;
  border-top: 15px solid #666;
  border-left: 0 solid transparent;
  border-right: 2px solid transparent;
  animation: arrow 1.3s ease 0s infinite normal;
}
.arrowWrap .arrowInner p {
  font-size: 11px;
  color: #fff;
  line-height: 1;
  white-space: nowrap;
  text-align: end;
}
.arrowWrap .arrowInner p .arrow {
  width: 1px;
  height: 70px;
  margin: 10px auto 0;
  background-color: #eee;
  position: relative;
  overflow: hidden;
}
.arrowWrap .arrowInner p .arrow::before {
  content: "";
  width: 1px;
  height: 60px;
  margin: 50px auto 0;
  background-color: #000;
  position: absolute;
  top: -60px;
  left: 0;
  animation: arrow 1.3s ease 0s infinite normal;
}

@keyframes arrow {
  0% {
    transform: translate3d(-50%, 15px, 0);
  }
  60% {
    transform: translate3d(-50%, 90px, 0);
  }
  100% {
    transform: translate3d(-50%, 90px, 0);
  }
}
.arrowWrap-vertical {
  position: absolute;
  z-index: 5;
  left: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 20px;
}
.arrowWrap-vertical::after {
  content: "";
  position: absolute;
  bottom: 75px;
  left: calc(50% + 1px);
  border-top: 15px solid #666;
  border-left: 0 solid transparent;
  border-right: 2px solid transparent;
  animation: arrow 1.3s ease 0s infinite normal;
}
.arrowWrap-vertical .arrowInner p {
  font-size: 11px;
  color: #333;
  line-height: 1;
  white-space: nowrap;
  text-align: end;
  margin-bottom: 70px;
  transform: rotate(90deg);
}
.arrowWrap-vertical .arrow {
  width: 1px;
  height: 70px;
  margin: 10px auto 0;
  background-color: #eee;
  position: relative;
  overflow: hidden;
}
.arrowWrap-vertical .arrow::before {
  content: "";
  width: 1px;
  height: 60px;
  margin: 50px auto 0;
  background-color: #000;
  position: absolute;
  top: -60px;
  left: 0;
  animation: arrow 1.3s ease 0s infinite normal;
}

/*! ------------------------------------------------------
ticKer
------------------------------------------------------- */
#ticKer {
  max-width: 800px;
  background: #E7645C;
  border-radius: 40px;
  position: relative;
  overflow: hidden;
  margin: 0 auto;
  color: #fff;
}

#ticKer a {
  color: inherit;
  text-decoration: none;
  line-height: 1;
}

#ticKer ul {
  padding: 0;
  margin: 0 auto;
  transition: opacity 0.25s ease;
  opacity: 1;
}

#ticKer li {
  list-style-type: none;
  line-height: 4em;
  padding-left: 25px;
  font-size: 1.5rem;
  text-align: left;
  font-weight: 600;
}

.top-information p.info_title {
  margin: 0 1.5rem;
  border-left: 1px solid;
  padding: 1rem 2rem;
}

#ticKer li span {
  font-family: "Rajdhani", sans-serif;
  border-right: 1px solid;
  padding: 1rem 2rem;
  margin-right: 2rem;
  font-weight: 500;
  font-style: normal;
}

.static-fade {
  opacity: 0;
  animation: 0.5s cubic-bezier(0.39, 0.575, 0.565, 1) 0s 1 normal forwards running fall_in;
  animation-delay: 1s;
}

@keyframes fall_in {
  100% {
    opacity: 1;
  }
}
/* slick-Required */
.slider {
  visibility: hidden;
}

.slider.slick-initialized {
  visibility: visible;
}

.slider {
  opacity: 0;
  transition: opacity 0.25s ease;
}

.slider.slick-initialized {
  opacity: 1;
}

/*! ------------------------------------------------------
ticKer
------------------------------------------------------- */
.glz_bgpattern_01 {
  background-color: #fff;
  background-size: 80px 80px;
  background-repeat: repeat;
  background-image: linear-gradient(rgba(230, 230, 230, 0.4) 1%, rgba(230, 230, 230, 0.4) 1%, transparent 1%, transparent 99%, rgba(230, 230, 230, 0.4) 99%, rgba(230, 230, 230, 0.4) 100%), linear-gradient(90deg, rgba(230, 230, 230, 0.4) 1%, rgba(230, 230, 230, 0.4) 1%, transparent 1%, transparent 99%, rgba(230, 230, 230, 0.4) 99%, rgba(230, 230, 230, 0.4) 100%), linear-gradient(transparent, transparent 25%, rgba(210, 210, 210, 0.2) 25%, rgba(210, 210, 210, 0.2) 26%, transparent 26%, transparent 50%, rgba(210, 210, 210, 0.2) 50%, rgba(210, 210, 210, 0.2) 51%, transparent 51%, transparent 75%, rgba(210, 210, 210, 0.2) 75%, rgba(210, 210, 210, 0.2) 76%, transparent 76%, transparent 100%), linear-gradient(90deg, transparent, transparent 25%, rgba(210, 210, 210, 0.2) 25%, rgba(210, 210, 210, 0.2) 26%, transparent 26%, transparent 50%, rgba(210, 210, 210, 0.2) 50%, rgba(210, 210, 210, 0.2) 51%, transparent 51%, transparent 75%, rgba(210, 210, 210, 0.2) 75%, rgba(210, 210, 210, 0.2) 76%, transparent 76%, transparent 100%);
}

/*! 
------------------------------------------------------
Btn
------------------------------------------------------- */
.glz-btn_10 {
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: 2px;
  text-align: center;
  text-transform: capitalize;
  border: 3px solid #202A66;
  border-radius: 50px;
  position: relative;
  overflow: hidden !important;
  transition: all 0.3s ease-in-out;
  background: #fff;
  z-index: 2;
  padding: 15px 100px;
  color: #202A66;
  text-align: center;
  position: relative;
  display: inline-block;
}
.glz-btn_10:hover {
  border: 3px solid #202A66;
  color: #fff !important;
}
.glz-btn_10::before {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  background: #202A66;
  position: absolute;
  transform: skewX(-20deg);
  left: -10%;
  opacity: 1;
  top: 0;
  z-index: -12;
  transition: all 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  box-shadow: 2px 0px 14px rgba(0, 0, 0, 0.6);
}
.glz-btn_10::after {
  content: "";
  width: 0%;
  height: 100%;
  display: block;
  background: #5E7766;
  position: absolute;
  transform: skewX(-20deg);
  left: -10%;
  opacity: 0;
  top: 0;
  z-index: -15;
  transition: all 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
  box-shadow: 2px 0px 14px rgba(0, 0, 0, 0.6);
}
.glz-btn_10:hover::before, .glz-btn_10:hover::before {
  opacity: 1;
  width: 116%;
}
.glz-btn_10:hover::after, .glz-btn_10:hover::after {
  opacity: 1;
  width: 120%;
}

.anime-swing {
  position: absolute;
  transform: translateX(-50%);
  animation: wobbling_x 0.8s ease-in-out infinite alternate, wobbling_y 1.1s ease-in-out infinite alternate;
}

.anime-bound {
  position: absolute;
  transform: translateX(-50%);
  animation: bound-anime 1s infinite;
}

@keyframes wobbling_x {
  0% {
    margin-left: 8px;
  }
  100% {
    margin-left: 0px;
  }
}
@keyframes wobbling_y {
  0% {
    margin-top: 0px;
  }
  100% {
    margin-top: 8px;
  }
}
@keyframes bound-anime {
  0%, 100% {
    top: 0;
    transform: scale(1);
  }
  30% {
    top: -60%;
    transform: scale(0.96, 1.04);
  }
  60% {
    transform: scale(1);
  }
  90% {
    top: 0;
    transform: scale(1.15, 0.9);
  }
}
.highlight span {
  position: relative;
  background: linear-gradient(transparent 40%, yellow 40%);
}

/*! 
------------------------------------------------------
Cheeseburger Menu
------------------------------------------------------- */
.toggle {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  display: block;
  position: fixed;
  top: 25px;
  right: 25px;
  z-index: 101;
  margin: 0;
  padding: 0;
  width: 44px;
  height: 44px;
  background-color: #41A6DF;
  transition: background-color 0.2s ease;
  cursor: pointer;
}
.toggle > span, .toggle:before, .toggle:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 20px;
  height: 2px;
  transform: translate(-50%, -50%);
  border-radius: 2px;
}
.toggle > span {
  background-color: #000;
  transition: opacity 0.3s ease;
  will-change: opacity;
}
.toggle::before, .toggle::after {
  content: "";
  background-color: #000;
  transition: background-color 0.3s ease;
}
.toggle::before {
  transform: translate(-50%, -8px);
}
.toggle::after {
  transform: translate(-50%, 5px);
}
.toggle[aria-expanded=true] > span {
  opacity: 0;
}
.toggle[aria-expanded=true]::before, .toggle[aria-expanded=true]::after {
  background-color: #666;
}
.toggle[aria-expanded=true]::before {
  animation: 0.3s ease closeBar1 forwards;
}
.toggle[aria-expanded=true]::after {
  animation: 0.3s ease closeBar2 forwards;
}
.toggle.-close::before {
  animation: 0.3s ease closeBar1Rev forwards;
}
.toggle.-close::after {
  animation: 0.3s ease closeBar2Rev forwards;
}

.nav {
  display: flex;
  justify-content: center;
  align-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 100;
  width: 100%;
  height: 100%;
  overflow: hidden;
  background: rgba(231, 100, 92, 0.8);
  color: #fff;
  transition: opacity 0.3s ease, visibility 0.3s ease;
}
.nav[aria-hidden=true] {
  visibility: hidden;
  opacity: 0;
  pointer-events: none;
}
.nav[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  pointer-events: auto;
}

@keyframes closeBar1 {
  0% {
    transform: translate(-50%, -8px);
  }
  50% {
    transform: translate(-50%, 0) rotate(0);
  }
  100% {
    transform: translate(-50%, 0) rotate(45deg);
  }
}
@keyframes closeBar2 {
  0% {
    transform: translate(-50%, 5px);
  }
  50% {
    transform: translate(-50%, 0) rotate(0);
  }
  100% {
    transform: translate(-50%, 0) rotate(-45deg);
  }
}
@keyframes closeBar1Rev {
  0% {
    transform: translate(-50%, 0) rotate(45deg);
  }
  50% {
    transform: translate(-50%, 0) rotate(0);
  }
  100% {
    transform: translate(-50%, -8px);
  }
}
@keyframes closeBar2Rev {
  0% {
    transform: translate(-50%, 0) rotate(-45deg);
  }
  50% {
    transform: translate(-50%, 0) rotate(0);
  }
  100% {
    transform: translate(-50%, 5px);
  }
}
/*for404Template---------------------*/
/*-----------------------------------*/
.error-404 h2 {
  font-family: inherit;
  font-size: 1.8rem;
  padding: 70px 0 10px;
  line-height: 1;
  font-weight: normal;
  text-transform: uppercase;
  font-weight: 600;
}

.page input[type=text],
input[type=email] {
  padding: 0.75rem 1rem;
}

.page textarea {
  border: 1px solid #ccc;
  padding: 1rem;
}
.page .form-title span {
  color: #c00;
}

h3.error404 {
  font-size: 15rem;
  text-transform: none;
  padding: 0;
  color: #666;
  font-weight: normal;
  display: inline-block;
}

.error-404 h1.page-title {
  font-size: 3.1rem;
  padding: 10px 0 10px;
  line-height: 1;
  font-weight: normal;
  display: inline-block;
  font-family: "Rajdhani", sans-serif;
}

/*formParts----------------------------*/
form {
  margin: auto;
}
form .row {
  width: 100%;
  font-size: 0;
  margin-bottom: 50px;
}
form .row.column .element {
  width: 270px;
  margin-left: 40px;
}
form .row .element {
  display: inline-block;
  width: 100%;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  position: relative;
}
form .row .element:first-child {
  margin-left: 0;
  padding-bottom: 1px;
}
form select {
  position: relative;
  width: 100%;
}
form textarea {
  position: relative;
  width: 100%;
  height: 250px;
}
form select {
  background-color: #000;
  color: #fff;
  font-size: 1.5rem;
  border: none;
  width: 100%;
}
form input::-moz-placeholder {
  color: #666;
}
form input::placeholder {
  color: #666;
}
form p {
  line-height: 1.75;
  margin-bottom: 2rem;
}

select > option:nth-child(1) {
  color: #666;
}

form .sendBtn {
  margin: 0 auto;
  text-align: center;
}

.sendBtn > button {
  width: 200px;
  padding: 15px;
}

input[type=search] {
  -webkit-appearance-: textfield;
  outline-offset: -2px;
  border: 1px solid #fff;
  padding: 1rem 2rem;
  background: #fff;
}
input[type=submit] {
  padding: 1rem;
  background: #000;
  color: #fff;
  box-sizing: border-box;
  transition: all 0.3s;
  border: 1px solid #000;
}
input[type=submit]:hover {
  background-color: rgba(255, 255, 255, 0.5);
  border: 1px solid #1b5f0d;
  color: #1b5f0d;
}

#secondarywrap input[type=search] {
  max-width: 80%;
}
#secondarywrap input[type=submit] {
  width: 18%;
  background: #000;
  color: #fff;
}

span.screen-reader-text {
  display: none;
}

.no-results input[type=search] {
  width: 80%;
  border: 1px solid #ddd;
}
.no-results input[type=submit] {
  padding: 1rem;
  margin-top: 1rem;
  width: 10%;
  background: #000;
  color: #fff;
  border: 1px solid #000;
}

.search-results h2.entry-title {
  margin-bottom: 1.5rem;
  font-weight: 300;
}

/*--------------------------------------------------------------
>>> glz default:
--------------------------------------------------------------*/
.serif {
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 500;
}

/************************************************************
 * page-nation & sala_type
 ************************************************************/
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 40px 0;
  position: relative;
  width: 100%;
}
.pagination span, .pagination a {
  display: block;
  width: auto;
  margin: 4px;
  padding: 10px 20px;
  text-align: center;
  background: #eee;
  text-decoration: none;
  text-align: center;
  line-height: 16px;
  box-sizing: content-box;
  border-radius: 25px;
}
.pagination a:hover, .pagination .current {
  color: #fff;
  border-color: #000;
  background-color: #000;
}
.pagination a.prev {
  margin-right: 16px;
}
.pagination a.next {
  margin-left: 16px;
}
.pagination a.first, .pagination a.last {
  color: #000;
}
.pagination span.page_num {
  display: none;
}

.sale_type li {
  display: inline-block;
  padding: 0.5rem 1rem;
  background: #000;
  color: #759866;
  font-size: 1.3rem;
}
.sale_type li a {
  color: #F0A684;
}

.caution {
  font-size: 1.2rem;
  margin-top: 1rem;
  margin-bottom: 2rem;
}

.single-item .entry-content p {
  margin-bottom: 1.7rem;
}

p.pointcard {
  background: #000;
  font-size: 1.3rem;
  padding: 1.5rem;
  color: #eee;
  margin-top: 1rem;
}

section.error-404 {
  position: relative;
}
section.error-404 .page-header {
  margin-bottom: 60px;
  text-align: center;
}

.search-results .entry-summary p, .search-results .entry-summary {
  margin-top: 1rem;
  font-size: 1.3rem;
}

.wpcf7 form .wpcf7-response-output {
  margin: 2em 0.5em 1em;
  padding: 0.75em 1em;
  border: 2px solid #000;
  font-size: 1.5rem;
  background: #000;
  color: #759866;
}

.wpcf7 form.sent .wpcf7-response-output {
  border-color: #46b450;
  color: #46b450;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output {
  border-color: #ffb900;
  color: #ffb900;
}

.breadcrumb {
  padding: 0.8rem;
  font-size: 1.1rem;
  background: #666;
  color: #b0e3ff;
}
.breadcrumb .bcinner {
  margin: 0 auto;
  max-width: 1280px;
  padding: 0 15px;
}
.breadcrumb a {
  color: rgb(226, 226, 226);
}
.breadcrumb i {
  margin: 0 5px;
}

.addtoany_content {
  margin: 20px auto;
}

.entry-footer {
  margin-bottom: 15px;
}

.definitionList > dl:nth-child(1) > dt:nth-child(1),
.definitionList > dl:nth-child(1) > dd:nth-child(2) {
  border-top: 1px solid rgba(155, 155, 155, 0.5);
}
.definitionList dl {
  display: table;
  width: 90%;
  border-spacing: 30px 0;
  margin: 0 auto;
}
.definitionList dt {
  display: table-cell;
  vertical-align: middle;
  width: 200px;
  padding: 20px;
  font-size: 1.4rem;
  line-height: 1.75;
  text-align: left;
  border-bottom: 1px solid rgba(155, 155, 155, 0.5);
}
.definitionList dt span {
  font-size: 1.1rem;
  display: block;
  /*  margin-top: 0.6rem;*/
}
.definitionList dd {
  display: table-cell;
  vertical-align: middle;
  padding: 15px 20px;
  font-size: 1.4rem;
  text-align: left;
  border-bottom: 1px solid rgba(155, 155, 155, 0.5);
  line-height: 1.5;
}

.maps-outer {
  position: relative;
  padding-top: 35%;
}

.maps {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

span.wpcf7-spinner {
  display: block;
  margin: 1rem;
}

.grecaptcha-badge {
  margin: 15px auto 10px;
}

@media (min-width: 1025px) {
  .sp-br {
    display: none;
  }
  #toggle {
    display: none;
  }
}
@media (max-width: 1025px) {
  .definitionList dl {
    width: 100%;
    border-spacing: 0;
    margin: 0 auto;
  }
  .definitionList dt {
    width: 40%;
    padding: 10px 0;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .definitionList dt span {
    font-size: 1.1rem;
    display: block;
  }
  .definitionList dd {
    padding: 10px 0;
    font-size: 1.3rem;
    line-height: 1.5;
  }
  .maps-outer {
    position: relative;
    padding-top: 100%;
  }
}
select {
  color: inherit;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  padding: 10px;
  padding-right: 30px;
  border: 1px solid #dadada;
  border-radius: 6px;
  font-family: "Inter", "Noto Sans JP", "Verdana", "Meiryo", "Hiragino Kaku Gothic Pro", "MS PGothic", sans-serif;
  position: relative;
  width: 100%;
  box-shadow: 0px 2px 0px 0px rgba(0, 0, 0, 0.1);
}

.home-select-menu {
  display: flex;
  align-items: center;
  gap: 50px;
  color: #fff;
  padding: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  margin: 0 20px;
}
.home-select-menu .home-select-menu-left {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 5px;
  width: 100%;
}
.home-select-menu .home-select-menu-left .home-select-menu-list {
  margin: 0;
  width: calc(25% - 4px);
}
.home-select-menu .home-select-menu-select {
  position: relative;
  background: rgba(255, 255, 255, 0.15);
  border-radius: 5px;
  min-width: 220px;
}
.home-select-menu .home-select-menu-select select {
  cursor: pointer;
  position: relative;
  transition: all 0.3s ease;
  background: transparent;
  border: none;
  font-size: 1.3rem;
}

.list-all {
  display: flex;
}
.list-all ul {
  width: 25%;
  padding-left: 0.8rem;
  font-size: 0.9rem;
}

.select-sample h2, .list-sample h2 {
  border-bottom: 4px solid #5eb3e4;
  padding: 1rem 0;
}

.detail_btn {
  display: flex;
  align-items: center;
  width: 100%;
  margin-top: 20px;
}
.detail_btn button {
  padding: 1.5rem 2rem;
  font-weight: bold;
  background: #1A1311;
  color: #fff;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
  width: min(75%, 340px);
  -moz-text-align-last: left;
       text-align-last: left;
  letter-spacing: 0.2rem;
  font-size: 1.6rem;
}
.detail_btn button::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 2em;
  transform: translateY(calc(-50% - 2px)) rotate(25deg);
  width: 20px;
  height: 2px;
  background: #fff;
}
.detail_btn button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%);
  width: 75px;
  height: 2px;
  background-color: #fff;
}
.detail_btn button:hover {
  background: #5eb3e4;
  color: #d4eef7;
}
.detail_btn button:hover::before {
  right: 1.5em;
  background: #d4eef7;
}
.detail_btn button:hover::after {
  right: 1.5em;
  background-color: #d4eef7;
}

.foundation_area .detail-main h1 {
  padding: 1rem;
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #8f8f8f;
  font-size: 2rem;
  text-align: center;
}
.foundation_area figure {
  display: grid;
  place-items: center;
  margin: 20px 0 50px;
}
.foundation_area figure .dummy-img {
  background: #eee;
  width: 84%;
  min-height: 600px;
  position: relative;
}
.foundation_area figure .dummy-img svg {
  width: 36px;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
.foundation_area figure .dummy-img svg.right {
  position: absolute;
  right: 0;
  background: #000;
}
.foundation_area figure .dummy-img svg.right use {
  color: #fff;
}
.foundation_area figure .dummy-img svg.left {
  position: absolute;
  background: #000;
}
.foundation_area figure .dummy-img svg.left use {
  color: #fff;
}
.foundation_area figure .thumbnail-wrap {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
  width: 100%;
}
.foundation_area figure .thumbnail-wrap .dummy-thumbnail {
  width: 100px;
  aspect-ratio: 16/10;
  background: #eee;
}
.foundation_area .price-area {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 30px 0;
  background: #efefef;
  padding: 20px;
}
.foundation_area .price-area .totalPrice__title, .foundation_area .price-area .basePrice__title {
  margin: 0 0 8px;
  padding: 0;
  font-size: 12px;
  font-weight: bold;
  line-height: 1;
}
.foundation_area .price-area .priceInfo {
  width: min(50%, 450px);
  display: flex;
  justify-content: space-around;
}
.foundation_area .price-area .priceInfo p {
  padding: 0;
  margin: 0;
}
.foundation_area .price-area .priceInfo .totalPrice .price {
  font-size: 3.6rem;
  color: #ea5514;
  font-family: "Oswald", sans-serif;
}
.foundation_area .price-area .priceInfo .basePrice .price {
  font-size: 3.6rem;
  font-family: "Oswald", sans-serif;
}
.foundation_area .price-area .main_specList_wrap {
  max-width: max(50%, 300px);
}
.foundation_area .price-area .main_specList_wrap .main_specList {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.foundation_area .price-area .main_specList_wrap .main_specList dt {
  width: 25%;
  padding: 0.5rem 1rem;
  font-size: 1.3rem;
  border: 1px solid #d8d8d8;
  background: #eee;
}
.foundation_area .price-area .main_specList_wrap .main_specList dd {
  width: 25%;
  background: #cfcfcf;
  padding: 0.5rem 1rem;
  text-align: right;
  border: 1px solid #e2e2e2;
}
.foundation_area .detail_comment {
  background: #eee;
  padding: 2rem;
  width: 100%;
  position: relative;
}
.foundation_area .detail_comment img {
  position: absolute;
  bottom: 0;
  right: 20px;
  width: 120px;
}

.search_btn {
  text-align: center;
}
.search_btn button {
  padding: 1.5rem 2rem 1.5rem 5rem;
  font-weight: bold;
  background: #1A1311;
  color: #fff;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
  margin: 50px 15px 20px;
  width: min(75%, 340px);
  -moz-text-align-last: left;
       text-align-last: left;
  letter-spacing: 0.2rem;
  font-size: 1.6rem;
}
.search_btn button::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 2em;
  transform: translateY(calc(-50% - 2px)) rotate(25deg);
  width: 20px;
  height: 2px;
  background: #fff;
}
.search_btn button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%);
  width: 75px;
  height: 2px;
  background-color: #fff;
}
.search_btn button:hover {
  background: #41A6DF;
  color: #d4eef7;
}
.search_btn button:hover::before {
  right: 1.5em;
  background: #d4eef7;
}
.search_btn button:hover::after {
  right: 1.5em;
  background-color: #d4eef7;
}

.menu_btn button {
  padding: 1.5rem 2rem 1.5rem 5rem;
  font-weight: bold;
  background: #1A1311;
  color: #fff;
  position: relative;
  transition: 0.5s;
  cursor: pointer;
  margin: 40px 0 20px;
  width: min(90%, 360px);
  -moz-text-align-last: left;
       text-align-last: left;
  font-size: 1.6rem;
  border: 1px solid #000;
}
.menu_btn button::before {
  content: "";
  position: absolute;
  top: calc(50% - 2px);
  right: 2em;
  transform: translateY(calc(-50% - 2px)) rotate(25deg);
  width: 20px;
  height: 2px;
  background: #fff;
}
.menu_btn button::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2em;
  transform: translateY(-50%);
  width: 75px;
  height: 2px;
  background-color: #fff;
}
.menu_btn button:hover {
  background: #41A6DF;
  color: #d4eef7;
}
.menu_btn button:hover::before {
  right: 1.5em;
  background: #d4eef7;
}
.menu_btn button:hover::after {
  right: 1.5em;
  background-color: #d4eef7;
}

.basic_area h4 {
  border-bottom: 4px solid #41A6DF;
  padding: 1rem 0;
}

.detail_area {
  background: #eee;
  margin-top: 50px;
  padding: 20px;
}
.detail_area h5 {
  border-bottom: 2px solid #ea5514;
  padding: 0.5rem 0;
}

.spec_list_block {
  width: 100%;
  border-top: 1px solid #e3e3e3;
  border-left: 1px solid #e3e3e3;
  display: flex;
  flex-wrap: wrap;
}
.spec_list_block dl {
  border-collapse: collapse;
  display: table;
  line-height: 1.3;
  font-size: 1.3rem;
  width: 33.3333%;
  box-sizing: border-box;
  margin: 0;
}
.spec_list_block dl dt {
  display: table-cell;
  vertical-align: middle;
  font-weight: 900;
  text-align: left;
  width: 50%;
  height: 50px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: #f9f9f9;
}
.spec_list_block dl dd {
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  width: 50%;
  height: 50px;
  border-right: solid 1px;
  border-bottom: solid 1px;
  border-color: #e3e3e3;
  padding: 10px;
  background: #fff;
}

.local-nav {
  display: grid;
  place-items: center;
}
.local-nav ul {
  display: grid;
  place-items: center;
  display: flex;
  background: #000;
  padding: 0;
}
.local-nav ul li {
  list-style: none;
  color: #eee;
  font-size: 0.75rem;
  font-weight: 700;
  min-width: 120px;
  text-align: center;
  border: 1px solid #fff;
}
.local-nav ul li a {
  display: block;
  padding: 5px 20px;
}

@media (max-width: 1025px) {
  .foundation_area .price-area {
    margin: 30px 0 15px;
    background: #efefef;
    padding: 10px;
    flex-direction: column;
  }
  .foundation_area .price-area .priceInfo {
    width: 100%;
    justify-content: space-between;
  }
  .foundation_area .price-area .main_specList_wrap {
    max-width: 100%;
    margin-top: 15px;
  }
  .foundation_area .price-area .main_specList_wrap .main_specList dt, .foundation_area .price-area .main_specList_wrap .main_specList dd {
    width: 50%;
  }
  .foundation_area .price-area .main_specList_wrap .detail_btn button {
    width: inherit;
  }
  .foundation_area .detail_comment img {
    display: none;
  }
}
@font-face {
  font-family: "Tunga";
  src: url("common/fonts/Tunga Regular.eot");
  src: local("☺"), url("common/fonts/Tunga Regular.woff") format("woff"), url("common/fonts/Tunga Regular.ttf") format("truetype"), url("common/fonts/Tunga Regular.svg") format("svg");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Adobe Handwriting";
  src: url("common/fonts/AdobeHandwriting-Ernie.eot");
  src: local("Adobe Handwriting Ernie"), local("AdobeHandwriting-Ernie"), url("common/fonts/AdobeHandwriting-Ernie.eot?#iefix") format("embedded-opentype"), url("common/fonts/AdobeHandwriting-Ernie.woff2") format("woff2"), url("common/fonts/AdobeHandwriting-Ernie.woff") format("woff"), url("common/fonts/AdobeHandwriting-Ernie.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Adobe Handwriting";
  src: url("common/fonts/AdobeHandwriting-Tiffany.eot");
  src: local("Adobe Handwriting Tiffany"), local("AdobeHandwriting-Tiffany"), url("common/fonts/AdobeHandwriting-Tiffany.eot?#iefix") format("embedded-opentype"), url("common/fonts/AdobeHandwriting-Tiffany.woff2") format("woff2"), url("common/fonts/AdobeHandwriting-Tiffany.woff") format("woff"), url("common/fonts/AdobeHandwriting-Tiffany.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "Adobe Handwriting";
  src: url("common/fonts/AdobeHandwriting-Frank.eot");
  src: local("Adobe Handwriting Frank"), local("AdobeHandwriting-Frank"), url("common/fonts/AdobeHandwriting-Frank.eot?#iefix") format("embedded-opentype"), url("common/fonts/AdobeHandwriting-Frank.woff2") format("woff2"), url("common/fonts/AdobeHandwriting-Frank.woff") format("woff"), url("common/fonts/AdobeHandwriting-Frank.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
/* ====================================================
Media Quary
==================================================== */
@media screen and (min-width: 835px) {
  .mbpc-1 {
    margin-bottom: 1px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-1 {
    margin-bottom: 1px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-2 {
    margin-bottom: 2px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-2 {
    margin-bottom: 2px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-3 {
    margin-bottom: 3px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-3 {
    margin-bottom: 3px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-4 {
    margin-bottom: 4px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-4 {
    margin-bottom: 4px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-5 {
    margin-bottom: 5px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-5 {
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-6 {
    margin-bottom: 6px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-6 {
    margin-bottom: 6px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-7 {
    margin-bottom: 7px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-7 {
    margin-bottom: 7px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-8 {
    margin-bottom: 8px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-8 {
    margin-bottom: 8px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-9 {
    margin-bottom: 9px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-9 {
    margin-bottom: 9px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-10 {
    margin-bottom: 10px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-10 {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-11 {
    margin-bottom: 11px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-11 {
    margin-bottom: 11px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-12 {
    margin-bottom: 12px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-12 {
    margin-bottom: 12px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-13 {
    margin-bottom: 13px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-13 {
    margin-bottom: 13px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-14 {
    margin-bottom: 14px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-14 {
    margin-bottom: 14px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-15 {
    margin-bottom: 15px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-15 {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-16 {
    margin-bottom: 16px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-16 {
    margin-bottom: 16px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-17 {
    margin-bottom: 17px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-17 {
    margin-bottom: 17px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-18 {
    margin-bottom: 18px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-18 {
    margin-bottom: 18px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-19 {
    margin-bottom: 19px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-19 {
    margin-bottom: 19px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-20 {
    margin-bottom: 20px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-20 {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-21 {
    margin-bottom: 21px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-21 {
    margin-bottom: 21px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-22 {
    margin-bottom: 22px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-22 {
    margin-bottom: 22px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-23 {
    margin-bottom: 23px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-23 {
    margin-bottom: 23px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-24 {
    margin-bottom: 24px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-24 {
    margin-bottom: 24px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-25 {
    margin-bottom: 25px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-25 {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-26 {
    margin-bottom: 26px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-26 {
    margin-bottom: 26px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-27 {
    margin-bottom: 27px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-27 {
    margin-bottom: 27px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-28 {
    margin-bottom: 28px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-28 {
    margin-bottom: 28px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-29 {
    margin-bottom: 29px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-29 {
    margin-bottom: 29px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-30 {
    margin-bottom: 30px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-30 {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-31 {
    margin-bottom: 31px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-31 {
    margin-bottom: 31px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-32 {
    margin-bottom: 32px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-32 {
    margin-bottom: 32px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-33 {
    margin-bottom: 33px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-33 {
    margin-bottom: 33px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-34 {
    margin-bottom: 34px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-34 {
    margin-bottom: 34px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-35 {
    margin-bottom: 35px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-35 {
    margin-bottom: 35px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-36 {
    margin-bottom: 36px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-36 {
    margin-bottom: 36px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-37 {
    margin-bottom: 37px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-37 {
    margin-bottom: 37px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-38 {
    margin-bottom: 38px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-38 {
    margin-bottom: 38px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-39 {
    margin-bottom: 39px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-39 {
    margin-bottom: 39px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-40 {
    margin-bottom: 40px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-40 {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-41 {
    margin-bottom: 41px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-41 {
    margin-bottom: 41px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-42 {
    margin-bottom: 42px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-42 {
    margin-bottom: 42px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-43 {
    margin-bottom: 43px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-43 {
    margin-bottom: 43px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-44 {
    margin-bottom: 44px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-44 {
    margin-bottom: 44px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-45 {
    margin-bottom: 45px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-45 {
    margin-bottom: 45px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-46 {
    margin-bottom: 46px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-46 {
    margin-bottom: 46px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-47 {
    margin-bottom: 47px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-47 {
    margin-bottom: 47px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-48 {
    margin-bottom: 48px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-48 {
    margin-bottom: 48px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-49 {
    margin-bottom: 49px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-49 {
    margin-bottom: 49px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-50 {
    margin-bottom: 50px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-50 {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-51 {
    margin-bottom: 51px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-51 {
    margin-bottom: 51px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-52 {
    margin-bottom: 52px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-52 {
    margin-bottom: 52px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-53 {
    margin-bottom: 53px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-53 {
    margin-bottom: 53px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-54 {
    margin-bottom: 54px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-54 {
    margin-bottom: 54px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-55 {
    margin-bottom: 55px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-55 {
    margin-bottom: 55px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-56 {
    margin-bottom: 56px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-56 {
    margin-bottom: 56px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-57 {
    margin-bottom: 57px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-57 {
    margin-bottom: 57px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-58 {
    margin-bottom: 58px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-58 {
    margin-bottom: 58px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-59 {
    margin-bottom: 59px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-59 {
    margin-bottom: 59px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-60 {
    margin-bottom: 60px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-60 {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-61 {
    margin-bottom: 61px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-61 {
    margin-bottom: 61px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-62 {
    margin-bottom: 62px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-62 {
    margin-bottom: 62px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-63 {
    margin-bottom: 63px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-63 {
    margin-bottom: 63px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-64 {
    margin-bottom: 64px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-64 {
    margin-bottom: 64px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-65 {
    margin-bottom: 65px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-65 {
    margin-bottom: 65px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-66 {
    margin-bottom: 66px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-66 {
    margin-bottom: 66px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-67 {
    margin-bottom: 67px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-67 {
    margin-bottom: 67px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-68 {
    margin-bottom: 68px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-68 {
    margin-bottom: 68px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-69 {
    margin-bottom: 69px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-69 {
    margin-bottom: 69px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-70 {
    margin-bottom: 70px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-70 {
    margin-bottom: 70px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-71 {
    margin-bottom: 71px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-71 {
    margin-bottom: 71px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-72 {
    margin-bottom: 72px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-72 {
    margin-bottom: 72px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-73 {
    margin-bottom: 73px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-73 {
    margin-bottom: 73px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-74 {
    margin-bottom: 74px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-74 {
    margin-bottom: 74px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-75 {
    margin-bottom: 75px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-75 {
    margin-bottom: 75px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-76 {
    margin-bottom: 76px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-76 {
    margin-bottom: 76px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-77 {
    margin-bottom: 77px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-77 {
    margin-bottom: 77px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-78 {
    margin-bottom: 78px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-78 {
    margin-bottom: 78px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-79 {
    margin-bottom: 79px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-79 {
    margin-bottom: 79px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-80 {
    margin-bottom: 80px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-80 {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-81 {
    margin-bottom: 81px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-81 {
    margin-bottom: 81px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-82 {
    margin-bottom: 82px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-82 {
    margin-bottom: 82px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-83 {
    margin-bottom: 83px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-83 {
    margin-bottom: 83px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-84 {
    margin-bottom: 84px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-84 {
    margin-bottom: 84px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-85 {
    margin-bottom: 85px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-85 {
    margin-bottom: 85px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-86 {
    margin-bottom: 86px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-86 {
    margin-bottom: 86px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-87 {
    margin-bottom: 87px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-87 {
    margin-bottom: 87px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-88 {
    margin-bottom: 88px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-88 {
    margin-bottom: 88px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-89 {
    margin-bottom: 89px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-89 {
    margin-bottom: 89px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-90 {
    margin-bottom: 90px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-90 {
    margin-bottom: 90px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-91 {
    margin-bottom: 91px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-91 {
    margin-bottom: 91px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-92 {
    margin-bottom: 92px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-92 {
    margin-bottom: 92px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-93 {
    margin-bottom: 93px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-93 {
    margin-bottom: 93px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-94 {
    margin-bottom: 94px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-94 {
    margin-bottom: 94px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-95 {
    margin-bottom: 95px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-95 {
    margin-bottom: 95px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-96 {
    margin-bottom: 96px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-96 {
    margin-bottom: 96px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-97 {
    margin-bottom: 97px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-97 {
    margin-bottom: 97px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-98 {
    margin-bottom: 98px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-98 {
    margin-bottom: 98px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-99 {
    margin-bottom: 99px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-99 {
    margin-bottom: 99px !important;
  }
}
@media screen and (min-width: 835px) {
  .mbpc-100 {
    margin-bottom: 100px !important;
  }
}
@media screen and (max-width: 834px) {
  .mbsp-100 {
    margin-bottom: 100px !important;
  }
}
.sec-entry {
  padding: 72px 0;
}
@media screen and (max-width: 834px) {
  .sec-entry {
    padding: 50px 0;
  }
}

.entry-heading {
  text-align: center;
  margin-bottom: 78px;
  font-weight: 500;
  font-size: 22px;
}
@media screen and (max-width: 834px) {
  .entry-heading {
    margin-bottom: 35px;
    font-size: 18px;
  }
}
.entry-heading img {
  position: relative;
  top: 1px;
}
.entry-desc {
  font-weight: 500;
  line-height: 1.6875;
  text-align: center;
  margin-bottom: 82px;
  font-size: 16px;
}
@media screen and (max-width: 834px) {
  .entry-desc {
    margin-bottom: 35px;
    font-size: 14px;
  }
}
.entry-list {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -13px -40px;
  padding: 0 19px;
}
@media screen and (max-width: 1200px) {
  .entry-list {
    padding: 0;
  }
}
@media screen and (max-width: 834px) {
  .entry-list {
    margin: 0 -10px -20px;
  }
}
.entry-item {
  width: 25%;
  padding: 0 13px;
  margin-bottom: 40px;
}
@media screen and (max-width: 834px) {
  .entry-item {
    width: 50%;
    padding: 0 10px;
    margin-bottom: 20px;
  }
}
.entry-img {
  position: relative;
}
.entry-img img {
  width: 100%;
}
.entry-ttl {
  position: absolute;
  bottom: 8px;
  padding: 10px 10px;
  left: 0;
  width: 100%;
  text-align: center;
  color: #000;
  font-weight: 500;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 14px;
}
@media screen and (max-width: 990px) {
  .entry-ttl {
    font-size: 12px;
  }
}

.sec-voice {
  padding: 49px 0;
}
@media screen and (max-width: 834px) {
  .sec-voice {
    padding: 50px 0;
  }
}

.mw-1077 {
  max-width: 1077px;
  width: 100%;
  margin: 0 auto;
}

.voice-list {
  display: flex;
  margin: 0 -37px;
}
@media screen and (max-width: 834px) {
  .voice-list {
    margin: 0 -15px;
  }
}
@media screen and (max-width: 640px) {
  .voice-list {
    flex-wrap: wrap;
    margin: 0 0 -35px;
  }
}
.voice-item {
  width: 50%;
  padding: 0 37px;
}
@media screen and (max-width: 834px) {
  .voice-item {
    padding: 0 15px;
  }
}
@media screen and (max-width: 640px) {
  .voice-item {
    width: 100%;
    padding: 0;
    margin-bottom: 35px;
  }
}
.voice-img {
  position: relative;
  overflow: hidden;
  margin-bottom: 37px;
}
@media screen and (max-width: 834px) {
  .voice-img {
    margin-bottom: 15px;
  }
}
.voice-img:before {
  content: "";
  display: block;
  padding-bottom: 66.8%;
}
.voice-img .thumbnail {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.voice-img .thumbnail img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover";
}
.voice-ttl {
  text-align: center;
  color: #FF7070;
  font-weight: 500;
  margin-bottom: 31px;
  line-height: 1.2;
  font-size: 24px;
}
@media screen and (max-width: 834px) {
  .voice-ttl {
    margin-bottom: 15px;
    font-size: 20px;
  }
}
.voice-desc {
  font-weight: 500;
  line-height: 1.6667;
  font-size: 15px;
}
@media screen and (max-width: 834px) {
  .voice-desc {
    font-size: 13px;
  }
}

.sec-form {
  padding: 25px 0 25px;
}
@media screen and (max-width: 834px) {
  .sec-form {
    padding: 20px 0;
  }
}
@media screen and (min-width: 835px) {
  .sec-form .ttlcomp-04 {
    margin-bottom: 88px;
  }
}
.sec-form .btn-center {
  justify-content: center;
  padding: 5px 40px;
}

.form-content {
  max-width: 900px;
  margin: 0 auto 104px;
}
@media screen and (max-width: 834px) {
  .form-content {
    margin-bottom: 50px;
  }
}
.form-content dl {
  display: flex;
  align-items: center;
  border-bottom: 1px dotted #CCCCCC;
}
@media screen and (max-width: 834px) {
  .form-content dl {
    flex-wrap: wrap;
    border-bottom: 0;
  }
}
.form-content dl dt {
  width: 270px;
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .form-content dl dt {
    width: 100%;
    text-align: center;
    padding: 10px 0;
  }
}
.form-content dl dt span {
  color: #FE3350;
  padding-left: 4px;
}
.form-content dl dt small {
  display: block;
  width: 100%;
  font-size: 11px;
}
@media screen and (max-width: 834px) {
  .form-content dl dt small {
    text-align: left;
  }
}
.form-content dl dt p {
  color: #AEB5B9;
}
.form-content dl dd {
  padding: 16px 10px;
  width: calc(100% - 270px);
}
@media screen and (max-width: 834px) {
  .form-content dl dd {
    width: 100%;
    padding: 0;
  }
}

.form-content-half {
  max-width: 900px;
  margin: 0 auto 100px;
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
@media screen and (max-width: 834px) {
  .form-content-half {
    margin-bottom: 50px;
  }
}
.form-content-half dl {
  align-items: center;
  border-bottom: 1px dotted #CCCCCC;
  width: calc((100% - 20px) / 3);
}
@media screen and (max-width: 834px) {
  .form-content-half dl {
    flex-wrap: wrap;
    border-bottom: 0;
  }
}
.form-content-half dl dt {
  padding: 10px;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 834px) {
  .form-content-half dl dt {
    text-align: center;
    padding: 10px 0;
  }
}
.form-content-half dl dt span {
  color: #FE3350;
  padding-left: 4px;
}
.form-content-half dl dt small {
  display: block;
  width: 100%;
  font-size: 11px;
}
@media screen and (max-width: 834px) {
  .form-content-half dl dt small {
    text-align: left;
  }
}
.form-content-half dl dt p {
  color: #AEB5B9;
}
.form-content-half dl dd {
  position: relative;
  width: 100%;
}
.form-content-half dl dd span.form-unit {
  position: absolute;
  right: 1.5rem;
  top: 1rem;
  text-align: right;
  font-weight: 500;
}
@media screen and (max-width: 834px) {
  .form-content-half dl dd {
    width: 100%;
    padding: 0;
  }
}

.input, .textarea {
  border-radius: 7px;
  border: 1px solid #C7C7C7;
  box-shadow: none;
  outline: none;
  background: #fff;
  padding: 5px 10px;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
}
.input02, .textarea02 {
  width: 217px;
}
@media screen and (max-width: 834px) {
  .input02, .textarea02 {
    width: 100%;
  }
}

.textarea {
  height: 54px;
}

.list-select {
  display: flex;
  align-items: center;
}
.list-select span {
  margin-right: 10px;
  display: inline-block;
  font-size: 14px;
}

.select-custom {
  border-radius: 3px;
  border: 1px solid #C7C7C7;
  background: #fff;
  width: 100px;
  height: 36px;
  margin-right: 8px;
  font-size: 14px;
  position: relative;
  /*for IE10+*/
}
.select-custom:after {
  content: "";
  width: 5px;
  height: 5px;
  border-bottom: 2px solid #000;
  border-left: 2px solid #000;
  position: absolute;
  right: 4px;
  top: 42%;
  transform: rotate(-45deg) translateY(-50%);
}
.select-custom.w56 {
  width: auto;
}
.select-custom .error {
  margin-right: -25px !important;
}
.select-custom select {
  width: 100%;
  height: 100%;
  border: 0;
  box-shadow: none;
  outline: none;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  padding: 0 5px;
}
.select-custom select {
  /*for firefox*/
  -moz-appearance: none;
  /*for chrome*/
  -webkit-appearance: none;
  appearance: none;
}
.select-custom select::-ms-expand {
  display: none;
}

.file {
  font-size: 14px;
}

.mw_wp_form .error {
  font-size: 12px !important;
  display: block;
  margin-top: 5px;
  margin-right: 0;
}

.mw_wp_form_confirm dl dd {
  background: #fff;
  border-radius: 15px;
  padding: 10px;
}
.mw_wp_form_confirm .select-custom {
  display: flex;
  align-items: center;
  padding-left: 5px;
}
.mw_wp_form_confirm .select-custom:after {
  display: none;
}

.page .mw_wp_form textarea {
  width: 100%;
  resize: none;
  outline: 0;
  border: 1px solid #C7C7C7;
  padding: 10px;
  border: 2px solid #ccc;
  padding: 1rem;
  border-radius: 13px;
  background: #fff;
}

.btn-control {
  max-width: 600px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
}
.btn-control button {
  width: inherit;
  border: 1px solid #000;
  border-radius: 5px;
  padding: 1.2rem;
  transition: all 0.3s;
  background: #e8a39f;
  margin-bottom: 15px;
}
.btn-control button:hover {
  background: #000;
  color: #fff;
}

.mwform-radio-field-text {
  font-size: 14px;
}

.mw_wp_form .horizontal-item {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: 10px;
}
.mw_wp_form .horizontal-item:last-of-type {
  margin-right: 0;
}

.mw_wp_form.mw_wp_form_complete .sec-heading {
  font-size: 15px;
}

.mwform-checkbox-field input, .mwform-radio-field input {
  scale: 1.5;
}
.mwform-checkbox-field input:checked, .mwform-radio-field input:checked {
  accent-color: chocolate;
}

p.txt-error {
  font-size: 1.1rem;
  border-radius: 20px;
  padding: 0.2rem 1rem;
  display: inline-block;
}
p.txt-error span {
  font-size: 1.3rem;
}

span.mwform-checkbox-field.horizontal-item {
  min-width: 180px;
  display: inline-block;
  font-size: 1.4rem;
}

@media screen and (max-width: 768px) {
  .mw_wp_form .horizontal-item {
    display: block;
  }
  .mw_wp_form .horizontal-item:last-of-type {
    margin-right: 0;
  }
  input, textarea {
    font-size: 16px;
  }
  p.txt-error {
    font-size: 1.1rem;
    border-radius: 20px;
    padding: 0.2rem 0;
    display: inline-block;
  }
}
#page.truck .truck_search_list .truck_list li {
  width: 24.2%;
  margin-bottom: 1%;
}

.page .truck-list-summary, .home .truck-list-summary {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  margin: 20px;
}
.page .truck-list-summary > li, .home .truck-list-summary > li {
  background: #eee;
  flex-basis: calc((100% - 30px) / 4); /* gapが3つ分＝30px */
  flex-shrink: 0;
  position: relative;
  border: 1px solid #ccc;
  box-sizing: border-box;
  border-radius: 10px;
}
.page .truck-list-summary > li a, .home .truck-list-summary > li a {
  display: block;
  border-radius: 10px;
  transition: background 0.3s;
}
.page .truck-list-summary > li a:hover, .home .truck-list-summary > li a:hover {
  background: #fff;
}
.page .truck-list-summary > li .truck_pict img, .home .truck-list-summary > li .truck_pict img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
  border-radius: 10px 10px 0 0;
}
.page .truck-list-summary > li .truck_content, .home .truck-list-summary > li .truck_content {
  padding: 15px 15px;
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  position: relative;
  gap: 4px;
}
.page .truck-list-summary > li p, .home .truck-list-summary > li p {
  margin: 0.5rem 0;
  line-height: 1.25;
}
.page .truck-list-summary > li .num, .home .truck-list-summary > li .num {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
}
.page .truck-list-summary > li .truck_name .name, .home .truck-list-summary > li .truck_name .name {
  font-size: 1.8rem;
}
.page .truck-list-summary > li .truck_name .model, .home .truck-list-summary > li .truck_name .model {
  font-size: 1.4rem;
  margin: 0;
  font-weight: 500;
  line-height: 1;
}
.page .truck-list-summary > li .truck_performance, .home .truck-list-summary > li .truck_performance {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.page .truck-list-summary > li .truck_performance li, .home .truck-list-summary > li .truck_performance li {
  font-size: 1.3rem;
  border: 1px solid #d6d6d6;
  padding: 0.2rem 1rem;
  border-radius: 5px;
  font-weight: 500;
}
.page .truck-list-summary > li .truck_price, .home .truck-list-summary > li .truck_price {
  margin-top: 5px;
}
.page .truck-list-summary > li .truck_price .price, .home .truck-list-summary > li .truck_price .price {
  font-weight: 600;
  margin-bottom: 0;
}
.page .truck-list-summary > li .truck_price .price .num, .home .truck-list-summary > li .truck_price .price .num {
  color: #ea5514;
  font-size: 2.2rem;
  letter-spacing: 0.075rem;
  margin-right: 0.25rem;
}
.page .truck-list-summary > li .truck_price .price .name, .home .truck-list-summary > li .truck_price .price .name {
  font-size: 1.4rem;
  margin-right: 10px;
  display: inline-block;
  vertical-align: baseline;
}
.page .truck-list-summary > li .truck_price .price .yen, .home .truck-list-summary > li .truck_price .price .yen {
  font-size: 1.3rem;
}
.page .truck-list-summary > li .truck_price .price-02, .home .truck-list-summary > li .truck_price .price-02 {
  font-weight: 600;
  margin-top: 0;
  margin-bottom: 10px;
  font-size: 70%;
  line-height: 1;
}
.page .truck-list-summary > li .truck_price .price-02 .title, .home .truck-list-summary > li .truck_price .price-02 .title {
  margin-right: 0.5rem;
}
.page .truck-list-summary > li .truck_price .price-02 .num, .home .truck-list-summary > li .truck_price .price-02 .num {
  color: #ea5514;
  font-size: 1.6rem;
  letter-spacing: 0.075rem;
  margin-right: 0.25rem;
}
.page .truck-list-summary > li .truck_details table, .home .truck-list-summary > li .truck_details table {
  width: 100%;
  font-weight: 500;
  line-height: 1.5;
  font-size: 1.4rem;
}
.page .truck-list-summary > li .truck_details table th, .home .truck-list-summary > li .truck_details table th {
  font-weight: 500;
  text-align: left;
}
.page .truck-list-summary > li .more_link, .home .truck-list-summary > li .more_link {
  position: relative;
  text-align: right;
  font-size: 1.4rem;
  line-height: 1;
  margin-top: 5px;
  margin-right: 15px;
}
.page .truck-list-summary > li .more_link::after, .home .truck-list-summary > li .more_link::after {
  content: "▶︎";
  display: block;
  color: #ea5514;
  font-size: 1.2rem;
  position: absolute;
  top: calc(50% - 0.6rem);
  right: -15px;
}

@media (max-width: 1025px) {
  .page .truck-list-summary, .home .truck-list-summary {
    gap: 5px;
    margin: 10px -10px;
  }
  .page .truck-list-summary > li, .home .truck-list-summary > li {
    flex-basis: calc((100% - 5px) / 2); /* gapが3つ分＝30px */
    border: 1px solid #ccc;
    border-radius: 10px;
  }
  .page .truck-list-summary > li .truck_pict img, .home .truck-list-summary > li .truck_pict img {
    height: 120px;
    border-radius: 10px 10px 0 0;
  }
  .page .truck-list-summary > li .truck_content, .home .truck-list-summary > li .truck_content {
    padding: 10px;
    gap: 4px;
  }
  .page .truck-list-summary > li .truck_type, .home .truck-list-summary > li .truck_type {
    font-size: 1.3rem;
  }
  .page .truck-list-summary > li .truck_type p, .home .truck-list-summary > li .truck_type p {
    margin: 0;
  }
  .page .truck-list-summary > li p, .home .truck-list-summary > li p {
    margin: 0.5rem 0;
    line-height: 1.25;
  }
  .page .truck-list-summary > li .truck_name .name, .home .truck-list-summary > li .truck_name .name {
    font-size: 1.5rem;
  }
  .page .truck-list-summary > li .truck_name .model, .home .truck-list-summary > li .truck_name .model {
    font-size: 1.3rem;
  }
  .page .truck-list-summary > li .truck_performance, .home .truck-list-summary > li .truck_performance {
    display: flex;
    flex-wrap: wrap;
    gap: 2px;
  }
  .page .truck-list-summary > li .truck_performance li, .home .truck-list-summary > li .truck_performance li {
    font-size: 1.2rem;
    border: 1px solid #d6d6d6;
    padding: 0.1rem 0.5rem;
    border-radius: 5px;
    font-weight: 500;
  }
  .page .truck-list-summary > li .truck_price, .home .truck-list-summary > li .truck_price {
    margin-top: 5px;
  }
  .page .truck-list-summary > li .truck_price .price, .home .truck-list-summary > li .truck_price .price {
    font-weight: 600;
    margin-bottom: 0;
  }
  .page .truck-list-summary > li .truck_price .price .num, .home .truck-list-summary > li .truck_price .price .num {
    font-size: 2.2rem;
    letter-spacing: 0.025rem;
    margin-right: 0.25rem;
  }
  .page .truck-list-summary > li .truck_price .price .name, .home .truck-list-summary > li .truck_price .price .name {
    font-size: 1.4rem;
    margin-right: 5px;
    letter-spacing: -0.05rem;
    display: block;
  }
  .page .truck-list-summary > li .truck_price .price .yen, .home .truck-list-summary > li .truck_price .price .yen {
    font-size: 1.3rem;
  }
  .page .truck-list-summary > li .truck_price .price-02, .home .truck-list-summary > li .truck_price .price-02 {
    margin-bottom: 5px;
    font-size: 1.2rem;
    line-height: 1.3;
  }
  .page .truck-list-summary > li .truck_price .price-02 .title, .home .truck-list-summary > li .truck_price .price-02 .title {
    margin-right: 0.25rem;
    display: block;
    margin-top: 0.3rem;
  }
  .page .truck-list-summary > li .truck_price .price-02 .num, .home .truck-list-summary > li .truck_price .price-02 .num {
    font-size: 1.5rem;
    letter-spacing: 0.025rem;
    margin-right: 0.15rem;
  }
  .page .truck-list-summary > li .truck_details table, .home .truck-list-summary > li .truck_details table {
    width: 100%;
    font-weight: 500;
    line-height: 1.5;
    font-size: 1.3rem;
    letter-spacing: -0.07rem;
  }
  .page .truck-list-summary > li .truck_details table th, .home .truck-list-summary > li .truck_details table th {
    font-weight: 500;
    width: 50%;
  }
  .page .truck-list-summary > li .more_link, .home .truck-list-summary > li .more_link {
    position: relative;
    text-align: right;
    font-size: 1.4rem;
    line-height: 1;
    margin-top: 5px;
    margin-right: 15px;
  }
  .page .truck-list-summary > li .more_link::after, .home .truck-list-summary > li .more_link::after {
    content: "▶︎";
    display: block;
    color: #ea5514;
    font-size: 1.2rem;
    position: absolute;
    top: calc(50% - 0.6rem);
    right: -15px;
  }
}
#search-form {
  max-width: initial;
}

.l-search-fields {
  background-color: #f6f6f6;
  padding: 30px 0 20px;
  margin-top: 30px;
}

.l-search-grid {
  display: flex;
}

.l-search-col__type {
  width: 200px;
}

.l-search-col__maker {
  flex: 1;
  margin-left: 30px;
}

.l-search-col__other {
  width: calc(50% + 60px);
}

.subject-option {
  margin-left: 40px;
}

.search-maker-wrap {
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  margin: 0 20px 10px;
  color: #fff;
}

.p-field .subject {
  font-weight: bold;
  padding-left: 40px;
  margin-bottom: 40px;
  background-image: url("common/img/list-mark.svg");
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 38px;
}
.p-field .subject--price {
  margin-bottom: 5px;
}
.p-field .subject--year {
  margin-bottom: 5px;
}

dl.p-field--price, dl.p-field--year {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.p-field-group__list--maker {
  display: flex;
  flex-wrap: wrap;
}

.p-field-group__item--maker {
  min-width: 33.3333333333%;
}

.p-field-group__item .control {
  display: block;
  position: relative;
  padding-left: 20px;
  line-height: 1;
  font-size: 1.4rem;
  margin-bottom: 10px;
  cursor: pointer;
}
.p-field-group__item .control input {
  position: absolute;
  z-index: -1;
  opacity: 0;
}
.p-field-group__item .control input:checked ~ .control__indicator:after {
  display: block;
}
.p-field-group__item .control__indicator {
  position: absolute;
  top: -2px;
  left: 0;
  height: 14px;
  width: 14px;
  border: 2px solid #999999;
}
.p-field-group__item .control__indicator:after {
  display: none;
  content: "";
  position: absolute;
  left: 4px;
  top: 0;
  width: 4px;
  height: 10px;
  border: solid #d90000;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}

.p-field-group--price, .p-field-group--year {
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}
.p-field-group--price .comp, .p-field-group--year .comp {
  display: block;
  padding: 0 0.5em 10px;
}

.home-select-menu {
  padding: 10px;
}

.p-field-btn {
  padding-top: 10px;
  border-top: 1px solid #434343;
  display: flex;
  justify-content: flex-end;
}

.p-field-btn--reset {
  min-width: 180px;
  height: 30px;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
  background-color: #555555;
  border: 2px solid #555555;
  color: #ffffff;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.4285714286;
  cursor: pointer;
  margin-right: 10px;
}
.p-field-btn--reset:hover {
  background-color: transparent;
}

.p-field-btn--send {
  min-width: 250px;
  height: 48px;
  background-color: #d90000;
  border: 2px solid #d90000;
  color: #ffffff;
  text-align: center;
  font-size: 16px;
  line-height: 2.75;
  cursor: pointer;
  transition: 0.3s;
}
.p-field-btn--send:hover {
  background-color: transparent;
  color: #d90000;
}

.p-field__select {
  background-color: transparent;
  color: initial;
  border-bottom: 1px solid #aaaaaa;
  padding-bottom: 10px;
  outline: none;
}

.l-smry-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px 0 0;
  margin: 0 20px;
}

.l-smry-footer {
  float: right;
  overflow: hidden;
}

.p-smry-hit {
  font-size: 18px;
}
.p-smry-hit strong {
  display: inline-block;
  font-size: 28px;
  padding: 0 0.2em;
  color: #ee7b1b;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
}

.p-sort {
  display: flex;
}

.p-sort-group {
  padding: 0 17px;
  display: flex;
  align-items: center;
}

.p-sort-order__item {
  display: inline-block;
  margin: 0 0 3px;
}

.p-sort-subject {
  font-size: 14px;
  line-height: 1;
  padding: 0 !important;
  margin-right: 1.5rem;
  color: #ee7b1b;
}

.p-sort-btn {
  padding-left: 1.6rem;
  margin-left: 1rem;
  outline: none;
  cursor: pointer;
  background-repeat: no-repeat;
  background-position: left center;
}
.p-sort-btn.desc {
  background-image: url("common/img/sort-asc.svg");
}
.p-sort-btn.asc {
  background-image: url("common/img/sort-desc.svg");
}

.media-box {
  overflow: hidden;
  position: relative;
  background-image: url("data:image/svg+xml;utf8,<svg version='1.1' id='L4' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' x='0px' y='0px' viewBox='0 0 52 100' enable-background='new 0 0 0 0' xml:space='preserve'><circle fill='%23fff' stroke='none' cx='6' cy='50' r='6'><animate attributeName='opacity' dur='1s' values='0;1;0' repeatCount='indefinite' begin='0.1' /></circle><circle fill='%23fff' stroke='none' cx='26' cy='50' r='6'><animate attributeName='opacity' dur='1s' values='0;1;0' repeatCount='indefinite' begin='0.2' /></circle><circle fill='%23fff' stroke='none' cx='46' cy='50' r='6'><animate attributeName='opacity' dur='1s' values='0;1;0' repeatCount='indefinite' begin='0.3' /></circle></svg>");
  background-size: 26px;
  background-repeat: no-repeat;
  background-position: center center;
}

.p-pager-list {
  text-align: center;
  padding: 0;
  margin: 0;
}

.p-pager-btn {
  width: 34px;
  height: 34px;
  font-size: 1.6rem;
  line-height: 3.2rem;
  display: inline-block;
  text-align: center;
  background-color: #808080;
  border-radius: 20px;
  color: #ffffff;
  outline: none;
  margin: 0 2px;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
}
.p-pager-btn.current {
  background-color: #000;
  color: #ffffff;
}
.p-pager-btn:hover {
  background-color: #d90000;
  color: #ffffff;
}

.btn-paged {
  cursor: pointer;
}

#pager_footer {
  padding-top: 40px;
}

#primary .flex-smry {
  justify-content: space-between;
  margin: 0 -5px;
}
#primary .flex-smry:before {
  content: "";
  display: block;
  width: 24.5%;
  order: 1;
}
#primary .flex-smry:after {
  content: "";
  display: block;
  width: 24.5%;
}
#primary .carList-item {
  width: 24.5%;
  padding: 5px;
  box-sizing: border-box;
  margin-bottom: 8px;
}
#primary .carList-item_row1 {
  border-width: 2px 2px 1px;
  border-color: #ee7b1b;
}
#primary .carList-item_row1__text h4 {
  color: #211713;
  font-size: 16px;
  line-height: 1.5;
  font-weight: 600;
  padding: 0 0 0.5em;
}
#primary .carList-item_row1__text p {
  font-size: 15px;
  line-height: 1.5;
  padding: 0;
}
#primary .carList-item_row2 {
  border-width: 1px 2px 2px;
  border-color: #ee7b1b;
}
#primary .carList-item_row2__detail {
  background-color: #5dbbea;
}
#primary .inspection h3 {
  margin-top: 40px;
  margin-bottom: 20px;
  color: #e5340e;
}
#primary .inspection .btn {
  margin-top: 40px;
  margin-bottom: 0;
}
#primary .contact-notice {
  margin-bottom: 30px;
  padding: 30px 30px;
  border: 1px solid #dbdbdb;
  border-radius: 8px;
  color: #cc0000;
  background: #eeeeee;
  position: relative;
  text-align: center;
}
#primary .contact-notice h3 {
  background: #cc0000;
  color: #eeeeee;
  font-size: 1.5rem;
  font-weight: 600;
  padding: 0.5rem 4rem;
  border-radius: 20px;
  display: inline-block;
  margin-bottom: 1.5rem;
}
#primary .contact-notice:before {
  content: "";
  background: url(common/img/denkyu.svg) no-repeat center center;
  width: 40px;
  height: 40px;
  display: block;
  position: absolute;
  align-content: center;
  right: 10px;
  top: -35px;
  transform: rotate(30deg);
}

#views .l-detail-header h2 {
  padding: 1rem;
  border-top: 1px solid #8f8f8f;
  border-bottom: 1px solid #8f8f8f;
  font-size: 2rem;
  text-align: center;
}

.p-detail {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-between;
}

.p-detail-subject {
  text-align: center;
  font-size: 32px;
  font-weight: 600;
  padding: 0 0 1em !important;
  color: #5db9ea;
}

.p-detail-main {
  width: 100%;
  background: #666;
  position: relative;
}
.p-detail-main .p-detail-main__nav {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  z-index: 10;
  width: 40px; /* 例 */
  height: 100px; /* 例 */
  background-color: rgba(0, 0, 0, 0.5); /* 例 */
  cursor: pointer;
  display: grid;
  place-items: center;
  /* ボタンの矢印アイコンのスタイル（::before擬似要素などを使うと良い） */
}
.p-detail-main .p-detail-main__nav svg {
  width: 20px;
  fill: #fff;
}
.p-detail-main .p-detail-main__nav.--prev {
  left: 10px;
}
.p-detail-main .p-detail-main__nav.--prev svg {
  transform: rotate(180deg);
}
.p-detail-main .p-detail-main__nav.--next {
  right: 10px;
}
.p-detail-main .p-detail-main__slide {
  max-width: 900px;
  margin: auto;
}

.p-detail-main__caption {
  padding-top: 1rem;
}
.p-detail-main__caption .car_name {
  font-size: 2rem;
  font-weight: 600;
}
.p-detail-main__caption .feature {
  padding: 0 !important;
  font-size: 16px;
  line-height: 1.5;
}

.p-detail-main__price {
  padding-top: 30px;
  color: #ee7b1b;
  display: flex;
  align-items: flex-end;
}
.p-detail-main__price .label {
  display: inline-block;
  width: 154px;
  margin-bottom: 10px;
  font-size: 16px;
  line-height: 1.6875;
  text-align: center;
  color: #ffffff;
  background-color: #ee7b1b;
}
.p-detail-main__price .price {
  display: inline-block;
  padding-left: 24px;
  font-size: 30px;
}
.p-detail-main__price .price strong {
  font-size: 2.2em;
  font-weight: 400;
}

.p-detail-aside {
  width: 100%;
  margin-top: 20px;
  max-height: 600px;
  overflow-y: auto;
  overflow-x: hidden;
}

.p-detail-aside__thumb {
  display: flex;
  flex-wrap: wrap;
  gap: 2px;
}
.p-detail-aside__thumb .pager-item {
  width: calc((100% - 30px) / 16);
  box-sizing: border-box;
}
.p-detail-aside__thumb .pager-item img {
  aspect-ratio: 4/3;
  -o-object-fit: cover;
     object-fit: cover;
}

.page main section.l-info {
  margin: 30px 0 -70px;
}

.p-detail-table__thead {
  font-size: 1.8rem;
  line-height: 2;
  padding: 0 0.5em;
  margin-bottom: 10px;
  border-bottom: 4px solid #41A6DF;
}

.p-detail-table__tbody {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  border-width: 1px 2px 2px 1px;
  border-style: solid;
  border-color: transparent;
}

.p-detail-table__tbody--row {
  display: flex;
  border-left: 1px solid #dddddd;
  width: 33.3333333333%;
  box-sizing: border-box;
}
.p-detail-table__tbody--row.gap {
  height: calc(20px + 1em);
  border-top: 1px solid #dddddd;
  flex: 1;
}

.p-detail-table__tbody--head {
  width: 46%;
  padding: 10px;
  background-color: #f9f8f6;
  border-top: 1px solid #dddddd;
  box-sizing: border-box;
}

.p-detail-table__tbody--desc {
  padding: 10px;
  flex: 1;
  text-align: right;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #dddddd;
  background: #fff;
}

.p-detail-table__colgroup {
  width: 33.3333333333%;
  box-sizing: border-box;
}
.p-detail-table__colgroup .p-detail-table__tbody--row {
  width: 100%;
}

.p-detail-back {
  padding-top: 15px;
}

.p-detail-back__btn {
  font-size: 16px;
  line-height: 2.5;
  font-weight: 600;
  text-align: center;
  display: block;
  color: #5dbbea;
  background-color: #f9f8f6;
  border: 2px solid #5dbbea;
}
.p-detail-back__btn span {
  display: inline-block;
  padding-left: 20px;
  position: relative;
}

.l-options {
  margin-top: 40px;
}
.l-options .p-detail-table__tbody--desc {
  text-align: center;
}

.p-contact-item {
  display: flex;
  padding: 10px 20px 40px;
  margin-bottom: 80px;
  border-bottom: 4px solid #41a6df;
}

.p-contact-item__thumb {
  width: 282px;
}
.p-contact-item__thumb img {
  border: 1px solid #dddddd;
}

.p-contact-item__info {
  flex: 1;
  padding-left: 20px;
}
.p-contact-item__info .notice {
  font-size: 16px;
}

.p-contact-item__grid {
  display: flex;
  align-items: stretch;
  flex-wrap: wrap;
  border-width: 1px;
  border-style: solid;
  border-color: #b9b9b9;
}

.p-contact-item__col {
  width: 50%;
  box-sizing: border-box;
  display: flex;
  border-left: 1px solid #dddddd;
}
.p-contact-item__col .subject {
  width: 46%;
  padding: 10px;
  background-color: #f9f8f6;
  border-top: 1px solid #dddddd;
  box-sizing: border-box;
}
.p-contact-item__col .desc {
  padding: 10px;
  flex: 1;
  border-width: 1px 0 0 1px;
  border-style: solid;
  border-color: #dddddd;
  background: antiquewhite;
}

input[type=submit].p-contact-btn {
  display: block;
  width: 100%;
  max-width: 500px;
  text-indent: -9999px;
  padding: 65px 40px;
  background-color: #5dbbea;
  background-image: url("./common/img/btn-send.png");
  background-repeat: no-repeat;
  background-position: center center;
  cursor: pointer;
}

.p-cta-btn {
  display: block;
  padding: 40px;
  background-color: #5dbbea;
}

.p-cta-block {
  padding-top: 15px;
}

.l-info {
  margin-top: 40px;
}

.l-cta {
  width: 100%;
  max-width: 500px;
  padding-top: 50px;
  margin: auto;
}
.l-cta.contact {
  padding-top: 0;
}
.l-cta.contact .p-detail-back {
  padding-top: 0;
}

.p-detail-main .media-box {
  overflow: hidden;
  padding: 0 0 75%;
  position: relative;
  background-image: url("./common/img/pict-load.gif");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 50px;
}
.p-detail-main .media-box > img {
  position: absolute;
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
}

.hide-form #search-header {
  display: none;
}

#views > .l-detail-header {
  margin: 50px 20px 40px;
}

.inspection table {
  width: 75%;
  border-collapse: collapse;
  margin-inline: auto;
  background: #f6f6f6;
}
.inspection table tr {
  border-bottom: solid 2px white;
}
.inspection table tr:last-child {
  border-bottom: none;
}
.inspection table tr:first-child td {
  height: 80px;
  font-weight: bold;
  background: #cccccc;
  font-size: 1.3rem;
}
.inspection table th {
  position: relative;
  text-align: center;
  background-color: #5eb3e4;
  color: white;
  padding: 10px 0;
  font-weight: bold;
}
.inspection table th:after {
  display: block;
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #5eb3e4;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.inspection table td {
  min-width: 75px;
  text-align: center;
  padding: 10px 0;
  height: 60px;
  border-left: 1px solid #ffffff;
  font-size: 1.6rem;
}
.inspection table td span {
  font-size: 1rem;
  display: block;
  margin-top: 0.3rem;
}
.inspection .pit-menu-list {
  max-width: 75%;
  margin-inline: auto;
}
.inspection .pit-menu-list li {
  display: grid;
  place-items: center;
  border: 2px solid #000000;
  background: #41a6df;
  line-height: 1.5;
}
.inspection .pit-menu-list li span {
  font-weight: bold;
  font-size: 1.6rem;
  color: yellow;
}

section.qa {
  padding: 90px 0;
  background: #e9f1ff url(./common/img/autec-3.svg) no-repeat right bottom -100px/60%;
}

.qa dl {
  max-width: 840px;
  background: rgba(255, 255, 255, 0.3);
  box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.08);
  border-radius: 1.5rem;
  margin: 20px auto;
  position: relative;
  -webkit-backdrop-filter: blur(20px);
  backdrop-filter: blur(20px);
}
.qa dl:before {
  position: absolute;
  content: "Q";
  font-family: "Abelc", sans-serif;
  font-size: 3.2rem;
  margin-right: 2rem;
  color: #41a6df;
  top: 10px;
  left: 20px;
}
.qa dl dt {
  padding: 2rem;
  padding-left: 60px;
  font-size: 1.6rem;
  cursor: pointer;
  position: relative;
}
.qa dl dt.opened {
  transition: all 0.5s;
}
.qa dl dt.opened:before {
  transform: translateY(-50%) rotate(360deg);
}
.qa dl dt.opened:after {
  transform: translateY(-50%) rotate(90deg);
}
.qa dl dt:before {
  content: "";
  position: absolute;
  top: 51%;
  transform: translateY(-51%);
  transform-origin: center center;
  transition-duration: 0.5s;
  width: 16px;
  height: auto;
  border-top: 1px solid #41a6df;
  right: 16px;
}
.qa dl dt:after {
  content: "";
  position: absolute;
  top: 51%;
  transform: translateY(-51%);
  transform-origin: center center;
  transition-duration: 0.5s;
  width: auto;
  height: 16px;
  border-right: 1px solid #41a6df;
  right: 23px;
}
.qa dl dd {
  display: none;
  max-width: 840px;
  margin-left: auto;
  margin-right: auto;
  border-top: 2px solid #f5f3eb;
  padding: 20px 30px 20px 55px;
  position: relative;
}
.qa dl dd:before {
  content: "A";
  font-family: "Abel", sans-serif;
  font-size: 3.8rem;
  margin-right: 2rem;
  position: absolute;
  left: 23px;
  top: 20px;
  color: #ee7b1b;
}

.glz-btn-arrow-01 {
  width: min(280px, 75%);
}
.glz-btn-arrow-01 a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  text-transform: uppercase;
  transition: all 0.3s;
  background: #3581d1;
  color: #ffffff;
  padding: 5px 5px 5px 40px;
  font-weight: 900;
}
.glz-btn-arrow-01 a .icon-arrow-right {
  position: relative;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  margin-left: 25px;
}
.glz-btn-arrow-01 a .icon-arrow-right .icon-bg {
  transition: all 0.3s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #211713;
  border-radius: 25px;
}
.glz-btn-arrow-01 a .icon-arrow-right .icon {
  position: relative;
  width: 12px;
  height: 10px;
  fill: #ffffff;
  transition: all 0.3s;
}
.glz-btn-arrow-01 a:hover {
  color: #666666;
}
.glz-btn-arrow-01 a:hover .icon-bg {
  background: #999999;
  transform: rotate(90deg);
}
.glz-btn-arrow-01 a:hover .icon {
  fill: white;
  transform: rotate(-45deg);
}

svg {
  width: 100%;
  height: 100%;
  vertical-align: top;
}

.button-43 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(280px, 100%);
  margin: 20px auto;
  padding: 0.9em 2em;
  border: none;
  border-radius: 5px;
  background-image: linear-gradient(0deg, #2589d0 0%, rgba(37, 137, 208, 0.5019607843) 100%);
  color: #ffffff;
  font-weight: 600;
  font-size: 1em;
}

@media (max-width: 960px) {
  .l-search-grid {
    flex-wrap: wrap;
  }
  .l-search-col__other {
    width: 100%;
    margin-top: 30px;
  }
  .p-field-btn {
    justify-content: center;
  }
  .p-field-btn--reset {
    margin: 0 15px;
  }
  .p-field-btn--send {
    margin: 0 15px;
  }
  .l-smry-header {
    flex-wrap: wrap;
    justify-content: center;
  }
  .p-sort {
    padding: 20px 0;
    margin: auto;
  }
  .p-pager {
    width: 100%;
    text-align: right;
  }
  #pager_footer {
    padding: 0 0 40px;
  }
  #primary .carList-item {
    width: 50%;
  }
  #primary .inspection h3 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .p-detail {
    display: block;
  }
  .p-detail-aside {
    max-width: 100%;
    max-height: 30vh;
    margin-top: 1em;
  }
  .p-detail-table__tbody--row {
    width: 50%;
  }
  .p-detail-table__tbody--row.gap {
    display: none;
  }
  .p-contact-item__col {
    width: 100%;
  }
  .p-contact-item__col .subject {
    width: 25%;
  }
  .table-wrap {
    overflow-x: scroll;
  }
  .inspection table {
    width: inherit;
    border-collapse: collapse;
    margin-inline: auto;
    background: #f6f6f6;
    margin-bottom: 20px;
  }
  .inspection table tr:last-child {
    border-bottom: none;
  }
  .inspection table tr:first-child td {
    height: 40px;
    font-weight: bold;
    background: #cccccc;
    font-size: 1.2rem;
  }
  .inspection table th {
    min-width: 120px;
    font-size: 1.2rem;
  }
  .inspection table td {
    min-width: 100px;
    font-size: 1.5rem;
  }
  .inspection table td span {
    font-size: 1rem;
    display: block;
    margin-top: 0.3rem;
  }
  .inspection .pit-menu-list {
    max-width: 100%;
    margin-inline: auto;
  }
  .inspection .pit-menu-list li {
    font-size: 1.3rem;
  }
  section.qa {
    padding: 60px 0 30px;
    background: #e9f1ff;
  }
  .qa dl {
    border: 1px solid #eeeeee;
    box-shadow: inherit;
    border-radius: inherit;
    margin: 10px auto;
    background: #ffffff;
  }
  .qa dl dt {
    padding: 2rem;
    padding-left: 60px;
    font-size: 1.5rem;
    cursor: pointer;
    position: relative;
  }
  .qa dl dd {
    display: none;
    max-width: 840px;
    margin-left: auto;
    margin-right: auto;
    border-top: 2px solid #f5f3eb;
    padding: 20px 30px 20px 60px;
    position: relative;
  }
  .search-maker-wrap, .l-search {
    display: block;
    align-items: center;
    justify-content: space-between;
    border-radius: 5px;
    margin: 0;
  }
  .search-maker-wrap .p-field, .search-maker-wrap .subject, .l-search .p-field, .l-search .subject {
    font-weight: bold;
    padding-left: 0;
    padding-top: 10px;
    margin-bottom: 0;
    margin-left: 0;
    background-image: none;
  }
  .home-select-menu {
    display: block;
    align-items: center;
    gap: 20px;
    padding: 10px;
    border-radius: 5px;
    margin: 10px 0;
  }
  .l-search-col__maker {
    margin-left: 0;
    margin-top: 0;
  }
  .l-search-col__maker dt {
    text-align: center;
    margin-top: 0;
    margin-bottom: 10px;
  }
  .l-search-col__maker dd {
    margin: 0 20px;
  }
  #search-area .p-field--maker dt {
    text-align: center;
    margin-top: 0;
    padding-top: 0;
    margin-bottom: 20px;
  }
  .l-search-col__other {
    margin-top: 0;
  }
  .l-search-col__other dl.p-field--price, .l-search-col__other dl.p-field--year {
    display: block;
  }
  .l-search-col__other dl.p-field--price dt, .l-search-col__other dl.p-field--year dt {
    text-align: center;
    margin-bottom: 10px;
  }
  .l-search-col__other dl.p-field--price dd, .l-search-col__other dl.p-field--year dd {
    display: block;
    margin-bottom: 0;
  }
  .l-search-col__other dl.p-field--price dd .comp, .l-search-col__other dl.p-field--year dd .comp {
    text-align: center;
    padding: 0.5rem;
  }
  .l-smry-header {
    padding: 10px 0 0;
    margin: 0 20px;
  }
  .l-smry-header .p-sort {
    padding: 0;
    margin: auto;
    width: 100%;
  }
  .l-smry-header .p-sort p {
    margin: 0;
  }
  .l-smry-header .p-pager {
    width: 100%;
    text-align: center;
  }
  .l-smry-footer {
    float: none;
    overflow: hidden;
  }
  .l-smry-footer #pager_footer {
    padding: 0;
  }
  .page main section.l-info {
    margin: 30px 0 -20px;
  }
}
.swap-thumb {
  cursor: pointer;
}

main .sp-left {
  text-align: center;
}

@media (max-width: 767px) {
  .l-search-grid {
    display: block;
  }
  .l-search-col {
    box-sizing: border-box;
  }
  .l-search-col__type {
    width: 100%;
    margin-bottom: 30px;
  }
  .l-search-col__other {
    width: 100%;
  }
  .p-field-group__item--type {
    display: inline-block;
  }
  .p-field-btn {
    display: block;
  }
  .p-field-btn--reset {
    width: 100%;
    margin: 0 0 20px;
  }
  .p-field-btn--send {
    width: 100%;
    margin: auto;
  }
  .p-sort {
    display: block;
  }
  .p-sort-group {
    padding: 4px 0;
    justify-content: space-between;
  }
  .p-sort-subject {
    min-width: 4em;
  }
  #primary .carList-item {
    width: 100%;
  }
  .p-detail {
    display: block;
  }
  .p-detail-table__tbody--row {
    width: 100%;
  }
  .p-contact-item {
    display: block;
    margin-top: 40px;
  }
  .p-contact-item__thumb {
    width: 100%;
  }
  .p-contact-item__info {
    padding: 0;
  }
  main .sp-left {
    text-align: left;
  }
}
.single .kv .entry-title {
  color: #fff;
}
.single .kv .posted-on {
  display: block;
  color: #fff;
  text-align: center;
}

.inner-blog {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 15px;
}

.default-blog .page-header-img img {
  -o-object-fit: cover;
     object-fit: cover;
  aspect-ratio: 16/8;
}
.default-blog .main-content .site-blog {
  font-size: 1.5rem;
  line-height: 1.75;
}
.default-blog .main-content .site-blog .entry-content {
  width: min(900px, 100%);
  margin-inline: auto;
  margin-bottom: 100px;
  position: relative;
}
.default-blog .main-content .site-blog .entry-content figure img {
  height: auto;
  border-radius: 60px;
  margin-bottom: 40px;
  margin-inline: auto;
  display: block;
}
.default-blog .main-content .site-blog .entry-header {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 2rem 0 4rem;
}
.default-blog .main-content .site-blog .entry-header h1 {
  font-size: 2.7rem;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "メイリオ", Meiryo, Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
}
.default-blog .main-content .site-blog .entry-header .entry-meta {
  font-size: 1.2rem;
  display: flex;
  justify-content: space-between;
  font-family: "Rajdhani", sans-serif;
}
@media screen and (max-width: 996px) {
  .default-blog .main-content .site-blog .entry-header {
    margin-bottom: inherit;
    align-items: flex-start;
  }
}
.default-blog .main-content .site-blog h2 {
  font-size: 2.4rem;
  margin: 2em 0 1em;
  padding: 0.5em 0;
  border-bottom: 2px solid #202A66;
}
@media screen and (max-width: 996px) {
  .default-blog .main-content .site-blog h2 {
    font-size: 1.8rem;
  }
}
.default-blog .main-content .site-blog h3 {
  font-size: 2rem;
  position: relative;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  margin: 2em 0 1.5em;
  padding: 1rem 0.5em;
}
.default-blog .main-content .site-blog h3::after {
  box-sizing: border-box;
  content: ".";
  line-height: 0;
  display: block;
  overflow: hidden;
  position: absolute;
  bottom: -1px;
  width: 30%;
  border-bottom: 1px solid #202A66;
}
@media screen and (max-width: 996px) {
  .default-blog .main-content .site-blog h3 {
    font-size: 1.8rem;
  }
}
.default-blog .main-content .site-blog h4 {
  font-size: 2.1rem;
  margin: 2em 0 1em;
  padding: 0.5em;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 5px;
}
@media screen and (max-width: 996px) {
  .default-blog .main-content .site-blog h4 {
    font-size: 1.6rem;
  }
}
.default-blog .main-content .site-blog a {
  transition: all 0.3s;
}
.default-blog .main-content .site-blog a:hover {
  text-decoration: none;
  color: #202A66;
}
.default-blog .main-content .site-blog ul li::marker {
  color: #202A66;
}
.default-blog .main-content .site-blog ol li {
  list-style: decimal;
  margin: 0.5em 0 0.5em 1em;
}
.default-blog .main-content .site-blog ol li::marker {
  color: #202A66;
  font-size: 1.8rem;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}
.default-blog .main-content .site-blog p {
  margin: 1em 1rem;
  font-size: 1.6rem;
  line-height: 1.75;
}
.default-blog .main-content .site-blog p > img {
  margin: 50px 0;
}
.default-blog .main-content .site-blog .aligncenter {
  display: block;
  margin: 50px auto;
}
.default-blog .main-content .site-blog .alignright {
  float: right;
  margin: 0 0 50px 50px;
}
.default-blog .main-content .site-blog .alignleft {
  float: left;
  margin: 0 50px 50px 0;
}
.default-blog .main-content .site-blog blockquote {
  padding: 1em;
  background-color: rgba(0, 0, 0, 0.5);
  border-radius: 8px;
}

.screen-reader-text {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.nav-links {
  display: flex;
  justify-content: space-between;
  margin-top: 60px;
  padding-top: 18px;
}
.nav-links .nav-previous, .nav-links .nav-next {
  font-size: 1.3rem;
  position: relative;
  flex-basis: 50%;
}
.nav-links .nav-previous {
  padding: 0 10px 0 25px;
}
.nav-links .nav-previous i {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  color: #202A66;
}
.nav-links .nav-next {
  text-align: right;
  padding: 0 24px 0 10px;
}
.nav-links .nav-next i {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  color: #202A66;
}
.nav-links a {
  text-decoration: none;
}

/* sidebar */
.inner-sidebar {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 15px;
}
.inner-sidebar section {
  margin-bottom: 32px;
}
.inner-sidebar h3 {
  border-left: 5px solid #202A66;
  border-radius: 4px 0 0 4px;
  margin-bottom: 16px;
  padding: 0.5em 1em;
}
.inner-sidebar .widget_archive ul li a::before, .inner-sidebar .widget_categories ul li a::before {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  content: "\f105";
  color: #5e7766;
  margin-right: 0.5rem;
}

.main-content .sidebar-list figure.eyecatch img {
  float: left;
  margin-right: 15px;
  margin-bottom: 15px;
}
.main-content .sidebar-list li {
  width: 100%;
  clear: both;
  display: inline-block;
  margin-bottom: 10px;
}
.main-content .sidebar-list li h5 {
  font-size: 1.5rem;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  line-clamp: 1;
  -webkit-box-orient: vertical;
  overflow: hidden;
  margin: 0.6rem 0;
}
.main-content .sidebar-list li p {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  font-size: 1.4rem;
  line-height: 1.5;
  margin: 0.6rem;
}
.main-content .sidebar-list li span {
  display: table;
  margin-top: 6px;
  background: #5e7766;
  padding: 0 2rem;
  font-family: "Rajdhani", sans-serif;
  color: #fff;
  line-height: 1.4;
}

/************************************************************
 * ★for Sidebar
 ************************************************************/
.default-blog .main-content .widget_recent_entries ul {
  display: flex;
  flex-wrap: wrap;
}
@media screen and (max-width: 740px) {
  .default-blog .main-content .widget_recent_entries ul {
    display: block;
  }
}
.default-blog .main-content .widget_recent_entries ul li {
  width: 50%;
  margin-bottom: 10px;
  position: relative;
}
@media screen and (max-width: 740px) {
  .default-blog .main-content .widget_recent_entries ul li {
    width: 100%;
  }
}
.default-blog .main-content .widget_recent_entries ul li a {
  display: block;
  width: calc(100% - 10px);
  height: 100%;
  background: #f6f6f6;
  padding: 15px;
}
.default-blog .main-content .widget_recent_entries ul li a img {
  width: 150px;
  height: 100px;
  -o-object-fit: cover;
     object-fit: cover;
}
.default-blog .main-content .widget_recent_entries ul li a p {
  font-size: 1.5rem;
  line-height: 1.5;
}
.default-blog .main-content .widget_recent_entries ul li a span {
  position: absolute;
  right: 10px;
  padding: 0 3rem;
  top: -6px;
}

.widget_categories ul {
  display: flex;
  justify-content: space-between;
  gap: 10px;
}
@media screen and (max-width: 740px) {
  .widget_categories ul {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }
}
.widget_categories ul li {
  width: 100%;
  border: 4px solid #202A66;
  border-radius: 25px;
}
.widget_categories ul li a {
  display: inline-block;
  padding: 1rem 3rem;
  padding-right: 1rem;
  color: #202A66;
}
@media screen and (max-width: 740px) {
  .widget_categories ul li {
    width: 33.3%;
  }
}
@media screen and (max-width: 540px) {
  .widget_categories ul li {
    width: 50%;
  }
}

.clearfix::after {
  content: “”;
  display: block;
  clear: both;
}

/************************************************************
 * ★for archive
 ************************************************************/
.archive .archive-wrapper ul {
  display: flex;
  flex-wrap: wrap;
  gap: 15px;
}
.archive .archive-wrapper ul li {
  border: 1px solid #999;
  width: calc((100% - 30px) / 3);
  background: #fff;
}
.archive .archive-wrapper ul li a {
  display: block;
  padding: 2rem 2rem;
  transition: background 0.3s;
}
.archive .archive-wrapper ul li a:hover {
  background: #1A1311;
}
.archive .archive-wrapper ul li a:hover p, .archive .archive-wrapper ul li a:hover h4 {
  color: #fff;
}
.archive .archive-wrapper ul li .summary-title {
  margin: 0;
}
.archive .archive-wrapper ul li .addition {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.archive .archive-wrapper ul li .addition p {
  margin: 0;
  line-height: 1;
}
.archive .archive-wrapper ul li .addition .date {
  font-size: 1.3rem;
  margin-top: 0.3rem;
  margin-right: 2rem;
  font-weight: 500;
}
.archive .archive-wrapper ul li .addition .category {
  background: #777;
  color: #fff;
  padding: 0.2rem 4rem 0;
  font-size: 1.3rem;
}
.archive .archive-wrapper ul li figure img {
  width: 100%;
  height: 200px;
  -o-object-fit: cover;
     object-fit: cover;
}
.archive .archive-wrapper ul li .summary {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.archive .archive-wrapper ul li .summary h4 {
  margin: 1rem 0 0.5rem;
  font-size: 1.6rem;
}
.archive .archive-wrapper ul li .summary p {
  margin: 0;
  font-size: 1.4rem;
}

.single .entry-content {
  background: #fff;
  padding: 20px;
  border-radius: 10px;
  max-width: 1000px;
  margin: auto;
}
.single .entry-content .post_content {
  padding: 20px;
}

.single footer.entry-footer {
  margin: 50px auto 20px;
}

@media screen and (max-width: 1039px) {
  .archive .archive-wrapper ul {
    display: flex;
    flex-wrap: wrap;
    gap: 5px;
  }
  .archive .archive-wrapper ul li {
    border: 1px solid #999;
    width: calc((100% - 5px) / 2);
  }
  .archive .archive-wrapper ul li a {
    display: block;
    padding: 1rem;
    transition: background 0.3s;
  }
  .archive .archive-wrapper ul li .addition {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    margin-bottom: 1rem;
  }
  .archive .archive-wrapper ul li .addition p {
    margin: 0;
    line-height: 1;
  }
  .archive .archive-wrapper ul li .addition .date {
    font-size: 1.3rem;
    margin-top: 0.3rem;
    margin-bottom: 0.3rem;
    margin-right: 2rem;
    font-weight: 500;
  }
  .archive .archive-wrapper ul li .addition .category {
    padding: 0.2rem 2rem 0;
    font-size: 1.3rem;
  }
  .archive .archive-wrapper ul li figure img {
    width: 100%;
    height: 100px;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .archive .archive-wrapper ul li .summary h4 {
    margin: 0.5rem 0 0.5rem;
    font-size: 1.4rem;
  }
  .archive .archive-wrapper ul li .summary p {
    margin: 0;
    font-size: 1.3rem;
  }
  .main-content .widget_recent_entries ul li a {
    width: inherit;
  }
  .single .kv .entry-title {
    color: #fff;
    font-size: 1.8rem;
    text-align: center;
    margin-top: 45px;
  }
  .default-blog .main-content .site-blog .entry-header h1 {
    font-size: 1.8rem;
  }
  .default-blog .main-content .site-blog .page-header-img img {
    -o-object-fit: cover;
       object-fit: cover;
    aspect-ratio: 1;
  }
  .default-blog .main-content .site-blog .main-content .site-blog {
    font-size: 1.5rem;
    line-height: 1.75;
  }
  .default-blog .main-content .site-blog .main-content .site-blog .entry-content {
    margin-inline: auto;
    margin-bottom: 20px;
    position: relative;
  }
  .default-blog .main-content .site-blog .main-content .site-blog .entry-content figure img {
    height: auto;
    border-radius: 60px;
    margin-bottom: 40px;
    margin-inline: auto;
    display: block;
  }
}
.widget_categories ul {
  justify-content: center;
}

@font-face {
  font-family: "Eleanor";
  src: url("common/fonts/Eleanor.woff") format("woff"), url("common/fonts/Eleanor.otf") format("opentype");
  font-display: swap;
  crossorigin: anonymous;
}
@font-face {
  font-family: "din-condensed";
  src: url("common/fonts/din-condensed-bold.woff2") format("woff2"), url("common/fonts/din-condensed-bold.woff") format("woff");
  font-display: swap;
  crossorigin: anonymous;
}
@font-face {
  font-family: "OptimustRegular";
  src: url("common/fonts/Optimust_Regular.woff") format("woff"), url("common/fonts/Optimust_Regular.otf") format("opentype");
}
.Eleanor {
  font-family: "Eleanor";
  font-weight: 500;
}

.din-condensed {
  font-family: "din-condensed";
}

.OptimustRegular {
  font-family: "OptimustRegular";
}

.roboto {
  font-family: "Roboto", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
  font-variation-settings: 100;
}

.oswald {
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
  font-weight: 600;
  font-style: normal;
}

.blue {
  color: #41A6DF;
}

.bg-blue {
  background: #41A6DF;
}

.orange {
  color: #ea5514;
}

.green {
  color: #689C0C;
}

.gray {
  color: #F5F5F5;
}

.bg-gray {
  background: #F5F5F5;
}

#blur {
  display: none;
}

.css-animation, .css-animation span {
  animation-duration: 1s;
  animation-fill-mode: both;
}

.css-animation span {
  display: inline-block;
}

.leBlurIn span {
  animation-name: leBlurIn;
}

@keyframes leBlurIn {
  from {
    transform: scaleX(0.2);
    opacity: 0;
  }
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth;
}

body {
  margin: 0;
  background: #ffffff;
  background: #e0e0e0;
  font-size: 1.5rem;
  color: #333;
  font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Helvetica, Arial, Verdana, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: 600;
  position: relative;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

*, *:before, *:after {
  box-sizing: border-box;
  background-repeat: no-repeat;
}

h2, h3 {
  font-size: 1.8rem;
  margin: 1.5rem 0;
  line-height: 1.5;
}

h4, h5, h6 {
  font-size: 1.6rem;
  margin: 1rem 0;
  line-height: 1.5;
}

section p {
  margin: 1.5rem 0;
  line-height: 1.5;
}

section p.lead {
  font-size: 1.6rem;
  line-height: 2;
  font-weight: 500;
}

/* ローダー */
.loader-wrapper {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.9);
  display: flex;
  align-items: center;
  justify-content: center;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  z-index: 50;
  opacity: 1;
  visibility: visible;
}

body.is-loading #loader {
  opacity: 1;
  visibility: visible;
}

body.loaded #loader {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
}

.spinner {
  width: 50px;
  height: 50px;
  border: 5px solid #ccc;
  border-top-color: #3498db;
  border-radius: 50%;
  animation: spin-loader 1s linear infinite;
}

@keyframes spin-loader {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.KV {
  background: #41A6DF;
  min-height: 500px;
  position: relative;
  padding-top: 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.KV .KV-sky {
  background: url("./common/img/town-load.webp") repeat-x bottom, #41A6DF;
  animation: loop-slider 200s infinite linear;
  position: relative;
  display: grid;
  place-items: center;
  min-height: 320px;
}
.KV .KV-sky .tagline-wrapper {
  margin-bottom: 30px;
}
.KV .KV-sky .tagline-wrapper h2.site-description {
  font-size: 1.3rem;
  text-align: center;
  color: yellow;
  margin: 0;
  margin-bottom: 0.5rem;
}
.KV .KV-sky .tagline-wrapper span {
  color: #fff;
}
.KV .KV-sky .tagline-wrapper .tagline-ja {
  text-align: center;
  font-size: 2.8rem;
  margin: 0;
}
.KV .KV-sky .tagline-wrapper .tagline-en {
  margin: 0;
  text-align: center;
  font-size: 5.2rem;
  font-family: "din-condensed";
}
.KV .KV-load {
  background: url("./common/img/center-line-2.svg") repeat-x center, #818181;
  animation: loop-slider-2 5s infinite linear;
  position: relative;
  min-height: 200px;
  display: grid;
  place-items: center;
  border-bottom: 10px solid #1A1311;
}
.KV .autec-track {
  position: absolute;
  bottom: 20px;
}

.PAGE_header {
  background: #41A6DF;
  position: relative;
  padding-top: 90px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.PAGE_header .KV-sky {
  background: url("./common/img/town-load.webp") repeat-x bottom, #41A6DF;
  animation: loop-slider 200s infinite linear;
  position: relative;
  display: grid;
  place-items: center;
  min-height: 220px;
}
.PAGE_header .KV-sky .tagline-wrapper {
  margin-bottom: 80px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: min(100%, 1280px);
  padding: 0 15px;
}
.PAGE_header .KV-sky .tagline-wrapper h2.site-description, .PAGE_header .KV-sky .tagline-wrapper p.site-description {
  font-size: 1.3rem;
  text-align: center;
  color: yellow;
  margin: 0;
}
.PAGE_header .KV-sky .tagline-wrapper .page_title {
  font-size: 2.8rem;
  margin: 0.5rem 0;
  line-height: 1;
}
.PAGE_header .KV-sky .tagline-wrapper .page_title span {
  font-size: 2.6rem;
  font-family: "Eleanor";
  font-weight: 500;
  margin-left: 2rem;
  color: #ffc034;
  vertical-align: middle;
  text-transform: capitalize;
}
.PAGE_header .KV-load {
  background: url("./common/img/center-line-2.svg") repeat-x center, #818181;
  animation: loop-slider-2 5s infinite linear;
  position: relative;
  min-height: 100px;
  display: grid;
  place-items: center;
  border-bottom: 10px solid #1A1311;
}
.PAGE_header .autec-track {
  position: absolute;
  bottom: 20px;
  right: 10%;
  max-width: 40%;
}

@keyframes loop-slider {
  from {
    background-position: 0 bottom;
  }
  to {
    /* 背景画像のwidth */
    background-position: 2000px bottom;
  }
}
@keyframes loop-slider-2 {
  from {
    background-position: left 0 bottom 60%;
  }
  to {
    /* 背景画像のwidth */
    background-position: left 2000px bottom 60%;
  }
}
header#mast-header {
  max-height: 100px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0;
  margin-inline: auto;
  z-index: 50;
  transition: transform 0.6s ease-in-out, background 0.6s ease-in-out;
  position: fixed;
  inset: auto 0;
  top: 0;
  background: rgba(0, 0, 0, 0.9);
  -webkit-backdrop-filter: blur(4px);
          backdrop-filter: blur(4px);
  z-index: 50;
}
header#mast-header h1, header#mast-header p {
  line-height: 1;
  display: flex;
  align-items: center;
  margin: auto 40px;
  margin-right: 60px;
  transition: transform 0.3s;
}
header#mast-header h1 a, header#mast-header p a {
  display: flex;
}
header#mast-header nav {
  display: flex;
  align-items: center;
  color: #fff;
}
header#mast-header nav ul.conversion-menu li {
  font-size: 1.5rem;
  font-weight: 600;
  background: url(common/assets/link-paper-plane.svg) no-repeat center, linear-gradient(0deg, rgb(25, 124, 200), rgb(253, 87, 35));
}
header#mast-header nav ul.conversion-menu li a {
  display: block;
  padding: 3.5rem 3.5rem;
}
header#mast-header nav ul.conversion-menu li a:hover {
  transition: all 0.3s;
  background: #41A6DF;
}
header#mast-header nav ul.main-menu {
  display: flex;
  align-items: center;
}
header#mast-header nav ul.main-menu li {
  letter-spacing: -0.02rem;
}
header#mast-header nav ul.main-menu li a {
  display: block;
  padding: 3.5rem 1.5rem;
  transition: all 0.3s;
}
header#mast-header nav ul.main-menu li a:hover {
  transition: all 0.3s;
  background: #41A6DF;
}
header#mast-header nav ul.main-menu li.current a {
  background: #ea5514;
}
header#mast-header nav .other-block {
  margin: auto 4rem;
  margin-left: 1rem;
}
header#mast-header nav .other-block address {
  font-size: 1rem;
  font-weight: 500;
  letter-spacing: -0.02rem;
  margin-top: 0.4rem;
  margin-bottom: 0;
  text-align: center;
}
header#mast-header nav .other-block address span {
  font-size: 1.7rem;
  font-family: Arial, Helvetica, sans-serif;
  display: block;
  letter-spacing: 0;
  margin-bottom: -2px;
}
header#mast-header nav .other-block address span img {
  margin-right: 3px;
  margin-bottom: 2px;
}

#low-menu {
  background: #1A1311;
  position: absolute;
  bottom: -25px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: min(100%, 1180px);
  padding: 6px;
  border-radius: 20px;
}
#low-menu h1 {
  font-size: 1.3rem;
  margin: 0 30px;
  color: #ea5514;
}
#low-menu ul {
  display: flex;
  font-size: 1.3rem;
  color: #fff;
  margin: 0 15px;
}
#low-menu ul a {
  display: block;
  padding: 0.5rem 1.5rem;
}
#low-menu ul a:hover {
  background: #41A6DF;
}

.rounded-corners {
  z-index: 2;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 0;
  background: #fff;
  padding: 10px 50px 10px;
  border-radius: 25px 25px 0 0;
}
.rounded-corners::before {
  content: "";
  position: absolute;
  bottom: -2px;
  left: -25px;
  width: 27px;
  height: 27px;
  background: url("common/img/corner-parts02.svg") no-repeat center center/100% content-box;
  transform: rotate(90deg);
}
.rounded-corners::after {
  content: "";
  position: absolute;
  bottom: -2px;
  right: -25px;
  width: 27px;
  height: 27px;
  background: url("common/img/corner-parts02.svg") no-repeat center center/100% content-box;
  transform: rotate(180deg);
}

.svg-icon {
  position: relative;
  width: 20px;
  height: 20px;
  fill: white;
  transition: all 0.3s;
  margin-right: 1rem;
}

.mix-title {
  margin: 4rem 0;
}

#toggle-nav .global-main {
  margin-top: 1rem;
}
#toggle-nav .global-main ul li {
  position: relative;
  border-radius: 0 0 50px 50px;
  background: #ED4343;
}
#toggle-nav .global-main ul li:first-child {
  background: #ED4343;
  border-radius: 50px 50px 0 0;
}
#toggle-nav .global-main ul li:first-child a {
  padding: 2rem 3rem 1rem;
}
#toggle-nav .global-main ul li:first-child a::after {
  top: 60%;
}
#toggle-nav .global-main ul li a {
  display: block;
  color: #ED4343;
  padding: 1rem 3rem 2rem;
}
#toggle-nav .global-main ul li a::after {
  content: "";
  position: absolute;
  display: block;
  background: url('data:image/svg+xml;utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="%23F0A684"><path d="M16.1716 10.9999L10.8076 5.63589L12.2218 4.22168L20 11.9999L12.2218 19.778L10.8076 18.3638L16.1716 12.9999H4V10.9999H16.1716Z"></path></svg>') no-repeat left top/cover content-box;
  right: 25px;
  top: 40%;
  transform: translateY(-50%);
  width: 24px;
  height: 24px;
  transition: all 0.3s;
}
#toggle-nav .global-main ul li a:hover {
  transition: all 0.3s;
  color: #fff;
}
#toggle-nav .global-main ul li a:hover::after {
  right: 10px;
}

#toggle-nav .sub-site-ID {
  display: none;
}
#toggle-nav .nav {
  background: rgba(60, 90, 185, 0.9);
}

.drawer-nav-wrap {
  display: flex;
  flex-wrap: wrap;
  width: min(600px, 100%);
  gap: 15px;
}
.drawer-nav-wrap .nav-section {
  flex: 1;
}
.drawer-nav-wrap .nav-section h4 {
  font-size: 1.6rem;
  border-bottom: 2px solid rgba(255, 255, 255, 0.6);
  padding-bottom: 1.5rem;
  margin-bottom: 0;
}
.drawer-nav-wrap .nav-section li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  font-weight: 400;
}
.drawer-nav-wrap .nav-section li a {
  display: block;
  padding: 0.8rem 0.2rem;
  transition: all 0.3s;
}
.drawer-nav-wrap .nav-section li a:hover {
  background: rgba(0, 0, 0, 0.3);
}

.flex {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
}

main {
  background: #cdcdcd;
}

.inner-tight {
  width: min(100%, 1180px);
  padding: 50px 15px 80px;
  margin: 0 auto;
}

.inner {
  width: min(100%, 1280px);
  padding: 90px 15px;
  margin: 0 auto;
}

.h2-en-title {
  font-family: "din-condensed";
  font-size: 9rem;
  line-height: 0.85;
  margin: 1.5rem 0 -1.5rem;
}

.center-title {
  text-align: center;
  border-bottom: 1px solid;
  position: relative;
}
.center-title::before {
  content: "";
  display: block;
  position: absolute;
  width: 282px;
  height: 108px;
  left: 0;
  bottom: 0;
}
.center-title::after {
  content: "";
  display: block;
  position: absolute;
  width: 282px;
  height: 108px;
  right: 0;
  bottom: 0;
}

#search-unit {
  text-align: center;
}
#search-unit h3 {
  font-size: 2.8rem;
}
#search-unit .search-type {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  margin: 20px 0 60px;
}
#search-unit .search-type li {
  aspect-ratio: 1;
  width: 116px;
}
#search-unit .search-type a {
  border-radius: 5px;
  background: #41A6DF;
  display: flex;
  padding: 4px 4px;
  width: 100%;
  height: 100%;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  transition: background 0.5s;
  border: 1px solid #999;
}
#search-unit .search-type a:hover {
  background: #ea5514;
}
#search-unit .search-type a img {
  margin-bottom: 10px;
}
#search-unit .search-type a p {
  text-align: center;
  margin: 0;
  color: #fff;
  letter-spacing: -0.06rem;
}
#search-unit .search-maker {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  gap: 10px;
  padding: 10px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.9);
  box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.3);
  position: relative;
}
#search-unit .search-maker > img.sign {
  position: absolute;
  bottom: 0;
  left: 40px;
  width: 260px;
}
#search-unit .search-maker li a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  aspect-ratio: 1;
  flex-direction: column;
  width: 116px;
  border-radius: 5px;
  background: #282727;
  transition: opacity 0.5s;
  border: 1px solid #666;
}
#search-unit .search-maker li a:hover {
  opacity: 0.7;
  filter: invert(0.3);
}
#search-unit .search-maker li img {
  display: block;
  margin: auto;
  max-width: 75%;
}
#search-unit .search-maker li p {
  display: none;
}

.unit-lead {
  position: relative;
}
.unit-lead.services {
  background: #41A6DF;
}
.unit-lead.services .services-img {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: calc(-100% + 90px);
  margin: auto;
}
.unit-lead.services .bnr-wrap img {
  margin: 0 2px;
}
.unit-lead.topics {
  background: #F5F5F5;
}
.unit-lead.recruit {
  background: #41A6DF;
}
.unit-lead.recruit .recruit-img {
  margin-left: 50px;
}

.prologue {
  text-align: center;
  margin: 20px auto 0;
  padding: 30px 0;
}
.prologue h4 {
  font-size: 1.7rem;
  margin: 0 0 40px;
  line-height: 1.8;
}
.prologue .content-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}
.prologue .content-wrapper .prologue-text {
  position: relative;
  border-radius: 5px;
  background-image: linear-gradient(133deg, rgb(75, 122, 201) 25%, rgb(32, 32, 32) 45%, rgb(18, 18, 18) 55%);
  box-shadow: 0px 0px 15px 0px rgba(60, 60, 60, 0.2);
  padding: 27px;
  padding-left: 220px;
  max-width: 50%;
  margin: 0;
}
.prologue .content-wrapper p {
  font-size: 1.5rem;
  line-height: 1.5;
  color: #f6f6f6;
}
.prologue .content-wrapper p span {
  background-color: #4b7aca;
  background-color: #247bc2;
}
.prologue .content-wrapper img {
  position: absolute;
  bottom: 0;
  left: 10px;
  z-index: 2;
  max-width: 200px;
}

.gap-50 {
  gap: 50px;
}

.topics-wrapper ul li:not(:last-child) {
  border-bottom: 1px solid #999;
}
.topics-wrapper ul li a {
  display: block;
  padding: 2rem 2rem;
  transition: background 0.3s;
}
.topics-wrapper ul li a:hover {
  background: #1A1311;
}
.topics-wrapper ul li a:hover p, .topics-wrapper ul li a:hover h4 {
  color: #fff;
}
.topics-wrapper ul li .summary-title {
  margin: 0;
}
.topics-wrapper ul li .addition {
  display: flex;
  align-items: center;
  margin-bottom: 1rem;
}
.topics-wrapper ul li .addition p {
  margin: 0;
  line-height: 1;
}
.topics-wrapper ul li .addition .date {
  font-size: 1.3rem;
  margin-top: 0.3rem;
  margin-right: 2rem;
  font-weight: 500;
}
.topics-wrapper ul li .addition .category {
  background: #999;
  color: #fff;
  padding: 0.2rem 4rem 0;
  font-size: 1.3rem;
}
.topics-wrapper ul li .summary-title {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.track-list-summary {
  margin-top: 50px;
}

a > img {
  transition: all 0.3s;
}
a > img:hover {
  filter: brightness(1.2);
}

.bottom-link-unit ul {
  display: flex;
  flex-wrap: wrap;
  color: #fff;
}
.bottom-link-unit .link-item {
  width: 50%;
  min-height: 240px;
}
.bottom-link-unit .link-item:nth-child(1) {
  background: url(common/img/link-01.webp) no-repeat center/cover;
  border-top: 1px solid;
  border-right: 1px solid;
}
.bottom-link-unit .link-item:nth-child(2) {
  background: url(common/img/link-02.webp) no-repeat center/cover;
  border-top: 1px solid;
}
.bottom-link-unit .link-item:nth-child(3) {
  background: url(common/img/link-03.webp) no-repeat center/cover;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
}
.bottom-link-unit .link-item:nth-child(4) {
  background: url(common/img/link-04.webp) no-repeat center/cover;
  border-top: 1px solid;
  border-bottom: 1px solid;
}
.bottom-link-unit .link-item a {
  display: grid;
  place-items: center;
  height: 100%;
  position: relative;
}
.bottom-link-unit .link-item a::before {
  transition: 0.5s;
  content: "";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
}
.bottom-link-unit .link-item a:hover::before {
  background: rgba(0, 0, 0, 0.6);
}
.bottom-link-unit .link-item a .layer {
  position: relative;
  width: min(100%, 500px);
  z-index: 1;
}
.bottom-link-unit .link-item a h3 {
  margin: 0;
  font-size: 2.2rem;
}
.bottom-link-unit .link-item a p {
  margin: 0;
}

.main-footer {
  background: #1A1311;
  color: #fff;
}
.main-footer .footer-content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin: 50px 0;
}
.main-footer .footer-content > *:not(:first-child) {
  border-left: 1px solid #666;
  padding-left: 50px;
}
.main-footer .footer-content .footer-id {
  margin-right: 50px;
}
.main-footer .footer-content .footer-id .foot-Eleanor {
  font-family: "Eleanor";
  font-size: 3rem;
  font-weight: 500;
}
.main-footer .footer-content .footer-menu {
  font-weight: 500;
  font-size: 1.4rem;
  min-width: 250px;
}
.main-footer .footer-content .footer-menu li {
  padding: 0.25rem 0;
}
.main-footer .footer-content .footer-menu li a {
  display: block;
  transition: color 0.3s;
}
.main-footer .footer-content .footer-menu li a:hover {
  color: #ea5514;
}
.main-footer .footer-content .footer-menu li a::before {
  content: "┣ ";
}
.main-footer .footer-content .address-item {
  margin-bottom: 2rem;
}
.main-footer .footer-content .address-item h6 {
  font-size: 1.5rem;
  margin: 0 0 0.5rem;
}
.main-footer .footer-content .address-item address {
  font-size: 1.5rem;
  font-weight: 500;
}
.main-footer .footer-tagline p {
  text-align: center;
}
.main-footer .footer-tagline .tagline-en {
  margin: 0;
  text-align: center;
  font-size: 2.2rem;
  font-family: "din-condensed";
}
.main-footer .copyright p {
  font-size: 1.2rem;
  margin: 0;
  font-weight: normal;
  text-align: center;
}
.main-footer .copyright p.other-link {
  margin-bottom: 2rem;
}
.main-footer .copyright p.other-link a {
  background: #247bc2;
  color: #fff;
  padding: 1rem 5rem;
  font-weight: 600;
  border-radius: 15px;
  transition: background 0.3s;
}
.main-footer .copyright p.other-link a:hover {
  background: #ea5514;
}
.main-footer .site-info {
  text-align: center;
  font-size: 1rem;
  font-weight: 300;
  font-family: "Roboto", sans-serif;
}

.page main .inner {
  padding: 100px 15px;
}
.page main section + section {
  margin: 100px 0;
}
.page main section + section:last-child {
  margin-bottom: 0;
}

.ttl_wrapper {
  background: #424242;
  padding: 1.5rem 4rem;
  border-radius: 10px;
}
.ttl_wrapper .section-title {
  font-size: 2.2rem;
  color: #41A6DF;
  margin: 0;
  line-height: 1.2;
  position: relative;
}
.ttl_wrapper .section-title:before {
  position: absolute;
  top: 25%;
  left: -15px;
  width: 6px;
  height: 50%;
  content: "";
  border-radius: 3px;
  background: #d05e44;
}
.ttl_wrapper .section-title-en {
  font-family: "Eleanor";
  text-transform: capitalize;
  font-size: 2.5rem;
  font-weight: 500;
  line-height: 1;
  margin: 0;
  color: #ffc034;
  vertical-align: middle;
}

.layout_A {
  margin: 0 30px;
  padding: 100px;
  background: beige;
  background: #cbd5e4;
  border-radius: 15px;
}

.maps-outer {
  border-radius: 15px;
  border: 1px solid #ccc;
}

.maps {
  border-radius: 15px;
}

.base_block + .base_block {
  margin: 100px 0;
}
.base_block + .base_block:last-child {
  margin-bottom: 0;
}

.base_block > .flex-wrapper {
  margin-bottom: 20px;
}
.base_block .shop-pict {
  max-width: 400px;
}
.base_block .shop-pict img {
  border-radius: 10px;
}
.base_block h3 {
  background: #c5c3c3;
  padding: 1rem 2rem;
  border-radius: 10px;
  color: #41A6DF;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 20px;
}
.base_block h3:before {
  position: absolute;
  top: 25%;
  left: 0;
  width: 6px;
  height: 50%;
  content: "";
  border-radius: 3px;
  background: #d05e44;
}
.base_block .address {
  width: 65%;
}
.base_block .address .tel-num {
  color: #ea5514;
  font-size: 2.2rem;
  letter-spacing: 0.075rem;
  margin-right: 0.25rem;
  font-family: "Oswald", sans-serif;
  font-optical-sizing: auto;
}
.base_block .address .shopsmry {
  border-radius: 12px;
  display: inline;
  padding: 0.5rem 2rem;
  font-size: 1.4rem;
  border: 1px solid #ccc;
  background: #fff;
}
.base_block .address .shopsmry + p {
  margin-left: 2rem;
}
.base_block .address .shopsmry + p + p {
  font-size: 1.4rem;
  border-top: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 2rem 0;
}

.title_first {
  text-align: center;
  font-size: 2rem;
  position: relative;
  padding-bottom: 2rem;
}
.title_first::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 7px;
  height: 7px;
  background-color: #d97236;
  border-radius: 7px;
}

.title_second {
  text-align: center;
  font-size: 2.6rem;
  margin-bottom: 100px;
  position: relative;
  padding-bottom: 2rem;
}
.title_second::after {
  content: "";
  position: absolute;
  bottom: -15px;
  left: 50%;
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  background-color: #367dd9;
}
.title_second::before {
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  transform: translateX(-50%);
  width: 15px;
  height: 15px;
  background-color: #eb633a;
}

.init-p {
  font-size: initial;
}

.definitionList .en-title {
  font-family: "din-condensed";
  font-size: 9rem;
  line-height: 0.85;
  margin: 1.5rem 0 -1.5rem;
  color: #41a6df;
  vertical-align: middle;
  text-transform: uppercase;
  width: 30%;
}
.definitionList .en-title span {
  font-family: initial;
  font-size: 1.4rem;
  color: orangered;
}

.v-title {
  padding: 1rem 2rem;
  border: 1px solid #d0d0d0;
  line-height: 1;
  border-radius: 15px;
  margin: 15px auto;
  background: #b1b1b1;
}

.svg-name {
  width: 100%;
  height: auto;
  max-width: 230px;
}

.flexNormal {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}
.flexNormal .fx1 {
  margin: 0 15px;
  width: 100%;
}
.flexNormal .fx1 img {
  border-radius: 15px;
}

.button-43 {
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(280px, 100%);
  margin: 30px auto;
  padding: 0.9em 2em;
  border: none;
  border-radius: 5px;
  background-image: linear-gradient(0deg, #2589d0 0%, rgba(37, 137, 208, 0.5019607843) 100%);
  color: #fff;
  font-weight: 600;
  font-size: 1em;
}

.btn-control-fine {
  border: 1px solid #000;
  border-radius: 5px;
  transition: all 0.3s;
  background: #d2d2d2;
  background: #191919;
  max-width: 600px;
  margin: 60px auto 60px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
}
.btn-control-fine:hover {
  background: #4994c6;
}
.btn-control-fine a {
  padding: 1.2rem;
  display: block;
  width: 100%;
  font-weight: 600;
  color: orange;
  text-align: center;
}

.lower-Title-2 {
  background: #c5c3c3;
  padding: 1rem 2rem;
  border-radius: 10px;
  color: #4797c4;
  position: relative;
  padding-left: 3rem;
  margin-bottom: 50px;
}
.lower-Title-2:before {
  position: absolute;
  top: 25%;
  left: 0;
  width: 6px;
  height: 50%;
  content: "";
  border-radius: 3px;
  background: #d05e44;
}

.recruit-table {
  margin-bottom: 80px;
  padding: 40px 20px;
  background: #eee;
  border-radius: 15px;
}
.recruit-table:last-child {
  background: #1A1311;
}

.page .rec-table-last {
  background: #d4d4d4;
}
.page .rec-table-last h3 span {
  background: #d4d4d4;
}

.recruit-table h3 {
  font-size: 1.8rem;
  text-align: center;
  margin-bottom: 30px;
  position: relative;
  padding: 0 65px;
}
.recruit-table h3:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate3d(-50%, -50%, 0);
  width: 240px;
  height: 2px;
  content: "";
  background: #666;
  -webkit-transform: translate3d(-50%, -50%, 0);
  -moz-transform: translate3d(-50%, -50%, 0);
  -ms-transform: translate3d(-50%, -50%, 0);
  -o-transform: translate3d(-50%, -50%, 0);
}
.recruit-table h3 span {
  position: relative;
  color: #333;
  padding: 0 1em;
  background: #ebebeb;
}

.headline-C {
  color: #E16411;
  font-size: 2.2rem;
  padding: 3rem 0;
  font-weight: bold;
  line-height: 1.75;
}

.mt2rem {
  margin-top: 2rem;
  color: #c00;
  line-height: 1.5;
}

.img-wrapper {
  text-align: center;
  padding: 30px 0 0;
  border-radius: 15px;
}

.bg-gray {
  background: #eee;
  padding: 1.6rem;
  font-size: 1.4rem;
  border-radius: 15px;
}

.page section p {
  line-height: 1.75;
}

.wrap-title {
  padding: 1rem 2rem;
  border: 1px solid #d0d0d0;
  line-height: 1;
  border-radius: 15px;
  display: inline-block;
  margin: 15px auto;
  background: #fff;
}

.privacy p {
  line-height: 1.75;
  margin-bottom: 3rem;
}
.privacy dt {
  font-weight: bold;
  margin: 2rem 0;
}
.privacy dd {
  line-height: 1.75;
}

.half-block {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
.half-block .other-block {
  width: calc(50% - 10px);
  border-left: 2px solid #666;
  padding: 1.5rem;
}
.half-block .other-block h3 {
  margin-bottom: 2rem;
  border-bottom: 1px solid #eee;
  padding: 1rem 0;
}
.half-block .other-block > ul > li {
  line-height: 1.75;
}
.half-block .other-block > ul > li > Ul {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
.half-block .other-block > ul > li > Ul > li {
  margin-left: 3rem;
  font-size: 1.4rem;
}

nav.pop-bnr-left {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  left: -100%;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  z-index: 21;
  transition: all 1.4s;
}
nav.pop-bnr-left li {
  display: flex;
}
nav.pop-bnr-left li:nth-child(1) {
  background-color: #E50012;
}
nav.pop-bnr-left li:nth-child(2) {
  background-color: #41a6df;
}
nav.pop-bnr-left a {
  display: flex;
  align-items: center;
  color: #fff;
}
nav.pop-bnr-left.show {
  left: 0;
  transition: all 0.8s;
}

nav.pop-bnr-right {
  position: fixed;
  display: flex;
  flex-direction: column;
  align-items: center;
  right: -100%;
  top: calc(50% - 1px);
  transform: translateY(-50%);
  background-color: #000000;
  color: #FF6010;
  z-index: 21;
  transition: all 1.4s;
}
nav.pop-bnr-right img {
  width: 120px;
  padding: 10px;
}
nav.pop-bnr-right li {
  display: flex;
}
nav.pop-bnr-right a {
  display: flex;
  align-items: center;
}
nav.pop-bnr-right.show {
  right: 0;
  transition: all 0.8s;
}

.pr-item_ico__after {
  width: 60px;
  padding: 15px 10px 15px;
}

.bnr-list {
  display: flex;
  justify-content: space-around;
  margin: auto;
  margin-block-start: 0;
  margin-block-end: 0;
  writing-mode: vertical-lr;
  -webkit-writing-mode: vertical-lr;
}
.bnr-list img.car-ico {
  padding: 15px 5px;
  max-width: 50px;
}

/* -------------------------------------------------------
 * PIT
 * ------------------------------------------------------- */
.pit-content h4 {
  background: #ef733c;
  padding: 1.5rem 2rem;
  color: #fff;
  font-weight: bold;
  border-radius: 5px;
  line-height: 1;
  display: flex;
  justify-content: space-between;
  font-size: 1.8rem;
  margin-bottom: 2rem;
  align-items: center;
}
.pit-content h4 span {
  font-size: 1.4rem;
}
.pit-content h5 {
  font-weight: bold;
  border-bottom: 2px solid #000;
  font-size: 1.5rem;
  margin-bottom: 10px;
}
.pit-content .main-txt {
  padding: 20px 40px;
}
.pit-content .amendment {
  line-height: 1.5;
  margin: 20px 0;
}
.pit-content .box_wrap {
  display: flex;
  justify-content: space-around;
}
.pit-content .box_wrap .table_box {
  max-width: 55%;
}
.pit-content table {
  width: 100%;
  text-align: center;
  border-collapse: collapse;
  border-spacing: 0;
}
.pit-content table th {
  padding: 10px;
  background: #b8b8b8;
  border: solid 1px #bdbdbd;
}
.pit-content table td {
  padding: 10px;
  border: solid 1px #bdbdbd;
  background: #ddd;
}
.pit-content .note_list p {
  font-size: 1.3rem;
  padding: 0;
  line-height: 1.2;
  margin: inherit;
  font-weight: 500;
}
.pit-content .reservation_box {
  margin-bottom: 40px;
}
.pit-content .img-pack {
  margin-bottom: 40px;
  text-align: center;
}
.pit-content .timeline {
  display: flex;
  justify-content: space-between;
  font-weight: bold;
  color: #2A72B2;
  align-items: center;
  border-bottom: 1px solid #000;
  margin-bottom: 2rem;
  padding: 1rem;
}
.pit-content .timeline span.title_text {
  font-size: 1.7rem;
}
.pit-content .timeline .head_work_time {
  font-size: 1.4rem;
}
.pit-content .timeline .head_work_time .work_time_min, .pit-content .timeline .head_work_time .work_time_max {
  font-size: 2rem;
  font-family: "Oswald", sans-serif;
}
.pit-content .btn-contact {
  background: #000000;
  color: #fff;
  font-weight: bold;
  padding: 1rem 3rem;
  margin: 40px auto 60px;
  max-width: 380px;
  position: relative;
  font-size: 1.5rem;
  border-radius: 5px;
  transition: all 0.3s;
}
.pit-content .btn-contact:hover {
  background: #2e9eff;
  transition: all 0.3s;
}
.pit-content .btn-contact::after {
  content: "";
  position: absolute;
  right: 15px;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.6316 7.63137C15.2356 7.23535 15.0376 7.03735 14.9634 6.80902C14.8981 6.60817 14.8981 6.39183 14.9634 6.19098C15.0376 5.96265 15.2356 5.76465 15.6316 5.36863L18.47 2.53026C17.7168 2.18962 16.8806 2 16.0002 2C12.6865 2 10.0002 4.68629 10.0002 8C10.0002 8.49104 10.0592 8.9683 10.1705 9.42509C10.2896 9.91424 10.3492 10.1588 10.3387 10.3133C10.3276 10.4751 10.3035 10.5612 10.2289 10.7051C10.1576 10.8426 10.0211 10.9791 9.74804 11.2522L3.50023 17.5C2.6718 18.3284 2.6718 19.6716 3.50023 20.5C4.32865 21.3284 5.6718 21.3284 6.50023 20.5L12.748 14.2522C13.0211 13.9791 13.1576 13.8426 13.2951 13.7714C13.4391 13.6968 13.5251 13.6727 13.6869 13.6616C13.8414 13.651 14.086 13.7106 14.5751 13.8297C15.0319 13.941 15.5092 14 16.0002 14C19.3139 14 22.0002 11.3137 22.0002 8C22.0002 7.11959 21.8106 6.28347 21.47 5.53026L18.6316 8.36863C18.2356 8.76465 18.0376 8.96265 17.8092 9.03684C17.6084 9.1021 17.3921 9.1021 17.1912 9.03684C16.9629 8.96265 16.7649 8.76465 16.3689 8.36863L15.6316 7.63137Z' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size: contain;
  background-repeat: no-repeat;
  width: 24px;
  height: 24px;
  display: inline-block;
}

.pit-menu-list ul {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  gap: 10px;
}
.pit-menu-list ul li {
  padding: 1.5rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: #4797c4;
}

/* inspection */
.inspection h3 {
  margin-top: 40px;
  margin-bottom: 20px;
  color: #f16142;
}
.inspection .btn {
  margin-top: 40px;
  margin-bottom: 0;
}
.inspection table {
  width: 75%;
  border-collapse: collapse;
  margin-inline: auto;
  background: #f6f6f6;
}
.inspection table tr {
  border-bottom: solid 1px #ccc;
}
.inspection table tr:last-child {
  border-bottom: none;
}
.inspection table th {
  position: relative;
  text-align: left;
  background-color: #5eb3e4;
  color: white;
  text-align: center;
  padding: 10px 0;
  font-weight: bold;
}
.inspection table th:after {
  display: block;
  content: "";
  width: 0px;
  height: 0px;
  position: absolute;
  top: calc(50% - 10px);
  right: -10px;
  border-left: 10px solid #5eb3e4;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}
.inspection table td {
  min-width: 75px;
  text-align: center;
  padding: 10px 0;
  height: 60px;
  border-left: 1px solid #ccc;
  font-size: 1.6rem;
}
.inspection table tr:first-child td {
  height: 80px;
  font-weight: bold;
  background: #b5b5b5;
  font-size: 1.3rem;
}
.inspection table td span {
  font-size: 1rem;
  display: block;
  margin-top: 0.3rem;
}
.inspection .pit-menu-list {
  max-width: 75%;
  margin-inline: auto;
}
.inspection .pit-menu-list li {
  display: grid;
  place-items: center;
  border: 2px solid #000;
  background: #41a6df;
  line-height: 1.5;
}
.inspection .pit-menu-list li span {
  font-weight: bold;
  font-size: 1.6rem;
  color: yellow;
}

.page h4.lower-title {
  text-align: center;
  font-weight: bold;
  font-size: 1.7rem;
  padding-top: 0;
}

ul.lower_nav {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 5px;
  margin-bottom: 100px;
  margin-top: 5px;
}
ul.lower_nav li {
  width: calc((100% - 10px) / 3);
}
ul.lower_nav li a {
  padding: 40px;
  display: block;
  background: #fff;
  transition: background 0.3s;
}
ul.lower_nav li a:hover {
  background: #2e9eff;
  color: #fff;
}
ul.lower_nav li a .__content__title {
  font-size: 1.6rem;
  margin-bottom: 0.5rem;
}
ul.lower_nav li a .content__more {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1;
  letter-spacing: 0.13rem;
  position: relative;
  font-style: normal;
  color: #06C;
}
ul.lower_nav li a .content__more:after {
  content: "";
  border-top: 1px solid #06C;
  border-right: 1px solid #06C;
  transform: translate(0, -2px) rotate(45deg);
  width: 5px;
  height: 5px;
  display: inline-block;
  margin-left: 10px;
  transition: all 0.3s;
}

h3.en-main-title {
  font-family: "din-condensed";
  font-size: 9rem;
  line-height: 0.85;
  margin: 1.5rem 0 -1.5rem;
  color: #41a6df;
  vertical-align: middle;
  text-transform: uppercase;
  text-align: center;
}

.full-flex {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 60%;
}
.full-flex .float-space {
  background: rgba(255, 255, 255, 0.4);
  padding: 5rem;
  aspect-ratio: 1;
  width: min(300px, 100%);
  position: absolute;
  z-index: 1;
  right: 0;
  bottom: 0;
  -webkit-backdrop-filter: blur(20px) brightness(1.25);
          backdrop-filter: blur(20px) brightness(1.25);
}
.full-flex .float-space .name {
  font-size: 2rem;
}
.full-flex .float-space .year {
  font-size: 1.4rem;
}
.full-flex .float-space .position {
  font-size: 1.3rem;
  display: inline-block;
  border: 1px solid;
  padding: 0.25rem 2rem;
}
.full-flex .bg-right {
  margin-right: calc(50% + 0px - 50vw);
}
.full-flex .bg-right::before {
  content: "";
  position: absolute;
  display: block;
  width: calc(50% - 0px + 50vw);
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
}
.full-flex .bg-right img {
  max-height: 760px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  aspect-ratio: 16/8;
}
.full-flex .bg-left {
  margin-left: calc(50% + 0px - 50vw);
  position: relative;
}
.full-flex .bg-left::before {
  content: "";
  position: absolute;
  display: block;
  width: calc(50% - 0px + 50vw);
  height: 100%;
  background: rgba(0, 0, 0, 0.3);
  z-index: 0;
  right: 0;
}
.full-flex .bg-left img {
  max-height: 760px;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  aspect-ratio: 16/8;
}
.full-flex .staff-main-copy {
  font-size: clamp(1.8rem, 0.452rem + 5.53vw, 4.6rem);
  writing-mode: vertical-rl;
  height: -moz-max-content;
  height: max-content;
  font-weight: 600;
  color: #fff;
  position: absolute;
  top: 50%;
  left: 20%;
  transform: translate(-50%, -50%);
}
.full-flex .staff-main-copy.left-side {
  left: auto;
  right: 15%;
  transform: translate(50%, -50%);
}

.text-block {
  padding: 2.8rem;
}
.text-block h4 {
  font-size: 2.4rem;
  position: relative;
  margin-bottom: 2.8rem;
  padding-right: 60px;
}
.text-block h4::after {
  width: 50px;
  display: inline-block;
  height: 3px;
  background: #073591;
  content: "";
  right: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}
.text-block p {
  line-height: 2;
}

.eleanor {
  font-family: "Eleanor", serif;
  font-size: clamp(2rem, 5vw, 4rem);
  line-height: 1.75;
  font-weight: 500;
}

.page .en-w-title {
  font-size: clamp(1.8rem, -1.956rem + 15.41vw, 9.6rem);
  color: #41a6df;
  position: absolute;
  z-index: 2;
  bottom: -4rem;
  line-height: 0.75;
}

.img-x2 {
  max-width: 50%;
}

.box-shadow {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.12);
  overflow: hidden;
}

@media (max-width: 1025px) {
  h3, h4, h5, h6 {
    font-size: 1.6rem;
  }
  h3 + h4 {
    margin-top: -1.5rem;
  }
  section:first-child {
    margin-top: 0;
  }
  .toggle {
    top: 10px;
    right: 10px;
  }
  .drawer-nav-wrap {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
    gap: 0;
    padding: 0 3rem;
  }
  .drawer-nav-wrap .nav-section {
    flex: 1;
  }
  .drawer-nav-wrap .nav-section h4 {
    font-size: 2.6rem;
    font-family: "Eleanor", serif;
    border-bottom: 2px solid rgba(255, 255, 255, 0.6);
    padding-bottom: 1.5rem;
    margin-bottom: 0;
    padding: 0.8rem 1rem;
  }
  .drawer-nav-wrap .nav-section li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  .drawer-nav-wrap .nav-section li a {
    padding: 0.6rem 1rem;
  }
  .drawer-nav-wrap .nav-section li a:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .arrowWrap-vertical {
    left: 4px;
  }
  header#mast-header {
    height: 66px;
    padding: 10px;
    margin-inline: auto;
  }
  header#mast-header h1, header#mast-header p {
    margin: 0;
    gap: 10px;
    scale: 0.65;
    margin-left: 0;
    transform-origin: left;
  }
  header#mast-header nav ul.main-menu, header#mast-header nav ul.conversion-menu {
    display: none;
  }
  header#mast-header nav .other-block {
    margin-right: 50px;
  }
  .unit-lead.recruit .recruit-img {
    margin-left: inherit;
  }
  .KV {
    min-height: 480px;
    padding-top: 65px;
  }
  .KV .KV-sky {
    min-height: 320px;
  }
  .KV .KV-sky .tagline-wrapper {
    margin-bottom: auto;
    display: flex;
    flex-direction: column;
    justify-content: space-evenly;
    height: 70%;
  }
  .KV .KV-sky .tagline-wrapper h1 {
    font-size: 1.3rem;
    text-align: center;
    margin-bottom: 0.5rem;
  }
  .KV .KV-sky .tagline-wrapper .tagline-ja {
    font-size: 1.7rem;
    margin-bottom: 2rem;
  }
  .KV .KV-sky .tagline-wrapper .tagline-en {
    margin: 0;
    font-size: 4rem;
    line-height: 1.1;
    font-weight: 500;
  }
  .KV .KV-load {
    min-height: 100px;
    border-bottom: 10px solid #1A1311;
  }
  .KV .autec-track {
    bottom: 20px;
    margin: 0 20px;
  }
  .inner, .page main .inner {
    padding: 30px 15px;
  }
  .h2-en-title {
    font-size: 5rem;
    line-height: 1;
    margin: 1.5rem 0 -1.5rem;
    text-align: center;
  }
  .bnr-wrap {
    display: flex;
    gap: 10px;
  }
  .center-title {
    text-align: center;
    border-bottom: 1px solid;
    position: relative;
  }
  .center-title::before {
    background: url(common/img/wire-track-01.webp) no-repeat center/100px;
    width: 100px;
    height: 40px;
  }
  .center-title::after {
    background: url(common/img/wire-track-02.webp) no-repeat center/100px;
    width: 100px;
    height: 40px;
  }
  .title_first {
    text-align: center;
    font-size: 1.7rem;
  }
  .title_first::after {
    bottom: 0;
    left: 50%;
    width: 7px;
    height: 7px;
    border-radius: 7px;
  }
  #search-unit h3 {
    font-size: 1.8rem;
  }
  #search-unit .search-type {
    gap: 4px;
    margin: 20px 0 30px;
    justify-content: flex-start;
  }
  #search-unit .search-type li {
    aspect-ratio: 1;
    width: calc(33.3333% - 4px);
  }
  #search-unit .search-maker {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px;
    margin: 0;
  }
  #search-unit .search-maker > img.sign {
    display: none;
  }
  #search-unit .search-maker li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: center;
    width: calc((100% - 12px) / 4);
    aspect-ratio: 1;
  }
  #search-unit .search-maker li a {
    width: 100%;
    border-radius: 0;
  }
  #search-unit .search-maker li a img {
    max-width: 75%;
  }
  .home-select-menu .home-select-menu-left .home-select-menu-list {
    margin: 0;
    width: calc(100% - 4px);
  }
  .unit-lead.services .services-img {
    bottom: calc(-100% + 35px);
    padding: 30px 20px 0;
  }
  .menu_btn {
    text-align: center;
  }
  .menu_btn button {
    padding: 1.5rem 2rem 1.5rem 5rem;
    margin: 20px 0 20px;
    width: min(90%, 360px);
    font-size: 1.5rem;
  }
  .gap-50 {
    gap: 10px;
  }
  .bottom-link-unit ul {
    display: flex;
    flex-wrap: wrap;
    color: #fff;
  }
  .bottom-link-unit .link-item {
    width: 50%;
    min-height: 180px;
  }
  .bottom-link-unit .link-item a .layer {
    padding: 20px;
  }
  .bottom-link-unit .link-item a h3 {
    margin: 0;
    font-size: 1.6rem;
  }
  .bottom-link-unit .link-item a p {
    margin: 0;
    font-size: 1.4rem;
  }
  .main-footer .footer-content {
    display: block;
    margin: 20px 0;
  }
  .main-footer .footer-content > *:not(:first-child) {
    border-left: inherit;
    padding-left: 15px;
  }
  .main-footer .footer-content > *:nth-child(3), .main-footer .footer-content > *:nth-child(4) {
    border-left: 1px solid #666;
    padding-left: 25px;
    margin-left: 15px;
  }
  .main-footer .footer-content .footer-id {
    text-align: center;
    margin-bottom: 30px;
    margin-right: inherit;
  }
  .main-footer .footer-content .footer-id .foot-Eleanor {
    text-align: center;
  }
  .main-footer .footer-content .footer-menu {
    font-weight: 500;
    font-size: 1.4rem;
  }
  .main-footer .footer-tagline p {
    text-align: center;
  }
  .main-footer .footer-tagline .tagline-en {
    font-size: 2rem;
  }
  .main-footer .copyright p.orange {
    margin-bottom: 1.5rem;
  }
  .mix-title {
    margin: 2rem 0;
  }
  .PAGE_header {
    padding-top: 66px;
  }
  .PAGE_header .KV-sky {
    background: url("./common/img/town-load.webp") repeat-x bottom/200%, #41A6DF;
    animation: loop-slider 200s infinite linear;
    min-height: 120px;
  }
  .PAGE_header .KV-sky .tagline-wrapper {
    margin-bottom: 20px;
    display: block;
    padding: 0 15px;
  }
  .PAGE_header .KV-sky .tagline-wrapper h2.site-description, .PAGE_header .KV-sky .tagline-wrapper p.site-description {
    font-size: 1.2rem;
  }
  .PAGE_header .KV-sky .tagline-wrapper .page_title {
    font-size: 1.8rem;
    margin: 0.5rem 0;
    text-align: center;
  }
  .PAGE_header .KV-sky .tagline-wrapper .page_title span {
    font-size: 1.8rem;
    margin-left: 1rem;
  }
  .PAGE_header .KV-load {
    background: url("./common/img/center-line-2.svg") repeat-x center/200%, #818181;
    animation: loop-slider-2 8s infinite linear;
    min-height: 60px;
    border-bottom: 10px solid #1A1311;
  }
  .PAGE_header .autec-track {
    position: absolute;
    bottom: 10px;
    right: 10%;
    max-width: 60%;
  }
  .ttl_wrapper {
    padding: 1rem 2rem;
    border-radius: 6px;
  }
  .ttl_wrapper .section-title {
    font-size: 1.7rem;
  }
  .ttl_wrapper .section-title:before {
    position: absolute;
    top: 25%;
    left: -10px;
    width: 4px;
    height: 50%;
    border-radius: 3px;
  }
  .ttl_wrapper .section-title-en {
    font-size: 1.7rem;
  }
  .page main section + section {
    margin: 30px 0;
  }
  .layout_A {
    margin: 0 20px;
    padding: 20px;
    background: #cbd5e4;
    border-radius: 15px;
  }
  .headline-C {
    font-size: 1.7rem;
    padding: 2rem 0;
    line-height: 1.75;
  }
  .flexNormal {
    display: block;
  }
  .flexNormal .fx1 {
    margin: 0;
    width: 100%;
  }
  .lower-Title-2 {
    padding: 0.5rem 1rem;
    border-radius: 5px;
    color: #41A6DF;
    padding-left: 2rem;
    font-size: 1.6rem;
    margin-bottom: 25px;
  }
  .recruit-table {
    margin-bottom: 25px;
    padding: 20px 20px;
    background: #eee;
    border-radius: 15px;
  }
  .button-43 {
    margin: 20px auto 15px;
    padding: 0.5em 2em;
    border-radius: 5px;
    color: #fff;
    font-size: 1em;
  }
  .btn-control-fine {
    margin: 20px auto 20px;
    gap: 10px;
  }
  .base_block h3 {
    background: #c5c3c3;
    padding: 1rem 2rem;
    border-radius: 10px;
    color: #41A6DF;
    position: relative;
    padding-left: 3rem;
  }
  .base_block .address {
    width: 100%;
  }
  .base_block .address .shopsmry {
    border-radius: 12px;
    padding: 0.5rem 1rem;
    font-size: 1.4rem;
  }
  .base_block + .base_block {
    margin: 20px 0;
  }
  nav.pop-bnr-right, nav.pop-bnr-left {
    display: none;
  }
  .inspection h3 {
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .table-wrap {
    overflow-x: scroll;
  }
  .inspection table {
    width: inherit;
    border-collapse: collapse;
    margin-inline: auto;
    background: #f6f6f6;
    margin-bottom: 20px;
  }
  .inspection table tr:last-child {
    border-bottom: none;
  }
  .inspection table th {
    min-width: 120px;
    font-size: 1.2rem;
  }
  .inspection table td {
    min-width: 100px;
    font-size: 1.5rem;
  }
  .inspection table tr:first-child td {
    height: 40px;
    font-weight: bold;
    background: #ccc;
    font-size: 1.2rem;
  }
  .inspection table td span {
    font-size: 1rem;
    display: block;
    margin-top: 0.3rem;
  }
  .inspection .pit-menu-list {
    max-width: 100%;
    margin-inline: auto;
  }
  .inspection .pit-menu-list li {
    font-size: 1.3rem;
  }
  .pit-menu-list ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 5px;
    line-height: 1.5;
  }
  .pit-content h4 {
    padding: 1.5rem 2rem;
    border-radius: 5px;
    line-height: 1.3;
    display: block;
    font-size: 1.6rem;
    margin-bottom: 2rem;
  }
  .pit-content .main-txt {
    margin: 15px;
    padding: 0;
  }
  .pit-content .timeline {
    display: block;
  }
  .pit-content .box_wrap {
    display: block;
  }
  .pit-content .box_wrap .table_box {
    max-width: 100%;
  }
  .pit-content table {
    font-size: 1.4rem;
  }
  .pit-content table th {
    font-size: 1.3rem;
    padding: 10px 5px;
    background: #FCFCFC;
    border: solid 1px #bdbdbd;
  }
  .pit-content table td {
    padding: 10px 5px;
    border: solid 1px #bdbdbd;
  }
  .pit-content .btn-contact {
    margin: 20px auto 30px;
  }
  .pit-content .img-pack img {
    margin-bottom: 1px;
  }
  .pit-content .img-pack img:first-of-type {
    border-radius: 15px 15px 0 0;
  }
  .pit-content .img-pack img:last-of-type {
    border-radius: 0 0 15px 15px;
  }
  .mapform .address {
    width: 100%;
    padding: 0 15px;
  }
  .prologue {
    text-align: center;
    margin: 20px auto 0;
    padding: 0;
  }
  .prologue h4 {
    font-size: 1.5rem;
    margin: 0 0 15px;
    line-height: 1.6;
    text-align: left;
  }
  .prologue .content-wrapper {
    display: block;
  }
  .prologue .content-wrapper .prologue-text {
    padding: 15px;
    max-width: 100%;
    margin: 10px 0 0;
    font-size: 1.4rem;
  }
  .prologue .content-wrapper p {
    font-size: 1.5rem;
    line-height: 1.5;
  }
  .prologue .content-wrapper img {
    bottom: 0;
    left: 20px;
    z-index: 2;
    max-width: 50px;
    display: none;
  }
  .sp-center {
    text-align: center;
  }
  .definitionList.sp-block dt, .definitionList.sp-block dd {
    display: block;
    width: 100%;
  }
  .definitionList.sp-block dt h4, .definitionList.sp-block dd h4 {
    line-height: 1.2;
    font-size: 1.4rem;
  }
  .definitionList.sp-block dt p, .definitionList.sp-block dd p {
    font-size: 1.4rem;
  }
  .sp-wrap-rev {
    flex-wrap: wrap-reverse;
  }
  .full-flex-top {
    width: 100%;
    flex-wrap: wrap-reverse;
  }
  .full-flex-top .float-space {
    position: relative;
    padding: 2rem;
    width: 100%;
    margin-top: -100px;
    margin-right: -30px;
    right: inherit;
    bottom: inherit;
    transform: inherit;
    aspect-ratio: inherit;
    -webkit-backdrop-filter: blur(20px) brightness(1.75);
            backdrop-filter: blur(20px) brightness(1.75);
  }
  .full-flex-top .float-space h3 {
    font-size: 1.7rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 2rem;
  }
  .full-flex-top .float-space h3 span {
    font-size: 2.2rem;
    margin: 0 0.2rem;
  }
  .full-flex-top .bg-right {
    margin-right: calc(50% - 50vw);
  }
  .full-flex-top .bg-right::before {
    border-radius: 30px 0 0 30px;
    padding-left: inherit;
    width: calc(50% - 50vw);
  }
  .full-flex-top .bg-right img {
    max-height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    aspect-ratio: 12/16;
    border-radius: 30px 0 0 30px;
    padding-left: inherit;
  }
  .full-flex-top .bg-left {
    margin-left: calc(50% + 8px - 50vw);
  }
  .full-flex-top .bg-left::before {
    border-radius: 0 30px 30px 0;
  }
  .full-flex-top .bg-left img {
    max-height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    aspect-ratio: 12/12;
    border-radius: 0 30px 30px 0;
  }
  .full-flex {
    width: 100%;
    flex-wrap: wrap-reverse;
  }
  .full-flex .float-space {
    position: relative;
    padding: 2rem;
    width: 100%;
    margin-top: -100px;
    margin-right: -30px;
    right: inherit;
    bottom: inherit;
    transform: inherit;
    aspect-ratio: inherit;
    -webkit-backdrop-filter: blur(20px) brightness(1.75);
            backdrop-filter: blur(20px) brightness(1.75);
  }
  .full-flex .float-space h3 {
    font-size: 1.7rem;
    line-height: 1.5;
    margin-top: 0;
    margin-bottom: 2rem;
  }
  .full-flex .float-space h3 span {
    font-size: 2.2rem;
    margin: 0 0.2rem;
  }
  .full-flex .bg-right {
    margin-right: calc(50% - 50vw);
  }
  .full-flex .bg-right::before {
    border-radius: 30px 0 0 30px;
    padding-left: inherit;
  }
  .full-flex .bg-right img {
    max-height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    aspect-ratio: 12/16;
    border-radius: 30px 0 0 30px;
    padding-left: inherit;
  }
  .full-flex .bg-left {
    margin-left: calc(50% + 0px - 50vw);
  }
  .full-flex .bg-left::before {
    border-radius: 0 30px 30px 0;
  }
  .full-flex .bg-left img {
    max-height: inherit;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    aspect-ratio: 12/12;
    border-radius: 0 30px 30px 0;
  }
  ul.lower_nav {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    gap: 5px;
    margin-bottom: 30px;
  }
  ul.lower_nav li {
    width: calc((100% - 5px) / 2);
  }
  ul.lower_nav li a {
    padding: 10px;
    display: block;
    min-height: 110px;
  }
  ul.lower_nav li a .__content__title {
    font-size: 1.5rem;
    margin-bottom: 0.5rem;
  }
  h3.en-main-title {
    font-size: 4rem;
  }
  .title_second {
    text-align: center;
    font-size: 1.8rem;
    margin-bottom: 50px;
    position: relative;
    padding-bottom: 1rem;
  }
}/*# sourceMappingURL=style.css.map */