@charset "UTF-8";
/*
import global components
*/
/*
#  scss mixin
1. background-image-retina
*/
/* about */
/*
    必須引数として「拡張子を除く画像パス」と「拡張子」を指定することで、メディアクエリのRetina対応コードを出力。
    */
/* usage */
/*
    // --- scss code
    .section--index.section--01.loaded {
        @include background-image-retina('../img/index/desktop/section--01', 'jpg');
        background-size: 1308px 600px;
    }

    // --- output css
    .section--index.section--01.loaded {
        background-image:url("../img/index/desktop/section--01.jpg");
        background-size:1308px 600px;
    }
    @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi){
        .section--index.section--01.loaded {
            background-image:url("../img/index/desktop/section--01@2x.jpg");
        }
    }
    ---
    */
.top-banner {
  position: relative;
  z-index: 200;
  padding: 10px 0;
  background-color: #ff9e2c;
  line-height: 1.6;
  text-align: center;
  transition: background-color 3s;
  transition-delay: 2s;
}
.top-banner .view-area {
  width: 90%;
  max-width: 1118px;
  margin: 0 auto;
  overflow: hidden;
}
.top-banner a {
  transition: color 3s;
  transition-delay: 2s;
  color: #fff;
  text-decoration: none;
}
.top-banner.__active {
  background-color: #efefef;
}
.top-banner.__active a {
  color: #000;
}
@media (max-width: 639px) {
  .top-banner {
    font-size: 0.8rem;
  }
}
@media (min-width: 640px) {
  .top-banner {
    font-size: 0.9rem;
  }
}

/*
import main components
*/
/*
font and text style
*/
body {
  font-family: "Open Sans", "Helvetica Neue", "Arial", "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Meiryo", "sans-serif";
  font-size: 18px;
  line-height: 1.8;
  color: #707070;
}

/*
section
*/
section {
  overflow: hidden;
  padding: 0 5%;
}

.section {
  padding: 80px 5%;
}
.section .title {
  font-size: 50px;
  font-weight: bold;
  color: #000;
}

.horizontalrule {
  position: relative;
  border: none;
  height: 354px;
  margin: 0;
  padding: 0;
}
.horizontalrule::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  width: 100%;
  height: 354px;
  opacity: 0.3;
  background: no-repeat 0 center;
  background-size: cover;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221380%22%20height%3D%22177.979%22%20viewBox%3D%220%200%201380%20177.979%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%221380%22%20height%3D%22177.979%22%20transform%3D%22translate(4783%20-8655.004)%22%20opacity%3D%220.5%22%2F%3E%3C%2FclipPath%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220.471%22%20y1%3D%220.5%22%20x2%3D%220.529%22%20y2%3D%220.5%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2300e8fe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23238996%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-4783%208655.004)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M-1330.905%2C1055.337h-.192c-4.7%2C0-5.9-5.384-6.859-9.712-.182-.823-.348-1.586-.518-2.171l-.071-.279c-1.212-5.627-2.364-13.4-2.688-15.643-2.11-15.125-3.816-30.909-5.465-46.173q-.792-7.34-1.589-14.568c-1.456-13.078-3.106-27.9-5.233-41.518-.224-.987-.486-2.218-.778-3.582-.462-2.159-1.25-5.847-2.06-9.113-.314%2C1.091-.6%2C2.122-.813%2C2.9-.3%2C1.068-.57%2C2.061-.815%2C2.9-1.755%2C8.13-3.232%2C16.89-4.661%2C25.361l-.553%2C3.276c-.268%2C1.6-.716%2C4.218-1.121%2C6.585l-.787%2C4.632c-.751%2C4.54-2.006%2C12.138-8.386%2C12.138h-.005l-1450.365%2C0v-8.039l1449.578%2C0a28.777%2C28.777%2C0%2C0%2C0%2C1.245-5.409l.8-4.677c.4-2.357.85-4.962%2C1.117-6.563l.554-3.278c1.452-8.611%2C2.954-17.517%2C4.761-25.869l.076-.294c.244-.825.52-1.821.818-2.9%2C2.428-8.785%2C3.949-14.024%2C8.446-13.938h.755c4.422.086%2C5.784%2C4.25%2C9.283%2C20.611.3%2C1.39.562%2C2.632.786%2C3.614l.052.271c2.164%2C13.835%2C3.831%2C28.8%2C5.3%2C42.009q.8%2C7.228%2C1.592%2C14.593c1.642%2C15.2%2C3.341%2C30.925%2C5.432%2C45.909.3%2C2.114%2C1.378%2C9.356%2C2.506%2C14.7.049-.224.1-.434.148-.632%2C1.17-5.876%2C2.264-13.9%2C2.574-16.232%2C2.159-16.764%2C3.86-34.5%2C5.5-51.642l1.272-13.235c1.652-17.223%2C3.359-35.031%2C5.537-51.954.327-2.447%2C1.476-10.846%2C2.686-16.878l.4-1.561c1.786-6.983%2C2.865-11.2%2C6.731-11.517l1.21-.1c4.961%2C0%2C6.2%2C5.627%2C9.058%2C21.9.39%2C2.228.74%2C4.226%2C1.037%2C5.671l.044.253c2.107%2C15.109%2C3.813%2C30.9%2C5.462%2C46.166q.794%2C7.334%2C1.589%2C14.56c1.457%2C13.092%2C3.109%2C27.924%2C5.234%2C41.52.185.819.4%2C1.8.638%2C2.884.48%2C2.184%2C1.285%2C5.855%2C2.112%2C9.185.941-3.2%2C1.854-6.587%2C2.306-8.263l.272-1.01c1.523-7.722%2C2.9-15.9%2C4.23-23.808.627-3.729%2C1.251-7.433%2C1.884-11.064l.04-.2c.346-1.513.782-3.784%2C1.3-6.454%2C4.616-23.924%2C7.122-31.961%2C12.866-32.409%2C5.671-.41%2C8.794%2C6.632%2C12.722%2C15.592%2C1.553%2C3.543%2C3.9%2C8.9%2C5.188%2C10.02l.176.157a13.744%2C13.744%2C0%2C0%2C0%2C2.066-2.3%2C16.247%2C16.247%2C0%2C0%2C1%2C4.565-4.42l.485-.277.541-.134c8.463-2.075%2C11.258%2C8.542%2C13.5%2C17.082a73.728%2C73.728%2C0%2C0%2C0%2C2.733%2C8.883c1.026-3.154%2C2.057-8.389%2C2.687-11.59s1.222-6.2%2C1.858-8.428c3.916-24.721%2C6.715-29.027%2C11.444-29.027.036%2C0%2C.072%2C0%2C.107%2C0%2C6.126.082%2C7.96%2C7.9%2C12%2C38.913.977%2C7.5%2C1.9%2C14.581%2C2.782%2C18.731l.037.2c.221%2C1.388.434%2C2.622.637%2C3.715%2C1.1-6.127%2C2.036-13.8%2C2.455-17.229l.386-3.121c.428-3.4.845-6.887%2C1.266-10.41%2C1.185-9.922%2C2.411-20.183%2C4.036-29.8%2C1.344-7.25%2C2.8-13.192%2C7.677-13.021%2C5.813.2%2C7.291%2C6.165%2C12.167%2C49.071%2C1%2C8.83%2C2.231%2C19.625%2C3.425%2C27.484.2-1.415.356-2.708.474-3.656a54.728%2C54.728%2C0%2C0%2C1%2C.915-5.978c.994-6.481%2C1.735-13.268%2C2.452-19.832%2C1.418-12.988%2C2.886-26.415%2C6.407-39.1l.15-.542.293-.479c2.11-3.452%2C4.846-3.293%2C5.926-3.06%2C5.16%2C1.1%2C6.54%2C7.831%2C10.193%2C36.146%2C1.138%2C8.822%2C2.691%2C20.862%2C4.33%2C28.075.862-3.855%2C1.808-8.809%2C2.591-12.905%2C1.225-6.416%2C2.491-13.052%2C3.764-18.1%2C2.373-10.018%2C4.42-15.154%2C8.98-15.28.059%2C0%2C.118%2C0%2C.174%2C0%2C4.766%2C0%2C6.4%2C5.509%2C8.852%2C13.8%2C1.215%2C4.106%2C3.688%2C12.464%2C5.67%2C14.1a5.564%2C5.564%2C0%2C0%2C0%2C1.015-.909c7.467-8.1%2C13.8-3.166%2C17.2-.516a25.52%2C25.52%2C0%2C0%2C0%2C2.4%2C1.731c1.287-2.21%2C2.895-7.654%2C3.912-11.1%2C2.575-8.722%2C4.438-15.026%2C9.06-16.171a5.9%2C5.9%2C0%2C0%2C1%2C5.814%2C1.892c2.457%2C2.742%2C3.207%2C6.777%2C4%2C11.05.4%2C2.152%2C1.046%2C5.628%2C1.792%2C6.819l.1-.024.522-.013H235.932v8.039h-1280.26a7.235%2C7.235%2C0%2C0%2C1-5.287-1.072c-3.566-2.359-4.5-7.4-5.411-12.279-.208-1.125-.467-2.514-.767-3.776-.893%2C2.4-1.829%2C5.567-2.493%2C7.812-2.884%2C9.767-5.6%2C19-12.6%2C17.1a18.334%2C18.334%2C0%2C0%2C1-6.363-3.663c-3.45-2.685-3.892-3.034-6.346-.377-3.405%2C3.694-6.573%2C3.9-8.613%2C3.423-6.271-1.457-8.9-10.358-11.694-19.779-.346-1.168-.758-2.56-1.18-3.894-.383%2C1.3-.819%2C2.94-1.307%2C5-1.231%2C4.875-2.475%2C11.392-3.678%2C17.694-3.05%2C15.975-4.157%2C20.593-6.122%2C22.654a5.449%2C5.449%2C0%2C0%2C1-5.8%2C1.667c-5.225-1.715-7.013-10.057-10.872-39.968-.885-6.862-1.965-15.217-3.078-21.452-1.845%2C9.28-2.9%2C18.925-3.926%2C28.332-.735%2C6.728-1.495%2C13.686-2.534%2C20.416l-.122.538c-.185.62-.485%2C3.032-.725%2C4.972-1.229%2C9.922-2.312%2C16.593-6.016%2C18.848a5.279%2C5.279%2C0%2C0%2C1-4.661.447l-.734-.271-.579-.528c-2.984-2.715-4.359-11.476-7.875-42.407-1.174-10.328-2.741-24.114-4.3-33.353-1.407%2C8.742-2.524%2C18.089-3.606%2C27.151-.424%2C3.539-.842%2C7.042-1.273%2C10.467l-.381%2C3.084c-3.138%2C25.686-5.07%2C31.612-10.339%2C31.708h-.112c-4.842%2C0-6.626-5.763-8.545-17.8-.941-4.471-1.877-11.657-2.868-19.259-1.047-8.035-2.6-19.971-4.214-27.1-.908%2C3.427-2.084%2C8.915-3.466%2C17.679l-.117.517c-.558%2C1.884-1.139%2C4.834-1.754%2C7.957-2.182%2C11.081-3.909%2C19.851-9.972%2C19.851h-.126c-6.642-.134-8.752-8.157-10.986-16.652-.852-3.239-2.355-8.954-3.734-10.874-.413.457-.852%2C1.017-1.261%2C1.539-1.953%2C2.489-4.9%2C6.255-10.072%2C5.443l-.689-.108-1.9-1.033-1.224-1.091c-2.611-2.275-4.754-7.164-7.236-12.824a93.315%2C93.315%2C0%2C0%2C0-4.461-9.258c-2.227%2C5.5-4.8%2C18.829-5.869%2C24.371-.524%2C2.716-.973%2C5.036-1.328%2C6.61-.625%2C3.586-1.24%2C7.241-1.859%2C10.919-1.348%2C8.012-2.741%2C16.3-4.3%2C24.169l-.369%2C1.407c-4.72%2C17.523-5.9%2C19.951-9.7%2C19.979l-.926%2C0c-4.333-.014-5.566-3.771-9.4-21.265-.247-1.125-.468-2.133-.656-2.961l-.052-.269c-2.161-13.808-3.829-28.789-5.3-42.007-.536-4.817-1.062-9.688-1.591-14.585-1.639-15.164-3.333-30.845-5.415-45.793-.3-1.491-.66-3.517-1.055-5.77-.385-2.189-.961-5.472-1.584-8.554l-.033.126c-1.154%2C5.784-2.262%2C13.883-2.576%2C16.238-2.16%2C16.776-3.86%2C34.519-5.507%2C51.677l-1.272%2C13.235c-1.65%2C17.212-3.356%2C35.008-5.535%2C51.917-.321%2C2.422-1.457%2C10.752-2.684%2C16.878l-.054.234c-.179.679-.333%2C1.578-.505%2C2.538-.775%2C4.34-1.833%2C10.25-6.72%2C10.322Zm181.467-48.631v0ZM-1122.272%2C994v0Z%22%20transform%3D%22translate(6269.709%20-9532.361)%22%20fill%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}
.horizontalrule::after {
  position: relative;
  content: "";
  display: block;
  top: 88px;
  width: 100%;
  height: 178px;
  background: no-repeat left center;
  background-size: contain;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221380%22%20height%3D%22177.979%22%20viewBox%3D%220%200%201380%20177.979%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22a%22%3E%3Crect%20width%3D%221380%22%20height%3D%22177.979%22%20transform%3D%22translate(4783%20-8655.004)%22%20opacity%3D%220.5%22%2F%3E%3C%2FclipPath%3E%3ClinearGradient%20id%3D%22b%22%20x1%3D%220.471%22%20y1%3D%220.5%22%20x2%3D%220.529%22%20y2%3D%220.5%22%20gradientUnits%3D%22objectBoundingBox%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2300e8fe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23238996%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cg%20transform%3D%22translate(-4783%208655.004)%22%20clip-path%3D%22url(%23a)%22%3E%3Cpath%20d%3D%22M-1330.905%2C1055.337h-.192c-4.7%2C0-5.9-5.384-6.859-9.712-.182-.823-.348-1.586-.518-2.171l-.071-.279c-1.212-5.627-2.364-13.4-2.688-15.643-2.11-15.125-3.816-30.909-5.465-46.173q-.792-7.34-1.589-14.568c-1.456-13.078-3.106-27.9-5.233-41.518-.224-.987-.486-2.218-.778-3.582-.462-2.159-1.25-5.847-2.06-9.113-.314%2C1.091-.6%2C2.122-.813%2C2.9-.3%2C1.068-.57%2C2.061-.815%2C2.9-1.755%2C8.13-3.232%2C16.89-4.661%2C25.361l-.553%2C3.276c-.268%2C1.6-.716%2C4.218-1.121%2C6.585l-.787%2C4.632c-.751%2C4.54-2.006%2C12.138-8.386%2C12.138h-.005l-1450.365%2C0v-8.039l1449.578%2C0a28.777%2C28.777%2C0%2C0%2C0%2C1.245-5.409l.8-4.677c.4-2.357.85-4.962%2C1.117-6.563l.554-3.278c1.452-8.611%2C2.954-17.517%2C4.761-25.869l.076-.294c.244-.825.52-1.821.818-2.9%2C2.428-8.785%2C3.949-14.024%2C8.446-13.938h.755c4.422.086%2C5.784%2C4.25%2C9.283%2C20.611.3%2C1.39.562%2C2.632.786%2C3.614l.052.271c2.164%2C13.835%2C3.831%2C28.8%2C5.3%2C42.009q.8%2C7.228%2C1.592%2C14.593c1.642%2C15.2%2C3.341%2C30.925%2C5.432%2C45.909.3%2C2.114%2C1.378%2C9.356%2C2.506%2C14.7.049-.224.1-.434.148-.632%2C1.17-5.876%2C2.264-13.9%2C2.574-16.232%2C2.159-16.764%2C3.86-34.5%2C5.5-51.642l1.272-13.235c1.652-17.223%2C3.359-35.031%2C5.537-51.954.327-2.447%2C1.476-10.846%2C2.686-16.878l.4-1.561c1.786-6.983%2C2.865-11.2%2C6.731-11.517l1.21-.1c4.961%2C0%2C6.2%2C5.627%2C9.058%2C21.9.39%2C2.228.74%2C4.226%2C1.037%2C5.671l.044.253c2.107%2C15.109%2C3.813%2C30.9%2C5.462%2C46.166q.794%2C7.334%2C1.589%2C14.56c1.457%2C13.092%2C3.109%2C27.924%2C5.234%2C41.52.185.819.4%2C1.8.638%2C2.884.48%2C2.184%2C1.285%2C5.855%2C2.112%2C9.185.941-3.2%2C1.854-6.587%2C2.306-8.263l.272-1.01c1.523-7.722%2C2.9-15.9%2C4.23-23.808.627-3.729%2C1.251-7.433%2C1.884-11.064l.04-.2c.346-1.513.782-3.784%2C1.3-6.454%2C4.616-23.924%2C7.122-31.961%2C12.866-32.409%2C5.671-.41%2C8.794%2C6.632%2C12.722%2C15.592%2C1.553%2C3.543%2C3.9%2C8.9%2C5.188%2C10.02l.176.157a13.744%2C13.744%2C0%2C0%2C0%2C2.066-2.3%2C16.247%2C16.247%2C0%2C0%2C1%2C4.565-4.42l.485-.277.541-.134c8.463-2.075%2C11.258%2C8.542%2C13.5%2C17.082a73.728%2C73.728%2C0%2C0%2C0%2C2.733%2C8.883c1.026-3.154%2C2.057-8.389%2C2.687-11.59s1.222-6.2%2C1.858-8.428c3.916-24.721%2C6.715-29.027%2C11.444-29.027.036%2C0%2C.072%2C0%2C.107%2C0%2C6.126.082%2C7.96%2C7.9%2C12%2C38.913.977%2C7.5%2C1.9%2C14.581%2C2.782%2C18.731l.037.2c.221%2C1.388.434%2C2.622.637%2C3.715%2C1.1-6.127%2C2.036-13.8%2C2.455-17.229l.386-3.121c.428-3.4.845-6.887%2C1.266-10.41%2C1.185-9.922%2C2.411-20.183%2C4.036-29.8%2C1.344-7.25%2C2.8-13.192%2C7.677-13.021%2C5.813.2%2C7.291%2C6.165%2C12.167%2C49.071%2C1%2C8.83%2C2.231%2C19.625%2C3.425%2C27.484.2-1.415.356-2.708.474-3.656a54.728%2C54.728%2C0%2C0%2C1%2C.915-5.978c.994-6.481%2C1.735-13.268%2C2.452-19.832%2C1.418-12.988%2C2.886-26.415%2C6.407-39.1l.15-.542.293-.479c2.11-3.452%2C4.846-3.293%2C5.926-3.06%2C5.16%2C1.1%2C6.54%2C7.831%2C10.193%2C36.146%2C1.138%2C8.822%2C2.691%2C20.862%2C4.33%2C28.075.862-3.855%2C1.808-8.809%2C2.591-12.905%2C1.225-6.416%2C2.491-13.052%2C3.764-18.1%2C2.373-10.018%2C4.42-15.154%2C8.98-15.28.059%2C0%2C.118%2C0%2C.174%2C0%2C4.766%2C0%2C6.4%2C5.509%2C8.852%2C13.8%2C1.215%2C4.106%2C3.688%2C12.464%2C5.67%2C14.1a5.564%2C5.564%2C0%2C0%2C0%2C1.015-.909c7.467-8.1%2C13.8-3.166%2C17.2-.516a25.52%2C25.52%2C0%2C0%2C0%2C2.4%2C1.731c1.287-2.21%2C2.895-7.654%2C3.912-11.1%2C2.575-8.722%2C4.438-15.026%2C9.06-16.171a5.9%2C5.9%2C0%2C0%2C1%2C5.814%2C1.892c2.457%2C2.742%2C3.207%2C6.777%2C4%2C11.05.4%2C2.152%2C1.046%2C5.628%2C1.792%2C6.819l.1-.024.522-.013H235.932v8.039h-1280.26a7.235%2C7.235%2C0%2C0%2C1-5.287-1.072c-3.566-2.359-4.5-7.4-5.411-12.279-.208-1.125-.467-2.514-.767-3.776-.893%2C2.4-1.829%2C5.567-2.493%2C7.812-2.884%2C9.767-5.6%2C19-12.6%2C17.1a18.334%2C18.334%2C0%2C0%2C1-6.363-3.663c-3.45-2.685-3.892-3.034-6.346-.377-3.405%2C3.694-6.573%2C3.9-8.613%2C3.423-6.271-1.457-8.9-10.358-11.694-19.779-.346-1.168-.758-2.56-1.18-3.894-.383%2C1.3-.819%2C2.94-1.307%2C5-1.231%2C4.875-2.475%2C11.392-3.678%2C17.694-3.05%2C15.975-4.157%2C20.593-6.122%2C22.654a5.449%2C5.449%2C0%2C0%2C1-5.8%2C1.667c-5.225-1.715-7.013-10.057-10.872-39.968-.885-6.862-1.965-15.217-3.078-21.452-1.845%2C9.28-2.9%2C18.925-3.926%2C28.332-.735%2C6.728-1.495%2C13.686-2.534%2C20.416l-.122.538c-.185.62-.485%2C3.032-.725%2C4.972-1.229%2C9.922-2.312%2C16.593-6.016%2C18.848a5.279%2C5.279%2C0%2C0%2C1-4.661.447l-.734-.271-.579-.528c-2.984-2.715-4.359-11.476-7.875-42.407-1.174-10.328-2.741-24.114-4.3-33.353-1.407%2C8.742-2.524%2C18.089-3.606%2C27.151-.424%2C3.539-.842%2C7.042-1.273%2C10.467l-.381%2C3.084c-3.138%2C25.686-5.07%2C31.612-10.339%2C31.708h-.112c-4.842%2C0-6.626-5.763-8.545-17.8-.941-4.471-1.877-11.657-2.868-19.259-1.047-8.035-2.6-19.971-4.214-27.1-.908%2C3.427-2.084%2C8.915-3.466%2C17.679l-.117.517c-.558%2C1.884-1.139%2C4.834-1.754%2C7.957-2.182%2C11.081-3.909%2C19.851-9.972%2C19.851h-.126c-6.642-.134-8.752-8.157-10.986-16.652-.852-3.239-2.355-8.954-3.734-10.874-.413.457-.852%2C1.017-1.261%2C1.539-1.953%2C2.489-4.9%2C6.255-10.072%2C5.443l-.689-.108-1.9-1.033-1.224-1.091c-2.611-2.275-4.754-7.164-7.236-12.824a93.315%2C93.315%2C0%2C0%2C0-4.461-9.258c-2.227%2C5.5-4.8%2C18.829-5.869%2C24.371-.524%2C2.716-.973%2C5.036-1.328%2C6.61-.625%2C3.586-1.24%2C7.241-1.859%2C10.919-1.348%2C8.012-2.741%2C16.3-4.3%2C24.169l-.369%2C1.407c-4.72%2C17.523-5.9%2C19.951-9.7%2C19.979l-.926%2C0c-4.333-.014-5.566-3.771-9.4-21.265-.247-1.125-.468-2.133-.656-2.961l-.052-.269c-2.161-13.808-3.829-28.789-5.3-42.007-.536-4.817-1.062-9.688-1.591-14.585-1.639-15.164-3.333-30.845-5.415-45.793-.3-1.491-.66-3.517-1.055-5.77-.385-2.189-.961-5.472-1.584-8.554l-.033.126c-1.154%2C5.784-2.262%2C13.883-2.576%2C16.238-2.16%2C16.776-3.86%2C34.519-5.507%2C51.677l-1.272%2C13.235c-1.65%2C17.212-3.356%2C35.008-5.535%2C51.917-.321%2C2.422-1.457%2C10.752-2.684%2C16.878l-.054.234c-.179.679-.333%2C1.578-.505%2C2.538-.775%2C4.34-1.833%2C10.25-6.72%2C10.322Zm181.467-48.631v0ZM-1122.272%2C994v0Z%22%20transform%3D%22translate(6269.709%20-9532.361)%22%20fill%3D%22url(%23b)%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

/*
page loading animation
*/
.view {
  width: 100%;
  position: relative;
  background-color: #fff;
}

/*
load animation
*/
.load {
  opacity: 0;
  transition: opacity 1000ms;
}
.load.__active {
  opacity: 1;
}

/*
scroll animation
*/
.__scroll {
  opacity: 0;
  transform: translateY(40px);
  transition: box-shadow 0.3s, opacity 1.4s, transform 1s;
}
.__scroll.__active {
  opacity: 1;
  transform: translateY(0);
}
.__scroll.__swipe {
  opacity: 1;
  overflow: hidden;
  transform: translate(-100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
.__scroll.__swipe > .swipe {
  transform: translate(100%, 0);
  transition: transform cubic-bezier(0.215, 0.61, 0.355, 1) 1s;
}
.__scroll.__swipe.__active {
  animation-delay: 10s;
  transform: translate(0, 0);
}
.__scroll.__swipe.__active > .swipe {
  animation-delay: 10s;
  transform: translate(0, 0);
}

header {
  /* リスト hover 時のカラー */
}
header .search-suggest {
  padding: 0 5%;
}
header .search-suggest h5 {
  margin: 0;
  padding: 10px 0 20px;
  font-size: 1rem;
  font-weight: normal;
  color: #000;
}
header .search-suggest .popular {
  display: none;
}
header .search-suggest .popular.__visible {
  display: block;
}
header .search-suggest ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
header .search-suggest ul li {
  font-size: 1.4rem;
  font-weight: bold;
}
header .search-suggest ul li.trend-header {
  cursor: default;
  margin: 0;
  padding: 10px 0;
  font-size: 1rem;
  font-weight: normal;
  text-transform: uppercase;
  color: #000;
}
header .search-suggest ul li.ui-autocomplete-category {
  display: none;
}
header .search-suggest ul li a {
  text-decoration: none;
  color: #000;
}
header .search-suggest ul li a:hover {
  color: #0DB5C6;
}
header .ui-menu.ui-autocomplete {
  position: relative !important;
  top: auto !important;
  left: auto !important;
  border: none !important;
  background: none !important;
}
header .ui-widget-content {
  color: #000;
  font-weight: bold;
  cursor: pointer;
}
header .ui-state-active {
  color: #0DB5C6;
}
header .search-suggest-display {
  visibility: hidden;
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(160px, 232px));
  height: 0;
  padding: 20px 5% 30px;
  text-align: center;
}
header .search-suggest-display.__visible {
  height: auto;
  visibility: visible;
}
header .search-suggest-display a {
  padding: 40px 4%;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 10px;
  text-align: center;
  text-decoration: none;
}
header .search-suggest-display a img {
  margin-bottom: 10px;
}
header .search-suggest-display a h5 {
  margin: 0;
  padding: 2%;
  font-family: "Montserrat";
  font-weight: bold;
  font-size: 18px;
  line-height: 1.2;
  color: #000;
}

/*
import page components
*/
.content_class_home .billboard {
  width: 100%;
  height: 42.02898551%;
  margin: 0 0 80px 0;
  padding: 0;
}
.content_class_home .billboard img {
  width: 100%;
  height: auto;
}
.content_class_home .section {
  padding: 0 0 80px 0;
  text-align: center;
}
.content_class_home .section .title {
  font-weight: normal;
}
.content_class_home .section .category_links {
  padding-bottom: 40px;
  font-size: 1.1rem;
}
.content_class_home .section .category_links span {
  white-space: nowrap;
}
.content_class_home .section .category_links span a {
  color: #000;
  text-decoration: none;
}
.content_class_home .section .category_links span a:hover {
  text-decoration: underline;
}
.content_class_home .section .category_links span:not(:last-child)::after {
  display: inline;
  content: "／";
  padding: 0 0.5rem;
}
.content_class_home .section.section__ourproducts {
  padding-bottom: 120px;
}
.content_class_home .section.section__ourproducts .ourproducts-container {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
  padding: 0 5%;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-button-next,
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-button-prev {
  background-color: #000;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-scrollbar {
  left: 5%;
  bottom: -40px;
  width: 90%;
  height: 14px;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-scrollbar .swiper-scrollbar-drag {
  background-color: #0DB5C6;
  cursor: pointer;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-pagination-bullets {
  bottom: -60px;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 21px;
  height: 21px;
  background-color: #fff;
  border: 2px solid #707070;
  outline: none;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #0DB5C6;
  border: none;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide {
  width: 26%;
  max-width: 232px;
  padding: 20px 0;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 50px;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide .title {
  font-family: "Montserrat";
  height: 43.2px;
  margin: 0;
  padding: 0 5%;
  font-size: 18px;
  line-height: 1.2;
  font-weight: bold;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide .text {
  padding: 0 5%;
  font-size: 13px;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  color: #707070;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide .current_price {
  margin-left: -0.3em;
  color: #707070;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide .current_price::before {
  content: "¥";
  font-size: 0.6em;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide .open_price {
  font-size: 0.9rem;
  color: #707070;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide .free {
  font-size: 1.1rem;
  color: #707070;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide .ultimate {
  position: absolute;
  top: 0;
  left: 60px;
  background: #ff7a00;
  color: white;
  padding: 5px;
  margin: 5px;
  font-size: 0.5em;
  border-radius: 7px;
  font-weight: bold;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide .ultimate_only {
  left: 0px;
}
.content_class_home .section.section__ourproducts .ourproducts-container .swiper-slide .essential {
  position: absolute;
  top: 0px;
  background: #24284B;
  color: white;
  padding: 5px;
  margin: 5px;
  font-size: 0.5em;
  border-radius: 7px;
  font-weight: bold;
}
.content_class_home .section.section__widebanner {
  background-color: #0DB5C6;
  padding-top: 60px;
  padding-bottom: 140px;
}
.content_class_home .section.section__widebanner .title {
  font-family: "Montserrat";
  font-size: 56px;
  font-weight: bold;
  color: #fff;
}
.content_class_home .section.section__widebanner .widebanner-container {
  position: relative;
  overflow: visible;
  width: 100%;
  height: 100%;
  padding: 0 5%;
}
.content_class_home .section.section__widebanner .widebanner-container .swiper-pagination-bullets {
  bottom: -60px;
}
.content_class_home .section.section__widebanner .widebanner-container .swiper-pagination-bullets .swiper-pagination-bullet {
  width: 21px;
  height: 21px;
  background-color: #0DB5C6;
  border: 2px solid #fff;
}
.content_class_home .section.section__widebanner .widebanner-container .swiper-pagination-bullets .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #fff;
  border: none;
}
.content_class_home .section.section__widebanner .widebanner-container .swiper-slide {
  width: 100%;
  max-width: 1118px;
  padding: 0 0 40px 0;
  background-color: #fff;
  box-shadow: rgba(0, 0, 0, 0.16) 0px 10px 50px;
  text-align: left;
}
.content_class_home .section.section__widebanner .widebanner-container .swiper-slide img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
}
.content_class_home .section.section__widebanner .widebanner-container .swiper-slide .caption {
  min-height: 6.2em;
  padding: 0 4%;
}
.content_class_home .section.section__widebanner .widebanner-container .swiper-slide .caption .text {
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}
.content_class_home .section.section__widebanner .widebanner-container .swiper-slide .caption .text > span {
  padding-right: 1rem;
  font-family: "Montserrat";
  font-weight: bold;
  text-transform: uppercase;
  color: #000;
}
.content_class_home .section.section__solutions {
  width: 90%;
  margin: 0 auto;
  padding-top: 80px;
}
.content_class_home .section.section__solutions .solutions {
  display: grid;
  gap: 10px;
  grid-template-columns: repeat(4, minmax(270px, 1fr));
  grid-auto-rows: 440px;
}
.content_class_home .section.section__solutions .solutions .solution {
  display: flex;
  flex-direction: column;
  padding: 0 20px;
  background-size: 640px 440px;
  text-decoration: none;
  text-align: center;
  color: #fff;
}
.content_class_home .section.section__solutions .solutions .solution.__music {
  background-image: url("/image/home/solutions/solution-music.jpg");
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .content_class_home .section.section__solutions .solutions .solution.__music {
    background-image: url("/image/home/solutions/solution-music@2x.jpg");
  }
}
.content_class_home .section.section__solutions .solutions .solution.__live {
  background-image: url("/image/home/solutions/solution-live.jpg");
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .content_class_home .section.section__solutions .solutions .solution.__live {
    background-image: url("/image/home/solutions/solution-live@2x.jpg");
  }
}
.content_class_home .section.section__solutions .solutions .solution.__post {
  background-image: url("/image/home/solutions/solution-post.jpg");
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .content_class_home .section.section__solutions .solutions .solution.__post {
    background-image: url("/image/home/solutions/solution-post@2x.jpg");
  }
}
.content_class_home .section.section__solutions .solutions .solution.__ca {
  background-image: url("/image/home/solutions/solution-ca.jpg");
}
@media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 144dpi) {
  .content_class_home .section.section__solutions .solutions .solution.__ca {
    background-image: url("/image/home/solutions/solution-ca@2x.jpg");
  }
}
.content_class_home .section.section__solutions .solutions .solution .title {
  display: flex;
  align-items: flex-end;
  justify-content: center;
  height: 52%;
  margin: 0;
  padding: 0;
  font-size: 34px;
  font-weight: bold;
  line-height: 1;
  color: #fff;
}
.content_class_home .section.section__solutions .solutions .solution .text {
  align-items: flex-start;
  padding: 20px 0;
  font-size: 0.9rem;
}
@media (max-width: 1220px) {
  .content_class_home .section.section__solutions .solutions {
    grid-template-columns: repeat(2, minmax(270px, 1fr));
  }
  .content_class_home .section.section__solutions .solutions .solution .title {
    height: 54%;
    font-size: 46px;
  }
  .content_class_home .section.section__solutions .solutions .solution .text {
    font-size: 1rem;
  }
}
@media (max-width: 800px) {
  .content_class_home .section.section__solutions .solutions {
    grid-template-columns: repeat(1, minmax(270px, 1fr));
    grid-auto-rows: 340px;
  }
  .content_class_home .section.section__solutions .solutions .solution {
    padding: 0 10%;
    background-size: cover;
    background-position: center bottom;
  }
  .content_class_home .section.section__solutions .solutions .solution .title {
    height: 50%;
    font-size: 46px;
  }
  .content_class_home .section.section__solutions .solutions .solution .text {
    font-size: 1rem;
  }
}
.content_class_home .section.section__article {
  width: 90%;
  margin: 0 auto;
}
.content_class_home .section.section__article .articles {
  padding-bottom: 40px;
}
.content_class_home .section.section__article .button {
  display: block;
  width: 160px;
  height: 40px;
  margin: 0 auto;
  border-radius: 20px;
  background-color: #0DB5C6;
  text-decoration: none;
  color: #fff;
  line-height: 40px;
}

.section__videos {
  padding-bottom: 50px;
}
.section__videos .videos .__wrap {
  display: grid;
  gap: 20px;
  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
  padding-top: 10px;
}
.section__videos .videos .__wrap .video {
  padding-bottom: 10px;
}
.section__videos .videos .__wrap .video .youtube {
  position: relative;
  width: 100%;
  margin-bottom: 10px;
  padding-top: 56.25%;
}
.section__videos .videos .__wrap .video .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.section__videos .videos .__wrap .video .caption {
  font-size: 14px;
  line-height: 1.6;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
}

.products {
  display: grid;
  gap: 25px;
  grid-template-columns: repeat(auto-fill, minmax(220px, 1fr));
  padding: 40px 0;
}
.products .product {
  padding: 20px 4%;
  text-align: center;
  text-decoration: none;
  color: #707070;
}
.products .product:hover {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 50px;
}
.products .product img {
  width: 100%;
  height: auto;
  margin-bottom: 10px;
}
.products .product .title {
  margin: 0 auto 8px;
  padding: 0;
  color: #000;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  white-space: normal;
}
.products .product.type_product .title {
  height: 43.2px;
  font-family: "Montserrat";
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2;
}
.products .product.type_content .title {
  margin-top: 30px;
  height: 44.8px;
  font-size: 16px;
  font-weight: normal;
  line-height: 1.4;
  text-align: left;
}
.products .product .text {
  padding: 0;
  font-size: 13px;
  line-height: 1.5;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  white-space: normal;
  text-align: left;
}
.products .product .current_price {
  margin-left: -0.4em;
}
.products .product .current_price::before {
  padding-right: 2px;
  content: "¥";
  font-size: 0.7em;
}
.products .product .open_price {
  font-size: 0.8em;
}
.products .product .ultimate {
  position: absolute;
  top: 0;
  left: 70px;
  background: #ff7a00;
  color: white;
  padding: 5px;
  margin: 5px;
  font-size: 0.5em;
  border-radius: 7px;
  font-weight: bold;
}
.products .product .ultimate_only {
  left: 0px;
}
.products .product .essential {
  position: absolute;
  top: 0px;
  background: #24284B;
  color: white;
  padding: 5px;
  margin: 5px;
  font-size: 0.5em;
  border-radius: 7px;
  font-weight: bold;
}

.section__article > .view-area .products {
  gap: 15px;
  grid-template-columns: repeat(auto-fill, minmax(270px, 1fr));
}

/*
flag
*/
.__is_mobile {
  display: none;
}