@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700,900|Oswald&display=swap&subset=japanese); /*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */ /*!
	Modaal - accessible modals - v0.4.4
	by Humaan, for all humans.
	http://humaan.com
 */

.modaal-noscroll {
  overflow: hidden;
}
.modaal-accessible-hide {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 999;
  opacity: 0;
}
.modaal-wrapper {
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 9999;
  overflow: auto;
  opacity: 1;
  box-sizing: border-box;
  -webkit-overflow-scrolling: touch;
  transition: all 0.3s ease-in-out;
}
.modaal-wrapper * {
  box-sizing: border-box;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  -webkit-backface-visibility: hidden;
}
.modaal-wrapper .modaal-close {
  border: none;
  background: 0 0;
  padding: 0;
  -webkit-appearance: none;
}
.modaal-wrapper.modaal-start_none {
  display: none;
  opacity: 1;
}
.modaal-wrapper.modaal-start_fade {
  opacity: 0;
}
.modaal-wrapper [tabindex="0"] {
  outline: 0 !important;
}
.modaal-wrapper.modaal-fullscreen {
  overflow: hidden;
}
.modaal-outer-wrapper {
  display: table;
  position: relative;
  width: 100%;
  height: 100%;
}
.modaal-fullscreen .modaal-outer-wrapper {
  display: block;
}
.modaal-inner-wrapper {
  display: table-cell;
  width: 100%;
  height: 100%;
  position: relative;
  vertical-align: middle;
  text-align: center;
  padding: 80px 25px;
}
.modaal-fullscreen .modaal-inner-wrapper {
  padding: 0;
  display: block;
  vertical-align: top;
}
.modaal-container {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: auto;
  text-align: left;
  color: #000;
  max-width: 1000px;
  border-radius: 0;
  background: #fff;
  box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  cursor: auto;
}
.modaal-container.is_loading {
  height: 100px;
  width: 100px;
  overflow: hidden;
}
.modaal-fullscreen .modaal-container {
  max-width: none;
  height: 100%;
  overflow: auto;
}
.modaal-close {
  position: fixed;
  right: 20px;
  top: 20px;
  color: #fff;
  cursor: pointer;
  opacity: 1;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.modaal-close:focus,
.modaal-close:hover {
  outline: 0;
  background: #fff;
}
.modaal-close:focus:after,
.modaal-close:focus:before,
.modaal-close:hover:after,
.modaal-close:hover:before {
  background: #b93d0c;
}
.modaal-close span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-close:after,
.modaal-close:before {
  display: block;
  content: " ";
  position: absolute;
  top: 14px;
  left: 23px;
  width: 4px;
  height: 22px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.modaal-close:before {
  transform: rotate(-45deg);
}
.modaal-close:after {
  transform: rotate(45deg);
}
.modaal-fullscreen .modaal-close {
  background: #afb7bc;
  right: 10px;
  top: 10px;
}
.modaal-content-container {
  padding: 30px;
}
.modaal-confirm-wrap {
  padding: 30px 0 0;
  text-align: center;
  font-size: 0;
}
.modaal-confirm-btn {
  font-size: 14px;
  display: inline-block;
  margin: 0 10px;
  vertical-align: middle;
  cursor: pointer;
  border: none;
  background: 0 0;
}
.modaal-confirm-btn.modaal-ok {
  padding: 10px 15px;
  color: #fff;
  background: #555;
  border-radius: 3px;
  transition: background 0.2s ease-in-out;
}
.modaal-confirm-btn.modaal-ok:hover {
  background: #2f2f2f;
}
.modaal-confirm-btn.modaal-cancel {
  text-decoration: underline;
}
.modaal-confirm-btn.modaal-cancel:hover {
  text-decoration: none;
  color: #2f2f2f;
}
.modaal-instagram .modaal-container {
  width: auto;
  background: 0 0;
  box-shadow: none !important;
}
.modaal-instagram .modaal-content-container {
  padding: 0;
  background: 0 0;
}
.modaal-instagram .modaal-content-container > blockquote {
  width: 1px !important;
  height: 1px !important;
  opacity: 0 !important;
}
.modaal-instagram iframe {
  opacity: 0;
  margin: -6px !important;
  border-radius: 0 !important;
  width: 1000px !important;
  max-width: 800px !important;
  box-shadow: none !important;
  animation: instaReveal 1s linear forwards;
}
.modaal-image .modaal-inner-wrapper {
  padding-left: 140px;
  padding-right: 140px;
}
.modaal-image .modaal-container {
  width: auto;
  max-width: 100%;
}
.modaal-gallery-wrap {
  position: relative;
  color: #fff;
}
.modaal-gallery-item {
  display: none;
}
.modaal-gallery-item img {
  display: block;
}
.modaal-gallery-item.is_active {
  display: block;
}
.modaal-gallery-label {
  position: absolute;
  left: 0;
  width: 100%;
  margin: 20px 0 0;
  font-size: 18px;
  text-align: center;
  color: #fff;
}
.modaal-gallery-label:focus {
  outline: 0;
}
.modaal-gallery-control {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  opacity: 1;
  cursor: pointer;
  color: #fff;
  width: 50px;
  height: 50px;
  background: rgba(0, 0, 0, 0);
  border: none;
  border-radius: 100%;
  transition: all 0.2s ease-in-out;
}
.modaal-gallery-control.is_hidden {
  opacity: 0;
  cursor: default;
}
.modaal-gallery-control:focus,
.modaal-gallery-control:hover {
  outline: 0;
  background: #fff;
}
.modaal-gallery-control:focus:after,
.modaal-gallery-control:focus:before,
.modaal-gallery-control:hover:after,
.modaal-gallery-control:hover:before {
  background: #afb7bc;
}
.modaal-gallery-control span {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0 !important;
  border: 0 !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden;
}
.modaal-gallery-control:after,
.modaal-gallery-control:before {
  display: block;
  content: " ";
  position: absolute;
  top: 16px;
  left: 25px;
  width: 4px;
  height: 18px;
  border-radius: 4px;
  background: #fff;
  transition: background 0.2s ease-in-out;
}
.modaal-gallery-control:before {
  margin: -5px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-control:after {
  margin: 5px 0 0;
  transform: rotate(45deg);
}
.modaal-gallery-next-inner {
  left: 100%;
  margin-left: 40px;
}
.modaal-gallery-next-outer {
  right: 45px;
}
.modaal-gallery-prev:after,
.modaal-gallery-prev:before {
  left: 22px;
}
.modaal-gallery-prev:before {
  margin: 5px 0 0;
  transform: rotate(-45deg);
}
.modaal-gallery-prev:after {
  margin: -5px 0 0;
  transform: rotate(45deg);
}
.modaal-gallery-prev-inner {
  right: 100%;
  margin-right: 40px;
}
.modaal-gallery-prev-outer {
  left: 45px;
}
.modaal-video-wrap {
  margin: auto 50px;
  position: relative;
}
.modaal-video-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  background: #000;
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}
.modaal-video-container embed,
.modaal-video-container iframe,
.modaal-video-container object {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.modaal-iframe .modaal-content {
  width: 100%;
  height: 100%;
}
.modaal-iframe-elem {
  width: 100%;
  height: 100%;
  display: block;
}
.modaal-loading-spinner {
  background: 0 0;
  position: absolute;
  width: 200px;
  height: 200px;
  top: 50%;
  left: 50%;
  margin: -100px 0 0 -100px;
  transform: scale(0.25);
}
.modaal-loading-spinner > div {
  width: 24px;
  height: 24px;
  margin-left: 4px;
  margin-top: 4px;
  position: absolute;
}
.modaal-loading-spinner > div > div {
  width: 100%;
  height: 100%;
  border-radius: 15px;
  background: #fff;
}
.modaal-loading-spinner > div:nth-of-type(1) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0s;
}
.modaal-loading-spinner > div:nth-of-type(2) > div,
.modaal-loading-spinner > div:nth-of-type(3) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(1) {
  transform: translate(84px, 84px) rotate(45deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(2) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.12s;
}
.modaal-loading-spinner > div:nth-of-type(2) {
  transform: translate(84px, 84px) rotate(90deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(3) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.25s;
}
.modaal-loading-spinner > div:nth-of-type(4) > div,
.modaal-loading-spinner > div:nth-of-type(5) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(3) {
  transform: translate(84px, 84px) rotate(135deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(4) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.37s;
}
.modaal-loading-spinner > div:nth-of-type(4) {
  transform: translate(84px, 84px) rotate(180deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(5) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.5s;
}
.modaal-loading-spinner > div:nth-of-type(6) > div,
.modaal-loading-spinner > div:nth-of-type(7) > div {
  -ms-animation: modaal-loading-spinner 1s linear infinite;
  -moz-animation: modaal-loading-spinner 1s linear infinite;
  -webkit-animation: modaal-loading-spinner 1s linear infinite;
  -o-animation: modaal-loading-spinner 1s linear infinite;
}
.modaal-loading-spinner > div:nth-of-type(5) {
  transform: translate(84px, 84px) rotate(225deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(6) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.62s;
}
.modaal-loading-spinner > div:nth-of-type(6) {
  transform: translate(84px, 84px) rotate(270deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(7) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.75s;
}
.modaal-loading-spinner > div:nth-of-type(7) {
  transform: translate(84px, 84px) rotate(315deg) translate(70px, 0);
}
.modaal-loading-spinner > div:nth-of-type(8) > div {
  animation: modaal-loading-spinner 1s linear infinite;
  animation-delay: 0.87s;
}
.modaal-loading-spinner > div:nth-of-type(8) {
  transform: translate(84px, 84px) rotate(360deg) translate(70px, 0);
}
@media only screen and (min-width: 1400px) {
  .modaal-video-container {
    padding-bottom: 0;
    height: 731px;
  }
}
@media only screen and (max-width: 1140px) {
  .modaal-image .modaal-inner-wrapper {
    padding-left: 25px;
    padding-right: 25px;
  }
  .modaal-gallery-control {
    top: auto;
    bottom: 20px;
    transform: none;
    background: rgba(0, 0, 0, 0.7);
  }
  .modaal-gallery-control:after,
  .modaal-gallery-control:before {
    background: #fff;
  }
  .modaal-gallery-next {
    left: auto;
    right: 20px;
  }
  .modaal-gallery-prev {
    left: 20px;
    right: auto;
  }
}
@media screen and (max-width: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
}
@media only screen and (max-width: 600px) {
  .modaal-instagram iframe {
    width: 280px !important;
  }
}
@media screen and (max-height: 1100px) {
  .modaal-instagram iframe {
    width: 700px !important;
  }
}
@media screen and (max-height: 1000px) {
  .modaal-inner-wrapper {
    padding-top: 60px;
    padding-bottom: 60px;
  }
  .modaal-instagram iframe {
    width: 600px !important;
  }
}
@media screen and (max-height: 900px) {
  .modaal-instagram iframe {
    width: 500px !important;
  }
  .modaal-video-container {
    max-width: 900px;
    max-height: 510px;
  }
}
@media only screen and (max-height: 820px) {
  .modaal-gallery-label {
    display: none;
  }
}
@keyframes instaReveal {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes modaal-loading-spinner {
  0% {
    opacity: 1;
    transform: scale(1.5);
  }
  100% {
    opacity: 0.1;
    transform: scale(1);
  }
}
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA")
    format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color: #007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide,
.swiper-wrapper {
  transform: translate3d(0, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight,
.swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow,
.swiper-container-3d .swiper-slide,
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top,
.swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom,
.swiper-container-3d .swiper-slide-shadow-left,
.swiper-container-3d .swiper-slide-shadow-right,
.swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size: 44px;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled,
.swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after,
.swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after,
.swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after,
.swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-next.swiper-button-white,
.swiper-button-prev.swiper-button-white {
  --swiper-navigation-color: #ffffff;
}
.swiper-button-next.swiper-button-black,
.swiper-button-prev.swiper-button-black {
  --swiper-navigation-color: #000000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets,
.swiper-pagination-custom,
.swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 100%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar,
.swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,
.swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color: #ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color: #000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas,
.swiper-zoom-container > img,
.swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active,
.swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active,
.swiper-container-cube .swiper-slide-next,
.swiper-container-cube .swiper-slide-next + .swiper-slide,
.swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom,
.swiper-container-cube .swiper-slide-shadow-left,
.swiper-container-cube .swiper-slide-shadow-right,
.swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  background: #000;
  opacity: 0.6;
  filter: blur(50px);
  z-index: 0;
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active,
.swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom,
.swiper-container-flip .swiper-slide-shadow-left,
.swiper-container-flip .swiper-slide-shadow-right,
.swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  backface-visibility: hidden;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
hr {
  box-sizing: content-box;
  height: 0;
  overflow: visible;
}
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
input {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[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-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring,
button:-moz-focusring {
  outline: 1px dotted ButtonText;
}
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
legend {
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}
progress {
  vertical-align: baseline;
}
textarea {
  overflow: auto;
}
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
[type="search"] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
template {
  display: none;
}
[hidden] {
  display: none;
}
button,
fieldset,
legend {
  margin: 0;
  padding: 0;
  border: none;
  border-radius: 0;
  outline: 0;
  background: 0 0;
  appearance: none;
}
input[type="date"],
input[type="datetime-local"],
input[type="month"],
input[type="time"] {
  margin: 0;
  padding: 4px;
  border: 1px solid #ccc;
  outline: 0;
  font-size: 16px;
}
input[type="datetime"],
input[type="email"],
input[type="number"],
input[type="password"],
input[type="search"],
input[type="tel"],
input[type="text"],
input[type="url"],
input[type="week"],
select,
textarea {
  margin-right: 0;
  margin-left: 0;
  padding: 4px;
  border: 1px solid #ccc;
  border-radius: 0;
  outline: 0;
  background: 0 0;
  font-size: 16px;
  appearance: none;
}
textarea {
  width: 100%;
  height: 100px;
  overflow: auto;
}
select {
  padding-right: 30px;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAALJJREFUeNrslssNgCAQRCmB0ijBEuyEEijBEijBEizBEnAPy0UBWVj8JDvJJB5w3gsXVUoikXwsBrpAPdRCNcOmxi2P2yZ3cIKGU9dOCY0b590pdXhPHOyRyMEDsi4JhVIlSvBYTRGgSNTAQ+pFyyBRC7e5AdchUQt3d1fYIsEGb5Fgh1MktlFwisQwOIeE4/pGuDfhLRLscIrEMHiNxHB4SeIxeMyMPxkenyUSyT9zCDAAj5btZ4c3zaUAAAAASUVORK5CYII=);
  background-repeat: no-repeat;
  background-size: 12px 12px;
  background-position: right 8px center;
}
.select {
  display: inline-block;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.select select {
  width: 100%;
  padding-right: 24px;
  border: 1px solid #ccc;
  background: 0 0;
  text-overflow: "";
  cursor: pointer;
}
.select::before {
  position: absolute;
  top: 13px;
  right: 8px;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid #666;
  pointer-events: none;
}
input[type="checkbox"],
input[type="radio"] {
  display: none;
}
input[type="checkbox"] + span,
input[type="radio"] + span {
  display: inline-block;
  position: relative;
  margin-left: 8px;
  padding: 10px 20px;
  color: #555;
  font-size: 1.4rem;
  text-align: center;
  line-height: 1;
  cursor: pointer;
}
input[type="checkbox"] + span::before,
input[type="radio"] + span::before {
  position: absolute;
  top: 50%;
  left: -8px;
  width: 16px;
  height: 16px;
  content: "";
  border: 1px solid #ccc;
  background: #fff;
}
fieldset {
  padding: 8px 16px;
  border: 1px solid #ccc;
}
legend {
  padding: 0 8px;
}
select::-ms-expand {
  display: none;
}
input[type="button"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-decoration,
input[type="submit"]::-webkit-search-decoration {
  display: none;
}
::-webkit-search-cancel-button {
  -webkit-appearance: none;
}
input[type="search"]::-webkit-search-decoration {
  margin: 0;
  padding: 0;
  border: 0;
  border-radius: 0;
  -moz-appearance: none;
  -webkit-appearance: textfield;
  -webkit-box-sizing: border-box;
  appearance: none;
  background: 0 0;
  outline: 0;
  font-size: 16px;
}
input:hover,
select:hover,
textarea:hover {
  border-color: #666;
}
input[type="checkbox"] + span:hover,
input[type="radio"] + span:hover {
  color: #000;
}
input[type="checkbox"] + span:hover::before,
input[type="radio"] + span:hover::before {
  border-color: #000;
}
input[type="checkbox"] + span:hover::after,
input[type="radio"] + span:hover::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
}
input[type="checkbox"]:checked + span::before,
input[type="radio"]:checked + span::before {
  border-color: #3498db;
}
input[type="checkbox"]:checked + span::after,
input[type="radio"]:checked + span::after {
  position: absolute;
  content: "";
  top: 50%;
  left: -4px;
  width: 8px;
  height: 8px;
}
input[type="radio"] + span::before,
input[type="radio"] + span:hover::after,
input[type="radio"]:checked + span::after {
  border-radius: 50%;
}
button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
  border-color: #3498db;
  background: #3498db;
  color: #fff;
}
input:focus,
textarea:focus {
  border-color: #3498db;
}
input[type="button"]:focus,
input[type="reset"]:focus,
input[type="search"]:focus,
input[type="submit"]:focus {
  outline-offset: -2px;
}
input:disabled,
input:disabled:hover,
textarea:disabled,
textarea:disabled:hover {
  border-color: #ccc;
  background: #eee;
  cursor: not-allowed;
}
input[type="checkbox"]:disabled + span,
input[type="radio"]:disabled + span {
  color: #ccc;
  cursor: not-allowed;
}
input[type="checkbox"]:disabled + span::before,
input[type="radio"]:disabled + span::before {
  border-color: #ccc;
  cursor: not-allowed;
}
a,
address,
applet,
article,
blockquote,
body,
dd,
div,
dl,
dt,
embed,
footer,
form,
h1,
h2,
h3,
h4,
h5,
h6,
header,
hgroup,
html,
iframe,
img,
label,
legend,
li,
nav,
object,
ol,
p,
pre,
section,
span,
table,
tbody,
td,
th,
time,
tr,
ul {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
  font-weight: 400;
}
article,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}
ol,
ul {
  list-style: none;
}
blockquote,
q {
  quotes: none;
}
blockquote:after,
blockquote:before,
q:after,
q:before {
  content: "";
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}
a {
  text-decoration: none;
}
img {
  vertical-align: bottom;
  max-width: 100%;
}
figure {
  margin: 0;
}
*,
::after,
::before {
  box-sizing: border-box;
}
html {
  font-size: 62.5%;
}
body {
  font-size: calc(28 / 750 * 100vw);
  line-height: 1.8;
  letter-spacing: 0.75px;
  -webkit-text-size-adjust: 100%;
  text-align: justify;
  text-justify: inter-ideograph;
}
@media screen and (min-width: 768px) {
  body {
    position: relative;
    font-size: 16px;
    min-width: 1240px;
    padding-top: 100px;
  }
}
@media screen and (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
@media screen and (max-width: 599px) {
  .pc {
    display: none;
  }
}
@media screen and (min-width: 600px) {
  .sp {
    display: none;
  }
}
body {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic Medium", "Yu Gothic", Verdana, Meiryo, sans-serif;
}
.bold,
b,
strong {
  font-family: -apple-system, BlinkMacSystemFont, Roboto, "Segoe UI semibold", "Helvetica Neue", HelveticaNeue, YuGothic, "Yu Gothic", "Segoe UI", Verdana, Meiryo, sans-serif;
}
.syuei {
  font-family: Shuei MaruGo L;
}
.syueiB {
  font-family: Shuei MaruGo B;
}
.single-works .arrow {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: calc(560 / 750 * 100vw);
  margin: 0 auto calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .arrow {
    width: 800px;
    margin-bottom: 100px;
    flex-direction: row;
    align-items: center;
  }
}
.single-works .arrow__back a,
.single-works .arrow__next a,
.single-works .arrow__prev a {
  position: relative;
  display: block;
  background-color: #f0a02f;
  font-family: Shuei MaruGo B;
  width: calc(560 / 750 * 100vw);
  height: calc(90 / 750 * 100vw);
  border-radius: calc(90 / 750 * 100vw);
  margin: 0 auto;
  line-height: calc(90 / 750 * 100vw);
  color: #fff;
  text-align: center;
  font-size: calc(32 / 750 * 100vw);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  .single-works .arrow__back a,
  .single-works .arrow__next a,
  .single-works .arrow__prev a {
    width: 250px;
    height: 50px;
    border-radius: 50px;
    line-height: 50px;
    font-size: 16px;
  }
}
.single-works .arrow__back a:hover,
.single-works .arrow__next a:hover,
.single-works .arrow__prev a:hover {
  opacity: 0.8;
}
.single-works .arrow__back,
.single-works .arrow__prev {
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .arrow__back,
  .single-works .arrow__prev {
    margin-bottom: 0;
  }
}
.single-works .arrow__next a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  right: 8%;
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  border: solid 1px;
  border-color: #fff #fff transparent transparent;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .single-works .arrow__next a::after {
    width: 10px;
    height: 10px;
  }
}
.single-works .arrow__prev a::before {
  position: absolute;
  top: 50%;
  left: 8%;
  display: inline-block;
  content: "";
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  border: solid 1px;
  border-color: transparent transparent #fff #fff;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .single-works .arrow__prev a::before {
    width: 10px;
    height: 10px;
  }
}
.single-works .arrow__back a::after {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  right: 8%;
  width: calc(40 / 750 * 100vw);
  height: calc(40 / 750 * 100vw);
  background: url(../images/case/return_icon.png) no-repeat center/cover;
  transform: translateY(-50%);
  margin-top: calc(-4 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .arrow__back a::after {
    width: 20px;
    height: 20px;
    margin-top: -2px;
  }
}
.Btn {
  position: relative;
  display: block;
  background: #ffaf3e;
  background: linear-gradient(0deg, #f0a02f 0, #f2aa44 100%);
  font-family: Shuei MaruGo B;
  width: calc(560 / 750 * 100vw);
  height: calc(100 / 750 * 100vw);
  border-radius: calc(10 / 750 * 100vw);
  margin: 0 auto;
  line-height: calc(84 / 750 * 100vw);
  color: #fff;
  text-align: center;
  font-size: calc(32 / 750 * 100vw);
  transition: 0.5s all;
  border-top: calc(8 / 750 * 100vw) solid #f6c682;
  border-right: calc(8 / 750 * 100vw) solid #6a4615;
  border-bottom: calc(8 / 750 * 100vw) solid #563a11;
  border-left: calc(8 / 750 * 100vw) solid #ca8628;
  text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.4);
}
@media screen and (min-width: 768px) {
  .Btn {
    width: 300px;
    height: 54px;
    border-radius: 10px;
    line-height: 46px;
    font-size: 16px;
    border-width: 4px;
  }
}
.Btn:hover {
  opacity: 0.8;
}
.Btn::after {
  position: absolute;
  top: 50%;
  right: 8%;
  display: inline-block;
  content: "";
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  border: solid 1px;
  border-color: #fff #fff transparent transparent;
  transform: translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {
  .Btn::after {
    width: 10px;
    height: 10px;
  }
}
.Btn--works {
  width: 100%;
  line-height: 1.4;
  height: calc(140 / 750 * 100vw);
  padding-top: calc(20 / 750 * 100vw);
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Btn--works {
    width: 560px !important;
    height: 80px;
    padding-top: 20px;
    margin-bottom: 100px;
    font-size: 20px;
  }
  .Btn--works::after {
    right: 5%;
  }
}
.container {
  padding: 0 calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .container {
    width: 1040px;
    margin: 0 auto;
    padding: 0 20px;
  }
}
.Common--contact {
  padding: calc(150 / 750 * 100vw) 0;
  background: url(../images/common/contact_bg_sp.png) no-repeat center top/cover;
}
@media screen and (min-width: 768px) {
  .Common--contact {
    padding: 80px 0;
    background-image: url(../images/common/contact_bg.png);
  }
}
.Common--contact .notes {
  position: relative;
  z-index: 0;
  background-color: #fff;
  padding: calc(40 / 750 * 100vw);
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--contact .notes {
    padding: 40px 30px;
    margin: 0 auto 60px;
    width: 620px;
    text-align: center;
  }
}
.Common--contact .notes .ttl {
  text-align: center;
  font-size: calc(40 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .Common--contact .notes .ttl {
    font-size: 24px;
    margin-bottom: 20px;
  }
}
.Common--contact .notes::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: calc(700 / 750 * 100vw);
  height: calc(464 / 750 * 100vw);
  background-color: #fff;
  filter: blur(4px);
  z-index: -5;
}
@media screen and (min-width: 768px) {
  .Common--contact .notes::after {
    width: 640px;
    height: 250px;
  }
}
@media screen and (min-width: 768px) {
  .Common--contact__inner {
    display: flex;
    justify-content: space-between;
  }
}
.Common--contact .tel {
  background-color: #fff;
  text-align: center;
  padding: calc(40 / 750 * 100vw);
  margin-bottom: calc(60 / 750 * 100vw);
  filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.1));
}
@media screen and (min-width: 768px) {
  .Common--contact .tel {
    width: 480px;
    padding: 40px 20px;
    margin: 0;
  }
}
.Common--contact .tel a {
  display: block;
  color: #333;
}
.Common--contact .tel a .icon {
  display: block;
  width: calc(82 / 750 * 100vw);
  margin: 0 auto calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--contact .tel a .icon {
    width: 53px;
    margin-bottom: 20px;
  }
}
.Common--contact .tel a .lead {
  font-size: calc(30 / 750 * 100vw);
  line-height: 1;
}
@media screen and (min-width: 768px) {
  .Common--contact .tel a .lead {
    font-size: 20px;
  }
}
.Common--contact .tel a .number {
  font-size: calc(72 / 750 * 100vw);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .Common--contact .tel a .number {
    font-size: 48px;
  }
}
.Common--contact .tel a .txt {
  font-size: calc(26 / 750 * 100vw);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .Common--contact .tel a .txt {
    font-size: 16px;
  }
}
.Common--contact .mail {
  background-color: #fff;
  padding: calc(40 / 750 * 100vw);
  text-align: center;
  filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.1));
}
@media screen and (min-width: 768px) {
  .Common--contact .mail {
    width: 480px;
    padding: 40px 20px;
  }
}
.Common--contact .mail .icon {
  display: block;
  width: calc(109 / 750 * 100vw);
  margin: 0 auto calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--contact .mail .icon {
    width: 63px;
    margin-bottom: 20px;
  }
}
.Common--contact .mail .lead {
  font-size: calc(30 / 750 * 100vw);
  line-height: 1;
  margin-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--contact .mail .lead {
    font-size: 20px;
    margin-bottom: 50px;
  }
}
.Common--area {
  position: relative;
  padding: calc(120 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  .Common--area {
    padding: 120px 0;
  }
}
@media screen and (min-width: 768px) {
  .Common--area__inner {
    display: flex;
    justify-content: space-between;
  }
}
.Common--area .ttl {
  font-size: calc(56 / 750 * 100vw);
  color: #f0a02f;
  margin-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--area .ttl {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
.Common--area .lists {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--area .lists {
    width: 360px;
    margin-bottom: 20px;
  }
}
.Common--area .lists li {
  margin-bottom: calc(20 / 750 * 100vw);
  font-size: calc(32 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--area .lists li {
    font-size: 16px;
    margin-bottom: 20px;
  }
}
.Common--area .lists li:nth-child(odd) {
  margin-right: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--area .lists li:nth-child(odd) {
    margin-right: 50px;
  }
}
.Common--area .lists li .place {
  display: inline-block;
  background-color: #f0a02f;
  color: #fff;
  margin-right: calc(10 / 750 * 100vw);
  padding: 0 calc(30 / 750 * 100vw);
  border-radius: calc(24 / 750 * 100vw);
  font-size: calc(28 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--area .lists li .place {
    margin-right: 10px;
    padding: 0 20px;
    border-radius: 20px;
    font-size: 14px;
  }
}
.Common--area .txt {
  margin-bottom: calc(20 / 750 * 100vw);
}
.Common--area .txt .bg {
  display: block;
  font-size: 150%;
  font-weight: 700;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .Common--area .txt .bg {
    font-size: 120%;
  }
}
.Common--area .img {
  width: calc(500 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .Common--area .img {
    width: 400px;
  }
}
.Common--area .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -5;
}
.Common--area .deco01 {
  width: calc(334 / 750 * 100vw);
  margin: calc(180 / 750 * 100vw) 0 0 calc(-340 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Common--area .deco01 {
    width: 334px;
    margin: 145px 0 0 640px;
  }
}
@media screen and (min-width: 768px) {
  .Common--area .deco02 {
    width: 393px;
    margin: -99px 0 0 -665px;
  }
}
@media screen and (min-width: 768px) {
  .Common--area .deco03 {
    width: 244px;
    margin: 184px 0 0 -595px;
  }
}
@media screen and (min-width: 768px) {
  .Common--area .deco04 {
    width: 140px;
    margin: 183px 0 0 494px;
  }
}
.Footer {
  background-color: #30200a;
  padding: calc(80 / 750 * 100vw) 0 calc(40 / 750 * 100vw);
  margin-bottom: calc(118 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Footer {
    position: relative;
    padding: 80px 0 20px;
    margin-bottom: 0;
  }
}
.Footer__btn {
  display: none;
}
@media screen and (min-width: 768px) {
  .Footer__btn {
    display: block;
    position: absolute;
    bottom: 20px;
    right: 20px;
    z-index: 9999;
  }
}
@media screen and (min-width: 768px) {
  .Footer .container {
    width: 1240px;
  }
}
.Footer__logo {
  width: calc(325 / 750 * 100vw);
  margin: 0 auto calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Footer__logo {
    width: 200px;
    margin-bottom: 40px;
  }
}
.Footer__lists {
  width: 50%;
}
@media screen and (min-width: 768px) {
  .Footer__lists {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-bottom: 20px;
  }
}
.Footer__lists__wrap {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Footer__lists__wrap {
    margin-bottom: 60px;
    flex-direction: column;
  }
}
@media screen and (min-width: 768px) {
  .Footer__lists li {
    margin-right: 30px;
  }
}
.Footer__lists li a {
  position: relative;
  display: block;
  color: #fff;
  padding: calc(8 / 750 * 100vw) 0 calc(8 / 750 * 100vw) calc(40 / 750 * 100vw);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  .Footer__lists li a {
    padding: 8px 0 8px 20px;
  }
}
.Footer__lists li a::after {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  content: "";
  width: calc(16 / 750 * 100vw);
  height: calc(16 / 750 * 100vw);
  border: solid 1px;
  border-color: #fff #fff transparent transparent;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.5s;
}
@media screen and (min-width: 768px) {
  .Footer__lists li a::after {
    width: 10px;
    height: 10px;
  }
}
.Footer__lists li a:hover {
  color: #f0a02f;
}
.Footer__lists li a:hover::after {
  border-color: #f0a02f #f0a02f transparent transparent;
}
.Footer .txt {
  text-align: center;
  color: #fff;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Footer .txt {
    margin-bottom: 30px;
  }
}
.Footer .nurikae {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Footer .nurikae {
    margin-bottom: 30px;
  }
}
.Footer .nurikae a {
  display: block;
  text-align: center;
}
.Footer .cr {
  text-align: center;
  font-size: calc(24 / 750 * 100vw);
  color: #fff;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .Footer .cr {
    font-size: 14px;
  }
}
.Footer__fixed {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  display: flex;
  z-index: 9999;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .Footer__fixed {
    display: none !important;
  }
}
.Footer__fixed .tel {
  color: #fff;
  width: calc(310 / 750 * 100vw);
  padding: calc(20 / 750 * 100vw) 0 calc(20 / 750 * 100vw) calc(90 / 750 * 100vw);
  background: #ef9351 url(../images/common/fix_tel.png) no-repeat 10% center/calc(50/750 * 100vw);
}
.Footer__fixed .mail {
  color: #fff;
  width: calc(310 / 750 * 100vw);
  padding: calc(20 / 750 * 100vw) 0 calc(20 / 750 * 100vw) calc(100 / 750 * 100vw);
  background: #56bc38 url(../images/common/fix_mail.png) no-repeat 6% center/calc(71/750 * 100vw);
}
.Footer__fixed .anchor {
  position: relative;
  background-color: #30200a;
  width: calc(130 / 750 * 100vw);
}
.Footer__fixed .anchor::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transform: translate(-50%, -50%) rotate(-45deg);
  margin-top: calc(20 / 750 * 100vw);
  display: block;
  content: "";
  width: calc(40 / 750 * 100vw);
  height: calc(40 / 750 * 100vw);
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
}
@media screen and (min-width: 768px) {
  .Form__inner {
    padding: 80px 0;
  }
}
@media screen and (min-width: 768px) {
  .Form form {
    width: 800px;
    max-width: 100%;
    margin: 0 auto;
  }
}
.Form form dl.mailform {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Form form dl.mailform {
    margin-bottom: 10px;
  }
}
.Form form dl.mailform dt {
  font-weight: 700;
  font-size: calc(28 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Form form dl.mailform dt {
    font-size: 16px;
    margin-bottom: 10px;
  }
}
.Form form dl.mailform dt span {
  color: #c00;
}
.Form form dl.mailform dd {
  font-size: calc(28 / 750 * 100vw);
  padding: 0;
  margin-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Form form dl.mailform dd {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.Form form dl.mailform dd input[type="email"],
.Form form dl.mailform dd input[type="tel"],
.Form form dl.mailform dd input[type="text"],
.Form form dl.mailform dd textarea {
  width: 100% !important;
  max-width: 100%;
  padding: 10px 8px;
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .Form form dl.mailform dd input[type="email"],
  .Form form dl.mailform dd input[type="tel"],
  .Form form dl.mailform dd input[type="text"],
  .Form form dl.mailform dd textarea {
    padding: 15px 20px;
  }
}
.Form form dl.mailform dd input[type="radio"] {
  display: none;
}
.Form form dl.mailform dd input[type="radio"]__wrap {
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  flex-wrap: wrap;
}
.Form form dl.mailform dd input[type="radio"]__wrap label {
  width: 100%;
}
.Form form dl.mailform dd input[type="radio"] + span {
  cursor: pointer;
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 0 0 0 20px;
  position: relative;
}
.Form form dl.mailform dd input[type="radio"] + span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 50%;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.Form form dl.mailform dd input[type="radio"] + span::after {
  -webkit-transform: translateY(-50%);
  background: #f0a02f;
  border: 1px solid transparent;
  border-radius: 50%;
  content: "";
  height: 8px;
  left: 4px;
  opacity: 0;
  padding: 2px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s ease 0s;
  width: 8px;
}
.Form form dl.mailform dd input[type="radio"]:checked + span::after {
  opacity: 1;
}
.Form form dl.mailform dd input[type="checkbox"] {
  display: none;
}
.Form form dl.mailform dd input[type="checkbox"] + span {
  cursor: pointer;
  display: inline-block;
  margin: 5px 10px 5px 0;
  padding: 0 0 0 20px;
  position: relative;
}
.Form form dl.mailform dd input[type="checkbox"] + span::before {
  -webkit-transform: translateY(-50%);
  background: #fff;
  border: 1px solid rgba(0, 0, 0, 0.16);
  border-radius: 2px;
  content: "";
  display: block;
  height: 16px;
  left: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
}
.Form form dl.mailform dd input[type="checkbox"] + span::after {
  -webkit-transform: translateY(-50%) rotate(-45deg);
  border-bottom: 3px solid rgba(0, 0, 0, 0.32);
  border-left: 3px solid rgba(0, 0, 0, 0.32);
  content: "";
  display: block;
  height: 8px;
  left: 0;
  margin-top: -2px;
  opacity: 0;
  position: absolute;
  top: 50%;
  transform: translateY(-50%), rotate(-45deg);
  transition: all 0.3s ease 0s;
  width: 1em;
}
.Form form dl.mailform dd input[type="checkbox"]:checked + span::after {
  opacity: 1;
}
.Form form .Btn {
  box-sizing: border-box;
  border: none;
}
.Form form .Btn__wrap {
  position: relative;
  width: calc(560 / 750 * 100vw);
  height: calc(90 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Form form .Btn__wrap {
    width: 300px;
    height: 50px;
    margin-bottom: 15px;
  }
}
.Form form .Btn__wrap:after {
  position: absolute;
  top: 50%;
  right: 8%;
  transform: translateY(-50%) rotate(45deg);
  display: inline-block;
  content: "";
  width: calc(30 / 750 * 100vw);
  height: calc(30 / 750 * 100vw);
  border: solid 1px;
  border-color: #fff #fff transparent transparent;
}
@media screen and (min-width: 768px) {
  .Form form .Btn__wrap:after {
    width: 16px;
    height: 16px;
  }
}
.Form form .wpcf7-list-item {
  margin-left: 0;
  width: 100%;
}
@media screen and (min-width: 768px) {
  .Form form .wpcf7-list-item {
    width: 50%;
  }
}
.Form form .wpcf7-radio.adjust .wpcf7-list-item {
  width: auto;
}
body:not(#index) .Fv {
  background-color: #fff7eb;
  padding: calc(40 / 750 * 100vw) 0;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  body:not(#index) .Fv {
    padding: 60px 0;
    margin-bottom: 80px;
  }
}
.Header {
  position: relative;
  display: flex;
  align-items: center;
  height: calc(130 / 750 * 100vw);
  background-color: #fff;
}
@media screen and (min-width: 768px) {
  .Header {
    position: fixed;
    z-index: 9999;
    top: 0;
    left: 0;
    width: 100%;
    height: 172px;
  }
}
.Header .container {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .Header__inner {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  .Header__left {
    display: flex;
    align-items: center;
    margin-right: 30px;
  }
}
.Header__logo {
  width: calc(250 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .Header__logo {
    width: 240px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 1440px) {
  .Header__logo {
    width: 334px;
    margin-right: 20px;
  }
}
.Header .adress {
  font-size: 13px;
  line-height: 1.4;
}
@media screen and (min-width: 1440px) {
  .Header .adress {
    font-size: 14px;
  }
}
.Header .label {
  width: 208px;
}
.Header__right {
  margin-left: 30px;
}
@media screen and (min-width: 768px) {
  .Header__right .lead {
    background-color: #ff002b;
    color: #fff;
    padding: 4px 20px;
    font-weight: 700;
    text-align: center;
    margin-bottom: 10px;
    font-size: 15px;
  }
  .Header__right .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .Header__right .inner .tel {
    width: 260px;
    margin-right: 10px;
  }
  .Header__right .inner .tel .txt {
    font-size: 13px;
  }
  .Header__right .inner .mail {
    width: 200px;
  }
  .Header__right .inner .mail a {
    display: block;
  }
  .Header__right .inner .insta {
    width: 80px;
  }
  .Header__right .inner .insta a {
    display: block;
    transition: 0.5s;
  }
  .Header__right .inner .insta a:hover {
    opacity: 0.7;
  }
}
@media screen and (min-width: 1440px) {
  .Header__right .lead {
    font-size: 16px;
  }
  .Header__right .inner .tel {
    width: 284px;
  }
  .Header__right .inner .mail {
    width: 197px;
  }
  .Header__right .inner .mail a {
    display: block;
    transition: 0.5s all;
  }
  .Header__right .inner .mail a:hover {
    opacity: 0.8;
  }
}
.Gnav {
  margin-bottom: 30px;
  background-color: #f0a02f;
  padding: 35px 0 20px;
}
.Gnav .lists {
  width: 1200px;
  margin: 0 auto;
  background-color: #f0a02f;
  display: flex;
  justify-content: space-between;
  border-radius: 10px;
}
.Gnav .lists li a {
  position: relative;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  transition: 0.5s all;
  background-color: #e56a11;
  padding: 20px 24px 10px;
  border-radius: 5px;
  line-height: 1.4;
}
.Gnav .lists li a .icon {
  position: absolute;
  top: -24px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(40 / 750 * 100vw);
}
.Gnav .lists li a .en {
  display: block;
  font-size: 14px;
  font-weight: 700;
  color: #fff118;
}
.Gnav .lists li a:hover {
  color: #30200a;
}
#g-nav {
  position: fixed;
  z-index: 999;
  top: 0;
  right: -120%;
  width: 100%;
  height: 100vh;
  background: #f0a02f;
  transition: all 0.6s;
}
#g-nav .logo {
  width: calc(250 / 750 * 100vw);
  margin: calc(60 / 750 * 100vw) 0 calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
}
#g-nav .list__main {
  width: 100%;
  padding: 0 calc(40 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
#g-nav .list__main li {
  list-style: none;
}
#g-nav .list__main li:not(:last-child) {
  margin-bottom: calc(20 / 750 * 100vw);
}
#g-nav .list__main li a {
  position: relative;
  text-decoration: none;
  padding: calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) calc(30 / 750 * 100vw) calc(60 / 750 * 100vw);
  display: block;
  text-transform: uppercase;
  letter-spacing: 0.1em;
  font-weight: 700;
  transition: 0.5s;
  background-color: #e56a11;
  border-radius: calc(10 / 750 * 100vw);
  color: #fff;
}
#g-nav .list__main li a:after {
  position: absolute;
  top: 50%;
  right: calc(40 / 750 * 100vw);
  display: block;
  content: "";
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  transform: translateY(-50%) rotate(45deg);
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}
#g-nav .list__main li a:hover {
  background-color: #f0a02f;
  color: #fff;
}
#g-nav .list__main li a:hover::before {
  background-color: #fff;
}
#g-nav .list__sub {
  padding: 0 calc(40 / 750 * 100vw);
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: calc(30 / 750 * 100vw);
}
#g-nav .list__sub li {
  margin-bottom: calc(20 / 750 * 100vw);
}
#g-nav .list__sub li a {
  width: calc(325 / 750 * 100vw);
  height: calc(80 / 750 * 100vw);
  display: block;
  text-align: center;
  color: #000;
  line-height: calc(80 / 750 * 100vw);
  font-weight: 700;
  background-color: #e56a11;
  border-radius: calc(10 / 750 * 100vw);
  color: #fff;
}
#g-nav .list__sub li a:hover {
  background-color: #f0a02f;
  color: #fff;
}
#g-nav .number {
  display: block;
  text-align: center;
  color: #000;
  font-size: calc(72 / 750 * 100vw);
  line-height: 1.4;
  margin-bottom: calc(30 / 750 * 100vw);
  color: #fff;
}
#g-nav .number small {
  font-size: 70%;
}
#g-nav .number .txt {
  font-size: calc(28 / 750 * 100vw);
}
#g-nav .insta {
  display: block;
  width: calc(620 / 750 * 100vw);
  margin: calc(40 / 750 * 100vw) auto 0;
}
#g-nav .navBtn {
  display: block;
  text-align: center;
  color: #fff;
  background-color: #e56a11;
  width: calc(620 / 750 * 100vw);
  height: calc(90 / 750 * 100vw);
  margin: 0 auto;
  line-height: calc(90 / 750 * 100vw);
  border-radius: calc(45 / 750 * 100vw);
  font-size: calc(32 / 750 * 100vw);
}
#g-nav.panelactive {
  right: 0;
}
#g-nav.panelactive #g-nav-list {
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100vh;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding-bottom: calc(200 / 750 * 100vw);
}
.openbtn {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10000;
  background: #f0a02f;
  cursor: pointer;
  width: calc(130 / 750 * 100vw);
  height: calc(130 / 750 * 100vw);
}
.openbtn::after {
  position: absolute;
  bottom: calc(4 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "OPEN";
  font-size: calc(24 / 750 * 100vw);
  color: #fff;
}
.openbtn span {
  display: inline-block;
  transition: all 0.4s;
  position: absolute;
  left: calc(30 / 750 * 100vw);
  height: 3px;
  border-radius: 5px;
  background: #fff;
  width: calc(70 / 750 * 100vw);
}
.openbtn span:nth-of-type(1) {
  top: calc(26 / 750 * 100vw);
}
.openbtn span:nth-of-type(2) {
  top: calc(48 / 750 * 100vw);
}
.openbtn span:nth-of-type(3) {
  top: calc(70 / 750 * 100vw);
}
.openbtn.active::after {
  content: "CLOSE";
}
.openbtn.active span:nth-of-type(1) {
  top: calc(52 / 750 * 100vw);
  left: calc(30 / 750 * 100vw);
  transform: rotate(-45deg);
}
.openbtn.active span:nth-of-type(2) {
  opacity: 0;
}
.openbtn.active span:nth-of-type(3) {
  top: calc(52 / 750 * 100vw);
  left: calc(30 / 750 * 100vw);
  transform: rotate(45deg);
}
.wp-pagenavi {
  margin: 20px 0;
  font-size: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
.wp-pagenavi a {
  color: #4a4a4a;
}
.wp-pagenavi span {
  margin: 0 10px 0 0;
}
.pages {
  margin-right: 20px;
  border: none !important;
}
.wp-pagenavi .current,
.wp-pagenavi a.page {
  margin: 0 10px 6px 0;
  display: inline-block;
  border: solid 1px #ccc;
  width: 40px;
  height: 40px;
  border-radius: 6px;
  line-height: 40px;
  text-align: center;
  padding: 0;
}
.wp-pagenavi .current {
  border: solid 1px #f0a02f;
  background: #f0a02f;
  color: #fff;
  border-color: #f0a02f;
}
.wp-pagenavi a.page:hover {
  background: #f0a02f;
  color: #fff;
  border-color: transparent;
}
.wp-pagenavi .extend,
.wp-pagenavi .first {
  margin-right: 10px;
}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink {
  display: none;
}
.swiper-custom-parent {
  position: relative;
}
.swiper-button-next,
.swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(-1 * var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
  width: calc(84 / 750 * 100vw);
  height: calc(84 / 750 * 100vw);
  background-color: #f0a02f;
  opacity: 0.8;
  margin-top: calc(-80 / 750 * 100vw);
  border-radius: 50%;
}
@media screen and (min-width: 768px) {
  .swiper-button-next,
  .swiper-button-prev {
    width: 60px;
    height: 60px;
    background-size: 84px 84px;
    margin-top: -74px;
  }
}
.swiper-button-next::before,
.swiper-button-prev::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: calc(30 / 750 * 100vw);
  height: calc(30 / 750 * 100vw);
  border: solid 2px;
}
@media screen and (min-width: 768px) {
  .swiper-button-next::before,
  .swiper-button-prev::before {
    width: 20px;
    height: 20px;
  }
}
.swiper-button-next::after,
.swiper-button-prev::after {
  display: none;
}
.swiper-button-next {
  right: calc(-10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .swiper-button-next {
    right: -30px;
  }
}
.swiper-button-next::before {
  border-color: #fff #fff transparent transparent;
  transform: translate(-80%, -50%) rotate(45deg);
}
.swiper-button-prev {
  left: calc(-10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .swiper-button-prev {
    left: -30px;
  }
}
.swiper-button-prev::before {
  border-color: #fff #fff transparent transparent;
  transform: translate(-20%, -50%) rotate(-135deg);
}
.js-tab {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.js-tab li {
  position: relative;
  width: 32%;
}
.js-tab li::before {
  position: absolute;
  top: calc(-50 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: calc(200 / 750 * 100vw);
  height: calc(57 / 750 * 100vw);
  background: url(../images/index/tab_deco.png) no-repeat center/cover;
  z-index: 5;
}
@media screen and (min-width: 768px) {
  .js-tab li::before {
    top: -35px;
    width: 150px;
    height: 42px;
  }
}
.js-tab li a {
  position: relative;
  z-index: 0;
  display: block;
  text-align: center;
  padding: calc(20 / 750 * 100vw) 0;
  background-color: #bbb;
  color: #fff;
  font-weight: 700;
  letter-spacing: -0.05em;
  border-radius: 8px 8px 0 0;
}
@media screen and (min-width: 768px) {
  .js-tab li a {
    padding: 20px;
    letter-spacing: inherit;
  }
}
.js-tab li a::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: 100%;
  height: 50%;
  background-color: #aaa;
  z-index: -5;
}
.js-tab li.active a {
  background-color: #f0a02f;
}
.js-tab li.active a:after {
  background-color: #cd7800;
}
.js-tab__area {
  display: none;
  opacity: 0;
  background: #fff;
  height: calc(500 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .js-tab__area {
    height: 350px;
  }
}
.js-tab__area.is-active {
  display: block;
  animation-name: displayAnime;
  animation-duration: 2s;
  animation-fill-mode: forwards;
}
@keyframes displayAnime {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
.ttl__sec {
  position: relative;
  text-align: center;
  font-size: calc(70 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  padding-bottom: calc(40 / 750 * 100vw);
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .ttl__sec {
    font-size: 40px;
    padding-bottom: 20px;
    margin-bottom: 40px;
  }
}
.ttl__sec .en {
  display: block;
  font-size: calc(40 / 750 * 100vw);
  color: #000;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .ttl__sec .en {
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.ttl__sec small {
  display: block;
  font-size: calc(35 / 750 * 100vw);
  color: #000;
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .ttl__sec small {
    display: inline-block;
    font-size: 22px;
  }
}
.ttl__sec::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: calc(80 / 750 * 100vw);
  height: 4px;
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  .ttl__sec::after {
    width: 80px;
  }
}
.Wrap {
  overflow: hidden;
}
.error404 .Contents {
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  .error404 .Contents {
    padding: 150px 0;
  }
}
.error404 .Contents .ttl {
  font-size: calc(44 / 750 * 100vw);
  text-align: center;
  font-weight: 700;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .error404 .Contents .ttl {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
.error404 .Contents .txt {
  margin-bottom: calc(40 / 750 * 100vw);
  line-height: 2;
}
@media screen and (min-width: 768px) {
  .error404 .Contents .txt {
    width: 800px;
    margin: 0 auto 60px;
  }
}
#about .Fv img {
  display: block;
  width: calc(439 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #about .Fv img {
    width: 331px;
  }
}
#about .Contents__ttl {
  position: relative;
  text-align: center;
  font-size: calc(45 / 750 * 100vw);
  color: #1b3956;
  padding: calc(20 / 750 * 100vw) 0;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #about .Contents__ttl {
    font-size: 40px;
    padding: 20px 0;
    margin-bottom: 80px;
  }
}
#about .Contents__ttl::after,
#about .Contents__ttl::before {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: calc(670 / 750 * 100vw);
  height: calc(8 / 750 * 100vw);
  background: url(../images/about/line.png) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  #about .Contents__ttl::after,
  #about .Contents__ttl::before {
    width: 1000px;
    height: 8px;
  }
}
#about .Contents__ttl::before {
  top: 0;
}
#about .Contents__ttl::after {
  bottom: 0;
}
#about .Greeting {
  position: relative;
  padding: calc(150 / 750 * 100vw) 0;
  background: url(../images/about/bg_pattern.png) repeat;
}
@media screen and (min-width: 768px) {
  #about .Greeting {
    padding: 150px 0;
  }
}
#about .Greeting::after {
  position: absolute;
  bottom: calc(-120 / 750 * 100vw);
  right: 0;
  z-index: 5;
  display: block;
  content: "";
  width: calc(280 / 750 * 100vw);
  height: calc(123 / 750 * 100vw);
  background: url(../images/about/message_bgi.png) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  #about .Greeting::after {
    width: 280px;
    height: 123px;
    bottom: -120px;
  }
}
@media screen and (min-width: 768px) {
  #about .Greeting .block {
    display: flex;
    justify-content: space-between;
  }
}
#about .Greeting .block:first-of-type {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #about .Greeting .block:first-of-type {
    margin-bottom: 80px;
    flex-direction: row-reverse;
  }
  #about .Greeting .block:first-of-type .img {
    margin: 0 0 0 50px;
  }
}
#about .Greeting .block .img {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #about .Greeting .block .img {
    width: 500px;
    flex: 1 0 auto;
    margin: 0 50px 0 0;
  }
}
#about .Greeting .block .txt:first-of-type {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #about .Greeting .block .txt:first-of-type {
    margin-bottom: 30px;
  }
}
#about .Greeting .block .name {
  text-align: right;
  margin-top: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #about .Greeting .block .name {
    margin-top: 30px;
  }
}
#about .Company {
  background-color: #f8f1d9;
  padding: calc(150 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #about .Company {
    padding: 150px 0;
  }
}
@media screen and (min-width: 768px) {
  #about .Company .lists {
    width: 800px;
    margin: 0 auto;
    overflow: hidden;
  }
}
#about .Company .lists dt {
  font-weight: 700;
  padding-top: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #about .Company .lists dt {
    float: left;
    padding-top: 30px;
  }
}
#about .Company .lists dd {
  border-bottom: 1px solid #ccc;
  padding-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #about .Company .lists dd {
    padding: 30px 0 30px 200px;
  }
}
#about .Access {
  background-color: #f6f7f9;
  padding: calc(150 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #about .Access {
    padding: 150px 0;
  }
}
#about .Access .map {
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #about .Access .map {
    margin-bottom: 20px;
  }
}
#about .Access .map iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#beginner .Fv img {
  display: block;
  width: calc(670 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #beginner .Fv img {
    width: 499px;
  }
}
#beginner .Lists {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Lists {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Lists .lists {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Lists .lists li {
    width: 480px;
  }
}
#beginner .Lists .lists li:not(:last-child) {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Lists .lists li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Lists .lists li:nth-of-type(-n + 2) {
    margin-bottom: 40px;
  }
}
#beginner .Lists .lists li a {
  display: block;
  transition: 0.5s all;
}
#beginner .Lists .lists li a:hover {
  opacity: 0.8;
}
#beginner .Contents__ttl {
  position: relative;
  font-size: calc(45 / 750 * 100vw);
  text-align: center;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Contents__ttl {
    font-size: 40px;
    margin-bottom: 60px;
  }
}
#beginner .Contents__ttl::after,
#beginner .Contents__ttl::before {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  width: 2px;
  height: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Contents__ttl::after,
  #beginner .Contents__ttl::before {
    height: 50px;
  }
}
#beginner .Contents__ttl::before {
  transform: translateY(-50%) rotate(-20deg);
}
#beginner .Contents__ttl::after {
  transform: translateY(-50%) rotate(20deg);
}
#beginner .Contents__ttl .en {
  display: inline-block;
  position: absolute;
  top: calc(-60 / 750 * 100vw);
  z-index: -5;
}
@media screen and (min-width: 768px) {
  #beginner .Contents__ttl .en {
    top: -30px;
  }
}
#beginner .Price {
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #beginner .Price {
    padding: 150px 0;
  }
}
#beginner .Price__ttl {
  color: #ef7b2e;
}
#beginner .Price__ttl::after,
#beginner .Price__ttl::before {
  background-color: #ef7b2e;
}
#beginner .Price__ttl::before {
  left: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Price__ttl::before {
    left: 280px;
  }
}
#beginner .Price__ttl::after {
  right: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Price__ttl::after {
    right: 280px;
  }
}
#beginner .Price__ttl .en {
  width: calc(222 / 750 * 100vw);
  left: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Price__ttl .en {
    width: 222px;
    left: 100px;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Price .inner {
    display: flex;
    justify-content: space-between;
  }
}
#beginner .Price .inner .img {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Price .inner .img {
    width: 450px;
    flex: 1 0 auto;
    margin: 0 50px 0 0;
  }
}
#beginner .Price .inner .notes .txt:first-of-type {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Price .inner .notes .txt:first-of-type {
    margin-bottom: 30px;
  }
}
#beginner .Timing {
  position: relative;
  z-index: 0;
  padding: calc(150 / 750 * 100vw) 0;
  background-color: #fff7eb;
}
@media screen and (min-width: 768px) {
  #beginner .Timing {
    padding: 150px 0;
  }
}
#beginner .Timing__ttl {
  color: #f0ae39;
}
#beginner .Timing__ttl::after,
#beginner .Timing__ttl::before {
  background-color: #f0ae39;
}
#beginner .Timing__ttl::before {
  left: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Timing__ttl::before {
    left: 240px;
  }
}
#beginner .Timing__ttl::after {
  right: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Timing__ttl::after {
    right: 240px;
  }
}
#beginner .Timing__ttl .en {
  width: calc(244 / 750 * 100vw);
  left: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Timing__ttl .en {
    width: 247px;
    left: 100px;
  }
}
#beginner .Timing .txt {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Timing .txt {
    text-align: center;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Timing .inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Timing .inner .block {
    width: 320px;
  }
}
#beginner .Timing .inner .block:not(:last-of-type) {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Timing .inner .block:not(:last-of-type) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Timing .inner .block:nth-of-type(-n + 3) {
    margin-bottom: 40px;
  }
}
#beginner .Timing .inner .block .notes {
  text-align: center;
  background-color: #f0a02f;
  color: #fff;
  padding: calc(20 / 750 * 100vw) 0;
  height: calc(200 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Timing .inner .block .notes {
    padding: 20px;
    height: 150px;
  }
}
#beginner .Timing .inner .block .notes .ttl {
  font-size: calc(40 / 750 * 100vw);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #beginner .Timing .inner .block .notes .ttl {
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
#beginner .Timing .inner .block .notes .txt {
  line-height: 1.6;
}
#beginner .Flow {
  position: relative;
  z-index: 0;
  padding: calc(150 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #beginner .Flow {
    padding: 150px 0;
  }
}
#beginner .Flow__ttl {
  color: #5479b5;
}
#beginner .Flow__ttl::after,
#beginner .Flow__ttl::before {
  background-color: #5479b5;
}
#beginner .Flow__ttl::before {
  left: calc(120 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Flow__ttl::before {
    left: 300px;
  }
}
#beginner .Flow__ttl::after {
  right: calc(120 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Flow__ttl::after {
    right: 300px;
  }
}
#beginner .Flow__ttl .en {
  width: calc(244 / 750 * 100vw);
  left: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Flow__ttl .en {
    width: 238px;
    left: 100px;
  }
}
#beginner .Flow .block {
  position: relative;
  width: calc(550 / 750 * 100vw);
  margin-left: auto;
}
@media screen and (min-width: 768px) {
  #beginner .Flow .block {
    display: flex;
    justify-content: flex-end;
    width: 100%;
  }
}
#beginner .Flow .block:not(:last-of-type) {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Flow .block:not(:last-of-type) {
    margin-bottom: 60px;
  }
}
#beginner .Flow .block:not(:last-of-type)::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -5;
  display: inline-block;
  content: "";
  width: 2px;
  height: 100%;
  background-color: #f0a02f;
  margin: calc(80 / 750 * 100vw) 0 0 calc(-76 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Flow .block:not(:last-of-type)::after {
    top: -40px;
    height: 130%;
    margin: 80px 0 0 40px;
  }
}
#beginner .Flow .block:not(:first-of-type) .number {
  top: calc(-30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Flow .block:not(:first-of-type) .number {
    top: -10px;
  }
}
#beginner .Flow .block .number {
  position: absolute;
  top: 0;
  left: calc(-130 / 750 * 100vw);
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(110 / 750 * 100vw);
  height: calc(110 / 750 * 100vw);
  border-radius: 50%;
  background-color: #f0a02f;
  color: #fff;
  font-size: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Flow .block .number {
    left: 0;
    top: -10px;
    width: 80px;
    height: 80px;
    font-size: 50px;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Flow .block .notes {
    width: 440px;
    margin-right: 40px;
  }
}
#beginner .Flow .block .ttl {
  font-size: calc(35 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  margin-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Flow .block .ttl {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
#beginner .Flow .block .img {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Flow .block .img {
    width: 360px;
    margin-bottom: 0;
  }
}
#beginner .Recommend {
  position: relative;
  z-index: 0;
  padding: calc(150 / 750 * 100vw) 0;
  background-color: #fff7eb;
}
@media screen and (min-width: 768px) {
  #beginner .Recommend {
    padding: 150px 0;
  }
}
#beginner .Recommend__ttl {
  color: #4db0ba;
}
#beginner .Recommend__ttl::after,
#beginner .Recommend__ttl::before {
  background-color: #4db0ba;
}
#beginner .Recommend__ttl::before {
  left: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Recommend__ttl::before {
    left: 320px;
  }
}
#beginner .Recommend__ttl::after {
  right: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Recommend__ttl::after {
    right: 320px;
  }
}
#beginner .Recommend__ttl .en {
  width: calc(240 / 750 * 100vw);
  left: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Recommend__ttl .en {
    width: 243px;
    left: 160px;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Recommend .inner {
    display: flex;
    justify-content: space-between;
  }
}
#beginner .Recommend .inner .img {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Recommend .inner .img {
    width: 450px;
    flex: 1 0 auto;
    margin: 0 50px 0 0;
  }
}
#beginner .Recommend .inner .notes .ttl {
  font-size: calc(35 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  margin-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Recommend .inner .notes .ttl {
    font-size: 25px;
    margin-bottom: 30px;
  }
}
#beginner .Recommend .inner .notes .txt:first-of-type {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #beginner .Recommend .inner .notes .txt:first-of-type {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  #beginner .Recommend .inner .notes .Btn {
    margin: 0 auto 0 0;
  }
}
#blog .Fv img,
.category .Fv img,
.post-type-archive-knowledge .Fv img,
.single-knowledge .Fv img,
.single-post .Fv img,
.tax-knowledge_cat .Fv img {
  display: block;
  width: calc(339 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #blog .Fv img,
  .category .Fv img,
  .post-type-archive-knowledge .Fv img,
  .single-knowledge .Fv img,
  .single-post .Fv img,
  .tax-knowledge_cat .Fv img {
    width: 247px;
  }
}
@media screen and (min-width: 768px) {
  #blog .wrapper,
  .category .wrapper,
  .post-type-archive-knowledge .wrapper,
  .single-knowledge .wrapper,
  .single-post .wrapper,
  .tax-knowledge_cat .wrapper {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  #blog .wrapper .container,
  .category .wrapper .container,
  .post-type-archive-knowledge .wrapper .container,
  .single-knowledge .wrapper .container,
  .single-post .wrapper .container,
  .tax-knowledge_cat .wrapper .container {
    width: 1140px;
  }
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner,
  .category .wrapper .Inner,
  .post-type-archive-knowledge .wrapper .Inner,
  .single-knowledge .wrapper .Inner,
  .single-post .wrapper .Inner,
  .tax-knowledge_cat .wrapper .Inner {
    display: flex;
    justify-content: space-between;
  }
}
#blog .wrapper .Inner .Side,
.category .wrapper .Inner .Side,
.post-type-archive-knowledge .wrapper .Inner .Side,
.single-knowledge .wrapper .Inner .Side,
.single-post .wrapper .Inner .Side,
.tax-knowledge_cat .wrapper .Inner .Side {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side,
  .category .wrapper .Inner .Side,
  .post-type-archive-knowledge .wrapper .Inner .Side,
  .single-knowledge .wrapper .Inner .Side,
  .single-post .wrapper .Inner .Side,
  .tax-knowledge_cat .wrapper .Inner .Side {
    width: 300px;
    margin-bottom: 0;
  }
}
#blog .wrapper .Inner .Side__ttl,
.category .wrapper .Inner .Side__ttl,
.post-type-archive-knowledge .wrapper .Inner .Side__ttl,
.single-knowledge .wrapper .Inner .Side__ttl,
.single-post .wrapper .Inner .Side__ttl,
.tax-knowledge_cat .wrapper .Inner .Side__ttl {
  font-size: calc(40 / 750 * 100vw);
  line-height: 1.6;
  border-bottom: 1px solid #000;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side__ttl,
  .category .wrapper .Inner .Side__ttl,
  .post-type-archive-knowledge .wrapper .Inner .Side__ttl,
  .single-knowledge .wrapper .Inner .Side__ttl,
  .single-post .wrapper .Inner .Side__ttl,
  .tax-knowledge_cat .wrapper .Inner .Side__ttl {
    font-size: 32px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    line-height: 1.4;
  }
}
#blog .wrapper .Inner .Side__ttl .en,
.category .wrapper .Inner .Side__ttl .en,
.post-type-archive-knowledge .wrapper .Inner .Side__ttl .en,
.single-knowledge .wrapper .Inner .Side__ttl .en,
.single-post .wrapper .Inner .Side__ttl .en,
.tax-knowledge_cat .wrapper .Inner .Side__ttl .en {
  display: inline-block;
  font-size: calc(28 / 750 * 100vw);
  color: #f0a02f;
  margin-left: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side__ttl .en,
  .category .wrapper .Inner .Side__ttl .en,
  .post-type-archive-knowledge .wrapper .Inner .Side__ttl .en,
  .single-knowledge .wrapper .Inner .Side__ttl .en,
  .single-post .wrapper .Inner .Side__ttl .en,
  .tax-knowledge_cat .wrapper .Inner .Side__ttl .en {
    font-size: 18px;
    display: block;
    margin-left: 0;
  }
}
#blog .wrapper .Inner .Side .Cat,
.category .wrapper .Inner .Side .Cat,
.post-type-archive-knowledge .wrapper .Inner .Side .Cat,
.single-knowledge .wrapper .Inner .Side .Cat,
.single-post .wrapper .Inner .Side .Cat,
.tax-knowledge_cat .wrapper .Inner .Side .Cat {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side .Cat,
  .category .wrapper .Inner .Side .Cat,
  .post-type-archive-knowledge .wrapper .Inner .Side .Cat,
  .single-knowledge .wrapper .Inner .Side .Cat,
  .single-post .wrapper .Inner .Side .Cat,
  .tax-knowledge_cat .wrapper .Inner .Side .Cat {
    margin-bottom: 60px;
  }
}
#blog .wrapper .Inner .Side .Cat .lists,
.category .wrapper .Inner .Side .Cat .lists,
.post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists,
.single-knowledge .wrapper .Inner .Side .Cat .lists,
.single-post .wrapper .Inner .Side .Cat .lists,
.tax-knowledge_cat .wrapper .Inner .Side .Cat .lists {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side .Cat .lists,
  .category .wrapper .Inner .Side .Cat .lists,
  .post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists,
  .single-knowledge .wrapper .Inner .Side .Cat .lists,
  .single-post .wrapper .Inner .Side .Cat .lists,
  .tax-knowledge_cat .wrapper .Inner .Side .Cat .lists {
    flex-direction: column;
  }
}
#blog .wrapper .Inner .Side .Cat .lists li,
.category .wrapper .Inner .Side .Cat .lists li,
.post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists li,
.single-knowledge .wrapper .Inner .Side .Cat .lists li,
.single-post .wrapper .Inner .Side .Cat .lists li,
.tax-knowledge_cat .wrapper .Inner .Side .Cat .lists li {
  width: 50%;
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side .Cat .lists li,
  .category .wrapper .Inner .Side .Cat .lists li,
  .post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists li,
  .single-knowledge .wrapper .Inner .Side .Cat .lists li,
  .single-post .wrapper .Inner .Side .Cat .lists li,
  .tax-knowledge_cat .wrapper .Inner .Side .Cat .lists li {
    width: 100%;
  }
}
#blog .wrapper .Inner .Side .Cat .lists li a,
.category .wrapper .Inner .Side .Cat .lists li a,
.post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists li a,
.single-knowledge .wrapper .Inner .Side .Cat .lists li a,
.single-post .wrapper .Inner .Side .Cat .lists li a,
.tax-knowledge_cat .wrapper .Inner .Side .Cat .lists li a {
  position: relative;
  display: block;
  color: #000;
  padding: calc(10 / 750 * 100vw) 0 calc(10 / 750 * 100vw) calc(40 / 750 * 100vw);
  font-size: calc(32 / 750 * 100vw);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side .Cat .lists li a,
  .category .wrapper .Inner .Side .Cat .lists li a,
  .post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists li a,
  .single-knowledge .wrapper .Inner .Side .Cat .lists li a,
  .single-post .wrapper .Inner .Side .Cat .lists li a,
  .tax-knowledge_cat .wrapper .Inner .Side .Cat .lists li a {
    padding: 8px 0 8px 20px;
    font-size: 16px;
  }
}
#blog .wrapper .Inner .Side .Cat .lists li a::before,
.category .wrapper .Inner .Side .Cat .lists li a::before,
.post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists li a::before,
.single-knowledge .wrapper .Inner .Side .Cat .lists li a::before,
.single-post .wrapper .Inner .Side .Cat .lists li a::before,
.tax-knowledge_cat .wrapper .Inner .Side .Cat .lists li a::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  content: "";
  width: calc(16 / 750 * 100vw);
  height: calc(16 / 750 * 100vw);
  border: solid 1px;
  border-color: #000 #000 transparent transparent;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side .Cat .lists li a::before,
  .category .wrapper .Inner .Side .Cat .lists li a::before,
  .post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists li a::before,
  .single-knowledge .wrapper .Inner .Side .Cat .lists li a::before,
  .single-post .wrapper .Inner .Side .Cat .lists li a::before,
  .tax-knowledge_cat .wrapper .Inner .Side .Cat .lists li a::before {
    width: 10px;
    height: 10px;
  }
}
#blog .wrapper .Inner .Side .Cat .lists li a:hover,
.category .wrapper .Inner .Side .Cat .lists li a:hover,
.post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists li a:hover,
.single-knowledge .wrapper .Inner .Side .Cat .lists li a:hover,
.single-post .wrapper .Inner .Side .Cat .lists li a:hover,
.tax-knowledge_cat .wrapper .Inner .Side .Cat .lists li a:hover {
  color: #f0a02f;
}
#blog .wrapper .Inner .Side .Cat .lists li a:hover::before,
.category .wrapper .Inner .Side .Cat .lists li a:hover::before,
.post-type-archive-knowledge .wrapper .Inner .Side .Cat .lists li a:hover::before,
.single-knowledge .wrapper .Inner .Side .Cat .lists li a:hover::before,
.single-post .wrapper .Inner .Side .Cat .lists li a:hover::before,
.tax-knowledge_cat .wrapper .Inner .Side .Cat .lists li a:hover::before {
  border-color: #f0a02f #f0a02f transparent transparent;
}
#blog .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
.category .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
.post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
.single-knowledge .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
.single-post .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
.tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li:not(:last-child) {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
  .category .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
  .post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
  .single-knowledge .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
  .single-post .wrapper .Inner .Side .Ranking .lists li:not(:last-child),
  .tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li:not(:last-child) {
    margin-bottom: 10px;
  }
}
#blog .wrapper .Inner .Side .Ranking .lists li a,
.category .wrapper .Inner .Side .Ranking .lists li a,
.post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li a,
.single-knowledge .wrapper .Inner .Side .Ranking .lists li a,
.single-post .wrapper .Inner .Side .Ranking .lists li a,
.tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li a {
  display: flex;
  align-items: center;
  color: #000;
}
#blog .wrapper .Inner .Side .Ranking .lists li a:hover .date,
.category .wrapper .Inner .Side .Ranking .lists li a:hover .date,
.post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li a:hover .date,
.single-knowledge .wrapper .Inner .Side .Ranking .lists li a:hover .date,
.single-post .wrapper .Inner .Side .Ranking .lists li a:hover .date,
.tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li a:hover .date {
  color: #f0a02f;
}
#blog .wrapper .Inner .Side .Ranking .lists li a:hover .ttl,
.category .wrapper .Inner .Side .Ranking .lists li a:hover .ttl,
.post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li a:hover .ttl,
.single-knowledge .wrapper .Inner .Side .Ranking .lists li a:hover .ttl,
.single-post .wrapper .Inner .Side .Ranking .lists li a:hover .ttl,
.tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li a:hover .ttl {
  color: #f0a02f;
}
#blog .wrapper .Inner .Side .Ranking .lists li a .img,
.category .wrapper .Inner .Side .Ranking .lists li a .img,
.post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li a .img,
.single-knowledge .wrapper .Inner .Side .Ranking .lists li a .img,
.single-post .wrapper .Inner .Side .Ranking .lists li a .img,
.tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li a .img {
  position: relative;
  overflow: hidden;
  width: calc(200 / 750 * 100vw);
  height: calc(140 / 750 * 100vw);
  flex: 1 0 auto;
  margin-right: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side .Ranking .lists li a .img,
  .category .wrapper .Inner .Side .Ranking .lists li a .img,
  .post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li a .img,
  .single-knowledge .wrapper .Inner .Side .Ranking .lists li a .img,
  .single-post .wrapper .Inner .Side .Ranking .lists li a .img,
  .tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li a .img {
    width: 100px;
    height: 70px;
    margin-right: 10px;
  }
}
#blog .wrapper .Inner .Side .Ranking .lists li a .img img,
.category .wrapper .Inner .Side .Ranking .lists li a .img img,
.post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li a .img img,
.single-knowledge .wrapper .Inner .Side .Ranking .lists li a .img img,
.single-post .wrapper .Inner .Side .Ranking .lists li a .img img,
.tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li a .img img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#blog .wrapper .Inner .Side .Ranking .lists li a .notes .date,
.category .wrapper .Inner .Side .Ranking .lists li a .notes .date,
.post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li a .notes .date,
.single-knowledge .wrapper .Inner .Side .Ranking .lists li a .notes .date,
.single-post .wrapper .Inner .Side .Ranking .lists li a .notes .date,
.tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li a .notes .date {
  transition: 0.5s all;
}
#blog .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
.category .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
.post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
.single-knowledge .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
.single-post .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
.tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li a .notes .ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.4;
  font-weight: 700;
  font-size: calc(32 / 750 * 100vw);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  #blog .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
  .category .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
  .post-type-archive-knowledge .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
  .single-knowledge .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
  .single-post .wrapper .Inner .Side .Ranking .lists li a .notes .ttl,
  .tax-knowledge_cat .wrapper .Inner .Side .Ranking .lists li a .notes .ttl {
    font-size: 16px;
  }
}
#blog .Contents,
.category .Contents,
.post-type-archive-knowledge .Contents,
.tax-knowledge_cat .Contents {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .Contents,
  .category .Contents,
  .post-type-archive-knowledge .Contents,
  .tax-knowledge_cat .Contents {
    width: 700px;
    margin-bottom: 0;
  }
}
#blog .Contents .block,
.category .Contents .block,
.post-type-archive-knowledge .Contents .block,
.tax-knowledge_cat .Contents .block {
  width: calc(325 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .Contents .block,
  .category .Contents .block,
  .post-type-archive-knowledge .Contents .block,
  .tax-knowledge_cat .Contents .block {
    width: 340px;
    margin-bottom: 40px;
  }
}
#blog .Contents .block:nth-of-type(odd),
.category .Contents .block:nth-of-type(odd),
.post-type-archive-knowledge .Contents .block:nth-of-type(odd),
.tax-knowledge_cat .Contents .block:nth-of-type(odd) {
  margin-right: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .Contents .block:nth-of-type(odd),
  .category .Contents .block:nth-of-type(odd),
  .post-type-archive-knowledge .Contents .block:nth-of-type(odd),
  .tax-knowledge_cat .Contents .block:nth-of-type(odd) {
    margin-right: 20px;
  }
}
#blog .Contents .block a,
.category .Contents .block a,
.post-type-archive-knowledge .Contents .block a,
.tax-knowledge_cat .Contents .block a {
  display: block;
  color: #000;
  border: solid 1px #feed8e;
  padding: calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) calc(40 / 750 * 100vw);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  #blog .Contents .block a,
  .category .Contents .block a,
  .post-type-archive-knowledge .Contents .block a,
  .tax-knowledge_cat .Contents .block a {
    padding: 20px 20px 40px;
  }
}
#blog .Contents .block a:hover,
.category .Contents .block a:hover,
.post-type-archive-knowledge .Contents .block a:hover,
.tax-knowledge_cat .Contents .block a:hover {
  background-color: #feed8e;
}
#blog .Contents .block a .img,
.category .Contents .block a .img,
.post-type-archive-knowledge .Contents .block a .img,
.tax-knowledge_cat .Contents .block a .img {
  position: relative;
  width: calc(285 / 750 * 100vw);
  height: calc(200 / 750 * 100vw);
  margin-bottom: calc(10 / 750 * 100vw);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #blog .Contents .block a .img,
  .category .Contents .block a .img,
  .post-type-archive-knowledge .Contents .block a .img,
  .tax-knowledge_cat .Contents .block a .img {
    width: 298px;
    height: 200px;
    margin-bottom: 10px;
  }
}
#blog .Contents .block a .img img,
.category .Contents .block a .img img,
.post-type-archive-knowledge .Contents .block a .img img,
.tax-knowledge_cat .Contents .block a .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#blog .Contents .block a .date,
.category .Contents .block a .date,
.post-type-archive-knowledge .Contents .block a .date,
.tax-knowledge_cat .Contents .block a .date {
  display: block;
  font-size: calc(24 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .Contents .block a .date,
  .category .Contents .block a .date,
  .post-type-archive-knowledge .Contents .block a .date,
  .tax-knowledge_cat .Contents .block a .date {
    font-size: 14px;
    display: inline-block;
    margin-right: 10px;
  }
}
#blog .Contents .block a .cat,
.category .Contents .block a .cat,
.post-type-archive-knowledge .Contents .block a .cat,
.tax-knowledge_cat .Contents .block a .cat {
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #blog .Contents .block a .cat,
  .category .Contents .block a .cat,
  .post-type-archive-knowledge .Contents .block a .cat,
  .tax-knowledge_cat .Contents .block a .cat {
    margin-bottom: 10px;
  }
}
#blog .Contents .block a .cat li,
.category .Contents .block a .cat li,
.post-type-archive-knowledge .Contents .block a .cat li,
.tax-knowledge_cat .Contents .block a .cat li {
  display: inline-block;
  font-size: calc(24 / 750 * 100vw);
  background-color: #f0a02f;
  color: #fff;
  padding: 0 calc(20 / 750 * 100vw);
  border-radius: 40px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #blog .Contents .block a .cat li,
  .category .Contents .block a .cat li,
  .post-type-archive-knowledge .Contents .block a .cat li,
  .tax-knowledge_cat .Contents .block a .cat li {
    font-size: 14px;
    padding: 0 10px;
  }
}
#blog .Contents .block a .ttl,
.category .Contents .block a .ttl,
.post-type-archive-knowledge .Contents .block a .ttl,
.tax-knowledge_cat .Contents .block a .ttl {
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
}
.single-knowledge .Contents,
.single-post .Contents {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents,
  .single-post .Contents {
    width: 700px;
    margin-bottom: 0;
  }
}
.single-knowledge .Contents__head,
.single-post .Contents__head {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents__head,
  .single-post .Contents__head {
    margin-bottom: 40px;
  }
}
.single-knowledge .Contents__ttl,
.single-post .Contents__ttl {
  font-size: calc(40 / 750 * 100vw);
  font-weight: 700;
  line-height: 1.6;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents__ttl,
  .single-post .Contents__ttl {
    font-size: 40px;
    margin-bottom: 20px;
    line-height: 1.4;
  }
}
.single-knowledge .Contents .date,
.single-post .Contents .date {
  display: inline-block;
  margin-right: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .date,
  .single-post .Contents .date {
    display: inline-block;
    margin-right: 10px;
  }
}
.single-knowledge .Contents .cat,
.single-post .Contents .cat {
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .cat,
  .single-post .Contents .cat {
    margin-bottom: 10px;
  }
}
.single-knowledge .Contents .cat li,
.single-post .Contents .cat li {
  display: inline-block;
  font-size: calc(24 / 750 * 100vw);
  background-color: #f0a02f;
  color: #fff;
  padding: 0 calc(20 / 750 * 100vw);
  border-radius: 40px;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .cat li,
  .single-post .Contents .cat li {
    font-size: 14px;
    padding: 0 10px;
  }
}
.single-knowledge .Contents .img,
.single-post .Contents .img {
  position: relative;
  overflow: hidden;
  margin-bottom: calc(50 / 750 * 100vw);
  width: 100%;
  height: calc(400 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .img,
  .single-post .Contents .img {
    width: 700px;
    height: 450px;
    margin-bottom: 40px;
  }
}
.single-knowledge .Contents .img img,
.single-post .Contents .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-knowledge .Contents .voicelink,
.single-post .Contents .voicelink {
  display: block;
  margin-bottom: calc(60 / 750 * 100vw);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .voicelink,
  .single-post .Contents .voicelink {
    width: 550px;
    margin: 0 auto 60px;
  }
}
.single-knowledge .Contents .voicelink:hover,
.single-post .Contents .voicelink:hover {
  opacity: 0.8;
}
.single-knowledge .Contents .contents,
.single-post .Contents .contents {
  margin-bottom: 100px;
  display: flow-root;
}
.single-knowledge .Contents .contents::after,
.single-post .Contents .contents::after {
  display: block;
  clear: both;
  content: "";
}
.single-knowledge .Contents .contents h2,
.single-post .Contents .contents h2 {
  font-family: Shuei MaruGo B;
  font-size: 1.8em;
  background-color: #f0a02f;
  color: #fff;
  padding: 0.4em 0.8em;
  margin: 1em 0;
}
.single-knowledge .Contents .contents h3,
.single-post .Contents .contents h3 {
  font-family: Shuei MaruGo B;
  font-size: 1.6em;
}
.single-knowledge .Contents .contents h4,
.single-post .Contents .contents h4 {
  font-family: Shuei MaruGo B;
  font-size: 1.4em;
}
.single-knowledge .Contents .contents h5,
.single-post .Contents .contents h5 {
  font-family: Shuei MaruGo B;
  font-size: 1.2em;
}
.single-knowledge .Contents .contents h6,
.single-post .Contents .contents h6 {
  font-family: Shuei MaruGo B;
  font-size: 1em;
}
.single-knowledge .Contents .contents p,
.single-post .Contents .contents p {
  line-height: 1.8;
}
.single-knowledge .Contents .contents p + p,
.single-post .Contents .contents p + p {
  margin-top: 1.5em;
}
.single-knowledge .Contents .contents em,
.single-post .Contents .contents em {
  font-style: italic;
}
.single-knowledge .Contents .contents blockquote,
.single-post .Contents .contents blockquote {
  margin: 1.5em 0;
  border-left: 5px solid #ddd;
  padding: 1em 0 1em 10px;
  color: #777;
}
.single-knowledge .Contents .contents blockquote p + p,
.single-post .Contents .contents blockquote p + p {
  margin-top: 0.5em;
}
.single-knowledge .Contents .contents ol,
.single-knowledge .Contents .contents ul,
.single-post .Contents .contents ol,
.single-post .Contents .contents ul {
  margin-top: 1.5em;
}
.single-knowledge .Contents .contents ul,
.single-post .Contents .contents ul {
  list-style-type: disc;
}
.single-knowledge .Contents .contents ol,
.single-post .Contents .contents ol {
  list-style-type: decimal;
}
.single-knowledge .Contents .contents li,
.single-post .Contents .contents li {
  margin-left: 1.5em;
}
.single-knowledge .Contents .contents img,
.single-post .Contents .contents img {
  height: auto;
  display: block;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .contents img,
  .single-post .Contents .contents img {
    margin-bottom: 10px;
  }
}
.single-knowledge .Contents .contents .aligncenter,
.single-post .Contents .contents .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.single-knowledge .Contents .contents .alignright,
.single-post .Contents .contents .alignright {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
  display: inline;
  width: 45%;
}
.single-knowledge .Contents .contents .alignleft,
.single-post .Contents .contents .alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
  display: inline;
  width: 45%;
}
.single-knowledge .Contents .contents .wp-caption,
.single-knowledge .Contents .contents [class*="wp-image"],
.single-post .Contents .contents .wp-caption,
.single-post .Contents .contents [class*="wp-image"] {
  display: block;
  max-width: 100% !important;
  margin-top: 1.5em;
  text-align: center;
}
.single-knowledge .Contents .contents .wp-caption-text,
.single-post .Contents .contents .wp-caption-text {
  margin-top: 0;
}
.single-knowledge .Contents .contents #toc_container .toc_list li a,
.single-post .Contents .contents #toc_container .toc_list li a {
  color: #000;
  font-family: Shuei MaruGo L;
}
.single-knowledge .Contents .contents #toc_container .toc_list li a:hover,
.single-post .Contents .contents #toc_container .toc_list li a:hover {
  color: #f0a02f;
  text-decoration: none;
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .contents .elementor-row,
  .single-post .Contents .contents .elementor-row {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .contents .elementor-column.elementor-col-25,
  .single-knowledge .Contents .contents .elementor-column[data-col="25"],
  .single-post .Contents .contents .elementor-column.elementor-col-25,
  .single-post .Contents .contents .elementor-column[data-col="25"] {
    width: 25%;
  }
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .contents .elementor-column.elementor-col-100,
  .single-knowledge .Contents .contents .elementor-column[data-col="100"],
  .single-post .Contents .contents .elementor-column.elementor-col-100,
  .single-post .Contents .contents .elementor-column[data-col="100"] {
    width: 100%;
  }
}
.single-knowledge .Contents .Btn,
.single-post .Contents .Btn {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .Btn,
  .single-post .Contents .Btn {
    margin-bottom: 80px;
  }
}
.single-knowledge .Contents .relation__ttl,
.single-post .Contents .relation__ttl {
  color: #213855;
  font-size: calc(40 / 750 * 100vw);
  background-color: #fff7eb;
  margin-bottom: calc(40 / 750 * 100vw);
  padding: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .relation__ttl,
  .single-post .Contents .relation__ttl {
    font-size: 20px;
    padding: 10px 20px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .relation .lists,
  .single-post .Contents .relation .lists {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .relation .lists li,
  .single-post .Contents .relation .lists li {
    width: 335px;
  }
}
.single-knowledge .Contents .relation .lists li:not(:last-child),
.single-post .Contents .relation .lists li:not(:last-child) {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .relation .lists li:not(:last-child),
  .single-post .Contents .relation .lists li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .relation .lists li:nth-of-type(odd),
  .single-post .Contents .relation .lists li:nth-of-type(odd) {
    margin-right: 30px;
  }
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .relation .lists li:nth-of-type(-n + 2),
  .single-post .Contents .relation .lists li:nth-of-type(-n + 2) {
    margin-bottom: 20px;
  }
}
.single-knowledge .Contents .relation .lists li a,
.single-post .Contents .relation .lists li a {
  display: flex;
  align-items: flex-start;
  color: #000;
}
.single-knowledge .Contents .relation .lists li a:hover .date,
.single-knowledge .Contents .relation .lists li a:hover .ttl,
.single-post .Contents .relation .lists li a:hover .date,
.single-post .Contents .relation .lists li a:hover .ttl {
  color: #f0a02f;
}
.single-knowledge .Contents .relation .lists li a .img,
.single-post .Contents .relation .lists li a .img {
  position: relative;
  overflow: hidden;
  width: calc(200 / 750 * 100vw);
  height: calc(140 / 750 * 100vw);
  margin-right: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .relation .lists li a .img,
  .single-post .Contents .relation .lists li a .img {
    width: 100px;
    height: 70px;
    margin-right: 10px;
  }
}
.single-knowledge .Contents .relation .lists li a .img img,
.single-post .Contents .relation .lists li a .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-knowledge .Contents .relation .lists li a .notes .date,
.single-post .Contents .relation .lists li a .notes .date {
  transition: 0.5s all;
}
.single-knowledge .Contents .relation .lists li a .notes .ttl,
.single-post .Contents .relation .lists li a .notes .ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  line-height: 1.4;
  font-weight: 700;
  font-size: calc(32 / 750 * 100vw);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  .single-knowledge .Contents .relation .lists li a .notes .ttl,
  .single-post .Contents .relation .lists li a .notes .ttl {
    font-size: 16px;
  }
}
.post-type-archive-knowledge .Fv img,
.single-knowledge .Fv img,
.tax-knowledge_cat .Fv img {
  display: block;
  width: calc(668 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .post-type-archive-knowledge .Fv img,
  .single-knowledge .Fv img,
  .tax-knowledge_cat .Fv img {
    width: 584px;
  }
}
#campaign .Fv img {
  display: block;
  width: calc(670 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #campaign .Fv img {
    width: 834px;
  }
}
#campaign .Bnr {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Bnr {
    margin-bottom: 80px;
  }
}
#campaign .Contents {
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Contents {
    margin-bottom: 150px;
  }
}
#campaign .Contents__ttl {
  position: relative;
  text-align: center;
  color: #f0a02f;
  font-size: calc(50 / 750 * 100vw);
  line-height: 1.4;
  margin-bottom: calc(40 / 750 * 100vw);
  padding-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Contents__ttl {
    font-size: 40px;
    margin-bottom: 40px;
    padding-bottom: 10px;
  }
}
#campaign .Contents__ttl .bk {
  display: block;
  font-size: calc(35 / 750 * 100vw);
  color: #000;
}
@media screen and (min-width: 768px) {
  #campaign .Contents__ttl .bk {
    font-size: 25px;
  }
}
#campaign .Contents__ttl::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: calc(670 / 750 * 100vw);
  height: 2px;
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #campaign .Contents__ttl::after {
    width: 480px;
  }
}
@media screen and (min-width: 768px) {
  #campaign .Contents__bnrs {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
  }
}
#campaign .Contents__bnrs .bnr {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Contents__bnrs .bnr {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #campaign .Contents__txt {
    width: 800px;
    margin: 0 auto;
  }
}
#campaign .Contact {
  position: relative;
  z-index: 0;
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Contact {
    margin-bottom: 150px;
  }
}
#campaign .Contact__ttl {
  text-align: center;
  font-size: calc(44 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Contact__ttl {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
#campaign .Contact__ttl span {
  color: #f0a02f;
}
#campaign .Contact .deco {
  position: absolute;
  z-index: -5;
}
#campaign .Contact .deco01 {
  top: 0;
  left: 0;
  width: calc(512 / 750 * 100vw);
  margin: calc(-100 / 750 * 100vw) 0 0 calc(-300 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Contact .deco01 {
    width: 422px;
    margin: -100px 0 0 0;
  }
}
#campaign .Contact .deco02 {
  bottom: 0;
  right: 0;
  width: calc(457 / 750 * 100vw);
  margin: 0 calc(-180 / 750 * 100vw) calc(-200 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #campaign .Contact .deco02 {
    width: 457px;
    margin: 0 0 -200px 0;
  }
}
#campaign .Case {
  position: relative;
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case {
    margin-bottom: 100px;
  }
}
#campaign .Case .swiper-custom-parent {
  position: relative;
  margin: calc(100 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 768px) {
  #campaign .Case .swiper-custom-parent {
    margin: 60px 0;
  }
}
#campaign .Case .swiper-slide {
  width: 100% !important;
  max-width: 480px;
}
#campaign .Case .swiper-container {
  width: 100%;
  max-width: 480px !important;
  margin: 0 auto !important;
  overflow: visible !important;
  padding-bottom: calc(180 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case .swiper-container {
    padding-bottom: 80px;
  }
}
#campaign .Case .swiper-pagination-bullet-active {
  background-color: #f0a02f;
  width: 12px;
  height: 12px;
}
@media screen and (min-width: 768px) {
  #campaign .Case .swiper-button-next,
  #campaign .Case .swiper-button-prev {
    display: none;
  }
}
#campaign .Case__block {
  position: relative;
  width: calc(670 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case__block {
    width: 480px;
  }
}
#campaign .Case__block a {
  display: block;
  color: #fff;
}
#campaign .Case__block a .img {
  position: relative;
  display: block;
  width: calc(590 / 750 * 100vw);
  height: calc(460 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case__block a .img {
    width: 400px;
    height: 260px;
    margin: 0 auto 30px;
  }
}
#campaign .Case__block a .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#campaign .Case__block a .img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -5;
  margin: calc(10 / 750 * 100vw) 0 0 calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case__block a .img::after {
    margin: 10px 0 0 10px;
  }
}
#campaign .Case__block a .note {
  margin: 0 auto;
  width: calc(590 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case__block a .note {
    width: 400px;
  }
}
#campaign .Case__block a .note .date {
  font-family: Montserrat, sans-serif;
  margin-right: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case__block a .note .date {
    margin-right: 10px;
  }
}
#campaign .Case__block a .note .cat {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case__block a .note .cat {
    margin-bottom: 5px;
  }
}
#campaign .Case__block a .note .cat li {
  background-color: #fff;
  color: #f0a02f;
  border-radius: 20px;
  padding: 0 calc(30 / 750 * 100vw);
  font-size: calc(28 / 750 * 100vw);
  font-weight: 700;
  margin-right: calc(10 / 750 * 100vw);
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case__block a .note .cat li {
    font-size: 14px;
    padding: 0 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 20px;
  }
}
#campaign .Case__block a .note .ttl {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: calc(32 / 750 * 100vw);
  margin-top: calc(12 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #campaign .Case__block a .note .ttl {
    font-size: 18px;
    margin-top: 6px;
  }
}
#campaign .Case__block a .bg {
  position: absolute;
  bottom: calc(-80 / 750 * 100vw);
  left: 0;
  width: 100%;
  height: calc(540 / 750 * 100vw);
  background-color: #f0a02f;
  z-index: -10;
}
@media screen and (min-width: 768px) {
  #campaign .Case__block a .bg {
    bottom: -40px;
    height: 250px;
  }
}
#campaign .Case__block a .bg__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(490 / 750 * 100vw);
  z-index: -10;
  opacity: 0.1;
  filter: blur(3px);
  background-size: cover;
}
@media screen and (min-width: 768px) {
  #campaign .Case__block a .bg__inner {
    height: 230px;
  }
}
.post-type-archive-works .Fv img,
.single-works .Fv img,
.tax-area_cat .Fv img,
.tax-building_cat .Fv img,
.tax-color_cat .Fv img,
.tax-plan_cat .Fv img,
.tax-price_cat .Fv img,
.tax-roof_cat .Fv img,
.tax-type_cat .Fv img {
  display: block;
  width: calc(460 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Fv img,
  .single-works .Fv img,
  .tax-area_cat .Fv img,
  .tax-building_cat .Fv img,
  .tax-color_cat .Fv img,
  .tax-plan_cat .Fv img,
  .tax-price_cat .Fv img,
  .tax-roof_cat .Fv img,
  .tax-type_cat .Fv img {
    width: 331px;
  }
}
.post-type-archive-works .Cat,
.tax-area_cat .Cat,
.tax-building_cat .Cat,
.tax-color_cat .Cat,
.tax-plan_cat .Cat,
.tax-price_cat .Cat,
.tax-roof_cat .Cat,
.tax-type_cat .Cat {
  display: none;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat,
  .tax-area_cat .Cat,
  .tax-building_cat .Cat,
  .tax-color_cat .Cat,
  .tax-plan_cat .Cat,
  .tax-price_cat .Cat,
  .tax-roof_cat .Cat,
  .tax-type_cat .Cat {
    display: block;
  }
}
.post-type-archive-works .Cat__wrap,
.tax-area_cat .Cat__wrap,
.tax-building_cat .Cat__wrap,
.tax-color_cat .Cat__wrap,
.tax-plan_cat .Cat__wrap,
.tax-price_cat .Cat__wrap,
.tax-roof_cat .Cat__wrap,
.tax-type_cat .Cat__wrap {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat__wrap,
  .tax-area_cat .Cat__wrap,
  .tax-building_cat .Cat__wrap,
  .tax-color_cat .Cat__wrap,
  .tax-plan_cat .Cat__wrap,
  .tax-price_cat .Cat__wrap,
  .tax-roof_cat .Cat__wrap,
  .tax-type_cat .Cat__wrap {
    margin-bottom: 0;
  }
}
.post-type-archive-works .Cat__btn,
.tax-area_cat .Cat__btn,
.tax-building_cat .Cat__btn,
.tax-color_cat .Cat__btn,
.tax-plan_cat .Cat__btn,
.tax-price_cat .Cat__btn,
.tax-roof_cat .Cat__btn,
.tax-type_cat .Cat__btn {
  position: relative;
  text-align: center;
  font-size: calc(42 / 750 * 100vw);
  color: #f0a02f;
  border: solid 2px #f0a02f;
  width: calc(670 / 750 * 100vw);
  margin: 0 auto calc(80 / 750 * 100vw);
  padding: calc(10 / 750 * 100vw);
}
.post-type-archive-works .Cat__btn::after,
.tax-area_cat .Cat__btn::after,
.tax-building_cat .Cat__btn::after,
.tax-color_cat .Cat__btn::after,
.tax-plan_cat .Cat__btn::after,
.tax-price_cat .Cat__btn::after,
.tax-roof_cat .Cat__btn::after,
.tax-type_cat .Cat__btn::after {
  position: absolute;
  top: 35%;
  right: 5%;
  transform: rotate(45deg);
  display: inline-block;
  content: "";
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  border: solid 2px;
  border-color: transparent #f0a02f #f0a02f transparent;
}
.post-type-archive-works .Cat__btn.is-active::after,
.tax-area_cat .Cat__btn.is-active::after,
.tax-building_cat .Cat__btn.is-active::after,
.tax-color_cat .Cat__btn.is-active::after,
.tax-plan_cat .Cat__btn.is-active::after,
.tax-price_cat .Cat__btn.is-active::after,
.tax-roof_cat .Cat__btn.is-active::after,
.tax-type_cat .Cat__btn.is-active::after {
  top: 45%;
  transform: rotate(225deg);
}
.post-type-archive-works .Cat .cat,
.tax-area_cat .Cat .cat,
.tax-building_cat .Cat .cat,
.tax-color_cat .Cat .cat,
.tax-plan_cat .Cat .cat,
.tax-price_cat .Cat .cat,
.tax-roof_cat .Cat .cat,
.tax-type_cat .Cat .cat {
  padding: calc(30 / 750 * 100vw);
  background-color: #f8f1d9;
  margin-bottom: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat,
  .tax-area_cat .Cat .cat,
  .tax-building_cat .Cat .cat,
  .tax-color_cat .Cat .cat,
  .tax-plan_cat .Cat .cat,
  .tax-price_cat .Cat .cat,
  .tax-roof_cat .Cat .cat,
  .tax-type_cat .Cat .cat {
    padding: 30px;
    margin-bottom: 40px;
  }
}
.post-type-archive-works .Cat .cat .ttl,
.tax-area_cat .Cat .cat .ttl,
.tax-building_cat .Cat .cat .ttl,
.tax-color_cat .Cat .cat .ttl,
.tax-plan_cat .Cat .cat .ttl,
.tax-price_cat .Cat .cat .ttl,
.tax-roof_cat .Cat .cat .ttl,
.tax-type_cat .Cat .cat .ttl {
  text-align: center;
  font-size: calc(40 / 750 * 100vw);
  color: #e56a12;
  margin-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat .ttl,
  .tax-area_cat .Cat .cat .ttl,
  .tax-building_cat .Cat .cat .ttl,
  .tax-color_cat .Cat .cat .ttl,
  .tax-plan_cat .Cat .cat .ttl,
  .tax-price_cat .Cat .cat .ttl,
  .tax-roof_cat .Cat .cat .ttl,
  .tax-type_cat .Cat .cat .ttl {
    font-size: 25px;
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat .lists,
  .tax-area_cat .Cat .cat .lists,
  .tax-building_cat .Cat .cat .lists,
  .tax-color_cat .Cat .cat .lists,
  .tax-plan_cat .Cat .cat .lists,
  .tax-price_cat .Cat .cat .lists,
  .tax-roof_cat .Cat .cat .lists,
  .tax-type_cat .Cat .cat .lists {
    display: flex;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat .lists li,
  .tax-area_cat .Cat .cat .lists li,
  .tax-building_cat .Cat .cat .lists li,
  .tax-color_cat .Cat .cat .lists li,
  .tax-plan_cat .Cat .cat .lists li,
  .tax-price_cat .Cat .cat .lists li,
  .tax-roof_cat .Cat .cat .lists li,
  .tax-type_cat .Cat .cat .lists li {
    width: 214px;
  }
  .post-type-archive-works .Cat .cat .lists li:not(:nth-child(4n)),
  .tax-area_cat .Cat .cat .lists li:not(:nth-child(4n)),
  .tax-building_cat .Cat .cat .lists li:not(:nth-child(4n)),
  .tax-color_cat .Cat .cat .lists li:not(:nth-child(4n)),
  .tax-plan_cat .Cat .cat .lists li:not(:nth-child(4n)),
  .tax-price_cat .Cat .cat .lists li:not(:nth-child(4n)),
  .tax-roof_cat .Cat .cat .lists li:not(:nth-child(4n)),
  .tax-type_cat .Cat .cat .lists li:not(:nth-child(4n)) {
    margin-right: 28px;
  }
}
.post-type-archive-works .Cat .cat .lists li:not(:last-child),
.tax-area_cat .Cat .cat .lists li:not(:last-child),
.tax-building_cat .Cat .cat .lists li:not(:last-child),
.tax-color_cat .Cat .cat .lists li:not(:last-child),
.tax-plan_cat .Cat .cat .lists li:not(:last-child),
.tax-price_cat .Cat .cat .lists li:not(:last-child),
.tax-roof_cat .Cat .cat .lists li:not(:last-child),
.tax-type_cat .Cat .cat .lists li:not(:last-child) {
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat .lists li:not(:last-child),
  .tax-area_cat .Cat .cat .lists li:not(:last-child),
  .tax-building_cat .Cat .cat .lists li:not(:last-child),
  .tax-color_cat .Cat .cat .lists li:not(:last-child),
  .tax-plan_cat .Cat .cat .lists li:not(:last-child),
  .tax-price_cat .Cat .cat .lists li:not(:last-child),
  .tax-roof_cat .Cat .cat .lists li:not(:last-child),
  .tax-type_cat .Cat .cat .lists li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat .lists li:not(:nth-child(-n + 4)),
  .tax-area_cat .Cat .cat .lists li:not(:nth-child(-n + 4)),
  .tax-building_cat .Cat .cat .lists li:not(:nth-child(-n + 4)),
  .tax-color_cat .Cat .cat .lists li:not(:nth-child(-n + 4)),
  .tax-plan_cat .Cat .cat .lists li:not(:nth-child(-n + 4)),
  .tax-price_cat .Cat .cat .lists li:not(:nth-child(-n + 4)),
  .tax-roof_cat .Cat .cat .lists li:not(:nth-child(-n + 4)),
  .tax-type_cat .Cat .cat .lists li:not(:nth-child(-n + 4)) {
    margin-top: 20px;
  }
}
.post-type-archive-works .Cat .cat .lists li a,
.tax-area_cat .Cat .cat .lists li a,
.tax-building_cat .Cat .cat .lists li a,
.tax-color_cat .Cat .cat .lists li a,
.tax-plan_cat .Cat .cat .lists li a,
.tax-price_cat .Cat .cat .lists li a,
.tax-roof_cat .Cat .cat .lists li a,
.tax-type_cat .Cat .cat .lists li a {
  position: relative;
  display: block;
  font-family: Shuei MaruGo L;
  color: #000;
  padding: calc(20 / 750 * 100vw);
  background-color: #fff;
  border-radius: calc(10 / 750 * 100vw);
  border: solid 1px #000;
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat .lists li a,
  .tax-area_cat .Cat .cat .lists li a,
  .tax-building_cat .Cat .cat .lists li a,
  .tax-color_cat .Cat .cat .lists li a,
  .tax-plan_cat .Cat .cat .lists li a,
  .tax-price_cat .Cat .cat .lists li a,
  .tax-roof_cat .Cat .cat .lists li a,
  .tax-type_cat .Cat .cat .lists li a {
    padding: 5px 10px;
    border-radius: 10px;
  }
}
.post-type-archive-works .Cat .cat .lists li a:hover,
.tax-area_cat .Cat .cat .lists li a:hover,
.tax-building_cat .Cat .cat .lists li a:hover,
.tax-color_cat .Cat .cat .lists li a:hover,
.tax-plan_cat .Cat .cat .lists li a:hover,
.tax-price_cat .Cat .cat .lists li a:hover,
.tax-roof_cat .Cat .cat .lists li a:hover,
.tax-type_cat .Cat .cat .lists li a:hover {
  background-color: #f0a02f;
  color: #fff;
  border-color: #f0a02f;
}
.post-type-archive-works .Cat .cat .lists li a:hover::after,
.tax-area_cat .Cat .cat .lists li a:hover::after,
.tax-building_cat .Cat .cat .lists li a:hover::after,
.tax-color_cat .Cat .cat .lists li a:hover::after,
.tax-plan_cat .Cat .cat .lists li a:hover::after,
.tax-price_cat .Cat .cat .lists li a:hover::after,
.tax-roof_cat .Cat .cat .lists li a:hover::after,
.tax-type_cat .Cat .cat .lists li a:hover::after {
  border-color: #fff #fff transparent transparent;
}
.post-type-archive-works .Cat .cat .lists li a::after,
.tax-area_cat .Cat .cat .lists li a::after,
.tax-building_cat .Cat .cat .lists li a::after,
.tax-color_cat .Cat .cat .lists li a::after,
.tax-plan_cat .Cat .cat .lists li a::after,
.tax-price_cat .Cat .cat .lists li a::after,
.tax-roof_cat .Cat .cat .lists li a::after,
.tax-type_cat .Cat .cat .lists li a::after {
  position: absolute;
  top: 50%;
  right: 5%;
  display: inline-block;
  content: "";
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  border: solid 1px;
  border-color: #000 #000 transparent transparent;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat .lists li a::after,
  .tax-area_cat .Cat .cat .lists li a::after,
  .tax-building_cat .Cat .cat .lists li a::after,
  .tax-color_cat .Cat .cat .lists li a::after,
  .tax-plan_cat .Cat .cat .lists li a::after,
  .tax-price_cat .Cat .cat .lists li a::after,
  .tax-roof_cat .Cat .cat .lists li a::after,
  .tax-type_cat .Cat .cat .lists li a::after {
    width: 10px;
    height: 10px;
  }
}
.post-type-archive-works .Cat .cat.color .lists li,
.tax-area_cat .Cat .cat.color .lists li,
.tax-building_cat .Cat .cat.color .lists li,
.tax-color_cat .Cat .cat.color .lists li,
.tax-plan_cat .Cat .cat.color .lists li,
.tax-price_cat .Cat .cat.color .lists li,
.tax-roof_cat .Cat .cat.color .lists li,
.tax-type_cat .Cat .cat.color .lists li {
  position: relative;
  z-index: 0;
}
.post-type-archive-works .Cat .cat.color .lists li::before,
.tax-area_cat .Cat .cat.color .lists li::before,
.tax-building_cat .Cat .cat.color .lists li::before,
.tax-color_cat .Cat .cat.color .lists li::before,
.tax-plan_cat .Cat .cat.color .lists li::before,
.tax-price_cat .Cat .cat.color .lists li::before,
.tax-roof_cat .Cat .cat.color .lists li::before,
.tax-type_cat .Cat .cat.color .lists li::before {
  z-index: 5;
  position: absolute;
  top: 50%;
  left: calc(20 / 750 * 100vw);
  transform: translateY(-50%);
  display: inline-block;
  content: "";
  width: calc(30 / 750 * 100vw);
  height: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat.color .lists li::before,
  .tax-area_cat .Cat .cat.color .lists li::before,
  .tax-building_cat .Cat .cat.color .lists li::before,
  .tax-color_cat .Cat .cat.color .lists li::before,
  .tax-plan_cat .Cat .cat.color .lists li::before,
  .tax-price_cat .Cat .cat.color .lists li::before,
  .tax-roof_cat .Cat .cat.color .lists li::before,
  .tax-type_cat .Cat .cat.color .lists li::before {
    left: 10px;
    width: 16px;
    height: 16px;
  }
}
.post-type-archive-works .Cat .cat.color .lists li a,
.tax-area_cat .Cat .cat.color .lists li a,
.tax-building_cat .Cat .cat.color .lists li a,
.tax-color_cat .Cat .cat.color .lists li a,
.tax-plan_cat .Cat .cat.color .lists li a,
.tax-price_cat .Cat .cat.color .lists li a,
.tax-roof_cat .Cat .cat.color .lists li a,
.tax-type_cat .Cat .cat.color .lists li a {
  padding-left: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat.color .lists li a,
  .tax-area_cat .Cat .cat.color .lists li a,
  .tax-building_cat .Cat .cat.color .lists li a,
  .tax-color_cat .Cat .cat.color .lists li a,
  .tax-plan_cat .Cat .cat.color .lists li a,
  .tax-price_cat .Cat .cat.color .lists li a,
  .tax-roof_cat .Cat .cat.color .lists li a,
  .tax-type_cat .Cat .cat.color .lists li a {
    padding-left: 35px;
    letter-spacing: -0.1em;
  }
}
.post-type-archive-works .Cat .cat.color .lists li.white::before,
.tax-area_cat .Cat .cat.color .lists li.white::before,
.tax-building_cat .Cat .cat.color .lists li.white::before,
.tax-color_cat .Cat .cat.color .lists li.white::before,
.tax-plan_cat .Cat .cat.color .lists li.white::before,
.tax-price_cat .Cat .cat.color .lists li.white::before,
.tax-roof_cat .Cat .cat.color .lists li.white::before,
.tax-type_cat .Cat .cat.color .lists li.white::before {
  background-color: #f9d5bb;
}
.post-type-archive-works .Cat .cat.color .lists li.brown::before,
.tax-area_cat .Cat .cat.color .lists li.brown::before,
.tax-building_cat .Cat .cat.color .lists li.brown::before,
.tax-color_cat .Cat .cat.color .lists li.brown::before,
.tax-plan_cat .Cat .cat.color .lists li.brown::before,
.tax-price_cat .Cat .cat.color .lists li.brown::before,
.tax-roof_cat .Cat .cat.color .lists li.brown::before,
.tax-type_cat .Cat .cat.color .lists li.brown::before {
  background-color: #8b3b01;
}
.post-type-archive-works .Cat .cat.color .lists li.black::before,
.tax-area_cat .Cat .cat.color .lists li.black::before,
.tax-building_cat .Cat .cat.color .lists li.black::before,
.tax-color_cat .Cat .cat.color .lists li.black::before,
.tax-plan_cat .Cat .cat.color .lists li.black::before,
.tax-price_cat .Cat .cat.color .lists li.black::before,
.tax-roof_cat .Cat .cat.color .lists li.black::before,
.tax-type_cat .Cat .cat.color .lists li.black::before {
  background-color: #a8a8a8;
}
.post-type-archive-works .Cat .cat.color .lists li.yellow::before,
.tax-area_cat .Cat .cat.color .lists li.yellow::before,
.tax-building_cat .Cat .cat.color .lists li.yellow::before,
.tax-color_cat .Cat .cat.color .lists li.yellow::before,
.tax-plan_cat .Cat .cat.color .lists li.yellow::before,
.tax-price_cat .Cat .cat.color .lists li.yellow::before,
.tax-roof_cat .Cat .cat.color .lists li.yellow::before,
.tax-type_cat .Cat .cat.color .lists li.yellow::before {
  background-color: #e56a12;
}
.post-type-archive-works .Cat .cat.color .lists li.blue::before,
.tax-area_cat .Cat .cat.color .lists li.blue::before,
.tax-building_cat .Cat .cat.color .lists li.blue::before,
.tax-color_cat .Cat .cat.color .lists li.blue::before,
.tax-plan_cat .Cat .cat.color .lists li.blue::before,
.tax-price_cat .Cat .cat.color .lists li.blue::before,
.tax-roof_cat .Cat .cat.color .lists li.blue::before,
.tax-type_cat .Cat .cat.color .lists li.blue::before {
  background-color: #000676;
}
.post-type-archive-works .Cat .cat.color .lists li.red::before,
.tax-area_cat .Cat .cat.color .lists li.red::before,
.tax-building_cat .Cat .cat.color .lists li.red::before,
.tax-color_cat .Cat .cat.color .lists li.red::before,
.tax-plan_cat .Cat .cat.color .lists li.red::before,
.tax-price_cat .Cat .cat.color .lists li.red::before,
.tax-roof_cat .Cat .cat.color .lists li.red::before,
.tax-type_cat .Cat .cat.color .lists li.red::before {
  background-color: red;
}
.post-type-archive-works .Cat .cat.color .lists li.green::before,
.tax-area_cat .Cat .cat.color .lists li.green::before,
.tax-building_cat .Cat .cat.color .lists li.green::before,
.tax-color_cat .Cat .cat.color .lists li.green::before,
.tax-plan_cat .Cat .cat.color .lists li.green::before,
.tax-price_cat .Cat .cat.color .lists li.green::before,
.tax-roof_cat .Cat .cat.color .lists li.green::before,
.tax-type_cat .Cat .cat.color .lists li.green::before {
  background-color: #40aa00;
}
.post-type-archive-works .Cat .cat.color .lists li.clear::before,
.tax-area_cat .Cat .cat.color .lists li.clear::before,
.tax-building_cat .Cat .cat.color .lists li.clear::before,
.tax-color_cat .Cat .cat.color .lists li.clear::before,
.tax-plan_cat .Cat .cat.color .lists li.clear::before,
.tax-price_cat .Cat .cat.color .lists li.clear::before,
.tax-roof_cat .Cat .cat.color .lists li.clear::before,
.tax-type_cat .Cat .cat.color .lists li.clear::before {
  background-color: #fff;
  border: solid 1px #ccc;
}
.post-type-archive-works .Cat .cat.color .lists li.more::before,
.tax-area_cat .Cat .cat.color .lists li.more::before,
.tax-building_cat .Cat .cat.color .lists li.more::before,
.tax-color_cat .Cat .cat.color .lists li.more::before,
.tax-plan_cat .Cat .cat.color .lists li.more::before,
.tax-price_cat .Cat .cat.color .lists li.more::before,
.tax-roof_cat .Cat .cat.color .lists li.more::before,
.tax-type_cat .Cat .cat.color .lists li.more::before {
  background: url(../images/case/color_bg01.png) no-repeat center/cover;
}
.post-type-archive-works .Cat .cat.color .lists li.double-tone::before,
.tax-area_cat .Cat .cat.color .lists li.double-tone::before,
.tax-building_cat .Cat .cat.color .lists li.double-tone::before,
.tax-color_cat .Cat .cat.color .lists li.double-tone::before,
.tax-plan_cat .Cat .cat.color .lists li.double-tone::before,
.tax-price_cat .Cat .cat.color .lists li.double-tone::before,
.tax-roof_cat .Cat .cat.color .lists li.double-tone::before,
.tax-type_cat .Cat .cat.color .lists li.double-tone::before {
  background: url(../images/case/color_bg02.png) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat .cat.color .lists li.double-tone a,
  .tax-area_cat .Cat .cat.color .lists li.double-tone a,
  .tax-building_cat .Cat .cat.color .lists li.double-tone a,
  .tax-color_cat .Cat .cat.color .lists li.double-tone a,
  .tax-plan_cat .Cat .cat.color .lists li.double-tone a,
  .tax-price_cat .Cat .cat.color .lists li.double-tone a,
  .tax-roof_cat .Cat .cat.color .lists li.double-tone a,
  .tax-type_cat .Cat .cat.color .lists li.double-tone a {
    letter-spacing: -0.05em;
  }
}
.post-type-archive-works .Cat .cat.color .lists li.spraying::before,
.tax-area_cat .Cat .cat.color .lists li.spraying::before,
.tax-building_cat .Cat .cat.color .lists li.spraying::before,
.tax-color_cat .Cat .cat.color .lists li.spraying::before,
.tax-plan_cat .Cat .cat.color .lists li.spraying::before,
.tax-price_cat .Cat .cat.color .lists li.spraying::before,
.tax-roof_cat .Cat .cat.color .lists li.spraying::before,
.tax-type_cat .Cat .cat.color .lists li.spraying::before {
  background: url(../images/case/color_bg03.png) no-repeat center/cover;
}
.post-type-archive-works .Cat__toggle .txt,
.tax-area_cat .Cat__toggle .txt,
.tax-building_cat .Cat__toggle .txt,
.tax-color_cat .Cat__toggle .txt,
.tax-plan_cat .Cat__toggle .txt,
.tax-price_cat .Cat__toggle .txt,
.tax-roof_cat .Cat__toggle .txt,
.tax-type_cat .Cat__toggle .txt {
  display: none;
  position: relative;
  text-align: center;
  color: #f0a02f;
  font-size: calc(32 / 750 * 100vw);
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat__toggle .txt,
  .tax-area_cat .Cat__toggle .txt,
  .tax-building_cat .Cat__toggle .txt,
  .tax-color_cat .Cat__toggle .txt,
  .tax-plan_cat .Cat__toggle .txt,
  .tax-price_cat .Cat__toggle .txt,
  .tax-roof_cat .Cat__toggle .txt,
  .tax-type_cat .Cat__toggle .txt {
    display: block;
    font-size: 24px;
    margin-bottom: 60px;
  }
}
.post-type-archive-works .Cat__toggle .txt:hover,
.tax-area_cat .Cat__toggle .txt:hover,
.tax-building_cat .Cat__toggle .txt:hover,
.tax-color_cat .Cat__toggle .txt:hover,
.tax-plan_cat .Cat__toggle .txt:hover,
.tax-price_cat .Cat__toggle .txt:hover,
.tax-roof_cat .Cat__toggle .txt:hover,
.tax-type_cat .Cat__toggle .txt:hover {
  cursor: pointer;
}
.post-type-archive-works .Cat__toggle .txt span,
.tax-area_cat .Cat__toggle .txt span,
.tax-building_cat .Cat__toggle .txt span,
.tax-color_cat .Cat__toggle .txt span,
.tax-plan_cat .Cat__toggle .txt span,
.tax-price_cat .Cat__toggle .txt span,
.tax-roof_cat .Cat__toggle .txt span,
.tax-type_cat .Cat__toggle .txt span {
  position: relative;
  display: inline-block;
  width: calc(30 / 750 * 100vw);
  height: calc(30 / 750 * 100vw);
  margin: 0 0 calc(-2 / 750 * 100vw) calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat__toggle .txt span,
  .tax-area_cat .Cat__toggle .txt span,
  .tax-building_cat .Cat__toggle .txt span,
  .tax-color_cat .Cat__toggle .txt span,
  .tax-plan_cat .Cat__toggle .txt span,
  .tax-price_cat .Cat__toggle .txt span,
  .tax-roof_cat .Cat__toggle .txt span,
  .tax-type_cat .Cat__toggle .txt span {
    width: 24px;
    height: 24px;
    margin: 0 0 -2px 10px;
  }
}
.post-type-archive-works .Cat__toggle .txt span::before,
.post-type-archive-works .Cat__toggle .txt span:after,
.tax-area_cat .Cat__toggle .txt span::before,
.tax-area_cat .Cat__toggle .txt span:after,
.tax-building_cat .Cat__toggle .txt span::before,
.tax-building_cat .Cat__toggle .txt span:after,
.tax-color_cat .Cat__toggle .txt span::before,
.tax-color_cat .Cat__toggle .txt span:after,
.tax-plan_cat .Cat__toggle .txt span::before,
.tax-plan_cat .Cat__toggle .txt span:after,
.tax-price_cat .Cat__toggle .txt span::before,
.tax-price_cat .Cat__toggle .txt span:after,
.tax-roof_cat .Cat__toggle .txt span::before,
.tax-roof_cat .Cat__toggle .txt span:after,
.tax-type_cat .Cat__toggle .txt span::before,
.tax-type_cat .Cat__toggle .txt span:after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  content: "";
  background-color: #f0a02f;
}
.post-type-archive-works .Cat__toggle .txt span::before,
.tax-area_cat .Cat__toggle .txt span::before,
.tax-building_cat .Cat__toggle .txt span::before,
.tax-color_cat .Cat__toggle .txt span::before,
.tax-plan_cat .Cat__toggle .txt span::before,
.tax-price_cat .Cat__toggle .txt span::before,
.tax-roof_cat .Cat__toggle .txt span::before,
.tax-type_cat .Cat__toggle .txt span::before {
  width: 1px;
  height: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat__toggle .txt span::before,
  .tax-area_cat .Cat__toggle .txt span::before,
  .tax-building_cat .Cat__toggle .txt span::before,
  .tax-color_cat .Cat__toggle .txt span::before,
  .tax-plan_cat .Cat__toggle .txt span::before,
  .tax-price_cat .Cat__toggle .txt span::before,
  .tax-roof_cat .Cat__toggle .txt span::before,
  .tax-type_cat .Cat__toggle .txt span::before {
    height: 24px;
  }
}
.post-type-archive-works .Cat__toggle .txt span::after,
.tax-area_cat .Cat__toggle .txt span::after,
.tax-building_cat .Cat__toggle .txt span::after,
.tax-color_cat .Cat__toggle .txt span::after,
.tax-plan_cat .Cat__toggle .txt span::after,
.tax-price_cat .Cat__toggle .txt span::after,
.tax-roof_cat .Cat__toggle .txt span::after,
.tax-type_cat .Cat__toggle .txt span::after {
  width: calc(30 / 750 * 100vw);
  height: 1px;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat__toggle .txt span::after,
  .tax-area_cat .Cat__toggle .txt span::after,
  .tax-building_cat .Cat__toggle .txt span::after,
  .tax-color_cat .Cat__toggle .txt span::after,
  .tax-plan_cat .Cat__toggle .txt span::after,
  .tax-price_cat .Cat__toggle .txt span::after,
  .tax-roof_cat .Cat__toggle .txt span::after,
  .tax-type_cat .Cat__toggle .txt span::after {
    width: 24px;
  }
}
.post-type-archive-works .Cat__toggle .txt.is-active span:before,
.tax-area_cat .Cat__toggle .txt.is-active span:before,
.tax-building_cat .Cat__toggle .txt.is-active span:before,
.tax-color_cat .Cat__toggle .txt.is-active span:before,
.tax-plan_cat .Cat__toggle .txt.is-active span:before,
.tax-price_cat .Cat__toggle .txt.is-active span:before,
.tax-roof_cat .Cat__toggle .txt.is-active span:before,
.tax-type_cat .Cat__toggle .txt.is-active span:before {
  display: none;
}
.post-type-archive-works .Cat__toggle .inner,
.tax-area_cat .Cat__toggle .inner,
.tax-building_cat .Cat__toggle .inner,
.tax-color_cat .Cat__toggle .inner,
.tax-plan_cat .Cat__toggle .inner,
.tax-price_cat .Cat__toggle .inner,
.tax-roof_cat .Cat__toggle .inner,
.tax-type_cat .Cat__toggle .inner {
  display: block;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Cat__toggle .inner,
  .tax-area_cat .Cat__toggle .inner,
  .tax-building_cat .Cat__toggle .inner,
  .tax-color_cat .Cat__toggle .inner,
  .tax-plan_cat .Cat__toggle .inner,
  .tax-price_cat .Cat__toggle .inner,
  .tax-roof_cat .Cat__toggle .inner,
  .tax-type_cat .Cat__toggle .inner {
    display: none;
  }
}
.post-type-archive-works .Contents,
.tax-area_cat .Contents,
.tax-building_cat .Contents,
.tax-color_cat .Contents,
.tax-plan_cat .Contents,
.tax-price_cat .Contents,
.tax-roof_cat .Contents,
.tax-type_cat .Contents {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents,
  .tax-area_cat .Contents,
  .tax-building_cat .Contents,
  .tax-color_cat .Contents,
  .tax-plan_cat .Contents,
  .tax-price_cat .Contents,
  .tax-roof_cat .Contents,
  .tax-type_cat .Contents {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .container,
  .tax-area_cat .Contents .container,
  .tax-building_cat .Contents .container,
  .tax-color_cat .Contents .container,
  .tax-plan_cat .Contents .container,
  .tax-price_cat .Contents .container,
  .tax-roof_cat .Contents .container,
  .tax-type_cat .Contents .container {
    width: 1240px;
  }
}
.post-type-archive-works .Contents .inner,
.tax-area_cat .Contents .inner,
.tax-building_cat .Contents .inner,
.tax-color_cat .Contents .inner,
.tax-plan_cat .Contents .inner,
.tax-price_cat .Contents .inner,
.tax-roof_cat .Contents .inner,
.tax-type_cat .Contents .inner {
  display: flex;
  flex-wrap: wrap;
}
.post-type-archive-works .Contents .inner .block,
.tax-area_cat .Contents .inner .block,
.tax-building_cat .Contents .inner .block,
.tax-color_cat .Contents .inner .block,
.tax-plan_cat .Contents .inner .block,
.tax-price_cat .Contents .inner .block,
.tax-roof_cat .Contents .inner .block,
.tax-type_cat .Contents .inner .block {
  position: relative;
  width: calc(320 / 750 * 100vw);
  margin-bottom: calc(100 / 750 * 100vw);
}
.post-type-archive-works .Contents .inner .block:nth-of-type(odd),
.tax-area_cat .Contents .inner .block:nth-of-type(odd),
.tax-building_cat .Contents .inner .block:nth-of-type(odd),
.tax-color_cat .Contents .inner .block:nth-of-type(odd),
.tax-plan_cat .Contents .inner .block:nth-of-type(odd),
.tax-price_cat .Contents .inner .block:nth-of-type(odd),
.tax-roof_cat .Contents .inner .block:nth-of-type(odd),
.tax-type_cat .Contents .inner .block:nth-of-type(odd) {
  margin-right: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block:nth-of-type(odd),
  .tax-area_cat .Contents .inner .block:nth-of-type(odd),
  .tax-building_cat .Contents .inner .block:nth-of-type(odd),
  .tax-color_cat .Contents .inner .block:nth-of-type(odd),
  .tax-plan_cat .Contents .inner .block:nth-of-type(odd),
  .tax-price_cat .Contents .inner .block:nth-of-type(odd),
  .tax-roof_cat .Contents .inner .block:nth-of-type(odd),
  .tax-type_cat .Contents .inner .block:nth-of-type(odd) {
    margin-right: inherit;
  }
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block,
  .tax-area_cat .Contents .inner .block,
  .tax-building_cat .Contents .inner .block,
  .tax-color_cat .Contents .inner .block,
  .tax-plan_cat .Contents .inner .block,
  .tax-price_cat .Contents .inner .block,
  .tax-roof_cat .Contents .inner .block,
  .tax-type_cat .Contents .inner .block {
    width: 380px;
    margin-bottom: 100px;
  }
  .post-type-archive-works .Contents .inner .block:not(:nth-of-type(3n)),
  .tax-area_cat .Contents .inner .block:not(:nth-of-type(3n)),
  .tax-building_cat .Contents .inner .block:not(:nth-of-type(3n)),
  .tax-color_cat .Contents .inner .block:not(:nth-of-type(3n)),
  .tax-plan_cat .Contents .inner .block:not(:nth-of-type(3n)),
  .tax-price_cat .Contents .inner .block:not(:nth-of-type(3n)),
  .tax-roof_cat .Contents .inner .block:not(:nth-of-type(3n)),
  .tax-type_cat .Contents .inner .block:not(:nth-of-type(3n)) {
    margin-right: 30px;
  }
}
.post-type-archive-works .Contents .inner .block a,
.tax-area_cat .Contents .inner .block a,
.tax-building_cat .Contents .inner .block a,
.tax-color_cat .Contents .inner .block a,
.tax-plan_cat .Contents .inner .block a,
.tax-price_cat .Contents .inner .block a,
.tax-roof_cat .Contents .inner .block a,
.tax-type_cat .Contents .inner .block a {
  display: block;
  color: #fff;
}
.post-type-archive-works .Contents .inner .block a .img,
.tax-area_cat .Contents .inner .block a .img,
.tax-building_cat .Contents .inner .block a .img,
.tax-color_cat .Contents .inner .block a .img,
.tax-plan_cat .Contents .inner .block a .img,
.tax-price_cat .Contents .inner .block a .img,
.tax-roof_cat .Contents .inner .block a .img,
.tax-type_cat .Contents .inner .block a .img {
  position: relative;
  display: block;
  width: calc(290 / 750 * 100vw);
  height: calc(210 / 750 * 100vw);
  margin: 0 auto calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .img,
  .tax-area_cat .Contents .inner .block a .img,
  .tax-building_cat .Contents .inner .block a .img,
  .tax-color_cat .Contents .inner .block a .img,
  .tax-plan_cat .Contents .inner .block a .img,
  .tax-price_cat .Contents .inner .block a .img,
  .tax-roof_cat .Contents .inner .block a .img,
  .tax-type_cat .Contents .inner .block a .img {
    width: 320px;
    height: 260px;
    margin: 0 auto 20px;
  }
}
.post-type-archive-works .Contents .inner .block a .img img,
.tax-area_cat .Contents .inner .block a .img img,
.tax-building_cat .Contents .inner .block a .img img,
.tax-color_cat .Contents .inner .block a .img img,
.tax-plan_cat .Contents .inner .block a .img img,
.tax-price_cat .Contents .inner .block a .img img,
.tax-roof_cat .Contents .inner .block a .img img,
.tax-type_cat .Contents .inner .block a .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-type-archive-works .Contents .inner .block a .img::after,
.tax-area_cat .Contents .inner .block a .img::after,
.tax-building_cat .Contents .inner .block a .img::after,
.tax-color_cat .Contents .inner .block a .img::after,
.tax-plan_cat .Contents .inner .block a .img::after,
.tax-price_cat .Contents .inner .block a .img::after,
.tax-roof_cat .Contents .inner .block a .img::after,
.tax-type_cat .Contents .inner .block a .img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -5;
  margin: calc(5 / 750 * 100vw) 0 0 calc(5 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .img::after,
  .tax-area_cat .Contents .inner .block a .img::after,
  .tax-building_cat .Contents .inner .block a .img::after,
  .tax-color_cat .Contents .inner .block a .img::after,
  .tax-plan_cat .Contents .inner .block a .img::after,
  .tax-price_cat .Contents .inner .block a .img::after,
  .tax-roof_cat .Contents .inner .block a .img::after,
  .tax-type_cat .Contents .inner .block a .img::after {
    margin: 10px 0 0 10px;
  }
}
.post-type-archive-works .Contents .inner .block a .note,
.tax-area_cat .Contents .inner .block a .note,
.tax-building_cat .Contents .inner .block a .note,
.tax-color_cat .Contents .inner .block a .note,
.tax-plan_cat .Contents .inner .block a .note,
.tax-price_cat .Contents .inner .block a .note,
.tax-roof_cat .Contents .inner .block a .note,
.tax-type_cat .Contents .inner .block a .note {
  margin: 0 auto;
  width: calc(290 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .note,
  .tax-area_cat .Contents .inner .block a .note,
  .tax-building_cat .Contents .inner .block a .note,
  .tax-color_cat .Contents .inner .block a .note,
  .tax-plan_cat .Contents .inner .block a .note,
  .tax-price_cat .Contents .inner .block a .note,
  .tax-roof_cat .Contents .inner .block a .note,
  .tax-type_cat .Contents .inner .block a .note {
    width: 320px;
  }
}
.post-type-archive-works .Contents .inner .block a .note .date,
.tax-area_cat .Contents .inner .block a .note .date,
.tax-building_cat .Contents .inner .block a .note .date,
.tax-color_cat .Contents .inner .block a .note .date,
.tax-plan_cat .Contents .inner .block a .note .date,
.tax-price_cat .Contents .inner .block a .note .date,
.tax-roof_cat .Contents .inner .block a .note .date,
.tax-type_cat .Contents .inner .block a .note .date {
  display: block;
  font-size: calc(24 / 750 * 100vw);
  font-family: Montserrat, sans-serif;
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .note .date,
  .tax-area_cat .Contents .inner .block a .note .date,
  .tax-building_cat .Contents .inner .block a .note .date,
  .tax-color_cat .Contents .inner .block a .note .date,
  .tax-plan_cat .Contents .inner .block a .note .date,
  .tax-price_cat .Contents .inner .block a .note .date,
  .tax-roof_cat .Contents .inner .block a .note .date,
  .tax-type_cat .Contents .inner .block a .note .date {
    font-size: 14px;
    margin-bottom: 10px;
  }
}
.post-type-archive-works .Contents .inner .block a .note .cat,
.tax-area_cat .Contents .inner .block a .note .cat,
.tax-building_cat .Contents .inner .block a .note .cat,
.tax-color_cat .Contents .inner .block a .note .cat,
.tax-plan_cat .Contents .inner .block a .note .cat,
.tax-price_cat .Contents .inner .block a .note .cat,
.tax-roof_cat .Contents .inner .block a .note .cat,
.tax-type_cat .Contents .inner .block a .note .cat {
  display: none;
  flex-wrap: wrap;
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .note .cat,
  .tax-area_cat .Contents .inner .block a .note .cat,
  .tax-building_cat .Contents .inner .block a .note .cat,
  .tax-color_cat .Contents .inner .block a .note .cat,
  .tax-plan_cat .Contents .inner .block a .note .cat,
  .tax-price_cat .Contents .inner .block a .note .cat,
  .tax-roof_cat .Contents .inner .block a .note .cat,
  .tax-type_cat .Contents .inner .block a .note .cat {
    display: flex;
    margin-bottom: 5px;
  }
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .note .cat li,
  .tax-area_cat .Contents .inner .block a .note .cat li,
  .tax-building_cat .Contents .inner .block a .note .cat li,
  .tax-color_cat .Contents .inner .block a .note .cat li,
  .tax-plan_cat .Contents .inner .block a .note .cat li,
  .tax-price_cat .Contents .inner .block a .note .cat li,
  .tax-roof_cat .Contents .inner .block a .note .cat li,
  .tax-type_cat .Contents .inner .block a .note .cat li {
    background-color: #fff;
    color: #f0a02f;
    display: inline-block;
    border-radius: 20px;
    font-weight: 700;
    font-size: 12px;
    padding: 0 10px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 20px;
  }
}
.post-type-archive-works .Contents .inner .block a .note .ttl,
.tax-area_cat .Contents .inner .block a .note .ttl,
.tax-building_cat .Contents .inner .block a .note .ttl,
.tax-color_cat .Contents .inner .block a .note .ttl,
.tax-plan_cat .Contents .inner .block a .note .ttl,
.tax-price_cat .Contents .inner .block a .note .ttl,
.tax-roof_cat .Contents .inner .block a .note .ttl,
.tax-type_cat .Contents .inner .block a .note .ttl {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  font-size: calc(28 / 750 * 100vw);
  font-weight: 700;
  margin-top: calc(12 / 750 * 100vw);
  line-height: 1.2;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .note .ttl,
  .tax-area_cat .Contents .inner .block a .note .ttl,
  .tax-building_cat .Contents .inner .block a .note .ttl,
  .tax-color_cat .Contents .inner .block a .note .ttl,
  .tax-plan_cat .Contents .inner .block a .note .ttl,
  .tax-price_cat .Contents .inner .block a .note .ttl,
  .tax-roof_cat .Contents .inner .block a .note .ttl,
  .tax-type_cat .Contents .inner .block a .note .ttl {
    font-size: 18px;
    margin-top: 6px;
    line-height: 1.6;
  }
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .note .comment,
  .tax-area_cat .Contents .inner .block a .note .comment,
  .tax-building_cat .Contents .inner .block a .note .comment,
  .tax-color_cat .Contents .inner .block a .note .comment,
  .tax-plan_cat .Contents .inner .block a .note .comment,
  .tax-price_cat .Contents .inner .block a .note .comment,
  .tax-roof_cat .Contents .inner .block a .note .comment,
  .tax-type_cat .Contents .inner .block a .note .comment {
    font-size: 14px;
  }
}
.post-type-archive-works .Contents .inner .block a .bg,
.tax-area_cat .Contents .inner .block a .bg,
.tax-building_cat .Contents .inner .block a .bg,
.tax-color_cat .Contents .inner .block a .bg,
.tax-plan_cat .Contents .inner .block a .bg,
.tax-price_cat .Contents .inner .block a .bg,
.tax-roof_cat .Contents .inner .block a .bg,
.tax-type_cat .Contents .inner .block a .bg {
  position: absolute;
  bottom: calc(-40 / 750 * 100vw);
  left: 0;
  width: 100%;
  height: calc(340 / 750 * 100vw);
  background-color: #f0a02f;
  z-index: -10;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .bg,
  .tax-area_cat .Contents .inner .block a .bg,
  .tax-building_cat .Contents .inner .block a .bg,
  .tax-color_cat .Contents .inner .block a .bg,
  .tax-plan_cat .Contents .inner .block a .bg,
  .tax-price_cat .Contents .inner .block a .bg,
  .tax-roof_cat .Contents .inner .block a .bg,
  .tax-type_cat .Contents .inner .block a .bg {
    bottom: -20px;
    height: 400px;
  }
}
.post-type-archive-works .Contents .inner .block a .bg__inner,
.tax-area_cat .Contents .inner .block a .bg__inner,
.tax-building_cat .Contents .inner .block a .bg__inner,
.tax-color_cat .Contents .inner .block a .bg__inner,
.tax-plan_cat .Contents .inner .block a .bg__inner,
.tax-price_cat .Contents .inner .block a .bg__inner,
.tax-roof_cat .Contents .inner .block a .bg__inner,
.tax-type_cat .Contents .inner .block a .bg__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(310 / 750 * 100vw);
  z-index: -10;
  opacity: 0.1;
  filter: blur(3px);
  background-size: cover;
}
@media screen and (min-width: 768px) {
  .post-type-archive-works .Contents .inner .block a .bg__inner,
  .tax-area_cat .Contents .inner .block a .bg__inner,
  .tax-building_cat .Contents .inner .block a .bg__inner,
  .tax-color_cat .Contents .inner .block a .bg__inner,
  .tax-plan_cat .Contents .inner .block a .bg__inner,
  .tax-price_cat .Contents .inner .block a .bg__inner,
  .tax-roof_cat .Contents .inner .block a .bg__inner,
  .tax-type_cat .Contents .inner .block a .bg__inner {
    height: 230px;
  }
}
.single-works .Contents .Head__ttl {
  font-size: calc(40 / 750 * 100vw);
  color: #263c58;
  line-height: 1.4;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head__ttl {
    font-size: 32px;
    margin: 0 auto 20px;
  }
}
.single-works .Contents .Head .date {
  display: block;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .date {
    margin: 0 auto 20px;
  }
}
.single-works .Contents .Head .cat {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .cat {
    margin: 0 auto 60px;
  }
}
.single-works .Contents .Head .cat li {
  display: inline-block;
  background-color: #f0a02f;
  border-radius: 20px;
  padding: 0 calc(20 / 750 * 100vw);
  margin: 0 calc(10 / 750 * 100vw) calc(20 / 750 * 100vw) 0;
  color: #fff;
  border: solid 2px #815500;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .cat li {
    padding: 0 20px;
    margin: 0 10px 10px 0;
  }
}
.single-works .Contents .Head .before {
  position: relative;
  width: calc(610 / 750 * 100vw);
  height: calc(450 / 750 * 100vw);
  margin: 0 auto calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .before {
    width: 600px;
    height: 400px;
    margin-bottom: 100px;
  }
}
.single-works .Contents .Head .before::before {
  position: absolute;
  top: calc(20 / 750 * 100vw);
  left: calc(20 / 750 * 100vw);
  display: block;
  content: "Before";
  width: calc(120 / 750 * 100vw);
  font-size: calc(28 / 750 * 100vw);
  font-weight: 700;
  background-color: #f0a02f;
  z-index: 5;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .before::before {
    top: 20px;
    left: 20px;
    width: 100px;
    font-size: 20px;
  }
}
.single-works .Contents .Head .before:after {
  position: absolute;
  bottom: calc(-70 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(40 / 750 * 100vw) calc(40 / 750 * 100vw) 0 calc(40 / 750 * 100vw);
  border-color: #f0a02f transparent transparent transparent;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .before:after {
    bottom: -70px;
    border-width: 40px 40px 0 40px;
  }
}
.single-works .Contents .Head .before img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-works .Contents .Head .gallery {
  position: relative;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .gallery {
    margin-bottom: 80px;
  }
}
.single-works .Contents .Head .gallery::before {
  position: absolute;
  top: calc(20 / 750 * 100vw);
  left: calc(20 / 750 * 100vw);
  display: block;
  content: "After";
  width: calc(160 / 750 * 100vw);
  font-size: calc(30 / 750 * 100vw);
  font-weight: 700;
  background-color: #f0a02f;
  z-index: 5;
  text-align: center;
  color: #fff;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .gallery::before {
    top: 20px;
    left: 20px;
    width: 100px;
    font-size: 20px;
  }
}
.single-works .Contents .Head .gallery .swiper-container {
  height: calc(600 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .gallery .swiper-container {
    height: 760px;
  }
}
.single-works .Contents .Head .gallery .swiper-container.slideNone .swiper-button-next,
.single-works .Contents .Head .gallery .swiper-container.slideNone .swiper-button-prev {
  display: none;
}
.single-works .Contents .Head .gallery .swiper-slide {
  position: relative;
  width: calc(690 / 750 * 100vw);
  height: calc(516 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .gallery .swiper-slide {
    width: 950px;
    height: 712px;
  }
}
.single-works .Contents .Head .gallery .swiper-slide img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-works .Contents .Head .gallery .swiper-button-next {
  right: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .gallery .swiper-button-next {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 0 0 440px;
    right: inherit;
  }
}
.single-works .Contents .Head .gallery .swiper-button-prev {
  left: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head .gallery .swiper-button-prev {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 0 0 -440px;
  }
}
.single-works .Contents .Head .gallery .swiper-pagination-bullet {
  background-color: #828282;
}
.single-works .Contents .Head .gallery .swiper-pagination-bullet-active {
  background-color: #f0a02f;
}
.single-works .Contents .Head__comment {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head__comment {
    width: 800px;
    margin: 0 auto 60px;
  }
}
.single-works .Contents .Head__comment__ttl {
  color: #fff;
  background-color: #f0a02f;
  font-size: calc(36 / 750 * 100vw);
  padding: calc(10 / 750 * 100vw) calc(30 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head__comment__ttl {
    font-size: 20px;
    padding: 10px 20px;
    margin-bottom: 20px;
  }
}
.single-works .Contents .Head__detail {
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head__detail {
    width: 400px;
  }
}
.single-works .Contents .Head__detail__wrap {
  background-color: #f8f1d9;
  padding: calc(60 / 750 * 100vw) calc(40 / 750 * 100vw);
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head__detail__wrap {
    padding: 60px 70px;
    margin-bottom: 50px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
  }
}
.single-works .Contents .Head__detail dt {
  float: left;
  font-weight: 700;
}
.single-works .Contents .Head__detail dd {
  border-bottom: 1px solid #000;
  padding-left: calc(200 / 750 * 100vw);
  padding-bottom: calc(20 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head__detail dd {
    padding: 0 0 20px 120px;
    margin-bottom: 20px;
  }
}
.single-works .Contents .Head__detail dd .link {
  display: block;
  text-align: center;
  color: #fff;
  padding: calc(10 / 750 * 100vw);
  border-radius: 8px;
  margin-top: calc(16 / 750 * 100vw);
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Head__detail dd .link {
    padding: 6px;
    margin-top: 6px;
    width: 220px;
  }
}
.single-works .Contents .Head__detail dd .link01 {
  background-color: #f0a02f;
}
.single-works .Contents .Head__detail dd .link02 {
  background-color: #30200a;
}
.single-works .Contents .Head .contents2 img {
  height: 100%;
}
.single-works .Contents .Head .contents2 table,
.single-works .Contents .Head .contents2 tbody,
.single-works .Contents .Head .contents2 td,
.single-works .Contents .Head .contents2 th {
  vertical-align: top;
}
.single-works .Contents .Head .contents2 table {
  width: 100% !important;
  margin-bottom: 40px;
}
@media screen and (max-width: 767px) {
  .single-works .Contents .Head .contents2 td {
    width: 100%;
    display: block;
    box-sizing: border-box;
  }
}
.single-works .Contents .Head .contents2 h3 {
  color: #000 !important;
  border: 1px solid #901717;
  border-width: 1px 0;
  background: 0 0 !important;
  font-size: 18px;
  padding: 2%;
  margin: 2% 0;
  box-sizing: border-box;
}
.single-works .Contents .Head .contents2 h4 {
  color: #000 !important;
  border: 0 solid #901717;
  border-left-width: 3px;
  background: #fff !important;
  font-size: 14px;
  text-align: left;
  padding: 0 2%;
  margin: 2%;
  box-sizing: border-box;
}
.single-works .Contents__subttl {
  position: relative;
  font-size: calc(64 / 750 * 100vw);
  text-align: center;
  color: #ff7e15;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents__subttl {
    font-size: 56px;
    margin-bottom: 30px;
  }
}
.single-works .Contents__subttl::after,
.single-works .Contents__subttl::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  content: "";
  width: 2px;
  height: calc(80 / 750 * 100vw);
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  .single-works .Contents__subttl::after,
  .single-works .Contents__subttl::before {
    height: 80px;
  }
}
.single-works .Contents__subttl::before {
  transform: translate(-50%, -50%) rotate(-45deg);
}
.single-works .Contents__subttl::after {
  transform: translate(-50%, -50%) rotate(45deg);
}
.single-works .Contents .After .contents,
.single-works .Contents .Before .contents,
.single-works .Contents .Progress .contents,
.single-works .Contents .Voice .contents {
  display: flow-root;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  justify-content: flex-start;
  overflow: hidden;
}
.single-works .Contents .After .contents::after,
.single-works .Contents .Before .contents::after,
.single-works .Contents .Progress .contents::after,
.single-works .Contents .Voice .contents::after {
  display: block;
  clear: both;
  content: "";
}
.single-works .Contents .After .contents h2,
.single-works .Contents .After .contents h3,
.single-works .Contents .After .contents h4,
.single-works .Contents .After .contents h5,
.single-works .Contents .After .contents h6,
.single-works .Contents .Before .contents h2,
.single-works .Contents .Before .contents h3,
.single-works .Contents .Before .contents h4,
.single-works .Contents .Before .contents h5,
.single-works .Contents .Before .contents h6,
.single-works .Contents .Progress .contents h2,
.single-works .Contents .Progress .contents h3,
.single-works .Contents .Progress .contents h4,
.single-works .Contents .Progress .contents h5,
.single-works .Contents .Progress .contents h6,
.single-works .Contents .Voice .contents h2,
.single-works .Contents .Voice .contents h3,
.single-works .Contents .Voice .contents h4,
.single-works .Contents .Voice .contents h5,
.single-works .Contents .Voice .contents h6 {
  margin: 1.5em 0;
  line-height: 1.4;
}
.single-works .Contents .After .contents h2,
.single-works .Contents .Before .contents h2,
.single-works .Contents .Progress .contents h2,
.single-works .Contents .Voice .contents h2 {
  font-size: 1.8em;
  background-color: #eef1f2;
  padding: 0.4em 0.8em;
}
.single-works .Contents .After .contents h3,
.single-works .Contents .Before .contents h3,
.single-works .Contents .Progress .contents h3,
.single-works .Contents .Voice .contents h3 {
  font-size: 1.6em;
  padding-bottom: 0.4em;
  border-bottom: 1px solid #ccc;
}
.single-works .Contents .After .contents h4,
.single-works .Contents .Before .contents h4,
.single-works .Contents .Progress .contents h4,
.single-works .Contents .Voice .contents h4 {
  font-size: 1.4em;
}
.single-works .Contents .After .contents h5,
.single-works .Contents .Before .contents h5,
.single-works .Contents .Progress .contents h5,
.single-works .Contents .Voice .contents h5 {
  font-size: 1.2em;
}
.single-works .Contents .After .contents h6,
.single-works .Contents .Before .contents h6,
.single-works .Contents .Progress .contents h6,
.single-works .Contents .Voice .contents h6 {
  font-size: 1em;
}
.single-works .Contents .After .contents p,
.single-works .Contents .Before .contents p,
.single-works .Contents .Progress .contents p,
.single-works .Contents .Voice .contents p {
  line-height: 1.8;
}
.single-works .Contents .After .contents p + p,
.single-works .Contents .Before .contents p + p,
.single-works .Contents .Progress .contents p + p,
.single-works .Contents .Voice .contents p + p {
  margin-top: 1.5em;
}
.single-works .Contents .After .contents em,
.single-works .Contents .Before .contents em,
.single-works .Contents .Progress .contents em,
.single-works .Contents .Voice .contents em {
  font-style: italic;
}
.single-works .Contents .After .contents blockquote,
.single-works .Contents .Before .contents blockquote,
.single-works .Contents .Progress .contents blockquote,
.single-works .Contents .Voice .contents blockquote {
  margin: 1.5em 0;
  border-left: 5px solid #ddd;
  padding: 1em 0 1em 10px;
  color: #777;
}
.single-works .Contents .After .contents blockquote p + p,
.single-works .Contents .Before .contents blockquote p + p,
.single-works .Contents .Progress .contents blockquote p + p,
.single-works .Contents .Voice .contents blockquote p + p {
  margin-top: 0.5em;
}
.single-works .Contents .After .contents ol,
.single-works .Contents .After .contents ul,
.single-works .Contents .Before .contents ol,
.single-works .Contents .Before .contents ul,
.single-works .Contents .Progress .contents ol,
.single-works .Contents .Progress .contents ul,
.single-works .Contents .Voice .contents ol,
.single-works .Contents .Voice .contents ul {
  margin-top: 1.5em;
}
.single-works .Contents .After .contents ul,
.single-works .Contents .Before .contents ul,
.single-works .Contents .Progress .contents ul,
.single-works .Contents .Voice .contents ul {
  list-style-type: disc;
}
.single-works .Contents .After .contents ol,
.single-works .Contents .Before .contents ol,
.single-works .Contents .Progress .contents ol,
.single-works .Contents .Voice .contents ol {
  list-style-type: decimal;
}
.single-works .Contents .After .contents li,
.single-works .Contents .Before .contents li,
.single-works .Contents .Progress .contents li,
.single-works .Contents .Voice .contents li {
  margin-left: 1.5em;
}
.single-works .Contents .After .contents img,
.single-works .Contents .Before .contents img,
.single-works .Contents .Progress .contents img,
.single-works .Contents .Voice .contents img {
  height: auto;
}
.single-works .Contents .After .contents .aligncenter,
.single-works .Contents .Before .contents .aligncenter,
.single-works .Contents .Progress .contents .aligncenter,
.single-works .Contents .Voice .contents .aligncenter {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.single-works .Contents .After .contents .alignright,
.single-works .Contents .Before .contents .alignright,
.single-works .Contents .Progress .contents .alignright,
.single-works .Contents .Voice .contents .alignright {
  float: right;
  margin-bottom: 20px;
  margin-left: 20px;
}
.single-works .Contents .After .contents .alignleft,
.single-works .Contents .Before .contents .alignleft,
.single-works .Contents .Progress .contents .alignleft,
.single-works .Contents .Voice .contents .alignleft {
  float: left;
  margin-right: 20px;
  margin-bottom: 20px;
}
.single-works .Contents .After .contents .wp-caption,
.single-works .Contents .After .contents [class*="wp-image"],
.single-works .Contents .Before .contents .wp-caption,
.single-works .Contents .Before .contents [class*="wp-image"],
.single-works .Contents .Progress .contents .wp-caption,
.single-works .Contents .Progress .contents [class*="wp-image"],
.single-works .Contents .Voice .contents .wp-caption,
.single-works .Contents .Voice .contents [class*="wp-image"] {
  display: block;
  max-width: 100% !important;
  text-align: center;
}
.single-works .Contents .After .contents .wp-caption-text,
.single-works .Contents .Before .contents .wp-caption-text,
.single-works .Contents .Progress .contents .wp-caption-text,
.single-works .Contents .Voice .contents .wp-caption-text {
  margin-top: 0;
}
.single-works .Contents .After .contents p,
.single-works .Contents .Before .contents p,
.single-works .Contents .Progress .contents p,
.single-works .Contents .Voice .contents p {
  width: 100%;
}
.single-works .Contents .After .contents img,
.single-works .Contents .Before .contents img,
.single-works .Contents .Progress .contents img,
.single-works .Contents .Voice .contents img {
  display: block;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .After .contents img,
  .single-works .Contents .Before .contents img,
  .single-works .Contents .Progress .contents img,
  .single-works .Contents .Voice .contents img {
    margin-bottom: 20px;
  }
}
.single-works .Contents .After .contents .gallery,
.single-works .Contents .Before .contents .gallery,
.single-works .Contents .Progress .contents .gallery,
.single-works .Contents .Voice .contents .gallery {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
}
.single-works .Contents .After .contents #gallery-3,
.single-works .Contents .Before .contents #gallery-3,
.single-works .Contents .Progress .contents #gallery-3,
.single-works .Contents .Voice .contents #gallery-3 {
  margin-top: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .After .contents #gallery-3,
  .single-works .Contents .Before .contents #gallery-3,
  .single-works .Contents .Progress .contents #gallery-3,
  .single-works .Contents .Voice .contents #gallery-3 {
    margin-top: 40px;
  }
}
.single-works .Contents .After .contents .gallery-item,
.single-works .Contents .Before .contents .gallery-item,
.single-works .Contents .Progress .contents .gallery-item,
.single-works .Contents .Voice .contents .gallery-item {
  width: 100% !important;
  text-align: left !important;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .After .contents .gallery-item,
  .single-works .Contents .Before .contents .gallery-item,
  .single-works .Contents .Progress .contents .gallery-item,
  .single-works .Contents .Voice .contents .gallery-item {
    width: 320px !important;
    margin-bottom: 20px !important;
  }
  .single-works .Contents .After .contents .gallery-item:not(:nth-of-type(3n)),
  .single-works .Contents .Before .contents .gallery-item:not(:nth-of-type(3n)),
  .single-works .Contents .Progress .contents .gallery-item:not(:nth-of-type(3n)),
  .single-works .Contents .Voice .contents .gallery-item:not(:nth-of-type(3n)) {
    margin-right: 20px;
  }
}
.single-works .Contents .After .contents .gallery-item:not(:last-of-type),
.single-works .Contents .Before .contents .gallery-item:not(:last-of-type),
.single-works .Contents .Progress .contents .gallery-item:not(:last-of-type),
.single-works .Contents .Voice .contents .gallery-item:not(:last-of-type) {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .After .contents .gallery-item:not(:last-of-type),
  .single-works .Contents .Before .contents .gallery-item:not(:last-of-type),
  .single-works .Contents .Progress .contents .gallery-item:not(:last-of-type),
  .single-works .Contents .Voice .contents .gallery-item:not(:last-of-type) {
    margin-bottom: inherit;
  }
}
.single-works .Contents .After .contents .gallery-item img,
.single-works .Contents .Before .contents .gallery-item img,
.single-works .Contents .Progress .contents .gallery-item img,
.single-works .Contents .Voice .contents .gallery-item img {
  border: none !important;
}
.single-works .Contents .Before {
  background-color: #f8f1d9;
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Before {
    padding: 100px 0;
  }
}
.single-works .Contents .Before .Contents__subttl::before {
  margin-left: calc(-180 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Before .Contents__subttl::before {
    margin-left: -180px;
  }
}
.single-works .Contents .Before .Contents__subttl::after {
  margin-left: calc(180 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Before .Contents__subttl::after {
    margin-left: 180px;
  }
}
.single-works .Contents .Progress {
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Progress {
    padding: 100px 0;
  }
}
.single-works .Contents .Progress .Contents__subttl::before {
  margin-left: calc(-240 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Progress .Contents__subttl::before {
    margin-left: -240px;
  }
}
.single-works .Contents .Progress .Contents__subttl::after {
  margin-left: calc(240 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Progress .Contents__subttl::after {
    margin-left: 240px;
  }
}
.single-works .Contents .After {
  background-color: #f8f1d9;
  padding: calc(100 / 750 * 100vw) 0;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .After {
    padding: 100px 0;
    margin-bottom: 60px;
  }
}
.single-works .Contents .After .Contents__subttl::before {
  margin-left: calc(-180 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .After .Contents__subttl::before {
    margin-left: -180px;
  }
}
.single-works .Contents .After .Contents__subttl::after {
  margin-left: calc(180 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .After .Contents__subttl::after {
    margin-left: 180px;
  }
}
.single-works .Contents .Voice {
  margin: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Voice {
    margin: 100px 0;
  }
}
.single-works .Contents .Voice .Contents__subttl::before {
  margin-left: calc(-240 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Voice .Contents__subttl::before {
    margin-left: -240px;
  }
}
.single-works .Contents .Voice .Contents__subttl::after {
  margin-left: calc(240 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Voice .Contents__subttl::after {
    margin-left: 240px;
  }
}
.single-works .Contents .Voice .contents {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Voice .contents {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Btn {
    width: 250px;
  }
}
.single-works .Contents .Btn.back::after {
  width: calc(40 / 750 * 100vw);
  height: calc(40 / 750 * 100vw);
  background: url(../images/case/return_icon.png) no-repeat center/cover;
  transform: translateY(-50%);
  border: none;
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Btn.back::after {
    width: 20px;
    height: 20px;
  }
}
.single-works .Contents .Btn:not(:last-of-type) {
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Btn:not(:last-of-type) {
    margin-bottom: 0;
  }
}
.single-works .Contents .Btn__wrap {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-works .Contents .Btn__wrap {
    display: flex;
    justify-content: space-between;
    width: 800px;
    margin: 0 auto 100px;
  }
}
#commitment .Fv img {
  display: block;
  width: calc(460 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #commitment .Fv img {
    width: 583px;
  }
}
#commitment .Lead {
  padding: calc(150 / 750 * 100vw) 0;
  background-color: #fff9eb;
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Lead {
    padding: 100px 0;
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Lead .container {
    width: 1240px;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Lead .inner {
    display: flex;
    justify-content: space-between;
  }
}
#commitment .Lead .inner .img {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Lead .inner .img {
    width: 600px;
    margin: 0 50px 0 0;
    flex: 1 0 auto;
  }
}
#commitment .Lead .inner .notes .ttl {
  font-size: calc(40 / 750 * 100vw);
  color: #f0a02f;
  margin-bottom: calc(40 / 750 * 100vw);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #commitment .Lead .inner .notes .ttl {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
#commitment .Lead .inner .notes .txt {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Lead .inner .notes .txt {
    margin-bottom: 30px;
  }
}
#commitment .Lead .inner .notes .txt:first-of-type {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Lead .inner .notes .txt:first-of-type {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Lead .inner .notes .Btn {
    margin: 0 auto 0 0;
  }
}
#commitment .Lead .inner .notes .Btn::after {
  width: calc(32 / 750 * 100vw);
  height: calc(32 / 750 * 100vw);
  border: none;
  background: url(../images/commitment/tab_icon.png) no-repeat center/cover;
  transform: translateY(-50%);
}
@media screen and (min-width: 768px) {
  #commitment .Lead .inner .notes .Btn::after {
    width: 18px;
    height: 18px;
  }
}
#commitment .Contents__ttl {
  font-size: calc(50 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Contents__ttl {
    position: absolute;
    top: -310px;
    left: -440px;
    font-size: 40px;
    margin-bottom: 0;
  }
}
#commitment .Contents__ttl .en {
  font-size: calc(35 / 750 * 100vw);
  display: block;
  color: #000;
}
@media screen and (min-width: 768px) {
  #commitment .Contents__ttl .en {
    font-size: 25px;
  }
}
#commitment .Contents__lead {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Contents__lead {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Contents__lead .container {
    width: 100%;
    padding: 0;
  }
}
#commitment .Contents__lead .img {
  margin: 0 calc(-40 / 750 * 100vw) calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Contents__lead .img {
    position: relative;
    overflow: hidden;
    width: calc(950 / 1440 * 100vw);
    height: 300px;
    margin: 0 0 60px auto;
  }
  #commitment .Contents__lead .img img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Contents__lead .notes {
    position: relative;
    width: calc(950 / 1440 * 100vw);
    margin: 0 0 0 auto;
    padding-right: calc(120 / 1440 * 100vw);
  }
}
#commitment .Contents__lead .notes .txt:not(:last-of-type) {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Contents__lead .notes .txt:not(:last-of-type) {
    margin-bottom: 30px;
  }
}
#commitment .Contents__lead .notes .txt .marker {
  background: linear-gradient(transparent 50%, #fffd00 50%);
}
#commitment .Quality {
  position: relative;
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality {
    margin-bottom: 150px;
  }
}
#commitment .Quality::after,
#commitment .Quality::before {
  position: absolute;
  z-index: -5;
  left: 50%;
  display: block;
  content: "";
  width: 1000px;
  height: 200px;
  background-color: #fffae6;
  transform-origin: 0 0;
}
@media screen and (min-width: 768px) {
  #commitment .Quality::after,
  #commitment .Quality::before {
    width: 120vw;
    height: 300px;
  }
}
#commitment .Quality::before {
  top: calc(1600 / 750 * 100vw);
  transform: rotate(-45deg) translateX(-50%);
}
@media screen and (min-width: 768px) {
  #commitment .Quality::before {
    top: 500px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 800px 200vw 800px 0;
    border-color: transparent #fffae6 transparent transparent;
    background-color: transparent;
    transform: rotate(0) translateX(-50%);
  }
}
#commitment .Quality::after {
  top: calc(4200 / 750 * 100vw);
  transform: rotate(20deg) translateX(-50%);
}
@media screen and (min-width: 768px) {
  #commitment .Quality::after {
    top: 2600px;
    transform: rotate(-20deg) translateX(-50%);
  }
}
#commitment .Quality .point {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point {
    margin-bottom: 100px;
  }
}
#commitment .Quality .point__ttl {
  position: relative;
  font-size: calc(40 / 750 * 100vw);
  color: #f0a02f;
  text-align: center;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point__ttl {
    font-size: 35px;
    margin-bottom: 60px;
  }
}
#commitment .Quality .point__ttl::after,
#commitment .Quality .point__ttl::before {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  width: 2px;
  height: calc(60 / 750 * 100vw);
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point__ttl::after,
  #commitment .Quality .point__ttl::before {
    height: 50px;
  }
}
#commitment .Quality .point__ttl::before {
  left: 0;
  transform: translateY(-50%) rotate(-20deg);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point__ttl::before {
    left: 200px;
  }
}
#commitment .Quality .point__ttl::after {
  right: 0;
  transform: translateY(-50%) rotate(20deg);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point__ttl::after {
    right: 200px;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point .block {
    display: flex;
    justify-content: space-between;
  }
  #commitment .Quality .point .block:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  #commitment .Quality .point .block:nth-of-type(even) .img {
    margin: 0 0 0 60px;
  }
}
#commitment .Quality .point .block:not(:last-of-type) {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point .block:not(:last-of-type) {
    margin-bottom: 100px;
  }
}
#commitment .Quality .point .block .img {
  position: relative;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point .block .img {
    width: 450px;
    flex: 1 0 auto;
    margin: 0 60px 0 0;
  }
}
#commitment .Quality .point .block .img .number {
  position: absolute;
  top: 0;
  left: calc(20 / 750 * 100vw);
  display: inline-block;
  width: calc(170 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point .block .img .number {
    top: -40px;
    left: -20px;
    width: 120px;
  }
}
#commitment .Quality .point .block .notes .ttl {
  font-size: calc(40 / 750 * 100vw);
  color: #f0a02f;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point .block .notes .ttl {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Quality .point .block .notes .txt {
    line-height: 2;
  }
}
#commitment .Quality .point .block .notes .txt span {
  color: #f0a02f;
  font-weight: 700;
}
#commitment .Quality .meeting .ttl {
  font-size: calc(35 / 750 * 100vw);
  text-align: center;
  color: #f0a02f;
  line-height: 1.4;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .meeting .ttl {
    font-size: 35px;
    margin-bottom: 60px;
  }
}
#commitment .Quality .meeting .inner {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .meeting .inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 40px;
    width: 800px;
    margin: 0 auto 20px;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Quality .meeting .inner .img {
    width: 390px;
  }
}
#commitment .Quality .meeting .inner .img:first-of-type {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Quality .meeting .inner .img:first-of-type {
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Quality .meeting .txt {
    width: 800px;
    margin: 0 auto;
    text-align: center;
    font-size: 20px;
  }
}
#commitment .Color {
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Color {
    margin-bottom: 150px;
  }
}
#commitment .Color .block .img {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Color .block .img {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  #commitment .Color .block .txt {
    width: 800px;
    margin: 0 auto;
  }
}
#commitment .Grasp {
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Grasp {
    margin-bottom: 150px;
  }
}
#commitment .Grasp .block {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Grasp .block {
    margin-bottom: 60px;
  }
}
#commitment .Grasp .block .inner {
  padding: 0 calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Grasp .block .inner {
    display: flex;
    justify-content: space-between;
    width: 1040px;
    padding: 0 20px;
    margin: 0 auto;
  }
}
#commitment .Grasp .block .img {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #commitment .Grasp .block .img {
    width: 450px;
    flex: 1 0 auto;
    margin: 0 50px 0 0;
  }
}
#commitment .Grasp .block .txt .marker {
  background: linear-gradient(transparent 50%, #fffd00 50%);
}
#commitment .Grasp .bnr a {
  display: block;
  transition: 0.5s all;
}
#commitment .Grasp .bnr a:hover {
  opacity: 0.8;
}
#contact .Fv img {
  display: block;
  width: calc(670 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #contact .Fv img {
    width: 499px;
  }
}
#contact .Lead {
  position: relative;
  z-index: 0;
  padding: calc(100 / 750 * 100vw) 0 calc(200 / 750 * 100vw);
  background: url(../images/contact/bg_pattern.png) repeat;
}
@media screen and (min-width: 768px) {
  #contact .Lead {
    padding: 120px 0;
  }
}
@media screen and (min-width: 768px) {
  #contact .Lead .txt {
    text-align: center;
  }
}
#contact .Lead .txt span {
  color: #f0a02f;
  font-weight: 700;
}
#contact .Lead .staff {
  position: absolute;
}
#contact .Lead .staff01 {
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 257px;
  margin-left: -400px;
}
#contact .Lead .staff02 {
  bottom: 0;
  right: calc(20 / 750 * 100vw);
  width: calc(147 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Lead .staff02 {
    right: inherit;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 440px;
  }
}
#contact .Lead .deco {
  position: absolute;
  z-index: -10;
}
#contact .Lead .deco01 {
  width: calc(354 / 750 * 100vw);
  top: 0;
  left: calc(-100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Lead .deco01 {
    width: 354px;
    top: 50px;
    left: 100px;
  }
}
#contact .Lead .deco02 {
  width: calc(329 / 750 * 100vw);
  bottom: 0;
  right: calc(-100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Lead .deco02 {
    width: 329px;
    right: 200px;
    bottom: 100px;
  }
}
#contact .Inquiry .ttl,
#contact .Tel .ttl {
  text-align: center;
  font-size: calc(40 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Inquiry .ttl,
  #contact .Tel .ttl {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
#contact .Inquiry .ttl .icon,
#contact .Tel .ttl .icon {
  display: block;
  width: calc(80 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #contact .Inquiry .ttl .icon,
  #contact .Tel .ttl .icon {
    width: 80px;
  }
}
#contact .Inquiry .ttl .color,
#contact .Tel .ttl .color {
  color: #f0a02f;
}
#contact .Tel {
  position: relative;
  padding: calc(150 / 750 * 100vw) 0 calc(100 / 750 * 100vw);
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Tel {
    padding: 150px 0 80px;
    margin-bottom: 80px;
  }
}
#contact .Tel::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: calc(670 / 750 * 100vw);
  height: 1px;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  #contact .Tel::after {
    width: 800px;
  }
}
#contact .Tel .caution {
  text-align: center;
  color: red;
  line-height: 1.4;
}
#contact .Tel a {
  display: block;
  text-align: center;
  font-size: calc(80 / 750 * 100vw);
  color: #000;
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #contact .Tel a {
    font-size: 80px;
  }
}
#contact .Tel a small {
  font-size: calc(32 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Tel a small {
    font-size: 32px;
  }
}
#contact .Tel .txt {
  text-align: center;
}
#contact .Tel .deco {
  position: absolute;
}
#contact .Tel .deco01 {
  position: absolute;
  top: calc(40 / 750 * 100vw);
  left: calc(40 / 750 * 100vw);
  width: calc(120 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Tel .deco01 {
    width: 120px;
    top: 250px;
    left: 50%;
    transform: translateX(-50%);
    margin-left: -450px;
  }
}
#contact .Tel .deco02 {
  position: absolute;
  bottom: calc(20 / 750 * 100vw);
  right: calc(20 / 750 * 100vw);
  width: calc(117 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Tel .deco02 {
    width: 120px;
    bottom: 120px;
    right: inherit;
    left: 50%;
    transform: translateX(-50%);
    margin-left: 450px;
  }
}
#contact .Inquiry {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Inquiry {
    margin-bottom: 100px;
  }
}
#contact .Inquiry .caution {
  text-align: center;
  margin-bottom: calc(40 / 750 * 100vw);
  color: red;
}
@media screen and (min-width: 768px) {
  #contact .Inquiry .caution {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #contact .Inquiry .Form .mailform dt {
    float: left;
    font-size: 16px;
    margin-bottom: 10px;
  }
}
#contact .Inquiry .Form .mailform dd {
  border-bottom: 1px solid #ccc;
  padding-bottom: calc(40 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #contact .Inquiry .Form .mailform dd {
    font-size: 16px;
    padding-bottom: 30px;
    margin-bottom: 30px;
    padding-left: 200px;
  }
}
#contact .Inquiry .Form .mailform dd textarea {
  height: 200px;
}
@media screen and (min-width: 768px) {
  #contact .Inquiry .Form .mailform dd .wpcf7-list-item {
    width: auto;
  }
  #contact .Inquiry .Form .mailform dd .wpcf7-list-item:not(:last-of-type) {
    margin-right: 10px;
  }
}
#contact .Common--contact {
  display: none;
}
#diagnosis .Fv img {
  display: block;
  width: calc(449 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #diagnosis .Fv img {
    width: 670px;
  }
}
#diagnosis .Lead {
  background-color: #fff9ec;
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #diagnosis .Lead {
    padding: 100px 0;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Lead .container {
    width: 1240px;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Lead__inner {
    display: flex;
  }
}
#diagnosis .Lead__inner .img {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Lead__inner .img {
    width: 600px;
    overflow: hidden;
    margin: 0;
  }
  #diagnosis .Lead__inner .img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Lead__inner .notes {
    width: 500px;
    margin-left: calc(100 / 1440 * 100%);
  }
}
#diagnosis .Lead__inner .notes .ttl {
  font-size: calc(40 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Lead__inner .notes .ttl {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
#diagnosis .Lead__inner .notes .txt:first-of-type {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Lead__inner .notes .txt:first-of-type {
    margin-bottom: 40px;
  }
}
#diagnosis .Point {
  padding: calc(100 / 750 * 100vw) 0;
  background-color: #f6f7f9;
}
@media screen and (min-width: 768px) {
  #diagnosis .Point {
    padding: 150px 0;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Point .container {
    width: 1240px;
  }
}
#diagnosis .Point__ttl {
  width: calc(642 / 750 * 100vw);
  margin: 0 auto calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__ttl {
    width: 1039px;
    margin-bottom: 80px;
  }
}
#diagnosis .Point__block:not(:last-of-type) {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block:not(:last-of-type) {
    margin-bottom: 150px;
  }
}
#diagnosis .Point__block .ttl {
  position: relative;
  text-align: center;
  font-size: calc(42 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block .ttl {
    font-size: 38px;
    margin-bottom: 60px;
  }
}
#diagnosis .Point__block .ttl .bk {
  display: block;
  font-size: calc(28 / 750 * 100vw);
  color: #000;
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block .ttl .bk {
    font-size: 25px;
  }
}
#diagnosis .Point__block .ttl .marker {
  background: linear-gradient(transparent 70%, #fffd3c 90%);
}
#diagnosis .Point__block .ttl::after,
#diagnosis .Point__block .ttl::before {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  width: 2px;
  height: calc(150 / 750 * 100vw);
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block .ttl::after,
  #diagnosis .Point__block .ttl::before {
    height: 80px;
  }
}
#diagnosis .Point__block .ttl::before {
  left: 0;
  transform: translateY(-50%) rotate(-15deg);
}
#diagnosis .Point__block .ttl::after {
  right: 0;
  transform: translateY(-50%) rotate(15deg);
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
#diagnosis .Point__block .img {
  position: relative;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block .img {
    width: 600px;
    margin-bottom: 0;
  }
}
#diagnosis .Point__block .img .icon {
  position: absolute;
  top: calc(-20 / 750 * 100vw);
  display: inline-block;
  width: calc(155 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block .img .icon {
    top: -20px;
    width: 114px;
  }
}
#diagnosis .Point__block:nth-of-type(odd) .img .icon {
  left: calc(-20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block:nth-of-type(even) .inner {
    flex-direction: row-reverse;
  }
}
#diagnosis .Point__block:nth-of-type(even) .img .icon {
  right: calc(-20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block:nth-of-type(1) .ttl::before {
    left: 180px;
  }
  #diagnosis .Point__block:nth-of-type(1) .ttl::after {
    right: 180px;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block:nth-of-type(2) .ttl::before {
    left: 130px;
  }
  #diagnosis .Point__block:nth-of-type(2) .ttl::after {
    right: 130px;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block:nth-of-type(3) .ttl::before {
    left: 130px;
  }
  #diagnosis .Point__block:nth-of-type(3) .ttl::after {
    right: 130px;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block:nth-of-type(4) .ttl::before {
    left: 220px;
  }
  #diagnosis .Point__block:nth-of-type(4) .ttl::after {
    right: 220px;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Point__block .notes {
    width: 500px;
  }
}
#diagnosis .Check {
  position: relative;
  z-index: 0;
  background-color: #f7f2dc;
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #diagnosis .Check {
    padding: 150px 0;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Check .container {
    width: 1240px;
  }
}
#diagnosis .Check__block {
  position: relative;
  background-color: #fff;
  padding: calc(80 / 750 * 100vw) calc(40 / 750 * 100vw);
  margin-bottom: calc(200 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__block {
    padding: 80px 100px;
    margin-bottom: 200px;
  }
}
#diagnosis .Check__block::after {
  position: absolute;
  bottom: calc(-150 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(60 / 750 * 100vw) calc(60 / 750 * 100vw) 0 calc(60 / 750 * 100vw);
  border-color: #f0a02f transparent transparent transparent;
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__block::after {
    bottom: -130px;
    border-width: 60px 80px 0 80px;
  }
}
#diagnosis .Check__block .lead {
  position: relative;
  text-align: center;
  padding-bottom: calc(40 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__block .lead {
    padding-bottom: 40px;
    margin-bottom: 40px;
  }
}
#diagnosis .Check__block .lead::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: calc(80 / 750 * 100vw);
  height: 2px;
  background-color: #d67130;
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__block .lead::after {
    width: 80px;
  }
}
#diagnosis .Check__ttl {
  width: calc(396 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__ttl {
    width: 632px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__inner {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__inner .block {
    width: 320px;
  }
}
#diagnosis .Check__inner .block:not(:last-of-type) {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__inner .block:not(:last-of-type) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__inner .block:nth-of-type(-n + 3) {
    margin-bottom: 40px;
  }
}
#diagnosis .Check__inner .block .notes {
  text-align: center;
  background-color: #f0a02f;
  color: #fff;
  padding: calc(20 / 750 * 100vw) 0;
  height: calc(200 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__inner .block .notes {
    padding: 20px;
    height: 150px;
  }
}
#diagnosis .Check__inner .block .notes .ttl {
  font-size: calc(40 / 750 * 100vw);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__inner .block .notes .ttl {
    font-size: 26px;
    line-height: 1.4;
    margin-bottom: 10px;
  }
}
#diagnosis .Check__inner .block .notes .txt {
  line-height: 1.6;
}
#diagnosis .Check__conc {
  width: calc(575 / 750 * 100vw);
  margin: 0 auto calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__conc {
    width: 917px;
    margin-bottom: 40px;
  }
}
#diagnosis .Check__bnr {
  display: block;
  transition: 0.5s;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #diagnosis .Check__bnr {
    width: 1000px;
  }
}
#diagnosis .Check__bnr:hover {
  opacity: 0.8;
}
#diagnosis .Check .deco {
  position: absolute;
  z-index: -5;
}
#diagnosis .Check .deco01 {
  top: 0;
  right: 0;
  width: calc(512 / 750 * 100vw);
  margin: calc(-100 / 750 * 100vw) 0 0 calc(-300 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #diagnosis .Check .deco01 {
    width: 422px;
    margin: 0 -80px 0 0;
  }
}
#diagnosis .Check .deco02 {
  bottom: 0;
  left: 0;
  width: calc(457 / 750 * 100vw);
  margin: 0 calc(-180 / 750 * 100vw) calc(-200 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #diagnosis .Check .deco02 {
    width: 457px;
    margin: 0 0 80px -80px;
  }
}
#index .Fv .swiper-slide {
  width: 100% !important;
  max-width: 1000px;
}
#index .Fv .swiper-slide a {
  display: block;
  transition: 0.5s;
}
#index .Fv .swiper-slide a:hover {
  opacity: 0.9;
}
#index .Fv .swiper-container {
  max-width: 1000px !important;
  margin: 0 auto !important;
  overflow: visible !important;
  width: 90%;
}
@media screen and (min-width: 768px) {
  #index .Fv .swiper-container {
    width: 100%;
  }
}
#index .Fv .swiper-container#Fv__slider {
  height: calc(650 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Fv .swiper-container#Fv__slider {
    height: 560px;
  }
}
@media screen and (min-width: 768px) {
  #index .Fv .swiper-button-next {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 0 0 516px;
    right: inherit;
    opacity: 1;
  }
}
@media screen and (min-width: 768px) {
  #index .Fv .swiper-button-prev {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    margin: 0 0 0 -536px;
    opacity: 1;
  }
}
#index .Fv .swiper-pagination-bullet-active {
  background-color: #f0a02f;
  width: 12px;
  height: 12px;
}
#index .Fv #Fv__slider--thumb {
  margin: 0 auto calc(40 / 750 * 100vw) !important;
}
@media screen and (min-width: 768px) {
  #index .Fv #Fv__slider--thumb {
    margin: 0 auto 40px !important;
  }
}
#index .Fv #Fv__slider--thumb .swiper-wrapper {
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: center;
}
@media screen and (min-width: 768px) {
  #index .Fv #Fv__slider--thumb .swiper-wrapper {
    width: 1000px;
  }
}
#index .Fv #Fv__slider--thumb .swiper-slide {
  width: 20% !important;
  opacity: 0.5;
  overflow: hidden;
}
#index .Fv #Fv__slider--thumb .swiper-slide-thumb-active {
  opacity: 1;
}
#index .Fv #Fv__slider--thumb .swiper-slide:hover {
  cursor: pointer;
}
#index .Info {
  position: relative;
  z-index: 0;
  background-color: #f8f1d9;
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #index .Info {
    padding: 80px 0;
  }
}
@media screen and (min-width: 768px) {
  #index .Info__inner {
    display: flex;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  #index .Info__block {
    width: 490px;
  }
}
#index .Info__block:first-of-type {
  margin-bottom: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Info__block:first-of-type {
    margin-bottom: 0;
  }
}
#index .Info__ttl {
  font-size: calc(70 / 750 * 100vw);
  color: #f0a02f;
  text-align: center;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Info__ttl {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
#index .Info__ttl span {
  display: block;
  width: calc(120 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #index .Info__ttl span {
    display: inline-block;
    margin: 0 10px 0 0;
    width: 50px;
  }
}
#index .Info__lists {
  height: calc(500 / 750 * 100vw);
  background-color: #fff;
  overflow-y: scroll;
  padding: calc(30 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Info__lists {
    height: 350px;
    padding: 20px 60px;
    margin-bottom: 20px;
  }
}
#index .Info__lists li:not(:last-child) {
  border-bottom: solid 1px #ccc;
}
#index .Info__lists li a {
  display: block;
  padding: calc(20 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #index .Info__lists li a {
    padding: 10px 0;
  }
}
#index .Info__lists li a .inner {
  display: flex;
  align-items: center;
}
#index .Info__lists li a .inner .thumb {
  position: relative;
  flex: 1 0 auto;
  width: calc(150 / 750 * 100vw);
  height: calc(100 / 750 * 100vw);
  margin-right: calc(20 / 750 * 100vw);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  #index .Info__lists li a .inner .thumb {
    flex: inherit;
    width: 150px;
    height: 100px;
    margin-right: 20px;
  }
}
#index .Info__lists li a .inner .thumb img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
}
#index .Info__lists li a .inner .notes {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  width: calc(460 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Info__lists li a .inner .notes {
    width: 520px;
    white-space: inherit;
    text-overflow: inherit;
  }
}
#index .Info__lists li a .inner .notes .date {
  font-family: Shuei MaruGo L;
  color: #8c8c8c;
}
#index .Info__lists li a .inner .notes .ttl {
  font-family: Shuei MaruGo B;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
@media screen and (min-width: 768px) {
  #index .Info__lists li a .inner .notes .ttl {
    white-space: inherit;
    text-overflow: inherit;
  }
}
#index .Info .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -5;
}
#index .Info .deco01 {
  width: calc(354 / 750 * 100vw);
  margin: calc(-520 / 750 * 100vw) 0 0 calc(300 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Info .deco01 {
    width: 354px;
    margin: -100px 0 0 550px;
  }
}
#index .Info .deco02 {
  width: calc(543 / 750 * 100vw);
  margin: calc(380 / 750 * 100vw) 0 0 calc(-300 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Info .deco02 {
    width: 330px;
    margin: 140px 0 0 -510px;
  }
}
@media screen and (min-width: 768px) {
  #index .Info__tab__wrap {
    width: 800px;
    margin: 0 auto;
  }
}
#index .Contents {
  padding: 0 0 calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Contents {
    padding: 0 0 120px;
  }
}
#index .Contents__ttl {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Contents__ttl {
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  #index .Contents__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
#index .Contents__block {
  background-color: #f8f1d9;
  padding: calc(30 / 750 * 100vw);
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media screen and (min-width: 768px) {
  #index .Contents__block {
    width: 490px;
    padding: 30px;
  }
  #index .Contents__block:not(:nth-last-of-type(-n + 2)) {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 767px) {
  #index .Contents__block:not(:last-of-type) {
    margin-bottom: calc(40 / 750 * 100vw);
  }
}
#index .Contents__block .icon {
  width: calc(160 / 750 * 100vw);
  margin-right: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Contents__block .icon {
    width: 100px;
    margin-right: 20px;
  }
}
#index .Contents__block .notes {
  width: calc(410 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Contents__block .notes {
    width: 300px;
  }
}
#index .Contents__block .notes .ttl {
  font-weight: 700;
  font-size: calc(32 / 750 * 100vw);
  color: #e66912;
}
@media screen and (min-width: 768px) {
  #index .Contents__block .notes .ttl {
    font-size: 24px;
  }
}
#index .Contents__block .Btn {
  width: 100%;
  margin-top: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Contents__block .Btn {
    margin-top: 20px;
  }
}
#index .Greeting {
  padding: calc(150 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #index .Greeting {
    padding: 80px 0;
  }
}
@media screen and (min-width: 768px) {
  #index .Greeting .container {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  #index .Greeting__inner {
    display: flex;
    align-items: center;
  }
}
#index .Greeting .img {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Greeting .img {
    margin: 0 60px 0 0;
    width: calc(730 / 1440 * 100%);
  }
}
@media screen and (min-width: 768px) {
  #index .Greeting .notes {
    width: 500px;
    padding-left: 20px;
  }
}
#index .Greeting .notes .ttl {
  position: relative;
  font-size: calc(40 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  padding-bottom: calc(30 / 750 * 100vw);
  margin-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Greeting .notes .ttl {
    font-size: 30px;
    padding-bottom: 20px;
    margin-bottom: 20px;
  }
}
#index .Greeting .notes .ttl::after {
  position: absolute;
  bottom: 0;
  left: 0;
  display: block;
  content: "";
  width: calc(60 / 750 * 100vw);
  height: 4px;
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #index .Greeting .notes .ttl::after {
    width: 60px;
  }
}
#index .Greeting .notes .txt {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Greeting .notes .txt {
    margin-bottom: 30px;
  }
}
#index .Greeting .notes .txt span {
  color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #index .Greeting .notes .Btn {
    margin: 0 auto 0 0;
  }
}
#index .Case {
  position: relative;
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case {
    margin-bottom: 60px;
  }
}
#index .Case .Cat .cat {
  padding: calc(30 / 750 * 100vw);
  background-color: #f8f1d9;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat {
    padding: 30px;
    margin-bottom: 40px;
  }
}
#index .Case .Cat .cat .ttl {
  position: relative;
  text-align: center;
  font-size: calc(40 / 750 * 100vw);
  color: #e56a12;
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat .ttl {
    font-size: 25px;
    pointer-events: none;
  }
}
#index .Case .Cat .cat .ttl::after {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  display: block;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: calc(20 / 750 * 100vw) calc(20 / 750 * 100vw) 0 calc(20 / 750 * 100vw);
  border-color: #e56a12 transparent transparent transparent;
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat .ttl::after {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat .lists {
    display: flex;
    flex-wrap: wrap;
  }
}
#index .Case .Cat .cat .lists__wrap {
  display: none;
  margin-top: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat .lists__wrap {
    display: block;
    margin-top: 30px;
  }
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat .lists li {
    width: 214px;
  }
  #index .Case .Cat .cat .lists li:not(:nth-child(4n)) {
    margin-right: 28px;
  }
}
#index .Case .Cat .cat .lists li:not(:last-child) {
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat .lists li:not(:last-child) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat .lists li:not(:nth-child(-n + 4)) {
    margin-top: 20px;
  }
}
#index .Case .Cat .cat .lists li a {
  position: relative;
  display: block;
  font-family: Shuei MaruGo L;
  color: #000;
  padding: calc(20 / 750 * 100vw);
  background-color: #fff;
  border-radius: calc(10 / 750 * 100vw);
  border: solid 1px #000;
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat .lists li a {
    padding: 5px 10px;
    border-radius: 10px;
  }
}
#index .Case .Cat .cat .lists li a:hover {
  background-color: #f0a02f;
  color: #fff;
  border-color: #f0a02f;
}
#index .Case .Cat .cat .lists li a:hover::after {
  border-color: #fff #fff transparent transparent;
}
#index .Case .Cat .cat .lists li a::after {
  position: absolute;
  top: 50%;
  right: 5%;
  display: inline-block;
  content: "";
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  border: solid 1px;
  border-color: #000 #000 transparent transparent;
  transform: translateY(-50%) rotate(45deg);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  #index .Case .Cat .cat .lists li a::after {
    width: 10px;
    height: 10px;
  }
}
#index .Case .swiper-custom-parent {
  position: relative;
  margin: calc(100 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 768px) {
  #index .Case .swiper-custom-parent {
    margin: 60px 0 30px;
  }
}
#index .Case .swiper-slide {
  width: 100% !important;
  max-width: 480px;
}
#index .Case .swiper-container {
  width: 100%;
  max-width: 480px !important;
  margin: 0 auto !important;
  overflow: visible !important;
  padding-bottom: calc(180 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case .swiper-container {
    padding-bottom: 80px;
  }
}
#index .Case .swiper-pagination-bullet-active {
  background-color: #f0a02f;
  width: 12px;
  height: 12px;
}
@media screen and (min-width: 768px) {
  #index .Case .swiper-button-next,
  #index .Case .swiper-button-prev {
    display: none;
  }
}
#index .Case__block {
  position: relative;
  width: calc(670 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case__block {
    width: 480px;
  }
}
#index .Case__block a {
  display: block;
  color: #fff;
  transition: 0.5s all;
}
#index .Case__block a:hover {
  opacity: 0.8;
}
#index .Case__block a .img {
  position: relative;
  display: block;
  width: calc(590 / 750 * 100vw);
  height: calc(460 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case__block a .img {
    width: 400px;
    height: 260px;
    margin: 0 auto 30px;
  }
}
#index .Case__block a .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#index .Case__block a .img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -5;
  margin: calc(10 / 750 * 100vw) 0 0 calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case__block a .img::after {
    margin: 10px 0 0 10px;
  }
}
#index .Case__block a .note {
  margin: 0 auto;
  width: calc(590 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case__block a .note {
    width: 400px;
  }
}
#index .Case__block a .note .date {
  display: block;
  font-family: Montserrat, sans-serif;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case__block a .note .date {
    margin-bottom: 10px;
  }
}
#index .Case__block a .note .cat {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case__block a .note .cat {
    margin-bottom: 5px;
  }
}
#index .Case__block a .note .cat li {
  background-color: #fff;
  color: #f0a02f;
  border-radius: 20px;
  padding: 0 calc(30 / 750 * 100vw);
  font-size: calc(28 / 750 * 100vw);
  font-weight: 700;
  margin-right: calc(10 / 750 * 100vw);
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case__block a .note .cat li {
    font-size: 14px;
    padding: 0 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 20px;
  }
}
#index .Case__block a .note .ttl {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: calc(32 / 750 * 100vw);
  font-weight: 700;
  margin-top: calc(12 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case__block a .note .ttl {
    font-size: 18px;
    margin-top: 6px;
  }
}
#index .Case__block a .bg {
  position: absolute;
  bottom: calc(-80 / 750 * 100vw);
  left: 0;
  width: 100%;
  height: calc(540 / 750 * 100vw);
  background-color: #f0a02f;
  z-index: -10;
}
@media screen and (min-width: 768px) {
  #index .Case__block a .bg {
    bottom: -40px;
    height: 250px;
  }
}
#index .Case__block a .bg__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(490 / 750 * 100vw);
  z-index: -10;
  opacity: 0.1;
  filter: blur(3px);
  background-size: cover;
}
@media screen and (min-width: 768px) {
  #index .Case__block a .bg__inner {
    height: 230px;
  }
}
#index .Case .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -5;
}
#index .Case .deco01 {
  width: calc(512 / 750 * 100vw);
  margin: calc(-1180 / 750 * 100vw) 0 0 calc(280 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case .deco01 {
    width: 512px;
    margin: -690px 0 0 630px;
  }
}
#index .Case .deco02 {
  width: calc(334 / 750 * 100vw);
  margin: calc(-980 / 750 * 100vw) 0 0 calc(-280 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Case .deco02 {
    width: 334px;
    margin: -70px 0 0 -720px;
  }
}
#index .Case .deco03 {
  width: 307px;
  margin: -620px 0 0 400px;
}
#index .Case .deco04 {
  width: 157px;
  margin: -103px 0 0 -650px;
}
#index .Case .deco05 {
  width: 207px;
  margin: 630px 0 0 540px;
}
#index .Voice {
  position: relative;
  z-index: 0;
  background-color: #eee;
  padding: calc(150 / 750 * 100vw) 0;
  background: url(../images/common/pattern_bg01.png) repeat;
}
@media screen and (min-width: 768px) {
  #index .Voice {
    padding: 60px 0;
  }
}
@media screen and (min-width: 768px) {
  #index .Voice .container {
    width: 1240px;
  }
}
#index .Voice__inner {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Voice__inner {
    margin-bottom: 80px;
  }
}
#index .Voice__block {
  width: calc(320 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Voice__block {
    width: 370px;
  }
}
#index .Voice__block a {
  display: block;
  transition: 0.5s all;
}
#index .Voice__block a:hover {
  opacity: 0.8;
}
#index .Voice__block:nth-of-type(odd) {
  margin-right: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Voice__block:nth-of-type(odd) {
    margin-right: inherit;
  }
}
#index .Voice__block:nth-of-type(-n + 2) {
  margin-bottom: calc(50 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Voice__block:nth-of-type(-n + 2) {
    margin-bottom: 50px;
  }
}
@media screen and (min-width: 768px) {
  #index .Voice__block:not(:nth-of-type(3n)) {
    margin-right: 45px;
  }
}
#index .Voice__block .img {
  position: relative;
  margin-bottom: calc(20 / 750 * 100vw);
  width: calc(320 / 750 * 100vw);
  height: calc(240 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Voice__block .img {
    width: 370px;
    height: 230px;
    margin-bottom: 20px;
  }
}
#index .Voice__block .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#index .Voice__block .img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f0a02f;
  margin: calc(10 / 750 * 100vw) 0 0 calc(10 / 750 * 100vw);
  z-index: -1;
}
@media screen and (min-width: 768px) {
  #index .Voice__block .img::after {
    margin: 10px 0 0 10px;
  }
}
#index .Voice__block .customer {
  color: #8c8c8c;
  font-size: calc(24 / 750 * 100vw);
  margin-bottom: calc(6 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Voice__block .customer {
    font-size: 16px;
    margin-bottom: 6px;
  }
}
#index .Voice__block .ttl {
  line-height: 1.4;
  color: #000;
  display: -webkit-box;
  overflow: hidden;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #index .Voice__block .ttl {
    font-size: 18px;
  }
}
#index .Voice .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -5;
}
#index .Voice .deco01 {
  width: calc(334 / 750 * 100vw);
  margin: calc(-400 / 750 * 100vw) 0 0 calc(260 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Voice .deco01 {
    width: 334px;
    margin: -222px 0 0 644px;
  }
}
#index .Voice .deco02 {
  width: 398px;
  margin: -390px 0 0 420px;
}
#index .Voice .deco03 {
  width: 149px;
  margin: 414px 0 0 -650px;
}
#index .Ctr {
  position: relative;
  padding: calc(150 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #index .Ctr {
    padding: 60px 0;
  }
}
#index .Ctr .bnr {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Ctr .bnr {
    margin-bottom: 80px;
  }
}
#index .Ctr .bnr a {
  display: block;
  transition: 0.5s all;
}
#index .Ctr .bnr a:hover {
  opacity: 0.8;
}
@media screen and (min-width: 768px) {
  #index .Ctr__inner {
    display: flex;
    justify-content: space-between;
  }
}
#index .Ctr .campaign {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Ctr .campaign {
    margin-bottom: 0;
  }
}
#index .Ctr .campaign a {
  display: block;
  transition: 0.5s;
}
#index .Ctr .campaign a:hover {
  opacity: 0.8;
}
#index .Ctr .contact {
  position: relative;
  background: #f8f1d9;
  padding: calc(100 / 750 * 100vw) calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Ctr .contact {
    width: 600px;
    padding: 60px 30px 30px;
  }
}
#index .Ctr .contact .minits {
  width: calc(400 / 750 * 100vw);
  position: absolute;
  top: calc(-30 / 750 * 100vw);
  left: 50%;
  transform: translateX(-50%);
}
@media screen and (min-width: 768px) {
  #index .Ctr .contact .minits {
    width: 300px;
    top: -30px;
  }
}
#index .Ctr .contact .ttl {
  position: relative;
  font-size: calc(40 / 750 * 100vw);
  text-align: center;
  margin-bottom: calc(40 / 750 * 100vw);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #index .Ctr .contact .ttl {
    font-size: 32px;
    margin-bottom: 30px;
  }
}
#index .Ctr .contact .ttl .org {
  font-size: 130%;
  color: #f0a02f;
}
#index .Ctr .contact .ttl small {
  display: block;
}
#index .Ctr .contact .ttl:after,
#index .Ctr .contact .ttl:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  content: "";
  width: 1px;
  height: calc(80 / 750 * 100vw);
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #index .Ctr .contact .ttl:after,
  #index .Ctr .contact .ttl:before {
    height: 60px;
  }
}
#index .Ctr .contact .ttl:before {
  margin: calc(-30 / 750 * 100vw) 0 0 calc(-290 / 750 * 100vw);
  transform: rotate(-20deg);
}
@media screen and (min-width: 768px) {
  #index .Ctr .contact .ttl:before {
    margin: -30px 0 0 -230px;
  }
}
#index .Ctr .contact .ttl:after {
  margin: calc(-30 / 750 * 100vw) 0 0 calc(290 / 750 * 100vw);
  transform: rotate(20deg);
}
@media screen and (min-width: 768px) {
  #index .Ctr .contact .ttl:after {
    margin: -30px 0 0 230px;
  }
}
#index .Ctr .contact .mailform {
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Ctr .contact .mailform {
    overflow: hidden;
    margin-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  #index .Ctr .contact .mailform dt {
    float: left;
  }
}
@media screen and (min-width: 768px) {
  #index .Ctr .contact .mailform dd {
    padding: 0 0 0 164px;
    margin-bottom: 30px;
  }
}
#index .Ctr .contact .mailform dd .check__wrap .wpcf7-list-item {
  width: 50%;
}
#index .Ctr .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -5;
}
#index .Ctr .deco01 {
  width: calc(390 / 750 * 100vw);
  margin: 0 0 0 calc(320 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Ctr .deco01 {
    width: 390px;
    margin-left: 620px;
  }
}
#index .Ctr .deco02 {
  transform: scale(-1, 1);
  width: calc(390 / 750 * 100vw);
  margin: calc(960 / 750 * 100vw) 0 0 calc(-420 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Ctr .deco02 {
    width: 457px;
    margin: 270px 0 0 -940px;
  }
}
#index .Ctr.adjust {
  position: relative;
  z-index: 5;
  padding-top: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Ctr.adjust {
    padding-top: 30px;
  }
}
#index .Ctr.adjust .Ctr__inner {
  justify-content: center;
}
#index .Reason {
  position: relative;
  padding: calc(150 / 750 * 100vw) 0;
  background: url(../images/index/reason_bgi_sp.png) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  #index .Reason {
    padding: 80px 0;
    background-image: url(../images/index/reason_bg.jpg);
  }
}
@media screen and (min-width: 768px) {
  #index .Reason .container {
    width: 1240px;
  }
}
#index .Reason #slider01 {
  padding-bottom: calc(100 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Reason #slider01 {
    padding-bottom: 0;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  #index .Reason .swiper-wrapper {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  #index .Reason .swiper-wrapper .swiper-slide {
    width: 380px;
  }
  #index .Reason .swiper-wrapper .swiper-slide:nth-of-type(1) {
    margin-right: 30px;
  }
  #index .Reason .swiper-wrapper .swiper-slide:nth-of-type(2) {
    margin-right: 30px;
  }
  #index .Reason .swiper-wrapper .swiper-slide:nth-of-type(4) {
    margin-right: 30px;
  }
  #index .Reason .swiper-wrapper .swiper-slide:nth-of-type(-n + 3) {
    margin-bottom: 30px;
  }
}
@media screen and (min-width: 768px) {
  #index .Reason .swiper-button-next,
  #index .Reason .swiper-button-prev {
    display: none;
  }
}
#index .Reason .swiper-pagination-bullet-active {
  background-color: #f0a02f;
  width: 10px;
  height: 10px;
}
#index .Reason__block {
  position: relative;
  width: calc(670 / 750 * 100vw);
  background-color: #f0a02f;
  border-radius: calc(50 / 750 * 100vw);
  margin: 0 auto;
  padding: calc(20 / 750 * 100vw);
  height: calc(920 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Reason__block {
    width: 380px;
    border-radius: 25px;
    padding: 15px;
    height: auto;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  #index .Reason__block__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 60px;
  }
}
#index .Reason__block a {
  display: block;
  color: #000;
  transition: 0.5s opacity;
}
#index .Reason__block a:hover {
  opacity: 0.8;
}
#index .Reason__block .inner {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: calc(620 / 750 * 100vw);
  background-color: #fff;
  border-radius: calc(50 / 750 * 100vw);
  padding: calc(50 / 750 * 100vw) 0;
  height: calc(860 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Reason__block .inner {
    position: static;
    transform: none;
    width: auto;
    border-radius: 25px;
    padding: 20px 0;
    height: auto;
  }
}
#index .Reason__block .inner .number {
  position: relative;
  text-align: center;
  font-size: calc(34 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Reason__block .inner .number {
    font-size: 20px;
  }
}
#index .Reason__block .inner .number .grn {
  color: #0b907e;
}
#index .Reason__block .inner .number::after,
#index .Reason__block .inner .number::before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  content: "";
  width: calc(30 / 750 * 100vw);
  height: 1px;
  background-color: #000;
}
@media screen and (min-width: 768px) {
  #index .Reason__block .inner .number::after,
  #index .Reason__block .inner .number::before {
    width: 20px;
  }
}
#index .Reason__block .inner .number::before {
  margin: 0 0 0 calc(-120 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Reason__block .inner .number::before {
    margin-left: -70px;
  }
}
#index .Reason__block .inner .number::after {
  margin: 0 0 0 calc(120 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Reason__block .inner .number::after {
    margin-left: 70px;
  }
}
#index .Reason__block .inner .ttl {
  text-align: center;
  font-size: calc(34 / 750 * 100vw);
  letter-spacing: -0.02em;
  line-height: 1.4;
  margin-bottom: calc(30 / 750 * 100vw);
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  #index .Reason__block .inner .ttl {
    font-size: 20px;
    margin-bottom: 20px;
  }
}
#index .Reason__block .inner .ttl .bg {
  color: #b54f07;
  font-size: 150%;
}
#index .Reason__block .inner .img {
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Reason__block .inner .img {
    margin-bottom: 20px;
  }
}
#index .Reason__block .inner .txt {
  padding: 0 calc(30 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
  font-feature-settings: "palt";
}
@media screen and (min-width: 768px) {
  #index .Reason__block .inner .txt {
    padding: 0 30px;
    margin-bottom: 10px;
  }
}
#index .Reason__block .inner .txt .org {
  color: #f0a02f;
  font-weight: 700;
}
#index .Reason__block .inner .Btn {
  color: #fff;
  width: calc(480 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Reason__block .inner .Btn {
    width: 260px;
  }
}
#index .Reason .deco {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  margin-left: -580px;
}
#index .Plan {
  position: relative;
  z-index: 0;
  padding: calc(150 / 750 * 100vw) 0;
  background: url(../images/common/pattern_bg02.png) repeat;
}
@media screen and (min-width: 768px) {
  #index .Plan {
    padding: 80px 0;
  }
}
#index .Plan .campaign {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Plan .campaign {
    margin-bottom: 40px;
  }
}
#index .Plan .campaign a {
  transition: 0.5s all;
}
#index .Plan .campaign a:hover {
  opacity: 0.8;
}
#index .Plan #slider02 {
  padding-bottom: calc(100 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Plan #slider02 {
    padding-bottom: 0;
    margin-bottom: 30px;
    overflow: inherit;
  }
}
@media screen and (min-width: 768px) {
  #index .Plan #slider02 .swiper-wrapper {
    display: flex;
    justify-content: space-between;
  }
  #index .Plan #slider02 .swiper-wrapper .swiper-slide {
    width: 310px;
    filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.1));
  }
  #index .Plan #slider02 .swiper-wrapper .swiper-slide a {
    display: block;
    transition: 0.5s all;
  }
  #index .Plan #slider02 .swiper-wrapper .swiper-slide a:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 768px) {
  #index .Plan .swiper-button-next,
  #index .Plan .swiper-button-prev {
    display: none;
  }
}
#index .Plan .swiper-pagination-bullet-active {
  background-color: #f0a02f;
  width: 10px;
  height: 10px;
}
#index .Plan .bnrs {
  margin: calc(80 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #index .Plan .bnrs {
    margin: 80px 0 40px;
    display: flex;
    justify-content: space-between;
  }
}
#index .Plan .bnrs .bnr:first-of-type {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Plan .bnrs .bnr:first-of-type {
    margin-bottom: 0;
  }
}
#index .Plan .bnrs .bnr a {
  display: block;
  transition: 0.5s all;
}
#index .Plan .bnrs .bnr a:hover {
  opacity: 0.8;
}
#index .Plan .contact a {
  display: block;
  transition: 0.5s all;
}
#index .Plan .contact a:hover {
  opacity: 0.8;
}
#index .Plan .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -5;
}
#index .Plan .deco01 {
  width: calc(275 / 750 * 100vw);
  margin: calc(-1000 / 750 * 100vw) 0 0 calc(340 / 750 * 100vw);
}
#index .Plan .deco02 {
  width: calc(140 / 750 * 100vw);
  margin: calc(150 / 750 * 100vw) 0 0 calc(-330 / 750 * 100vw);
  transform: scale(-1, 1);
}
#index .Plan .deco03 {
  width: calc(392 / 750 * 100vw);
  margin: calc(280 / 750 * 100vw) 0 0 calc(-400 / 750 * 100vw);
}
#index .Plan .deco04 {
  width: 332px;
  margin: -700px 0 0 360px;
}
#index .Plan .deco05 {
  width: 149px;
  margin: -310px 0 0 -590px;
}
#index .Beginner {
  position: relative;
  padding: calc(150 / 750 * 100vw) 0;
  background: url(../images/common/pattern_bg01.png) repeat;
}
@media screen and (min-width: 768px) {
  #index .Beginner {
    padding: 80px 0;
  }
}
#index .Beginner__ttl {
  width: calc(670 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Beginner__ttl {
    width: 800px;
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  #index .Beginner .block {
    width: 480px;
  }
}
#index .Beginner .block__wrap {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Beginner .block__wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 60px;
  }
}
#index .Beginner .block:not(:last-of-type) {
  margin-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .Beginner .block:not(:last-of-type) {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #index .Beginner .block:nth-of-type(-n + 2) {
    margin-bottom: 60px;
  }
}
#index .Beginner .block a {
  display: block;
  transition: 0.5s all;
}
#index .Beginner .block a:hover {
  opacity: 0.8;
}
#index .Beginner .deco {
  position: absolute;
  bottom: 0;
  right: 0;
}
#index .About {
  position: relative;
  padding: calc(150 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #index .About {
    padding: 60px 0;
  }
}
@media screen and (min-width: 768px) {
  #index .About .container {
    width: 100%;
    padding: 0;
  }
}
@media screen and (min-width: 768px) {
  #index .About__inner {
    display: flex;
    justify-content: flex-end;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  #index .About .note {
    width: 500px;
    padding-right: 20px;
  }
}
#index .About .img {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .About .img {
    margin: 0 0 0 120px;
    width: calc(730 / 1440 * 100%);
  }
}
@media screen and (min-width: 768px) {
  #index .About .ttl__sec {
    text-align: left;
  }
  #index .About .ttl__sec::after {
    left: 0;
    transform: none;
  }
}
#index .About .txt {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .About .txt {
    margin-bottom: 60px;
  }
}
@media screen and (min-width: 768px) {
  #index .About .Btn {
    margin: 0 auto 0 0;
  }
}
#index .About .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -5;
}
#index .About .deco01 {
  width: calc(334 / 750 * 100vw);
  margin: calc(-380 / 750 * 100vw) 0 0 calc(-340 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .About .deco01 {
    width: 334px;
    margin: -260px 0 0 -750px;
  }
}
#index .About .deco02 {
  width: calc(460 / 750 * 100vw);
  margin: calc(580 / 750 * 100vw) 0 0 calc(350 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #index .About .deco02 {
    width: 460px;
    margin: 300px 0 0 770px;
  }
}
#outlet .Fv img {
  display: block;
  width: calc(537 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #outlet .Fv img {
    width: 999px;
  }
}
#outlet .Bnr {
  position: relative;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Bnr {
    margin-bottom: 80px;
  }
}
#outlet .Bnr .deco {
  position: absolute;
  z-index: -5;
}
#outlet .Bnr .deco01 {
  top: 0;
  left: 0;
  width: calc(512 / 750 * 100vw);
  margin: calc(100 / 750 * 100vw) 0 0 calc(-200 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Bnr .deco01 {
    width: 422px;
    margin: 100px 0 0 0;
  }
}
#outlet .Bnr .deco02 {
  bottom: 0;
  right: 0;
  width: calc(457 / 750 * 100vw);
  margin: 0 calc(-180 / 750 * 100vw) calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #outlet .Bnr .deco02 {
    width: 457px;
    margin: 0 -100px 0 0;
  }
}
#outlet .Plan {
  padding: calc(100 / 750 * 100vw) 0;
  background: url(../images/outlet/plan_bgi_sp.png) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  #outlet .Plan {
    padding: 100px 0;
    background-image: url(../images/outlet/plan_bgi_pc.png);
  }
}
#outlet .Plan__ttl {
  text-align: center;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Plan__ttl {
    margin-bottom: 30px;
  }
}
#outlet .Plan__ttl .bl {
  display: block;
  font-size: calc(35 / 750 * 100vw);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #outlet .Plan__ttl .bl {
    font-size: 25px;
  }
}
#outlet .Plan__ttl .red {
  display: inline-block;
  font-size: calc(60 / 750 * 100vw);
  font-weight: 700;
  color: #fff;
  background-color: #e51212;
  padding: 0 calc(20 / 750 * 100vw);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #outlet .Plan__ttl .red {
    font-size: 40px;
    padding: 0 20px;
  }
}
#outlet .Plan__notes {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Plan__notes {
    margin-bottom: 100px;
  }
  #outlet .Plan__notes:last-of-type {
    width: 800px;
    margin: 0 auto;
  }
  #outlet .Plan__notes:last-of-type .Plan__txt {
    text-align: inherit;
  }
}
#outlet .Plan__notes .Plan__txt:first-of-type {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Plan__notes .Plan__txt:first-of-type {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  #outlet .Plan__txt {
    text-align: center;
    line-height: 2;
  }
}
#outlet .Plan__txt.conc {
  font-weight: 700;
  font-size: calc(35 / 750 * 100vw);
  line-height: 1.4;
  margin: calc(80 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #outlet .Plan__txt.conc {
    font-size: 26px;
    margin: 40px 0;
    text-align: center !important;
  }
}
#outlet .Plan__subttl {
  text-align: center;
  color: #e51212;
  font-weight: 700;
  font-size: calc(50 / 750 * 100vw);
  line-height: 1.2;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Plan__subttl {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
#outlet .Plan__subttl .bl {
  display: block;
  font-weight: 700;
  font-size: calc(35 / 750 * 100vw);
  color: #000;
}
@media screen and (min-width: 768px) {
  #outlet .Plan__subttl .bl {
    font-size: 25px;
  }
}
#outlet .Plan__table {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Plan__table {
    width: 800px;
    margin: 0 auto 60px;
  }
}
#outlet .Plan__bnr {
  display: block;
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  #outlet .Plan__bnr {
    width: 730px;
    margin: 0 auto;
  }
}
#outlet .Plan__bnr:hover {
  opacity: 0.8;
}
#outlet .Outlet {
  padding: calc(100 / 750 * 100vw) 0;
  background-color: #fff9eb;
}
@media screen and (min-width: 768px) {
  #outlet .Outlet {
    padding: 100px 0;
  }
}
#outlet .Outlet__ttl {
  text-align: center;
  font-size: calc(50 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Outlet__ttl {
    font-size: 40px;
    margin-bottom: 60px;
  }
}
#outlet .Outlet__ttl span {
  background: linear-gradient(transparent 90%, #f0a02f 0);
  padding-bottom: calc(6 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Outlet__ttl span {
    padding-bottom: 10px;
  }
}
@media screen and (min-width: 768px) {
  #outlet .Outlet__block {
    display: flex;
  }
}
#outlet .Outlet__block:first-of-type {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Outlet__block:first-of-type {
    margin-bottom: 80px;
    flex-direction: row-reverse;
  }
  #outlet .Outlet__block:first-of-type .img {
    margin: 0 0 0 40px;
  }
}
#outlet .Outlet__block:first-of-type .img::after {
  margin: calc(20 / 750 * 100vw) 0 0 calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Outlet__block:first-of-type .img::after {
    margin: 10px 0 0 10px;
  }
}
@media screen and (min-width: 768px) {
  #outlet .Outlet__block:last-of-type .img {
    margin-right: 40px;
  }
}
#outlet .Outlet__block:last-of-type .img::after {
  margin: calc(20 / 750 * 100vw) 0 0 calc(-20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Outlet__block:last-of-type .img::after {
    margin: 10px 0 0 -10px;
  }
}
#outlet .Outlet__block .img {
  position: relative;
  z-index: 0;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Outlet__block .img {
    margin-bottom: 0;
    width: 500px;
    flex: 1 0 auto;
  }
}
#outlet .Outlet__block .img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #f0a02f;
  z-index: -5;
}
#outlet .Conc {
  padding: calc(100 / 750 * 100vw) 0;
  background: url(../images/outlet/bg_pattern.png) repeat;
}
@media screen and (min-width: 768px) {
  #outlet .Conc {
    padding: 100px 0;
  }
}
#outlet .Conc .Price {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Price {
    margin-bottom: 80px;
  }
}
#outlet .Conc .Price__ttl {
  text-align: center;
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Price__ttl {
    margin-bottom: 60px;
  }
}
#outlet .Conc .Price__ttl .bl {
  display: block;
  font-size: calc(40 / 750 * 100vw);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Price__ttl .bl {
    font-size: 32px;
  }
}
#outlet .Conc .Price__ttl .red {
  display: inline-block;
  font-size: calc(80 / 750 * 100vw);
  font-weight: 700;
  color: #fff;
  background-color: #e51212;
  padding: 0 calc(20 / 750 * 100vw);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Price__ttl .red {
    font-size: 64px;
    padding: 0 20px;
  }
}
#outlet .Conc .Price__bnr {
  display: block;
  transition: 0.5s all;
}
#outlet .Conc .Price__bnr:hover {
  opacity: 0.8;
}
#outlet .Conc .Case {
  position: relative;
}
#outlet .Conc .Case__ttl {
  text-align: center;
  font-size: calc(48 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__ttl {
    font-size: 40px;
    margin-bottom: 60px;
  }
}
#outlet .Conc .Case__ttl span {
  background: linear-gradient(transparent 90%, #f0a02f 0);
  padding-bottom: calc(6 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__ttl span {
    padding-bottom: 10px;
  }
}
#outlet .Conc .Case .swiper-custom-parent {
  position: relative;
  margin: 0;
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case .swiper-custom-parent {
    margin: 60px 0;
  }
}
#outlet .Conc .Case .swiper-slide {
  width: 100% !important;
  max-width: 480px;
}
#outlet .Conc .Case .swiper-container {
  width: 100%;
  max-width: 480px !important;
  margin: 0 auto !important;
  overflow: visible !important;
  padding-bottom: calc(180 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case .swiper-container {
    padding-bottom: 80px;
  }
}
#outlet .Conc .Case .swiper-pagination-bullet-active {
  background-color: #f0a02f;
  width: 12px;
  height: 12px;
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case .swiper-button-next,
  #outlet .Conc .Case .swiper-button-prev {
    display: none;
  }
}
#outlet .Conc .Case__block {
  position: relative;
  width: calc(670 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block {
    width: 480px;
  }
}
#outlet .Conc .Case__block a {
  display: block;
  color: #fff;
}
#outlet .Conc .Case__block a .img {
  position: relative;
  display: block;
  width: calc(590 / 750 * 100vw);
  height: calc(460 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block a .img {
    width: 400px;
    height: 260px;
    margin: 0 auto 30px;
  }
}
#outlet .Conc .Case__block a .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
#outlet .Conc .Case__block a .img::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: 100%;
  height: 100%;
  background-color: #fff;
  z-index: -5;
  margin: calc(10 / 750 * 100vw) 0 0 calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block a .img::after {
    margin: 10px 0 0 10px;
  }
}
#outlet .Conc .Case__block a .note {
  margin: 0 auto;
  width: calc(590 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block a .note {
    width: 400px;
  }
}
#outlet .Conc .Case__block a .note .date {
  font-family: Montserrat, sans-serif;
  margin-right: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block a .note .date {
    margin-right: 10px;
  }
}
#outlet .Conc .Case__block a .note .cat {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block a .note .cat {
    margin-bottom: 5px;
  }
}
#outlet .Conc .Case__block a .note .cat li {
  background-color: #fff;
  color: #f0a02f;
  border-radius: 20px;
  padding: 0 calc(30 / 750 * 100vw);
  font-size: calc(28 / 750 * 100vw);
  font-weight: 700;
  margin-right: calc(10 / 750 * 100vw);
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block a .note .cat li {
    font-size: 14px;
    padding: 0 20px;
    margin-right: 5px;
    margin-bottom: 5px;
    border-radius: 20px;
  }
}
#outlet .Conc .Case__block a .note .ttl {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  font-size: calc(32 / 750 * 100vw);
  margin-top: calc(12 / 750 * 100vw);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block a .note .ttl {
    font-size: 18px;
    margin-top: 6px;
  }
}
#outlet .Conc .Case__block a .bg {
  position: absolute;
  bottom: calc(-80 / 750 * 100vw);
  left: 0;
  width: 100%;
  height: calc(540 / 750 * 100vw);
  background-color: #f0a02f;
  z-index: -10;
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block a .bg {
    bottom: -40px;
    height: 250px;
  }
}
#outlet .Conc .Case__block a .bg__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(490 / 750 * 100vw);
  z-index: -10;
  opacity: 0.1;
  filter: blur(3px);
  background-size: cover;
}
@media screen and (min-width: 768px) {
  #outlet .Conc .Case__block a .bg__inner {
    height: 230px;
  }
}
#paint .Fv img {
  display: block;
  width: calc(670 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #paint .Fv img {
    width: 499px;
  }
}
#paint .Lead {
  padding: calc(150 / 750 * 100vw) 0;
  background: url(../images/paint/lead_bgi_sp.png) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  #paint .Lead {
    padding: 120px 0;
    background-image: url(../images/paint/lead_bgi_pc.png);
  }
}
#paint .Lead .block {
  width: calc(590 / 750 * 100vw);
  position: relative;
  z-index: 0;
  padding: calc(60 / 750 * 100vw) calc(40 / 750 * 100vw);
  border-radius: calc(30 / 750 * 100vw);
  background-color: #fff;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #paint .Lead .block {
    width: 800px;
    padding: 60px 40px;
    border-radius: 30px;
  }
}
#paint .Lead .block::after {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  content: "";
  width: calc(640 / 750 * 100vw);
  height: calc(800 / 750 * 100vw);
  background-color: #fff;
  filter: blur(4px);
  z-index: -5;
  border-radius: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Lead .block::after {
    width: 820px;
    height: 345px;
    border-radius: 30px;
  }
}
#paint .Lead .block .ttl {
  font-size: calc(40 / 750 * 100vw);
  color: #f0a02f;
  line-height: 1.4;
  text-align: center;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Lead .block .ttl {
    font-size: 40px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  #paint .Lead .block .txt {
    text-align: center;
  }
}
#paint .Lead .block .txt span {
  color: #f0a02f;
  font-weight: 700;
}
#paint .Figure {
  padding: calc(150 / 750 * 100vw) 0;
  background-color: #fffae6;
}
@media screen and (min-width: 768px) {
  #paint .Figure {
    padding: 150px 0;
  }
}
@media screen and (min-width: 768px) {
  #paint .Figure .container {
    width: 1240px;
  }
}
@media screen and (min-width: 768px) {
  #paint .Figure .inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
}
@media screen and (min-width: 768px) {
  #paint .Figure .inner .img {
    width: 550px;
  }
}
#paint .Figure .inner .img:first-of-type {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Figure .inner .img:first-of-type {
    margin: 0;
  }
}
#paint .Recommend {
  padding: calc(150 / 750 * 100vw) 0;
  background: url(../images/paint/bg_pattern.png) repeat;
}
@media screen and (min-width: 768px) {
  #paint .Recommend {
    padding: 150px 0;
  }
}
#paint .Recommend__ttl {
  position: relative;
  text-align: center;
  color: #f0a02f;
  font-size: calc(40 / 750 * 100vw);
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend__ttl {
    font-size: 40px;
    margin-bottom: 60px;
  }
}
#paint .Recommend__ttl::after,
#paint .Recommend__ttl::before {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  width: 2px;
  height: calc(120 / 750 * 100vw);
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #paint .Recommend__ttl::after,
  #paint .Recommend__ttl::before {
    height: 50px;
  }
}
#paint .Recommend__ttl::before {
  left: calc(80 / 750 * 100vw);
  transform: translateY(-50%) rotate(-20deg);
}
@media screen and (min-width: 768px) {
  #paint .Recommend__ttl::before {
    left: 80px;
  }
}
#paint .Recommend__ttl::after {
  right: calc(80 / 750 * 100vw);
  transform: translateY(-50%) rotate(20deg);
}
@media screen and (min-width: 768px) {
  #paint .Recommend__ttl::after {
    right: 80px;
  }
}
#paint .Recommend .block {
  background-color: #fff;
  padding: calc(80 / 750 * 100vw) calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block {
    padding: 80px 100px;
  }
}
#paint .Recommend .block:not(:last-of-type) {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block:not(:last-of-type) {
    margin-bottom: 100px;
  }
}
#paint .Recommend .block .ttl {
  text-align: center;
  margin-bottom: calc(40 / 750 * 100vw);
  font-size: calc(35 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .ttl {
    font-size: 30px;
    margin-bottom: 40px;
  }
}
#paint .Recommend .block .ttl .icon {
  display: inline-block;
  width: calc(76 / 750 * 100vw);
  margin-right: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .ttl .icon {
    width: 70px;
    margin-right: 10px;
  }
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner {
    display: flex;
    justify-content: space-between;
  }
}
#paint .Recommend .block .inner .imgs {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .imgs {
    width: 400px;
    margin: 0;
  }
}
#paint .Recommend .block .inner .imgs .img {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .imgs .img {
    margin-bottom: 30px;
  }
}
#paint .Recommend .block .inner .imgs .img figcaption {
  margin-top: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .imgs .img figcaption {
    margin-top: 10px;
  }
}
#paint .Recommend .block .inner .imgs__lists dt {
  font-weight: 700;
  font-size: calc(32 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .imgs__lists dt {
    font-size: 18px;
  }
}
#paint .Recommend .block .inner .imgs__lists dd ul li {
  position: relative;
  padding-left: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .imgs__lists dd ul li {
    padding-left: 20px;
  }
}
#paint .Recommend .block .inner .imgs__lists dd ul li::before {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  display: inline-block;
  content: "";
  width: calc(20 / 750 * 100vw);
  height: calc(20 / 750 * 100vw);
  background-color: #000;
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .imgs__lists dd ul li::before {
    width: 10px;
    height: 10px;
  }
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes {
    width: 360px;
  }
}
#paint .Recommend .block .inner .notes .endurance {
  width: 100%;
  text-align: center;
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .endurance {
    margin-bottom: 30px;
  }
}
#paint .Recommend .block .inner .notes .endurance tr td,
#paint .Recommend .block .inner .notes .endurance tr th {
  padding: calc(5 / 750 * 100vw) calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .endurance tr td,
  #paint .Recommend .block .inner .notes .endurance tr th {
    padding: 5px 20px;
  }
}
#paint .Recommend .block .inner .notes .endurance tr th {
  font-size: calc(30 / 750 * 100vw);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .endurance tr th {
    font-size: 18px;
  }
}
#paint .Recommend .block .inner .notes .endurance tr th.head {
  color: #fff;
  font-size: calc(36 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .endurance tr th.head {
    font-size: 24px;
  }
}
#paint .Recommend .block .inner .notes .endurance tr td {
  font-size: calc(36 / 750 * 100vw);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .endurance tr td {
    font-size: 24px;
  }
}
#paint .Recommend .block .inner .notes .endurance tr td span {
  font-size: calc(44 / 750 * 100vw);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .endurance tr td span {
    font-size: 28px;
  }
}
#paint .Recommend .block .inner .notes .feature {
  padding-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .feature {
    padding-bottom: 20px;
  }
}
#paint .Recommend .block .inner .notes .feature:not(:last-of-type) {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .feature:not(:last-of-type) {
    margin-bottom: 20px;
  }
}
#paint .Recommend .block .inner .notes .feature dt {
  font-size: calc(36 / 750 * 100vw);
  font-weight: 700;
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .feature dt {
    font-size: 24px;
    margin-bottom: 10px;
  }
}
#paint .Recommend .block .inner .notes .feature dd ul li {
  position: relative;
  padding-left: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .feature dd ul li {
    padding-left: 20px;
  }
}
#paint .Recommend .block .inner .notes .feature dd ul li:not(:last-child) {
  margin-bottom: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .feature dd ul li:not(:last-child) {
    margin-bottom: 10px;
  }
}
#paint .Recommend .block .inner .notes .feature dd ul li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0.8em;
  left: 0;
  width: 10px;
  height: 5px;
  transform: rotate(-45deg);
}
#paint .Recommend .block .inner .notes .feature dd ul li a {
  position: relative;
  display: inline-block;
  color: #000;
  text-decoration: underline;
  transition: 0.5s all;
}
#paint .Recommend .block .inner .notes .feature dd ul li a::after {
  display: inline-block;
  content: "";
  width: calc(30 / 750 * 100vw);
  height: calc(30 / 750 * 100vw);
  margin: 0 0 0 calc(10 / 750 * 100vw);
  background: url(../images/paint/icon_window.png) no-repeat center/cover;
}
@media screen and (min-width: 768px) {
  #paint .Recommend .block .inner .notes .feature dd ul li a::after {
    width: 20px;
    height: 20px;
    margin-left: 10px;
    margin-bottom: -2px;
  }
}
#paint .Recommend .block .inner .notes .feature dd ul li a:hover {
  color: #f0a02f;
}
#paint .Recommend .block01 .ttl {
  color: #db4c40;
}
#paint .Recommend .block01 .endurance td,
#paint .Recommend .block01 .endurance th {
  border: solid 1px #db4c40;
}
#paint .Recommend .block01 .endurance .head {
  background-color: #db4c40;
}
#paint .Recommend .block01 .feature:not(:last-of-type) {
  border-bottom: solid 2px #db4c40;
}
#paint .Recommend .block01 .feature dt {
  color: #db4c40;
}
#paint .Recommend .block01 .feature dd ul li::after {
  border-left: 2px solid #db4c40;
  border-bottom: 2px solid #db4c40;
}
#paint .Recommend .block02 .ttl {
  color: #ef767a;
}
#paint .Recommend .block02 .endurance td,
#paint .Recommend .block02 .endurance th {
  border: solid 1px #ef767a;
}
#paint .Recommend .block02 .endurance .head {
  background-color: #ef767a;
}
#paint .Recommend .block02 .feature:not(:last-of-type) {
  border-bottom: solid 2px #ef767a;
}
#paint .Recommend .block02 .feature dt {
  color: #ef767a;
}
#paint .Recommend .block02 .feature dd ul li::after {
  border-left: 2px solid #ef767a;
  border-bottom: 2px solid #ef767a;
}
#paint .Recommend .block03 .ttl {
  color: #60b2e5;
}
#paint .Recommend .block03 .endurance td,
#paint .Recommend .block03 .endurance th {
  border: solid 1px #60b2e5;
}
#paint .Recommend .block03 .endurance .head {
  background-color: #60b2e5;
}
#paint .Recommend .block03 .feature:not(:last-of-type) {
  border-bottom: solid 2px #60b2e5;
}
#paint .Recommend .block03 .feature dt {
  color: #60b2e5;
}
#paint .Recommend .block03 .feature dd ul li::after {
  border-left: 2px solid #60b2e5;
  border-bottom: 2px solid #60b2e5;
}
#paint .Recommend .block04 {
  position: relative;
}
#paint .Recommend .block04 .ttl {
  color: #3b7ab9;
}
#paint .Recommend .block04 .endurance td,
#paint .Recommend .block04 .endurance th {
  border: solid 1px #3b7ab9;
}
#paint .Recommend .block04 .endurance .head {
  background-color: #3b7ab9;
}
#paint .Recommend .block04 .feature:not(:last-of-type) {
  border-bottom: solid 2px #3b7ab9;
}
#paint .Recommend .block04 .feature dt {
  color: #3b7ab9;
}
#paint .Recommend .block04 .feature dd ul li::after {
  border-left: 2px solid #3b7ab9;
  border-bottom: 2px solid #3b7ab9;
}
#paint .Recommend .block04 .staff {
  position: absolute;
  bottom: 0;
  right: 40px;
  width: 397px;
}
#paint .Bnr {
  position: relative;
  z-index: 0;
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #paint .Bnr {
    padding: 100px 0;
  }
}
#paint .Bnr .ttl {
  position: relative;
  color: #f0a02f;
  font-size: calc(40 / 750 * 100vw);
  text-align: center;
  line-height: 1.6;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #paint .Bnr .ttl {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
#paint .Bnr .ttl::after,
#paint .Bnr .ttl::before {
  display: none;
  position: absolute;
  top: 50%;
  content: "";
  width: 2px;
  background-color: #f0a02f;
  height: 200px;
}
@media screen and (min-width: 768px) {
  #paint .Bnr .ttl::after,
  #paint .Bnr .ttl::before {
    display: inline-block;
  }
}
#paint .Bnr .ttl::before {
  transform: translateY(-50%) rotate(-20deg);
  left: 120px;
}
#paint .Bnr .ttl::after {
  transform: translateY(-50%) rotate(20deg);
  right: 120px;
}
#paint .Bnr .ttl .red {
  color: #e13c44;
  font-size: 130%;
  background: linear-gradient(transparent 80%, #fffd00 80%);
}
#paint .Bnr a {
  display: block;
  transition: 0.5s all;
}
#paint .Bnr a:hover {
  opacity: 0.8;
}
#paint .Bnr .deco {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: -5;
}
#paint .Bnr .deco01 {
  width: 334px;
  margin: 230px 0 0 -650px;
}
#paint .Bnr .deco02 {
  width: 512px;
  margin: -130px 0 0 570px;
}
#plan .Fv img {
  display: block;
  width: calc(587 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #plan .Fv img {
    width: 759px;
  }
}
#plan .wrap {
  position: relative;
  z-index: 0;
  background: url(../images/plan/bg_pattern.png) repeat;
}
#plan .Price {
  position: relative;
  z-index: 0;
  padding: calc(100 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 768px) {
  #plan .Price {
    padding: 100px 0 0;
  }
}
#plan .Price__ttl {
  position: relative;
  color: #f0a02f;
  text-align: center;
  font-size: calc(45 / 750 * 100vw);
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Price__ttl {
    font-size: 40px;
    margin-bottom: 80px;
  }
}
#plan .Price__ttl::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: calc(350 / 750 * 100vw);
  height: 2px;
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #plan .Price__ttl::after {
    width: 300px;
  }
}
#plan .Price .campaign {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Price .campaign {
    margin-bottom: 40px;
  }
}
#plan .Price .campaign a {
  display: block;
  transition: 0.5s all;
}
#plan .Price .campaign a:hover {
  opacity: 0.8;
}
#plan .Price #slider02 {
  padding-bottom: calc(100 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Price #slider02 {
    padding-bottom: 0;
    margin-bottom: 30px;
    overflow: inherit;
  }
}
@media screen and (min-width: 768px) {
  #plan .Price #slider02 .swiper-wrapper {
    display: flex;
    justify-content: space-between;
  }
  #plan .Price #slider02 .swiper-wrapper .swiper-slide {
    width: 310px;
    filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.1));
  }
  #plan .Price #slider02 .swiper-wrapper .swiper-slide a {
    display: block;
    transition: 0.5s all;
  }
  #plan .Price #slider02 .swiper-wrapper .swiper-slide a:hover {
    opacity: 0.8;
  }
}
@media screen and (min-width: 768px) {
  #plan .Price .swiper-button-next,
  #plan .Price .swiper-button-prev {
    display: none;
  }
}
#plan .Price .swiper-pagination-bullet-active {
  background-color: #f0a02f;
  width: 10px;
  height: 10px;
}
#plan .Others {
  padding: calc(100 / 750 * 100vw) 0 0;
}
@media screen and (min-width: 768px) {
  #plan .Others {
    padding: 100px 0 0;
  }
}
#plan .Others__ttl {
  position: relative;
  color: #f0a02f;
  text-align: center;
  font-size: calc(45 / 750 * 100vw);
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Others__ttl {
    font-size: 40px;
    margin-bottom: 80px;
  }
}
#plan .Others__ttl::after {
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  display: block;
  content: "";
  width: calc(300 / 750 * 100vw);
  height: 2px;
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #plan .Others__ttl::after {
    width: 250px;
  }
}
#plan .Others #slider03 {
  padding-bottom: calc(100 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Others #slider03 {
    padding-bottom: 0;
    margin-bottom: 30px;
    overflow: inherit;
  }
}
@media screen and (min-width: 768px) {
  #plan .Others #slider03 .swiper-wrapper {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  #plan .Others #slider03 .swiper-wrapper .swiper-slide {
    width: 235px;
    filter: drop-shadow(8px 8px 8px rgba(0, 0, 0, 0.1));
  }
  #plan .Others #slider03 .swiper-wrapper .swiper-slide:nth-of-type(-n + 4) {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Others .swiper-button-next,
  #plan .Others .swiper-button-prev {
    display: none;
  }
}
#plan .Others .swiper-pagination-bullet-active {
  background-color: #f0a02f;
  width: 10px;
  height: 10px;
}
#plan .Others__subttl {
  width: calc(627 / 750 * 100vw);
  margin: calc(60 / 750 * 100vw) auto;
}
@media screen and (min-width: 768px) {
  #plan .Others__subttl {
    width: 627px;
    margin: 120px auto 40px;
  }
}
#plan .Ctr {
  position: relative;
  padding: calc(150 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #plan .Ctr {
    padding: 100px 0;
  }
}
@media screen and (min-width: 768px) {
  #plan .Ctr__inner {
    display: flex;
    justify-content: space-between;
  }
}
#plan .Ctr .campaign {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Ctr .campaign {
    margin-bottom: 0;
  }
}
#plan .Ctr .contact {
  background: #f8f1d9;
  padding: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Ctr .contact {
    width: 600px;
    padding: 30px;
  }
}
#plan .Ctr .contact .ttl {
  position: relative;
  font-size: calc(40 / 750 * 100vw);
  text-align: center;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Ctr .contact .ttl {
    font-size: 32px;
    margin-bottom: 10px;
  }
}
#plan .Ctr .contact .ttl .org {
  font-size: 130%;
  color: #f0a02f;
}
#plan .Ctr .contact .ttl:after,
#plan .Ctr .contact .ttl:before {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: inline-block;
  content: "";
  width: 1px;
  height: calc(80 / 750 * 100vw);
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #plan .Ctr .contact .ttl:after,
  #plan .Ctr .contact .ttl:before {
    height: 60px;
  }
}
#plan .Ctr .contact .ttl:before {
  margin: calc(-30 / 750 * 100vw) 0 0 calc(-290 / 750 * 100vw);
  transform: rotate(-20deg);
}
@media screen and (min-width: 768px) {
  #plan .Ctr .contact .ttl:before {
    margin: -30px 0 0 -230px;
  }
}
#plan .Ctr .contact .ttl:after {
  margin: calc(-30 / 750 * 100vw) 0 0 calc(290 / 750 * 100vw);
  transform: rotate(20deg);
}
@media screen and (min-width: 768px) {
  #plan .Ctr .contact .ttl:after {
    margin: -30px 0 0 230px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Ctr .contact .mailform {
    overflow: hidden;
    margin-bottom: 0;
  }
}
@media screen and (min-width: 768px) {
  #plan .Ctr .contact .mailform dt {
    float: left;
  }
}
@media screen and (min-width: 768px) {
  #plan .Ctr .contact .mailform dd {
    padding: 0 0 0 140px;
    margin-bottom: 20px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Ctr .contact .radio__wrap label {
    width: 50%;
  }
}
#plan .Contents {
  padding: calc(100 / 750 * 100vw) 0;
}
@media screen and (min-width: 768px) {
  #plan .Contents {
    padding: 100px 0;
  }
}
#plan .Contents .block .ttl {
  position: relative;
  font-size: calc(45 / 750 * 100vw);
  text-align: center;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .ttl {
    font-size: 40px;
    margin-bottom: 60px;
  }
}
#plan .Contents .block .ttl::after,
#plan .Contents .block .ttl::before {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  width: 2px;
  height: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .ttl::after,
  #plan .Contents .block .ttl::before {
    height: 50px;
  }
}
#plan .Contents .block .ttl::before {
  left: 0;
  transform: translateY(-50%) rotate(-20deg);
}
#plan .Contents .block .ttl::after {
  right: 0;
  transform: translateY(-50%) rotate(20deg);
}
#plan .Contents .block .ttl .en {
  display: inline-block;
  position: absolute;
  top: calc(-60 / 750 * 100vw);
  left: 0;
  z-index: -5;
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .ttl .en {
    top: -30px;
  }
}
#plan .Contents .block .inner {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .inner {
    display: flex;
    justify-content: space-between;
    margin-bottom: 80px;
  }
}
#plan .Contents .block .inner .img {
  position: relative;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .inner .img {
    width: 500px;
    flex: 1 0 auto;
    margin: 0 50px 0 0;
  }
}
#plan .Contents .block .inner .img .icon {
  display: inline-block;
  position: absolute;
  top: calc(-20 / 750 * 100vw);
  left: calc(-20 / 750 * 100vw);
  width: calc(113 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .inner .img .icon {
    top: -20px;
    left: 30px;
    width: 113px;
  }
}
#plan .Contents .block .inner .notes .subttl {
  font-size: calc(35 / 750 * 100vw);
  line-height: 1.4;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .inner .notes .subttl {
    font-size: 25px;
    margin-bottom: 20px;
  }
}
#plan .Contents .block .inner .notes .txt {
  margin-bottom: calc(80 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .inner .notes .txt {
    margin-bottom: 40px;
  }
}
#plan .Contents .block .inner .notes .txt span {
  color: red;
  font-weight: 700;
}
#plan .Contents .block .inner .notes .recommend {
  margin: 0 auto;
}
#plan .Contents .block .table {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .table {
    margin-bottom: 60px;
  }
}
#plan .Contents .block .table__ttl {
  text-align: center;
  font-size: calc(35 / 750 * 100vw);
  line-height: 1.4;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .table__ttl {
    font-size: 32px;
    margin-bottom: 20px;
  }
}
#plan .Contents .block .table .img {
  width: 100%;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .table .img {
    width: 600px;
    margin: 0 auto 20px;
  }
}
#plan .Contents .block .table .caution {
  font-size: calc(24 / 750 * 100vw);
  line-height: 1.6;
  padding-left: calc(24 / 750 * 100vw);
  text-indent: calc(-18 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .table .caution {
    width: 600px;
    margin: 0 auto;
    font-size: 16px;
    padding-left: 16px;
    text-indent: -12px;
  }
}
#plan .Contents .block .bnr {
  display: block;
  width: 100%;
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #plan .Contents .block .bnr {
    width: 800px;
  }
}
#plan .Contents01 .block .ttl {
  color: #ef7b2e;
}
#plan .Contents01 .block .ttl::after,
#plan .Contents01 .block .ttl::before {
  background-color: #ef7b2e;
}
#plan .Contents01 .block .ttl .en {
  width: calc(202 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents01 .block .ttl .en {
    width: 202px;
    left: 150px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Contents01 .block .ttl:before {
    left: 220px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Contents01 .block .ttl::after {
    right: 220px;
  }
}
#plan .Contents01 .block .inner .notes .subttl {
  color: #ef7b2e;
}
#plan .Contents01 .block .inner .notes .recommend {
  width: calc(618 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents01 .block .inner .notes .recommend {
    width: 446px;
  }
}
#plan .Contents01 .block .table__ttl {
  color: #ef7b2e;
}
#plan .Contents02 .block .ttl {
  color: #5479b5;
}
#plan .Contents02 .block .ttl::after,
#plan .Contents02 .block .ttl::before {
  background-color: #5479b5;
}
#plan .Contents02 .block .ttl .en {
  width: calc(226 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents02 .block .ttl .en {
    width: 226px;
    left: 200px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Contents02 .block .ttl:before {
    left: 280px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Contents02 .block .ttl::after {
    right: 280px;
  }
}
#plan .Contents02 .block .inner .notes .subttl {
  color: #5479b5;
}
#plan .Contents02 .block .inner .notes .recommend {
  width: calc(639 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents02 .block .inner .notes .recommend {
    width: 446px;
  }
}
#plan .Contents03 .block .ttl {
  color: #f0ae39;
}
#plan .Contents03 .block .ttl::after,
#plan .Contents03 .block .ttl::before {
  background-color: #f0ae39;
}
#plan .Contents03 .block .ttl .en {
  width: calc(217 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents03 .block .ttl .en {
    width: 217px;
    left: 120px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Contents03 .block .ttl:before {
    left: 200px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Contents03 .block .ttl::after {
    right: 200px;
  }
}
#plan .Contents03 .block .inner .notes .subttl {
  color: #f0ae39;
}
#plan .Contents03 .block .inner .notes .recommend {
  width: calc(618 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents03 .block .inner .notes .recommend {
    width: 446px;
  }
}
#plan .Contents03 .block .table__ttl {
  color: #f0ae39;
}
#plan .Contents04 .block .ttl {
  color: #4db0ba;
}
#plan .Contents04 .block .ttl::after,
#plan .Contents04 .block .ttl::before {
  background-color: #4db0ba;
}
#plan .Contents04 .block .ttl .en {
  width: calc(222 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents04 .block .ttl .en {
    width: 222px;
    left: 150px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Contents04 .block .ttl:before {
    left: 300px;
  }
}
@media screen and (min-width: 768px) {
  #plan .Contents04 .block .ttl::after {
    right: 300px;
  }
}
#plan .Contents04 .block .inner .notes .subttl {
  color: #4db0ba;
}
#plan .Contents04 .block .inner .notes .recommend {
  width: calc(618 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #plan .Contents04 .block .inner .notes .recommend {
    width: 446px;
  }
}
#plan .Contents04 .block .table__ttl {
  color: #4db0ba;
}
#reason .Fv img {
  display: block;
  width: calc(653 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #reason .Fv img {
    width: 499px;
  }
}
#reason .Contents {
  position: relative;
}
#reason .Contents::after,
#reason .Contents::before {
  position: absolute;
  z-index: -5;
  left: 50%;
  display: block;
  content: "";
  width: 1000px;
  height: 200px;
  background-color: #fffae6;
  transform-origin: 0 0;
  z-index: -10;
}
@media screen and (min-width: 768px) {
  #reason .Contents::after,
  #reason .Contents::before {
    width: 120vw;
    height: 300px;
  }
}
#reason .Contents::before {
  top: calc(500 / 750 * 100vw);
  transform: rotate(-45deg) translateX(-50%);
}
@media screen and (min-width: 768px) {
  #reason .Contents::before {
    top: 0;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 600px 150vw 600px 0;
    border-color: transparent #fffae6 transparent transparent;
    background-color: transparent;
    transform: rotate(0) translateX(-50%);
  }
}
#reason .Contents::after {
  top: calc(2500 / 750 * 100vw);
  transform: rotate(45deg) translateX(-50%);
}
@media screen and (min-width: 768px) {
  #reason .Contents::after {
    top: 1800px;
    transform: rotate(-20deg) translateX(-50%);
  }
}
@media screen and (min-width: 768px) {
  #reason .Contents .container {
    width: 1240px;
  }
}
#reason .Contents .block {
  margin-bottom: calc(150 / 750 * 100vw);
  padding-top: calc(120 / 750 * 100vw);
  margin-top: calc(-120 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #reason .Contents .block {
    padding-top: 180px;
    margin-top: -180px;
    display: flex;
    justify-content: space-between;
    margin-bottom: 150px;
  }
}
@media screen and (min-width: 768px) {
  #reason .Contents .block:nth-of-type(even) {
    flex-direction: row-reverse;
  }
}
@media screen and (min-width: 768px) {
  #reason .Contents .block:nth-of-type(even) .img {
    margin: 0 0 0 50px;
  }
}
#reason .Contents .block:nth-of-type(even) .img .number {
  left: inherit;
  right: 0;
}
#reason .Contents .block .img {
  width: calc(695 / 750 * 100vw);
  position: relative;
  margin: 0 auto calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #reason .Contents .block .img {
    width: 670px;
    flex: 1 0 auto;
    margin: 0 50px 0 0;
  }
}
#reason .Contents .block .img .number {
  position: absolute;
  top: calc(-40 / 750 * 100vw);
  left: 0;
  display: block;
  width: calc(140 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #reason .Contents .block .img .number {
    top: -40px;
    width: 138px;
  }
}
#reason .Contents .block .notes .ttl {
  font-size: calc(40 / 750 * 100vw);
  line-height: 1.4;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #reason .Contents .block .notes .ttl {
    font-size: 30px;
    margin-bottom: 20px;
  }
}
#reason .Contents .block .notes .ttl span {
  color: #f0a02f;
  font-size: 140%;
}
#reason .Contents .block .notes .txt {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #reason .Contents .block .notes .txt {
    margin-bottom: 40px;
  }
}
#reason .Contents .block .notes .txt small {
  display: block;
  line-height: 1.4;
  margin-top: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #reason .Contents .block .notes .txt small {
    margin-top: 10px;
  }
}
#reason .Contents .block .notes .txt span {
  color: #f0a02f;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  #reason .Contents .block .notes .Btn {
    margin: 0 auto 0 0;
  }
}
#reason .Contents .block02 {
  position: relative;
}
#reason .Contents .block02::before {
  position: absolute;
  top: calc(-200 / 750 * 100vw);
  right: calc(-40 / 750 * 100vw);
  display: block;
  content: "";
  width: calc(334 / 750 * 100vw);
  height: calc(268 / 750 * 100vw);
  background: url(../images/reason/bg_cloud_blu.png) no-repeat center/cover;
  z-index: -5;
}
@media screen and (min-width: 768px) {
  #reason .Contents .block02::before {
    width: 334px;
    height: 268px;
    top: -150px;
    right: -150px;
  }
}
#reason .Contents .block02::after {
  position: absolute;
  bottom: calc(-100 / 750 * 100vw);
  left: calc(-40 / 750 * 100vw);
  display: block;
  content: "";
  width: calc(392 / 750 * 100vw);
  height: calc(192 / 750 * 100vw);
  background: url(../images/reason/bg_cloud_pk.png) no-repeat center/cover;
  z-index: -5;
}
@media screen and (min-width: 768px) {
  #reason .Contents .block02::after {
    width: 392px;
    height: 192px;
    bottom: -150px;
    left: -150px;
  }
}
#reason .Contents .block05 {
  position: relative;
}
#reason .Contents .block05::before {
  position: absolute;
  top: calc(-250 / 750 * 100vw);
  right: calc(-40 / 750 * 100vw);
  display: block;
  content: "";
  width: calc(399 / 750 * 100vw);
  height: calc(194 / 750 * 100vw);
  background: url(../images/reason/bg_cloud_bor.png) no-repeat center/cover;
  z-index: -5;
}
@media screen and (min-width: 768px) {
  #reason .Contents .block05::before {
    width: 399px;
    height: 194px;
    top: -650px;
    right: -80px;
  }
}
#reason .Contents .block .reasonBtn {
  position: relative;
  display: block;
  background-color: #f0a02f;
  color: #fff;
  text-align: center;
  transition: 0.5s opacity;
  width: calc(540 / 750 * 100vw);
  padding: calc(30 / 750 * 100vw);
  margin: 0 auto;
  border-radius: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #reason .Contents .block .reasonBtn {
    width: 300px;
    padding: 12px;
    border-radius: 40px;
    margin: 0;
  }
}
#reason .Contents .block .reasonBtn::after {
  position: absolute;
  top: 50%;
  right: 20px;
  display: block;
  content: "";
  width: 10px;
  height: 10px;
  border-top: solid 1px #fff;
  border-right: solid 1px #fff;
  transform: translateY(-50%) rotate(45deg);
}
#reason .Contents .block .reasonBtn:hover {
  opacity: 0.7;
}
#reason .Contents .Bnr {
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #reason .Contents .Bnr {
    margin-bottom: 150px;
  }
}
#reason .Contents .Bnr__ttl {
  position: relative;
  font-size: calc(40 / 750 * 100vw);
  text-align: center;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #reason .Contents .Bnr__ttl {
    font-size: 30px;
    margin-bottom: 40px;
    line-height: 1.4;
  }
}
#reason .Contents .Bnr__ttl span {
  font-size: 120%;
  color: #f0a02f;
}
#reason .Contents .Bnr__ttl::after,
#reason .Contents .Bnr__ttl::before {
  position: absolute;
  top: 50%;
  display: inline-block;
  content: "";
  width: 2px;
  height: calc(120 / 750 * 100vw);
  background-color: #f0a02f;
}
@media screen and (min-width: 768px) {
  #reason .Contents .Bnr__ttl::after,
  #reason .Contents .Bnr__ttl::before {
    height: 100px;
  }
}
#reason .Contents .Bnr__ttl::before {
  left: 0;
  transform: translateY(-50%) rotate(-20deg);
}
@media screen and (min-width: 768px) {
  #reason .Contents .Bnr__ttl::before {
    left: 350px;
  }
}
#reason .Contents .Bnr__ttl::after {
  right: 0;
  transform: translateY(-50%) rotate(20deg);
}
@media screen and (min-width: 768px) {
  #reason .Contents .Bnr__ttl::after {
    right: 350px;
  }
}
#reason .Contents .Bnr a {
  display: block;
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  #reason .Contents .Bnr a {
    width: 1000px;
    margin: 0 auto;
  }
}
#reason .Contents .Bnr a:hover {
  opacity: 0.8;
}
#thanks .Fv img {
  display: block;
  width: calc(670 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  #thanks .Fv img {
    width: 499px;
  }
}
#thanks .Contents {
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #thanks .Contents {
    margin-bottom: 150px;
  }
}
#thanks .Contents .ttl {
  font-weight: 700;
  font-size: calc(56 / 750 * 100vw);
  text-align: center;
  line-height: 1.4;
  margin-bottom: calc(30 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #thanks .Contents .ttl {
    font-size: 40px;
    margin-bottom: 30px;
  }
}
#thanks .Contents .txt {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  #thanks .Contents .txt {
    width: 800px;
    margin: 0 auto 60px;
  }
}
#thanks .Contents .txt a {
  color: #f0a02f;
  font-weight: 700;
  text-decoration: underline;
}
#thanks .Common--contact {
  display: none;
}
.date .Fv img,
.post-type-archive-voice .Fv img,
.single-voice .Fv img {
  display: block;
  width: calc(577 / 750 * 100vw);
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .date .Fv img,
  .post-type-archive-voice .Fv img,
  .single-voice .Fv img {
    width: 415px;
  }
}
.date .Contents,
.post-type-archive-voice .Contents {
  margin-bottom: calc(150 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .date .Contents,
  .post-type-archive-voice .Contents {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  .date .Contents .container,
  .post-type-archive-voice .Contents .container {
    width: 1240px;
  }
}
.date .Contents .inner,
.post-type-archive-voice .Contents .inner {
  display: flex;
  flex-wrap: wrap;
}
.date .Contents .inner .block,
.post-type-archive-voice .Contents .inner .block {
  width: calc(325 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .date .Contents .inner .block,
  .post-type-archive-voice .Contents .inner .block {
    width: 370px;
    margin-bottom: 40px;
  }
}
.date .Contents .inner .block:nth-of-type(odd),
.post-type-archive-voice .Contents .inner .block:nth-of-type(odd) {
  margin-right: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .date .Contents .inner .block:nth-of-type(odd),
  .post-type-archive-voice .Contents .inner .block:nth-of-type(odd) {
    margin-right: inherit;
  }
}
@media screen and (min-width: 768px) {
  .date .Contents .inner .block:not(:nth-of-type(3n)),
  .post-type-archive-voice .Contents .inner .block:not(:nth-of-type(3n)) {
    margin-right: 45px;
  }
}
.date .Contents .inner .block a,
.post-type-archive-voice .Contents .inner .block a {
  display: block;
  color: #000;
  border: solid 1px #feed8e;
  padding: calc(20 / 750 * 100vw);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  .date .Contents .inner .block a,
  .post-type-archive-voice .Contents .inner .block a {
    padding: 20px;
  }
}
.date .Contents .inner .block a:hover,
.post-type-archive-voice .Contents .inner .block a:hover {
  background-color: #feed8e;
}
.date .Contents .inner .block a .img,
.post-type-archive-voice .Contents .inner .block a .img {
  position: relative;
  width: calc(285 / 750 * 100vw);
  height: calc(200 / 750 * 100vw);
  margin-bottom: calc(10 / 750 * 100vw);
  overflow: hidden;
}
@media screen and (min-width: 768px) {
  .date .Contents .inner .block a .img,
  .post-type-archive-voice .Contents .inner .block a .img {
    width: 330px;
    height: 220px;
    margin-bottom: 10px;
  }
}
.date .Contents .inner .block a .img img,
.post-type-archive-voice .Contents .inner .block a .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.date .Contents .inner .block a .ttl,
.post-type-archive-voice .Contents .inner .block a .ttl {
  font-weight: 700;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  overflow: hidden;
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .date .Contents .inner .block a .ttl,
  .post-type-archive-voice .Contents .inner .block a .ttl {
    margin-bottom: 20px;
  }
}
.date .Contents .inner .block a .customer,
.post-type-archive-voice .Contents .inner .block a .customer {
  color: #8c8c8c;
  font-size: calc(24 / 750 * 100vw);
  margin-bottom: calc(6 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .date .Contents .inner .block a .customer,
  .post-type-archive-voice .Contents .inner .block a .customer {
    font-size: 16px;
    margin-bottom: 6px;
  }
}
.date .Contents .inner .block a .comment,
.post-type-archive-voice .Contents .inner .block a .comment {
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper {
    margin-bottom: 100px;
  }
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner {
    display: flex;
    justify-content: space-between;
  }
}
.single-voice .wrapper .Inner .Contents {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents {
    width: 700px;
    margin-bottom: 0;
  }
}
.single-voice .wrapper .Inner .Contents__ttl {
  font-size: calc(40 / 750 * 100vw);
  color: #263c58;
  border-bottom: 2px solid #263c58;
  margin-bottom: calc(40 / 750 * 100vw);
  padding-bottom: calc(10 / 750 * 100vw);
  line-height: 1.4;
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents__ttl {
    font-size: 35px;
    margin-bottom: 20px;
    padding-bottom: 20px;
  }
}
.single-voice .wrapper .Inner .Contents .img {
  position: relative;
  overflow: hidden;
  margin-bottom: calc(50 / 750 * 100vw);
  width: 100%;
  height: calc(400 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents .img {
    width: 700px;
    height: 450px;
    margin-bottom: 40px;
  }
}
.single-voice .wrapper .Inner .Contents .img img {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-voice .wrapper .Inner .Contents .enquete {
  width: calc(590 / 750 * 100vw);
  margin: 0 auto calc(60 / 750 * 100vw);
  border: 1px solid #f0a02f;
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents .enquete {
    width: 500px;
    margin-bottom: 60px;
  }
}
.single-voice .wrapper .Inner .Contents .enquete img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-voice .wrapper .Inner .Contents .block {
  padding: calc(40 / 750 * 100vw);
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents .block {
    padding: 40px;
    margin-bottom: 20px;
  }
}
.single-voice .wrapper .Inner .Contents .block h3,
.single-voice .wrapper .Inner .Contents .block h4 {
  border-top: solid 1px #f0a02f;
  border-bottom: solid 1px #f0a02f;
  padding: calc(10 / 750 * 100vw) 0;
  font-size: calc(32 / 750 * 100vw);
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents .block h3,
  .single-voice .wrapper .Inner .Contents .block h4 {
    padding: 10px 0;
    font-size: 20px;
    margin-bottom: 10px;
  }
}
.single-voice .wrapper .Inner .Contents .block h3:not(:first-of-type),
.single-voice .wrapper .Inner .Contents .block h4:not(:first-of-type) {
  margin-top: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents .block h3:not(:first-of-type),
  .single-voice .wrapper .Inner .Contents .block h4:not(:first-of-type) {
    margin-top: 40px;
  }
}
.single-voice .wrapper .Inner .Contents .block h4 span {
  font-size: 100% !important;
  font-weight: 700;
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents .wrap {
    display: flex;
    align-items: center;
  }
}
.single-voice .wrapper .Inner .Contents .return {
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents .return {
    margin-bottom: 40px;
  }
}
@media screen and (min-width: 768px) and (min-width: 768px) {
  .single-voice .wrapper .Inner .Contents .return {
    margin-bottom: 0;
  }
}
.single-voice .wrapper .Inner .Side {
  margin-bottom: calc(100 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Side {
    width: 240px;
    margin-bottom: 0;
  }
}
.single-voice .wrapper .Inner .Side__ttl {
  font-size: calc(40 / 750 * 100vw);
  line-height: 1.6;
  border-bottom: 1px solid #000;
  margin-bottom: calc(40 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Side__ttl {
    font-size: 32px;
    margin-bottom: 20px;
    padding-bottom: 20px;
    line-height: 1.4;
  }
}
.single-voice .wrapper .Inner .Side__ttl .en {
  display: inline-block;
  font-size: calc(28 / 750 * 100vw);
  color: #f0a02f;
  margin-left: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Side__ttl .en {
    font-size: 18px;
    display: block;
    margin-left: 0;
  }
}
.single-voice .wrapper .Inner .Side .Aricive {
  margin-bottom: calc(60 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Side .Aricive {
    margin-bottom: 60px;
  }
}
.single-voice .wrapper .Inner .Side .Aricive .lists > li {
  position: relative;
  width: 100%;
  padding-left: calc(40 / 750 * 100vw);
  font-size: calc(32 / 750 * 100vw);
  margin-bottom: calc(20 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Side .Aricive .lists > li {
    padding-left: 30px;
    font-size: 16px;
    margin-bottom: 16px;
  }
}
.single-voice .wrapper .Inner .Side .Aricive .lists > li:hover {
  cursor: pointer;
}
.single-voice .wrapper .Inner .Side .Aricive .lists > li.is-active::before {
  transform: rotate(135deg);
}
.single-voice .wrapper .Inner .Side .Aricive .lists > li::before {
  position: absolute;
  top: calc(18 / 750 * 100vw);
  left: 0;
  display: inline-block;
  content: "";
  width: calc(16 / 750 * 100vw);
  height: calc(16 / 750 * 100vw);
  border: solid 1px;
  border-color: #000 #000 transparent transparent;
  transform: rotate(45deg);
  transition: 0.5s all;
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Side .Aricive .lists > li::before {
    top: 10px;
    width: 10px;
    height: 10px;
  }
}
.single-voice .wrapper .Inner .Side .Aricive .lists > li .sublists {
  display: none;
  padding-top: calc(10 / 750 * 100vw);
}
@media screen and (min-width: 768px) {
  .single-voice .wrapper .Inner .Side .Aricive .lists > li .sublists {
    padding-top: 10px;
  }
}
.single-voice .wrapper .Inner .Side .Aricive .lists > li .sublists li a {
  display: block;
  color: #000;
  transition: 0.5s all;
}
.single-voice .wrapper .Inner .Side .Aricive .lists > li .sublists li a:hover {
  color: #f0a02f;
}
/*# sourceMappingURL=sourcemaps/main.css.map */