html {
  font-size: 62.5%;
  background-color: hsl(204, 8%, 12%);
  -webkit-text-size-adjust: 100%;
  overflow-x: hidden;
}
html.fix {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
html body, html input, html textarea, html select, html button {
  line-height: 2;
}
html body::before, html body::after, html input::before, html input::after, html textarea::before, html textarea::after, html select::before, html select::after, html button::before, html button::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
html body::before, html input::before, html textarea::before, html select::before, html button::before {
  margin-top: calc((1 - 2) * 0.5em);
}
html body::after, html input::after, html textarea::after, html select::after, html button::after {
  margin-bottom: calc((1 - 2) * 0.5em);
}
html body,
html a {
  color: #ddd;
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  font-size: 3.3333333333vw;
}
html a {
  display: block;
}
html .en {
  font-family: "Jost", sans-serif;
  font-weight: 200;
}
html .sp {
  display: block;
}
html .pc {
  display: none;
}

@media screen and (min-width: 1200px) {
  html body,
  html a {
    font-size: min(0.7291666667vw, 14px);
  }
  html .sp {
    display: none;
  }
  html .pc {
    display: block;
  }
}
.header {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 10;
}
.header:after {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  transition-duration: 0.3s;
  transition-property: background-color;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
.header.scroll:after {
  background-color: rgba(0, 0, 0, 0.7);
}
.header .heder-unit {
  display: flex;
  align-items: center;
}
.header .heder-unit .logo {
  padding: 0 3.0769230769vw;
  flex-grow: 1;
}
.header .heder-unit .heder-box .nav-btn {
  width: 20vw;
  padding: 3.0769230769vw 3.0769230769vw;
  position: relative;
  z-index: 3;
}
.header .heder-unit .heder-box .nav-btn .menu-trigger {
  display: block;
  width: 13.8461538462vw;
  height: 13.8461538462vw;
  font-size: 0;
  line-height: 0;
  background-color: #1d2022;
  position: relative;
}
.header .heder-unit .heder-box .nav-btn .line {
  display: inline-block;
  width: 7.6923076923vw;
  height: 0.2564102564vw;
  margin: auto;
  font-size: 0;
  line-height: 0;
  background-color: #fff;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  transition: all 0.3s ease-in-out;
}
.header .heder-unit .heder-box .nav-btn .line:nth-of-type(1) {
  top: -2.0512820513vw;
}
.header .heder-unit .heder-box .nav-btn .line:nth-of-type(3) {
  top: 2.0512820513vw;
}
.header .heder-unit .heder-box .nav-btn.active .line:nth-of-type(1) {
  transform: translate(0%, 1.0256410256vw) rotate(45deg);
}
.header .heder-unit .heder-box .nav-btn.active .line:nth-of-type(2) {
  opacity: 0;
}
.header .heder-unit .heder-box .nav-btn.active .line:nth-of-type(3) {
  transform: translate(0%, -1.0256410256vw) rotate(-45deg);
}
.header .side_nav {
  width: 100%;
  padding: 0 6.1538461538vw 14.358974359vw;
  transition-duration: 0.6s;
  transition-property: right;
  position: absolute;
  top: 23.0769230769vw;
  right: -100vw;
}
.header .side_nav:before {
  content: "";
  width: 100%;
  height: calc(100vh + 23.0769230769vw);
  margin: auto;
  background-color: #1d2022;
  position: absolute;
  top: -23.0769230769vw;
  left: 0;
  right: 0;
  transition-duration: 0.3s;
  transition-property: right;
}
.header .side_nav.open {
  right: 0;
}
.header .side_nav.open:before {
  right: 0;
}
.header .side_nav .nav-list {
  display: flex;
  flex-direction: column;
  border-top: 0.2564102564vw solid #4a4d4e;
  position: relative;
  z-index: 1;
}
.header .side_nav .nav-list .nav-item {
  border-bottom: 0.2564102564vw solid #4a4d4e;
}
.header .side_nav .nav-list .nav-item.ac_manu > a {
  position: relative;
}
.header .side_nav .nav-list .nav-item.ac_manu > a::before, .header .side_nav .nav-list .nav-item.ac_manu > a::after {
  content: "";
  width: 4.1025641026vw;
  height: 0.2564102564vw;
  margin: auto;
  background: #fff;
  transform-origin: center;
  transition: transform 0.3s ease;
  position: absolute;
  right: 5.1282051282vw;
  top: 0;
  bottom: 0;
}
.header .side_nav .nav-list .nav-item.ac_manu > a::before {
  transform: translate(-50%, -50%);
}
.header .side_nav .nav-list .nav-item.ac_manu > a::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.header .side_nav .nav-list .nav-item.active > a::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.header .side_nav .nav-list .nav-item.active > a::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.header .side_nav .nav-list .nav-item:not(.ac_manu) a {
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_wh.svg");
  background-repeat: no-repeat;
  background-position: right 6.1538461538vw center;
}
.header .side_nav .nav-list .nav-item a {
  padding: 6.1538461538vw 0;
  font-size: 3.8461538462vw;
}
.header .side_nav .nav-list .nav-item .sub-nav {
  display: none;
  padding: 0 0 0 6.1538461538vw;
  border-top: 0.2564102564vw solid #4a4d4e;
}
.header .side_nav .nav-list .nav-item .sub-nav .sub-nav-item:not(:last-child) {
  border-bottom: 0.2564102564vw solid #4a4d4e;
}
.header .side_nav .nav-list .nav-item .sub-nav .sub-nav-item a {
  color: #909192;
}
.header .side_nav .box {
  padding: 6.1538461538vw 0;
  border-bottom: 0.2564102564vw solid #4a4d4e;
  position: relative;
  z-index: 2;
}
.header .side_nav .box .box-head {
  margin: 0 auto 6.1538461538vw;
  font-weight: 500;
  text-align: center;
}
.header .side_nav .box .box-head .box-lead {
  margin: 0 auto 2.5641025641vw;
  font-size: 4.1025641026vw;
}
.header .side_nav .box .box-head .box-lead .icon {
  padding: 0 6.1538461538vw;
  position: relative;
}
.header .side_nav .box .box-head .box-lead .icon:before {
  content: "";
  width: 4.6153846154vw;
  height: 3.0769230769vw;
  margin: auto;
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-mail.svg");
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.header .side_nav .box .box-head .box-txt {
  font-size: 3.5897435897vw;
}
.header .side_nav .box .box-link {
  display: flex;
  flex-direction: column;
  gap: 2.5641025641vw;
}
.header .side_nav .box .box-link .box-item a {
  padding: 4.6153846154vw 0;
  font-size: 3.8461538462vw;
  font-weight: 500;
  text-align: center;
}
.header .side_nav .box .box-link .box-item:nth-child(1) a {
  color: #fff;
  background-color: #06c755;
}
.header .side_nav .box .box-link .box-item:nth-child(1) a .icon {
  display: inline-block;
  padding-left: 8.2051282051vw;
  position: relative;
}
.header .side_nav .box .box-link .box-item:nth-child(1) a .icon:before {
  content: "";
  width: 6.6666666667vw;
  height: 6.4102564103vw;
  margin: auto;
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-line.svg");
  background-repeat: no-repeat;
  background-size: 6.6666666667vw auto;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.header .side_nav .box .box-link .box-item:nth-child(2) a {
  color: #1d2022;
  background-color: #fff;
}
@media screen and (min-width: 1200px) {
  .header {
    padding: min(2.34375vw, 45px) 0 min(2.0833333333vw, 40px);
  }
  .header:before {
    content: "";
    width: min(93.75vw, 1800px);
    height: min(0.0520833333vw, 1px);
    margin: auto;
    background-color: rgba(255, 255, 255, 0.3);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
  .header .header-wrap {
    position: relative;
    z-index: 2;
  }
  .header .heder-unit {
    width: min(93.75vw, 1800px);
    margin: 0 auto 0;
    position: relative;
  }
  .header .heder-unit .logo {
    width: min(26.0416666667vw, 500px);
    padding: 0;
    margin: 0 auto 0;
    flex-grow: 0;
  }
  .header .heder-unit .logo a {
    transition-duration: 0.3s;
    transition-property: opacity;
  }
  .header .heder-unit .logo a:hover {
    opacity: 0.6;
  }
  .header .heder-unit .heder-box {
    display: flex;
    align-items: center;
    gap: min(0.4166666667vw, 8px);
    position: absolute;
    top: 0;
    right: 0;
  }
  .header .heder-unit .heder-box .contct-link a {
    padding: min(0.3125vw, 6px) min(1.25vw, 24px);
    color: #1d2022;
    background-color: #f5f5f5;
    border: min(0.0520833333vw, 1px) solid #1d2022;
    transition: color 0.3s, background-color 0.3s, border 0.3s;
  }
  .header .heder-unit .heder-box .contct-link a:hover {
    color: #f5f5f5;
    background-color: #1d2022;
    border: min(0.0520833333vw, 1px) solid #f5f5f5;
  }
  .header .heder-unit .heder-box .nav-btn {
    width: min(2.0833333333vw, 40px);
    padding: 0;
    position: relative;
    right: auto;
    z-index: 4;
  }
  .header .heder-unit .heder-box .nav-btn .menu-trigger {
    width: min(2.0833333333vw, 40px);
    height: min(2.0833333333vw, 40px);
  }
  .header .heder-unit .heder-box .nav-btn .menu-trigger:hover {
    cursor: pointer;
  }
  .header .heder-unit .heder-box .nav-btn .line {
    width: min(1.0416666667vw, 20px);
    height: min(0.0520833333vw, 1px);
  }
  .header .heder-unit .heder-box .nav-btn .line:nth-of-type(1) {
    top: min(-0.4166666667vw, -8px);
  }
  .header .heder-unit .heder-box .nav-btn .line:nth-of-type(3) {
    top: min(0.4166666667vw, 8px);
  }
  .header .heder-unit .heder-box .nav-btn.active .line:nth-of-type(1) {
    transform: translate(0%, min(0.2083333333vw, 4px)) rotate(45deg);
  }
  .header .heder-unit .heder-box .nav-btn.active .line:nth-of-type(3) {
    transform: translate(0%, min(-0.2083333333vw, -4px)) rotate(-45deg);
  }
  .header .side_nav {
    width: min(21.875vw, 420px);
    padding: min(10.625vw, 204px) min(3.125vw, 60px) 0;
    top: 0;
  }
  .header .side_nav:before {
    height: calc(100vh + min(4.6875vw, 90px));
    top: max(-4.6875vw, -90px);
    z-index: 3;
  }
  .header .side_nav:after {
    content: "";
    width: 0;
    height: 100vh;
    background-color: rgba(0, 0, 0, 0.6);
    opacity: 0;
    transition-duration: 0.6s;
    transition-property: opacity;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 2;
  }
  .header .side_nav.open:after {
    width: 100vw;
    opacity: 1;
  }
  .header .side_nav .nav-list {
    gap: min(1.0416666667vw, 20px);
    padding: 0 0 min(2.9166666667vw, 56px);
    border-top: none;
    z-index: 3;
  }
  .header .side_nav .nav-list .nav-item {
    border-bottom: none;
    position: relative;
  }
  .header .side_nav .nav-list .nav-item:before {
    content: "";
    margin: auto;
    width: min(0.3125vw, 6px);
    height: min(0.3125vw, 6px);
    vertical-align: middle;
    border-top: min(0.1041666667vw, 2px) solid rgb(255, 255, 255);
    border-right: min(0.1041666667vw, 2px) solid rgb(255, 255, 255);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: min(0.5208333333vw, 10px);
    left: calc(-1em + max(-0.2083333333vw, -4px));
  }
  .header .side_nav .nav-list .nav-item:has(> a:hover):before {
    opacity: 1;
  }
  .header .side_nav .nav-list .nav-item.ac_manu > a {
    padding: 0 min(1.25vw, 24px) 0 0;
    border-bottom: min(0.0520833333vw, 1px) solid #4a4d4e;
  }
  .header .side_nav .nav-list .nav-item.ac_manu > a::before, .header .side_nav .nav-list .nav-item.ac_manu > a::after {
    width: min(0.625vw, 12px);
    height: min(0.0520833333vw, 1px);
    right: 0;
  }
  .header .side_nav .nav-list .nav-item:not(.ac_manu) a {
    background: none;
  }
  .header .side_nav .nav-list .nav-item a {
    display: inline-block;
    padding: 0;
    font-size: min(0.9375vw, 18px);
    line-height: 1.4;
  }
  .header .side_nav .nav-list .nav-item .sub-nav {
    padding: min(0.8333333333vw, 16px) 0 0 min(0.9375vw, 18px);
    border-top: none;
  }
  .header .side_nav .nav-list .nav-item .sub-nav .sub-nav-item:not(:last-child) {
    margin-bottom: min(0.5208333333vw, 10px);
    border-bottom: none;
  }
  .header .side_nav .nav-list .nav-item .sub-nav .sub-nav-item a {
    font-size: min(0.78125vw, 15px);
    white-space: nowrap;
    position: relative;
    transition: padding-left 0.3s;
  }
  .header .side_nav .nav-list .nav-item .sub-nav .sub-nav-item a:before {
    content: "";
    margin: auto;
    width: min(0.4166666667vw, 8px);
    height: min(0.4166666667vw, 8px);
    vertical-align: middle;
    border-top: min(0.1041666667vw, 2px) solid rgba(255, 255, 255, 0.3);
    border-right: min(0.1041666667vw, 2px) solid rgba(255, 255, 255, 0.3);
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: min(0.3125vw, 6px);
    left: 0;
  }
  .header .side_nav .nav-list .nav-item .sub-nav .sub-nav-item a:hover {
    padding-left: calc(1em + min(0.2083333333vw, 4px));
  }
  .header .side_nav .nav-list .nav-item .sub-nav .sub-nav-item a:hover:before {
    opacity: 1;
  }
  .header .side_nav .box {
    padding: 0 0 min(1.25vw, 24px);
    border-bottom: min(0.0520833333vw, 1px) solid #4a4d4e;
    z-index: 3;
  }
  .header .side_nav .box .box-head {
    padding: min(1.0416666667vw, 20px) 0 min(1.25vw, 24px);
    margin: 0 auto min(0.8333333333vw, 16px);
    border-top: min(0.0520833333vw, 1px) solid #4a4d4e;
    border-bottom: min(0.0520833333vw, 1px) solid #4a4d4e;
  }
  .header .side_nav .box .box-head .box-lead {
    margin: 0 auto min(0.8333333333vw, 16px);
    font-size: min(0.8333333333vw, 16px);
  }
  .header .side_nav .box .box-head .box-lead .icon {
    padding: 0 min(1.3541666667vw, 26px);
  }
  .header .side_nav .box .box-head .box-lead .icon:before {
    width: min(0.9375vw, 18px);
    height: min(0.625vw, 12px);
  }
  .header .side_nav .box .box-head .box-txt {
    font-size: min(0.7291666667vw, 14px);
    line-height: 1.5;
  }
  .header .side_nav .box .box-head .box-txt::before, .header .side_nav .box .box-head .box-txt::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .header .side_nav .box .box-head .box-txt::before {
    margin-top: calc((1 - 1.5) * 0.5em);
  }
  .header .side_nav .box .box-head .box-txt::after {
    margin-bottom: calc((1 - 1.5) * 0.5em);
  }
  .header .side_nav .box .box-link {
    gap: min(0.5208333333vw, 10px);
  }
  .header .side_nav .box .box-link .box-item a {
    padding: min(0.7291666667vw, 14px) 0;
    font-size: min(0.78125vw, 15px);
    transition: opacity 0.3s;
  }
  .header .side_nav .box .box-link .box-item:nth-child(1) a {
    border: min(0.0520833333vw, 1px) solid #06c755;
    transition-duration: 0.3s;
    transition-property: padding, color, background-color, border;
  }
  .header .side_nav .box .box-link .box-item:nth-child(1) a .icon {
    padding-left: min(1.9791666667vw, 38px);
  }
  .header .side_nav .box .box-link .box-item:nth-child(1) a .icon:before {
    width: min(1.40625vw, 27px);
    height: min(1.3541666667vw, 26px);
    background-size: min(1.40625vw, 27px) auto;
    transition-duration: 0.3s;
    transition-property: background-image;
  }
  .header .side_nav .box .box-link .box-item:nth-child(1) a:hover {
    color: #06c755;
    background-color: #fff;
  }
  .header .side_nav .box .box-link .box-item:nth-child(1) a:hover .icon:before {
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-line-on.svg");
  }
  .header .side_nav .box .box-link .box-item:nth-child(2) a {
    border: min(0.0520833333vw, 1px) solid #fff;
    transition-duration: 0.3s;
    transition-property: color, background-color;
  }
  .header .side_nav .box .box-link .box-item:nth-child(2) a:hover {
    color: #fff;
    background-color: #1d2022;
  }
  .header .pc_nav {
    padding: min(2.34375vw, 45px) 0 0;
  }
  .header .pc_nav .nav-list {
    display: flex;
    justify-content: center;
    gap: min(2.0833333333vw, 40px);
  }
  .header .pc_nav .nav-list .nav-item a {
    font-size: min(0.7291666667vw, 14px);
    font-weight: 500;
  }
  .header .pc_nav .nav-list .nav-item.drop_manu {
    padding-right: min(1.25vw, 24px);
    cursor: pointer;
    overflow: hidden;
    position: relative;
  }
  .header .pc_nav .nav-list .nav-item.drop_manu::before, .header .pc_nav .nav-list .nav-item.drop_manu::after {
    content: "";
    width: min(0.625vw, 12px);
    height: min(0.0520833333vw, 1px);
    margin: auto;
    background: #fff;
    transform-origin: center;
    transition: transform 0.3s ease;
    position: absolute;
    top: min(0.1041666667vw, 2px);
    bottom: 0;
    right: 0;
  }
  .header .pc_nav .nav-list .nav-item.drop_manu::before {
    transform: translate(-50%, -50%);
  }
  .header .pc_nav .nav-list .nav-item.drop_manu::after {
    transform: translate(-50%, -50%) rotate(90deg);
  }
  .header .pc_nav .nav-list .nav-item.drop_manu.car_ctg .sub-nav .sub-nav-item a {
    min-width: min(13.5416666667vw, 260px);
  }
  .header .pc_nav .nav-list .nav-item.drop_manu.interior_ctg .sub-nav .sub-nav-item a {
    min-width: min(10.4166666667vw, 200px);
  }
  .header .pc_nav .nav-list .nav-item.drop_manu > a:before {
    content: "";
    width: 100%;
    height: min(1.0416666667vw, 20px);
    position: absolute;
    top: 100%;
    left: 0;
    right: 0;
  }
  .header .pc_nav .nav-list .nav-item.drop_manu:hover {
    overflow: visible;
  }
  .header .pc_nav .nav-list .nav-item.drop_manu:hover::before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  .header .pc_nav .nav-list .nav-item.drop_manu:hover::after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  .header .pc_nav .nav-list .nav-item.drop_manu:hover > .sub-nav {
    height: auto;
    opacity: 1;
  }
  .header .pc_nav .nav-list .nav-item.drop_manu .sub-nav {
    height: 0;
    padding: min(0.1041666667vw, 2px) min(1.25vw, 24px);
    margin: auto;
    background-color: #D51F24;
    width: -moz-max-content;
    width: max-content;
    white-space: nowrap;
    opacity: 0;
    transition-duration: 0.3s;
    transition-property: opacity;
    transform: translate(-50%, 0);
    position: absolute;
    top: calc(100% + min(1.0416666667vw, 20px));
    left: 50%;
  }
  .header .pc_nav .nav-list .nav-item.drop_manu .sub-nav .sub-nav-item:not(:last-child) {
    border-bottom: min(0.0520833333vw, 1px) solid rgba(255, 255, 255, 0.2);
  }
  .header .pc_nav .nav-list .nav-item.drop_manu .sub-nav .sub-nav-item a {
    display: block;
    padding: min(0.7291666667vw, 14px) 0;
    color: #fff;
    font-size: min(0.7291666667vw, 14px);
    font-weight: 500;
    white-space: nowrap;
    position: relative;
    transition: padding-left 0.3s;
  }
  .header .pc_nav .nav-list .nav-item.drop_manu .sub-nav .sub-nav-item a:before {
    content: "";
    margin: auto;
    width: min(0.3125vw, 6px);
    height: min(0.3125vw, 6px);
    margin: auto;
    vertical-align: middle;
    border-top: min(0.1041666667vw, 2px) solid #ddd;
    border-right: min(0.1041666667vw, 2px) solid #ddd;
    transform: rotate(45deg);
    opacity: 0;
    transition: opacity 0.3s;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
  }
  .header .pc_nav .nav-list .nav-item.drop_manu .sub-nav .sub-nav-item a:hover {
    padding-left: calc(1em + min(0.2083333333vw, 4px));
  }
  .header .pc_nav .nav-list .nav-item.drop_manu .sub-nav .sub-nav-item a:hover:before {
    opacity: 1;
  }
}
.footer {
  padding: 20.5128205128vw 6.1538461538vw 28.7179487179vw;
}
.footer .footer-wrap .logo {
  width: 53.8461538462vw;
  margin: 0 auto 6.1538461538vw;
}
.footer .footer-wrap .footer-unit {
  margin: 0 auto spbvw(24);
}
.footer .footer-wrap .footer-unit .link-list {
  display: flex;
  flex-direction: column;
  border-top: 0.2564102564vw solid #4a4d4e;
  position: relative;
  z-index: 1;
}
.footer .footer-wrap .footer-unit .link-list:not(:first-child) {
  margin: 0 auto 6.1538461538vw;
  border-top: none;
}
.footer .footer-wrap .footer-unit .link-list .nav-item {
  border-bottom: 0.2564102564vw solid #4a4d4e;
}
.footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a {
  position: relative;
}
.footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a::before, .footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a::after {
  content: "";
  width: 4.1025641026vw;
  height: 0.2564102564vw;
  margin: auto;
  background: #fff;
  transform-origin: center;
  transition: transform 0.3s ease;
  position: absolute;
  right: 5.1282051282vw;
  top: 0;
  bottom: 0;
}
.footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a::before {
  transform: translate(-50%, -50%);
}
.footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a::after {
  transform: translate(-50%, -50%) rotate(90deg);
}
.footer .footer-wrap .footer-unit .link-list .nav-item.active > a::before {
  transform: translate(-50%, -50%) rotate(45deg);
}
.footer .footer-wrap .footer-unit .link-list .nav-item.active > a::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.footer .footer-wrap .footer-unit .link-list .nav-item:not(.ac_manu) a {
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_wh.svg");
  background-repeat: no-repeat;
  background-position: right 6.1538461538vw center;
}
.footer .footer-wrap .footer-unit .link-list .nav-item a {
  padding: 6.1538461538vw 0 6.1538461538vw 6.1538461538vw;
  font-size: 3.8461538462vw;
}
.footer .footer-wrap .footer-unit .link-list .nav-item .sub-nav {
  display: none;
  padding: 0 0 0 6.1538461538vw;
  border-top: 0.2564102564vw solid #4a4d4e;
}
.footer .footer-wrap .footer-unit .link-list .nav-item .sub-nav .sub-nav-item:not(:last-child) {
  border-bottom: 0.2564102564vw solid #4a4d4e;
}
.footer .footer-wrap .footer-unit .link-list .nav-item .sub-nav .sub-nav-item a {
  color: #909192;
}
.footer .footer-wrap .footer-unit .box-link {
  display: flex;
  flex-direction: column;
  gap: 6.1538461538vw;
  margin: 0 auto 14.358974359vw;
}
.footer .footer-wrap .footer-unit .box-link .box-item a {
  display: block;
  width: 100%;
  padding: 6.1538461538vw 10.2564102564vw;
  margin: auto;
  font-size: 3.8461538462vw;
  line-height: 1;
  border: 0.2564102564vw solid rgba(255, 255, 255, 0.3);
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_wh.svg");
  background-repeat: no-repeat;
  background-size: 6.1538461538vw auto;
  background-position: right 10.2564102564vw center;
}
.footer .footer-wrap .footer-unit .box-link .box-item a::before, .footer .footer-wrap .footer-unit .box-link .box-item a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.footer .footer-wrap .footer-unit .box-link .box-item a::before {
  margin-top: calc((1 - 1) * 0.5em);
}
.footer .footer-wrap .footer-unit .box-link .box-item a::after {
  margin-bottom: calc((1 - 1) * 0.5em);
}
.footer .footer-wrap .footer-unit .box-link .box-item.blank a {
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-blank.svg");
  background-size: 5.1282051282vw auto;
  background-position: right 10.7692307692vw center;
}
.footer .footer-wrap .txt-link {
  display: flex;
  flex-direction: column;
  gap: 2.0512820513vw;
  margin: 0 auto 4.1025641026vw;
}
.footer .footer-wrap .txt-link .link-item a {
  display: inline-block;
  padding: 0 3.0769230769vw 0 0;
  position: relative;
}
.footer .footer-wrap .txt-link .link-item a:before {
  content: "";
  margin: auto;
  width: 1.5384615385vw;
  height: 1.5384615385vw;
  font-size: 3.0769230769vw;
  vertical-align: middle;
  border-top: 0.2564102564vw solid rgba(255, 255, 255, 0.3);
  border-right: 0.2564102564vw solid rgba(255, 255, 255, 0.3);
  transform: rotate(45deg);
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
}
.footer .footer-wrap .detail {
  margin: 0 auto 4.1025641026vw;
  font-size: 3.0769230769vw;
  line-height: 1.6;
}
.footer .footer-wrap .detail::before, .footer .footer-wrap .detail::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.footer .footer-wrap .detail::before {
  margin-top: calc((1 - 1.6) * 0.5em);
}
.footer .footer-wrap .detail::after {
  margin-bottom: calc((1 - 1.6) * 0.5em);
}
.footer .footer-wrap .copy {
  font-size: 2.5641025641vw;
  line-height: 1.5;
}
.footer .footer-wrap .copy::before, .footer .footer-wrap .copy::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.footer .footer-wrap .copy::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
.footer .footer-wrap .copy::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}

@media screen and (min-width: 1200px) {
  .footer {
    padding: min(6.25vw, 120px) 0 min(2.0833333333vw, 40px);
  }
  .footer .footer-wrap .logo {
    width: min(15.625vw, 300px);
    margin: 0;
  }
  .footer .footer-wrap .logo a {
    transition-duration: 0.3s;
    transition-property: opacity;
  }
  .footer .footer-wrap .logo a:hover {
    opacity: 0.6;
  }
  .footer .footer-wrap .footer-unit {
    display: flex;
    gap: min(7.7083333333vw, 148px);
    width: min(75vw, 1440px);
    margin: 0 auto min(4.1666666667vw, 80px);
  }
  .footer .footer-wrap .footer-unit .footer-box {
    display: flex;
    flex-direction: column;
    gap: min(1.25vw, 24px);
    flex-grow: 1;
  }
  .footer .footer-wrap .footer-unit .nav-box {
    display: flex;
    gap: min(1.6666666667vw, 32px);
  }
  .footer .footer-wrap .footer-unit .link-list {
    width: calc((100% - min(1.6666666667vw, 32px)) / 2);
    border-top: min(0.0520833333vw, 1px) solid #4a4d4e;
  }
  .footer .footer-wrap .footer-unit .link-list:not(:first-child) {
    margin: 0;
    border-top: min(0.0520833333vw, 1px) solid #4a4d4e;
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item {
    border-bottom: min(0.0520833333vw, 1px) solid #4a4d4e;
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a {
    transition-duration: 0.3s;
    transition-property: background-color;
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a::before, .footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a::after {
    width: min(0.8333333333vw, 16px);
    height: min(0.0520833333vw, 1px);
    right: min(1.0416666667vw, 20px);
    transition-duration: 0.3s;
    transition-property: background-color;
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a:hover::before, .footer .footer-wrap .footer-unit .link-list .nav-item.ac_manu > a:hover::after {
    background: #1d2022;
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item:not(.ac_manu) a {
    background-position: right min(1.25vw, 24px) center;
    transition-duration: 0.3s;
    transition-property: color, background-color, background-image;
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item:not(.ac_manu) a:hover {
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_bl.svg");
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item > a {
    padding: min(1.25vw, 24px) 0 min(1.25vw, 24px) min(1.25vw, 24px);
    font-size: min(1.0416666667vw, 20px);
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item > a:hover {
    color: #1d2022;
    background-color: rgb(255, 255, 255);
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item .sub-nav {
    padding: 0 0 0 min(1.25vw, 24px);
    border-top: min(0.0520833333vw, 1px) solid #4a4d4e;
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item .sub-nav .sub-nav-item:not(:last-child) {
    border-bottom: min(0.0520833333vw, 1px) solid #4a4d4e;
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item .sub-nav .sub-nav-item a {
    padding: min(1.25vw, 24px) 0 min(1.25vw, 24px) min(1.25vw, 24px);
    font-size: min(0.8333333333vw, 16px);
    transition-duration: 0.3s;
    transition-property: color;
  }
  .footer .footer-wrap .footer-unit .link-list .nav-item .sub-nav .sub-nav-item a:hover {
    color: #fff;
  }
  .footer .footer-wrap .footer-unit .box-link {
    flex-direction: row;
    gap: min(1.6666666667vw, 32px);
    margin: 0;
  }
  .footer .footer-wrap .footer-unit .box-link .box-item {
    width: calc((100% - min(1.6666666667vw, 32px)) / 2);
  }
  .footer .footer-wrap .footer-unit .box-link .box-item a {
    padding: min(1.25vw, 24px) min(2.0833333333vw, 40px);
    font-size: min(0.78125vw, 15px);
    border: min(0.0520833333vw, 1px) solid rgba(255, 255, 255, 0.3);
    background-size: min(1.25vw, 24px) auto;
    background-position: right min(2.0833333333vw, 40px) center;
    transition-duration: 0.3s;
    transition-property: color, background-color, background-image;
  }
  .footer .footer-wrap .footer-unit .box-link .box-item a:hover {
    color: #1d2022;
    background-color: rgb(255, 255, 255);
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_bl.svg");
  }
  .footer .footer-wrap .footer-unit .box-link .box-item.blank a {
    background-size: min(1.0416666667vw, 20px) auto;
    background-position: right min(2.0833333333vw, 40px) center;
  }
  .footer .footer-wrap .footer-unit .box-link .box-item.blank a:hover {
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-blank-on.svg");
  }
  .footer .footer-wrap .txt-link {
    flex-direction: row;
    justify-content: center;
    gap: min(1.0416666667vw, 20px);
    margin: 0 auto min(0.4166666667vw, 8px);
  }
  .footer .footer-wrap .txt-link .link-item a {
    padding: 0 min(0.625vw, 12px) 0 0;
  }
  .footer .footer-wrap .txt-link .link-item a:before {
    width: min(0.3125vw, 6px);
    height: min(0.3125vw, 6px);
    border-top: min(0.1041666667vw, 2px) solid rgba(255, 255, 255, 0.3);
    border-right: min(0.1041666667vw, 2px) solid rgba(255, 255, 255, 0.3);
  }
  .footer .footer-wrap .detail {
    display: flex;
    justify-content: center;
    gap: min(0.7291666667vw, 14px);
    margin: 0 auto min(0.4166666667vw, 8px);
    font-size: min(0.625vw, 12px);
  }
  .footer .footer-wrap .copy {
    font-size: min(0.5208333333vw, 10px);
    text-align: center;
  }
}
.fix-contact {
  width: 100%;
  color: #fff;
  background-color: #D51F24;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 3;
}
.fix-contact .fix-head {
  padding: 5.1282051282vw 0;
  font-size: 4.1025641026vw;
  font-weight: 500;
  text-align: center;
  line-height: 1;
}
.fix-contact .fix-head:hover {
  cursor: pointer;
}
.fix-contact .fix-head.on .icon:before {
  transform: rotate(135deg);
  top: 0;
}
.fix-contact .fix-head .icon {
  display: inline-block;
  padding: 0 6.1538461538vw 0 6.6666666667vw;
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-mail.svg");
  background-repeat: no-repeat;
  background-size: 4.6153846154vw auto;
  background-position: 0 center;
  position: relative;
}
.fix-contact .fix-head .icon:before {
  content: "";
  margin: auto;
  width: 1.5384615385vw;
  height: 1.5384615385vw;
  margin: auto;
  font-size: 3.0769230769vw;
  vertical-align: middle;
  border-top: 0.2564102564vw solid rgb(255, 255, 255);
  border-right: 0.2564102564vw solid rgb(255, 255, 255);
  transform: rotate(-45deg);
  position: absolute;
  top: 1.5384615385vw;
  bottom: 0;
  right: 0;
}
.fix-contact .fix-body {
  display: none;
  padding: 0 6.1538461538vw 6.1538461538vw;
}
.fix-contact .fix-body .lead {
  padding: 0 0 4.1025641026vw;
  margin: 0 auto 5.1282051282vw;
  font-size: 3.3333333333vw;
  text-align: center;
  position: relative;
}
.fix-contact .fix-body .lead:before {
  content: "";
  width: 81.5384615385vw;
  height: 0.2564102564vw;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.2);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
}
.fix-contact .fix-body .contact-list {
  display: flex;
  flex-direction: column;
  gap: 5.1282051282vw;
}
.fix-contact .fix-body .contact-list .contact-item {
  color: #1d2022;
}
.fix-contact .fix-body .contact-list .contact-item:nth-child(1) .link a {
  text-align: center;
  background-color: #06c755;
  background-image: none;
}
.fix-contact .fix-body .contact-list .contact-item:nth-child(1) .link a .icon {
  padding-left: 10.7692307692vw;
  color: #fff;
  font-weight: 500;
  position: relative;
}
.fix-contact .fix-body .contact-list .contact-item:nth-child(1) .link a .icon:before {
  content: "";
  width: 6.6666666667vw;
  height: 6.4102564103vw;
  margin: auto;
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-line.svg");
  background-repeat: no-repeat;
  background-size: 6.6666666667vw auto;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.fix-contact .fix-body .contact-list .contact-item:nth-child(2) .link a {
  color: #1d2022;
  text-align: center;
  background-color: #fff;
  background-image: none;
}

@media screen and (min-width: 1200px) {
  .fix-contact {
    display: flex;
    height: min(13.6458333333vw, 262px);
    margin: auto;
    top: 0;
    left: calc(100% - min(3.125vw, 60px));
    right: auto;
    transition-duration: 0.3s;
    transition-property: left;
  }
  .fix-contact.on {
    left: calc(100% - min(18.125vw, 348px));
  }
  .fix-contact .fix-head {
    padding: min(1.25vw, 24px) min(1.1458333333vw, 22px);
    font-size: min(0.8333333333vw, 16px);
  }
  .fix-contact .fix-head .icon {
    padding: min(1.3541666667vw, 26px) 0 0;
    writing-mode: vertical-rl;
    background-position: center 0;
    background-size: min(0.9375vw, 18px) auto;
  }
  .fix-contact .fix-head .icon:before {
    display: none;
  }
  .fix-contact .fix-body {
    display: block;
    width: min(15vw, 288px);
    padding: min(1.7708333333vw, 34px) min(1.6666666667vw, 32px) min(1.7708333333vw, 34px) 0;
  }
  .fix-contact .fix-body .lead {
    padding: 0 0 min(0.8333333333vw, 16px);
    margin: 0 auto min(0.8333333333vw, 16px);
    font-size: min(0.7291666667vw, 14px);
    line-height: 1.5;
  }
  .fix-contact .fix-body .lead::before, .fix-contact .fix-body .lead::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .fix-contact .fix-body .lead::before {
    margin-top: calc((1 - 1.5) * 0.5em);
  }
  .fix-contact .fix-body .lead::after {
    margin-bottom: calc((1 - 1.5) * 0.5em);
  }
  .fix-contact .fix-body .lead:before {
    width: 100%;
    height: min(0.0520833333vw, 1px);
  }
  .fix-contact .fix-body .contact-list {
    gap: min(0.5208333333vw, 10px);
  }
  .fix-contact .fix-body .contact-list .contact-item .link a {
    padding: min(1.0416666667vw, 20px) min(2.03125vw, 39px);
  }
  .fix-contact .fix-body .contact-list .contact-item:nth-child(1) .link a .icon {
    padding-left: min(1.875vw, 36px);
  }
  .fix-contact .fix-body .contact-list .contact-item:nth-child(1) .link a .icon:before {
    width: min(1.3541666667vw, 26px);
    height: min(1.3020833333vw, 25px);
    background-size: min(1.3541666667vw, 26px) auto;
  }
  .fix-contact .fix-body .contact-list .contact-item:nth-child(1) .link a:hover {
    background-color: #fff;
  }
  .fix-contact .fix-body .contact-list .contact-item:nth-child(1) .link a:hover .icon {
    color: #06c755;
  }
  .fix-contact .fix-body .contact-list .contact-item:nth-child(1) .link a:hover .icon:before {
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-line-on.svg");
  }
  .fix-contact .fix-body .contact-list .contact-item:nth-child(2) .link a {
    color: #1d2022;
    text-align: center;
    background-color: #fff;
    background-image: none;
  }
  .fix-contact .fix-body .contact-list .contact-item:nth-child(2) .link a:hover {
    color: #fff;
    background-color: #1d2022;
  }
}
.page_top {
  display: none;
}

@media screen and (min-width: 1200px) {
  .page_top {
    display: block;
    width: min(2.0833333333vw, 40px);
    height: min(2.0833333333vw, 40px);
    background-color: #1d2022;
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_wh.svg");
    background-repeat: no-repeat;
    background-position: center;
    border: min(0.0520833333vw, 1px) solid #616365;
    transform: rotate(-90deg);
    transition-duration: 0.3s;
    transition-property: background-color, border, background-image;
    position: fixed;
    bottom: min(2.0833333333vw, 40px);
    right: min(2.0833333333vw, 40px);
    z-index: 10;
  }
  .page_top:hover {
    cursor: pointer;
    background-color: #fff;
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_bl.svg");
    border: min(0.0520833333vw, 1px) solid #1d2022;
  }
}
.cmn_bnr .cmn_bnr-list {
  display: flex;
  flex-direction: column;
}
.cmn_bnr .cmn_bnr-list .cmn_bnr-list-item {
  position: relative;
}
.cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a {
  display: block;
}
.cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt {
  text-align: center;
  transform: translate(0, -50%);
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
}
.cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .jp {
  display: block;
  margin: 0 auto 2.0512820513vw;
  font-size: 3.3333333333vw;
  letter-spacing: 0.15em;
}
.cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en {
  font-size: 13.8461538462vw;
  font-weight: 200;
  letter-spacing: 0.05em;
  line-height: 2.4444444444;
}
.cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en::before, .cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en::before {
  margin-top: calc((1 - 2.4444444444) * 0.5em);
}
.cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en::after {
  margin-bottom: calc((1 - 2.4444444444) * 0.5em);
}

@media screen and (min-width: 1200px) {
  .cmn_bnr .cmn_bnr-list {
    flex-direction: row;
  }
  .cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .jp {
    margin: 0 auto min(1.25vw, 24px);
    font-size: min(0.7291666667vw, 14px);
  }
  .cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en {
    font-size: min(4.1666666667vw, 80px);
    line-height: 1.65;
  }
  .cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en::before, .cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en::before {
    margin-top: calc((1 - 1.65) * 0.5em);
  }
  .cmn_bnr .cmn_bnr-list .cmn_bnr-list-item a .txt .en::after {
    margin-bottom: calc((1 - 1.65) * 0.5em);
  }
}
.cmn_works {
  padding: 20.5128205128vw 6.1538461538vw;
  color: #1d2022;
  background-color: #fff;
}
.cmn_works .sec-wrap .works-ttl {
  margin: 0 auto 8.2051282051vw;
}
.cmn_works .sec-wrap .works-ttl .en {
  margin: 0 auto 2.0512820513vw;
  font-size: 10.2564102564vw;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.cmn_works .sec-wrap .works-ttl .en::before, .cmn_works .sec-wrap .works-ttl .en::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.cmn_works .sec-wrap .works-ttl .en::before {
  margin-top: calc((1 - 1.2) * 0.5em);
}
.cmn_works .sec-wrap .works-ttl .en::after {
  margin-bottom: calc((1 - 1.2) * 0.5em);
}
.cmn_works .sec-wrap .works-ttl .jp {
  display: block;
  font-size: 3.3333333333vw;
  font-weight: 500;
  letter-spacing: 0.15em;
}
.cmn_works .sec-wrap .works-list {
  margin: 0 auto 8.2051282051vw;
}
.cmn_works .sec-wrap .works-list .works-item {
  padding: 0 0 6.1538461538vw;
  border-bottom: 0.2564102564vw solid #1d2022;
}
.cmn_works .sec-wrap .works-list .works-item:not(:first-child) {
  padding: 6.1538461538vw 0 6.1538461538vw;
}
.cmn_works .sec-wrap .works-list .works-item a {
  display: block;
  color: #1d2022;
}
.cmn_works .sec-wrap .works-list .works-item a .ph {
  margin: 0 auto 2.5641025641vw;
}
.cmn_works .sec-wrap .works-list .works-item a .tags {
  display: flex;
  flex-wrap: wrap;
  gap: 1.0256410256vw;
  margin: 0 auto 2.5641025641vw;
}
.cmn_works .sec-wrap .works-list .works-item a .tags .tag {
  padding: 1.0256410256vw 2.0512820513vw;
  color: #fff;
  line-height: 1;
  background-color: #D51F24;
}
.cmn_works .sec-wrap .works-list .works-item a .name {
  font-size: 4.1025641026vw;
  line-height: 1.5;
  letter-spacing: 0.05em;
}
.cmn_works .sec-wrap .works-list .works-item a .name::before, .cmn_works .sec-wrap .works-list .works-item a .name::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.cmn_works .sec-wrap .works-list .works-item a .name::before {
  margin-top: calc((1 - 1.5) * 0.5em);
}
.cmn_works .sec-wrap .works-list .works-item a .name::after {
  margin-bottom: calc((1 - 1.5) * 0.5em);
}
.cmn_works .sec-wrap .link a {
  color: #1d2022;
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_bl.svg");
  border-color: #1d2022;
}

@media screen and (min-width: 1200px) {
  .cmn_works {
    padding: min(6.25vw, 120px) 0;
    color: #1d2022;
    background-color: #fff;
  }
  .cmn_works .sec-wrap {
    width: min(75vw, 1440px);
    margin: 0 auto 0;
  }
  .cmn_works .sec-wrap .works-ttl {
    margin: 0 auto min(2.0833333333vw, 40px);
  }
  .cmn_works .sec-wrap .works-ttl .en {
    margin: 0 auto min(0.8333333333vw, 16px);
    font-size: min(2.5vw, 48px);
    line-height: 2.75;
  }
  .cmn_works .sec-wrap .works-ttl .en::before, .cmn_works .sec-wrap .works-ttl .en::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .cmn_works .sec-wrap .works-ttl .en::before {
    margin-top: calc((1 - 2.75) * 0.5em);
  }
  .cmn_works .sec-wrap .works-ttl .en::after {
    margin-bottom: calc((1 - 2.75) * 0.5em);
  }
  .cmn_works .sec-wrap .works-ttl .jp {
    font-size: min(0.7291666667vw, 14px);
  }
  .cmn_works .sec-wrap .works-list {
    display: flex;
    gap: min(2.8125vw, 54px);
    margin: 0 auto min(2.0833333333vw, 40px);
  }
  .cmn_works .sec-wrap .works-list .works-item {
    padding: 0 0 min(1.25vw, 24px);
    border-bottom: min(0.0520833333vw, 1px) solid #1d2022;
  }
  .cmn_works .sec-wrap .works-list .works-item:not(:first-child) {
    padding: 0 0 min(1.25vw, 24px);
  }
  .cmn_works .sec-wrap .works-list .works-item a .ph {
    margin: 0 auto min(0.5208333333vw, 10px);
  }
  .cmn_works .sec-wrap .works-list .works-item a .tags {
    gap: min(0.2083333333vw, 4px);
    margin: 0 auto min(0.5208333333vw, 10px);
  }
  .cmn_works .sec-wrap .works-list .works-item a .tags .tag {
    padding: min(0.4166666667vw, 8px) min(0.4166666667vw, 8px);
  }
  .cmn_works .sec-wrap .works-list .works-item a .name {
    font-size: min(0.8333333333vw, 16px);
    line-height: 1.5;
  }
  .cmn_works .sec-wrap .works-list .works-item a .name::before, .cmn_works .sec-wrap .works-list .works-item a .name::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .cmn_works .sec-wrap .works-list .works-item a .name::before {
    margin-top: calc((1 - 1.5) * 0.5em);
  }
  .cmn_works .sec-wrap .works-list .works-item a .name::after {
    margin-bottom: calc((1 - 1.5) * 0.5em);
  }
  .cmn_works .sec-wrap .link {
    width: min(25vw, 480px);
    margin: 0 auto 0;
  }
}
.cmn_contact {
  padding: 20.5128205128vw 3.0769230769vw 0;
}
.cmn_contact .sec-wrap .contact-ttl {
  margin: 0 auto 8.2051282051vw;
  text-align: center;
}
.cmn_contact .sec-wrap .contact-ttl .en {
  display: block;
  margin: 0 auto 2.0512820513vw;
  font-size: 10.2564102564vw;
  font-weight: 300;
  letter-spacing: 0.05em;
  line-height: 1.2;
}
.cmn_contact .sec-wrap .contact-ttl .en::before, .cmn_contact .sec-wrap .contact-ttl .en::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.cmn_contact .sec-wrap .contact-ttl .en::before {
  margin-top: calc((1 - 1.2) * 0.5em);
}
.cmn_contact .sec-wrap .contact-ttl .en::after {
  margin-bottom: calc((1 - 1.2) * 0.5em);
}
.cmn_contact .sec-wrap .contact-ttl .jp {
  display: block;
  font-size: 3.3333333333vw;
  font-weight: 500;
}
.cmn_contact .sec-wrap .contact-list {
  display: flex;
  flex-direction: column;
  gap: 5.1282051282vw;
  padding: 0 0 20.5128205128vw;
  border-bottom: 0.2564102564vw solid rgba(255, 255, 255, 0.3);
}
.cmn_contact .sec-wrap .contact-list .contact-item {
  padding: 12.3076923077vw 5.1282051282vw;
  border: 0.2564102564vw solid rgba(255, 255, 255, 0.3);
}
.cmn_contact .sec-wrap .contact-list .contact-item:nth-child(1) .link a {
  background-color: #06c755;
}
.cmn_contact .sec-wrap .contact-list .contact-item:nth-child(1) .link a .icon {
  padding-left: 10.7692307692vw;
  font-weight: 500;
  position: relative;
}
.cmn_contact .sec-wrap .contact-list .contact-item:nth-child(1) .link a .icon:before {
  content: "";
  width: 6.6666666667vw;
  height: 6.4102564103vw;
  margin: auto;
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-line.svg");
  background-repeat: no-repeat;
  background-size: 6.6666666667vw auto;
  background-position: center;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
}
.cmn_contact .sec-wrap .contact-list .contact-item:nth-child(2) .link a {
  color: #1d2022;
  background-color: #f5f5f5;
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_bl.svg");
}
.cmn_contact .sec-wrap .contact-list .contact-item .item-name {
  margin: 0 auto 4.1025641026vw;
  font-size: 4.1025641026vw;
  text-align: center;
}
.cmn_contact .sec-wrap .contact-list .contact-item .more .icon a {
  padding: 6.1538461538vw 10.2564102564vw;
  font-weight: 500;
}

@media screen and (min-width: 1200px) {
  .cmn_contact {
    padding: min(6.25vw, 120px) 0;
  }
  .cmn_contact .sec-wrap {
    width: min(100vw, 1920px);
    padding: 0 min(3.125vw, 60px);
    margin: 0 auto 0;
  }
  .cmn_contact .sec-wrap .contact-ttl {
    margin: 0 auto min(3.4375vw, 66px);
  }
  .cmn_contact .sec-wrap .contact-ttl .en {
    margin: 0 auto min(0.8333333333vw, 16px);
    font-size: min(2.5vw, 48px);
    line-height: 2.75;
  }
  .cmn_contact .sec-wrap .contact-ttl .en::before, .cmn_contact .sec-wrap .contact-ttl .en::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .cmn_contact .sec-wrap .contact-ttl .en::before {
    margin-top: calc((1 - 2.75) * 0.5em);
  }
  .cmn_contact .sec-wrap .contact-ttl .en::after {
    margin-bottom: calc((1 - 2.75) * 0.5em);
  }
  .cmn_contact .sec-wrap .contact-ttl .jp {
    font-size: min(0.7291666667vw, 14px);
  }
  .cmn_contact .sec-wrap .contact-list {
    flex-direction: row;
    gap: min(2.0833333333vw, 40px);
    padding: 0 min(8.3333333333vw, 160px) min(6.25vw, 120px);
    border-bottom: min(0.0520833333vw, 1px) solid rgba(255, 255, 255, 0.3);
  }
  .cmn_contact .sec-wrap .contact-list .contact-item {
    flex-grow: 1;
    padding: min(3.3333333333vw, 64px) min(5.7291666667vw, 110px);
    border: min(0.0520833333vw, 1px) solid rgba(255, 255, 255, 0.3);
  }
  .cmn_contact .sec-wrap .contact-list .contact-item:nth-child(1) .link a {
    border: min(0.0520833333vw, 1px) solid #06c755;
  }
  .cmn_contact .sec-wrap .contact-list .contact-item:nth-child(1) .link a .icon {
    padding-left: min(2.1875vw, 42px);
  }
  .cmn_contact .sec-wrap .contact-list .contact-item:nth-child(1) .link a .icon:before {
    width: min(1.3541666667vw, 26px);
    height: min(1.3020833333vw, 25px);
    background-size: min(1.3541666667vw, 26px) auto;
    transition-duration: 0.3s;
    transition-property: background-image;
  }
  .cmn_contact .sec-wrap .contact-list .contact-item:nth-child(1) .link a:hover {
    color: #06c755;
    background-color: #fff;
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_gr.svg");
  }
  .cmn_contact .sec-wrap .contact-list .contact-item:nth-child(1) .link a:hover .icon:before {
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-line-on.svg");
  }
  .cmn_contact .sec-wrap .contact-list .contact-item:nth-child(2) .link a {
    border: min(0.0520833333vw, 1px) solid #f5f5f5;
  }
  .cmn_contact .sec-wrap .contact-list .contact-item:nth-child(2) .link a:hover {
    color: #fff;
    background-color: #1d2022;
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_wh.svg");
  }
  .cmn_contact .sec-wrap .contact-list .contact-item .item-name {
    margin: 0 auto min(1.25vw, 24px);
    font-size: min(1.0416666667vw, 20px);
    text-align: center;
  }
  .cmn_contact .sec-wrap .contact-list .contact-item .more {
    width: min(25vw, 480px);
    margin: 0 auto 0;
  }
  .cmn_contact .sec-wrap .contact-list .contact-item .more .icon a {
    font-size: min(0.78125vw, 15px);
    padding: min(1.25vw, 24px) min(2.0833333333vw, 40px);
  }
}
.link a {
  display: block;
  width: 100%;
  padding: 6.1538461538vw 10.2564102564vw;
  font-size: 3.8461538462vw;
  line-height: 0.8666666667;
  border: 0.2564102564vw solid rgba(255, 255, 255, 0.3);
  background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_wh.svg");
  background-repeat: no-repeat;
  background-size: 6.1538461538vw auto;
  background-position: right 10.2564102564vw center;
}
.link a::before, .link a::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.link a::before {
  margin-top: calc((1 - 0.8666666667) * 0.5em);
}
.link a::after {
  margin-bottom: calc((1 - 0.8666666667) * 0.5em);
}

@media screen and (min-width: 1200px) {
  .link a {
    padding: min(1.25vw, 24px) min(2.0833333333vw, 40px);
    font-size: min(0.78125vw, 15px);
    border: min(0.0520833333vw, 1px) solid rgba(255, 255, 255, 0.3);
    background-size: min(1.25vw, 24px) auto;
    background-position: right min(2.0833333333vw, 40px) center;
    transition-duration: 0.3s;
    transition-property: color, background-color, background-image;
  }
  .link a:hover {
    color: #1d2022;
    background-color: rgb(255, 255, 255);
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_bl.svg");
  }
  .link.wh a {
    color: #1d2022;
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_bl.svg");
    border-color: #1d2022;
  }
  .link.wh a:hover {
    color: rgba(255, 255, 255, 0.7);
    background-color: #1d2022;
    background-image: url("/wp-content/themes/car_coating/cmn/img/icon-arrow_wh.svg");
  }
}
.page-head {
  display: flex;
  justify-content: center;
  padding: 34.358974359vw 3.0769230769vw;
}
.page-head .page-ttl {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.page-head .page-ttl .en {
  margin: 0 auto 3.0769230769vw;
  font-size: 9.2307692308vw;
  font-weight: 300;
  line-height: 1.1;
  letter-spacing: 0.02em;
}
.page-head .page-ttl .en::before, .page-head .page-ttl .en::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.page-head .page-ttl .en::before {
  margin-top: calc((1 - 1.1) * 0.5em);
}
.page-head .page-ttl .en::after {
  margin-bottom: calc((1 - 1.1) * 0.5em);
}
.page-head .page-ttl .jp {
  font-size: 3.8461538462vw;
  font-weight: 500;
  line-height: 0.8666666667;
}
.page-head .page-ttl .jp::before, .page-head .page-ttl .jp::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.page-head .page-ttl .jp::before {
  margin-top: calc((1 - 0.8666666667) * 0.5em);
}
.page-head .page-ttl .jp::after {
  margin-bottom: calc((1 - 0.8666666667) * 0.5em);
}

@media screen and (min-width: 1200px) {
  .page-head {
    padding: min(17.6041666667vw, 338px) 0 min(6.25vw, 120px);
  }
  .page-head .page-ttl .en {
    margin: 0 auto min(1.25vw, 24px);
    font-size: min(3.75vw, 72px);
    line-height: 1.8333333333;
  }
  .page-head .page-ttl .en::before, .page-head .page-ttl .en::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .page-head .page-ttl .en::before {
    margin-top: calc((1 - 1.8333333333) * 0.5em);
  }
  .page-head .page-ttl .en::after {
    margin-bottom: calc((1 - 1.8333333333) * 0.5em);
  }
  .page-head .page-ttl .jp {
    font-size: min(1.25vw, 24px);
    line-height: 0.5416666667;
  }
  .page-head .page-ttl .jp::before, .page-head .page-ttl .jp::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .page-head .page-ttl .jp::before {
    margin-top: calc((1 - 0.5416666667) * 0.5em);
  }
  .page-head .page-ttl .jp::after {
    margin-bottom: calc((1 - 0.5416666667) * 0.5em);
  }
}
.topic_path {
  padding: 0 3.0769230769vw;
  position: relative;
}
.topic_path:before {
  content: "";
  width: calc(100% - 6.1538461538vw);
  height: 0.2564102564vw;
  margin: auto;
  background-color: rgba(255, 255, 255, 0.3);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}
.topic_path .topic_path-wrap {
  overflow-x: auto;
  white-space: nowrap;
  -webkit-overflow-scrolling: touch;
}
.topic_path .topic_path-wrap::-webkit-scrollbar {
  display: none;
}
.topic_path .path-list {
  display: flex;
  padding: 4.1025641026vw 0;
}
.topic_path .path-list .path-item {
  color: rgba(255, 255, 255, 0.5);
  font-size: 3.3333333333vw;
  line-height: 1;
  position: relative;
}
.topic_path .path-list .path-item::before, .topic_path .path-list .path-item::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topic_path .path-list .path-item::before {
  margin-top: calc((1 - 1) * 0.5em);
}
.topic_path .path-list .path-item::after {
  margin-bottom: calc((1 - 1) * 0.5em);
}
.topic_path .path-list .path-item:not(:last-child) {
  padding-right: 8.4615384615vw;
}
.topic_path .path-list .path-item:not(:last-child):after {
  content: "|";
  color: rgba(255, 255, 255, 0.5);
  font-size: 3.3333333333vw;
  line-height: 1;
  position: absolute;
  top: -0.2564102564vw;
  bottom: 0;
  right: 4.358974359vw;
}
.topic_path .path-list .path-item:not(:last-child):after::before, .topic_path .path-list .path-item:not(:last-child):after::after {
  content: "";
  display: block;
  width: 0;
  height: 0;
}
.topic_path .path-list .path-item:not(:last-child):after::before {
  margin-top: calc((1 - 1) * 0.5em);
}
.topic_path .path-list .path-item:not(:last-child):after::after {
  margin-bottom: calc((1 - 1) * 0.5em);
}
@media screen and (min-width: 1200px) {
  .topic_path {
    padding: 0;
  }
  .topic_path:before {
    width: min(75vw, 1440px);
    height: min(0.0520833333vw, 1px);
  }
  .topic_path .topic_path-wrap {
    padding: 0;
  }
  .topic_path .path-list {
    width: min(75vw, 1440px);
    padding: min(2.0833333333vw, 40px) 0;
    margin: 0 auto 0;
  }
  .topic_path .path-list .path-item {
    font-size: min(0.7291666667vw, 14px);
    line-height: 0.9285714286;
  }
  .topic_path .path-list .path-item::before, .topic_path .path-list .path-item::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .topic_path .path-list .path-item::before {
    margin-top: calc((1 - 0.9285714286) * 0.5em);
  }
  .topic_path .path-list .path-item::after {
    margin-bottom: calc((1 - 0.9285714286) * 0.5em);
  }
  .topic_path .path-list .path-item:not(:last-child) {
    padding-right: min(1.0416666667vw, 20px);
  }
  .topic_path .path-list .path-item:not(:last-child):after {
    font-size: min(0.7291666667vw, 14px);
    line-height: 0.9285714286;
    top: max(-0.0520833333vw, -1px);
    right: min(0.5729166667vw, 11px);
  }
  .topic_path .path-list .path-item:not(:last-child):after::before, .topic_path .path-list .path-item:not(:last-child):after::after {
    content: "";
    display: block;
    width: 0;
    height: 0;
  }
  .topic_path .path-list .path-item:not(:last-child):after::before {
    margin-top: calc((1 - 0.9285714286) * 0.5em);
  }
  .topic_path .path-list .path-item:not(:last-child):after::after {
    margin-bottom: calc((1 - 0.9285714286) * 0.5em);
  }
}/*# sourceMappingURL=style.css.map */