@charset "UTF-8";
/* =============================
 * Size
 */
/* =============================
 * Color
 */
/* =============================
 * Font
 */
@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap");
/* =============================
 * Speed
 */
/* =============================
 * Easing
 */
/*
 * デザインデータ（2倍サイズ）の数値を入れることで、
 * 基準値以下を縮小表示する関数。
 */
/*
 * フルスクリーンコンテンツを推奨最小サイズまで縮小表示し、
 * 推奨最小サイズを下回った際に、元のサイズに戻す処理。
 */
/*
 * デザインサイズ以上に広がった際に、
 * 画面サイズに応じて拡大縮小させる処理。
 */
/*
 * フルスクリーンコンテンツを
 * background: cover; のように振る舞わせる処理。
 * imgを内包する親要素に適応すること。
 */
/*
Reset Stylesheet
v1.0
Last Updated: 2019/06/10
Author: Kaito Fukiage - https://bre-men.jp/
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  font-style: normal;
  font-weight: normal;
  vertical-align: baseline;
  background: transparent;
}

html {
  overflow-y: scroll;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul, nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: none;
  color: inherit;
  font-style: inherit;
  font-weight: inherit;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th {
  text-align: left;
}

hr {
  display: block;
  width: 100%;
  height: 1px;
  border: 0;
  margin: 1em 0;
  padding: 0;
  background: #000;
}

input, textarea, select {
  vertical-align: middle;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
}

p {
  letter-spacing: 0em;
}

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

a:focus {
  outline: none;
}

/* =============================
 * Basis
 */
html {
  -webkit-text-size-adjust: none;
  font-size: 62.5%;
}
@media screen and (max-width: 1280px) and (max-width: 768px) {
  html {
    font-size: 62.5%;
  }
}

body {
  width: 100%;
  height: 100%;
  background-color: #ffffff;
  font-family: "游ゴシック体", "Yu Gothic", "游ゴシック", YuGothic, Verdana, "メイリオ", Meiryo, "M+ 1p", sans-serif;
  line-height: 1.5;
  -webkit-text-size-adjust: none;
  color: #000000;
  position: relative;
  font-size: 1.5rem;
  /*-ms-overflow-style: none;
  scrollbar-width: none;

  &::-webkit-scrollbar {
    display: none;
  }*/
}
@media screen and (max-width: 1280px) {
  body {
    font-size: 1.171875vw;
  }
}
@media screen and (max-width: 768px) {
  body {
    font-size: 4vw;
  }
}

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400;
}
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100;
}
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200;
}
/* IE10以上 */
@media all and (-ms-high-contrast: none) {
  body {
    font-family: Verdana, Meiryo, sans-serif;
  }
}
.clearfix:after {
  visibility: hidden;
  display: block;
  content: " ";
  clear: both;
  height: 0;
}

* html .clearfix, *:first-child + html .clearfix {
  zoom: 1;
}

/* IE6 */
/* IE7 */
a {
  color: #000000;
}
a:hover {
  text-decoration: none;
}

p {
  letter-spacing: inherit;
}

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

em {
  font-style: normal;
}

@media screen and (min-width: 769px) {
  .sp_br {
    display: none;
  }
  .sp_disp {
    display: none;
  }
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}
@media screen and (max-width: 768px) {
  .pc_br {
    display: none;
  }
  .pc_disp {
    display: none;
  }
}
/* =============================
 * Layout
 */
.main {
  box-sizing: border-box;
  padding-top: 90px;
}
@media screen and (max-width: 1280px) {
  .main {
    padding-top: 7.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .main {
    padding-top: 14.9333333333vw;
  }
}

.container {
  margin: 0 auto;
  clear: both;
  box-sizing: border-box;
  width: 1280px;
  padding: 0px 40px;
}
@media screen and (max-width: 1280px) {
  .container {
    width: 100vw;
    padding: 0vw 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .container {
    width: 100%;
    padding: 0vw 4.2666666667vw;
  }
}

.sentence {
  text-align: center;
  letter-spacing: 0.1em;
  width: 100%;
  box-sizing: border-box;
  padding: 40px 40px;
  font-size: 1.6rem;
  line-height: 32px;
}
@media screen and (max-width: 1280px) {
  .sentence {
    padding: 3.125vw 3.125vw;
    font-size: 1.25vw;
    line-height: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .sentence {
    padding: 6.4vw 4.2666666667vw;
    font-size: 3.7333333333vw;
    line-height: 7.4666666667vw;
    text-align: left;
  }
}

/* =============================
 * Appearance
 */
.center {
  text-align: center;
}
@media screen and (min-width: 769px) {
  .center_pc {
    text-align: center;
  }
}
@media screen and (max-width: 768px) {
  .center_sp {
    text-align: center;
  }
}

.underline {
  text-decoration: underline;
}
.underline:hover {
  text-decoration: none;
}

.tag, .post_meta_cat,
.tag_blank {
  flex-shrink: 0;
  display: inline-block;
  letter-spacing: 0.1em;
  transition: background-color 0.6s cubic-bezier(0.32, 0.95, 0.6, 1), color 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  font-size: 1.2rem;
  line-height: 24px;
  padding: 2px 14px;
}
@media screen and (max-width: 1280px) {
  .tag, .post_meta_cat,
  .tag_blank {
    font-size: 0.9375vw;
    line-height: 1.875vw;
    padding: 0.15625vw 1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .tag, .post_meta_cat,
  .tag_blank {
    font-size: 2.6666666667vw;
    line-height: 3.7333333333vw;
    padding: 1.0666666667vw 3.7333333333vw;
  }
}

.tag, .post_meta_cat {
  background: #1E2C5B;
  color: #ffffff;
}

.tag_blank {
  background: #f9f9f9;
  color: #333;
  border: 1px solid #ddd;
}

/* Slider */
.slick-loading .slick-list {
  background: #ffffff url("./ajax-loader.gif") center center no-repeat;
}

/* Icons */
@font-face {
  font-family: "slick";
  font-weight: normal;
  font-style: normal;
  src: url("./fonts/slick.eot");
  src: url("./fonts/slick.eot?#iefix") format("embedded-opentype"), url("./fonts/slick.woff") format("woff"), url("./fonts/slick.ttf") format("truetype"), url("./fonts/slick.svg#slick") format("svg");
}
/* Arrows */
.slick-prev,
.slick-next {
  font-size: 0;
  line-height: 0;
  position: absolute;
  top: 50%;
  display: block;
  width: 20px;
  height: 20px;
  padding: 0;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  cursor: pointer;
  color: transparent;
  border: none;
  outline: none;
  background: transparent;
}

/*
.slick-prev {
    &:hover, &:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }
}

.slick-next {
    &:hover, &:focus {
        color: transparent;
        outline: none;
        background: transparent;
    }
}*/
.slick-prev:hover:before, .slick-prev:focus:before {
  opacity: 1;
}

.slick-next:hover:before, .slick-next:focus:before {
  opacity: 1;
}

.slick-prev.slick-disabled:before,
.slick-next.slick-disabled:before {
  opacity: 0.25;
}

.slick-prev:before,
.slick-next:before {
  font-family: "slick";
  font-size: 20px;
  line-height: 1;
  opacity: 0.75;
  color: #ffffff;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.slick-prev {
  left: -25px;
}

[dir=rtl] .slick-prev {
  right: -25px;
  left: auto;
}

.slick-prev:before {
  content: "←";
}

[dir=rtl] .slick-prev:before {
  content: "→";
}

.slick-next {
  right: -25px;
}

[dir=rtl] .slick-next {
  right: auto;
  left: -25px;
}

.slick-next:before {
  content: "→";
}

[dir=rtl] .slick-next:before {
  content: "←";
}

/* Dots */
.slick-dotted.slick-slider {
  margin-bottom: 30px;
}

.slick-dots {
  position: absolute;
  bottom: -25px;
  display: block;
  width: 100%;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
}
.slick-dots li {
  position: relative;
  display: inline-block;
  width: 20px;
  height: 20px;
  margin: 0 5px;
  padding: 0;
  cursor: pointer;
}
.slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: 20px;
  height: 20px;
  padding: 5px;
  cursor: pointer;
  color: transparent;
  border: 0;
  outline: none;
  background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {
  outline: none;
}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {
  opacity: 1;
}
.slick-dots li button:before {
  font-family: "slick";
  font-size: 6px;
  line-height: 20px;
  position: absolute;
  top: 0;
  left: 0;
  width: 20px;
  height: 20px;
  content: "•";
  text-align: center;
  opacity: 0.25;
  color: #000000;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
  opacity: 0.75;
  color: #000000;
}

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-touch-callout: none;
  -khtml-user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent;
}

.slick-list {
  position: relative;
  display: block;
  overflow: hidden;
  margin: 0;
  padding: 0;
}
.slick-list:focus {
  outline: none;
}
.slick-list.dragging {
  cursor: pointer;
  cursor: hand;
}

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

.slick-track {
  position: relative;
  top: 0;
  left: 0;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.slick-track:before {
  display: table;
  content: "";
}
.slick-track:after {
  display: table;
  content: "";
  clear: both;
}

.slick-loading .slick-track {
  visibility: hidden;
}

.slick-slide {
  display: none;
  float: left;
  height: 100%;
  min-height: 1px;
}

[dir=rtl] .slick-slide {
  float: right;
}

.slick-slide img {
  display: block;
}
.slick-slide.slick-loading img {
  display: none;
}
.slick-slide.dragging img {
  pointer-events: none;
}

.slick-initialized .slick-slide {
  display: block;
}

.slick-loading .slick-slide {
  visibility: hidden;
}

.slick-vertical .slick-slide {
  display: block;
  height: auto;
  border: 1px solid transparent;
}

.slick-arrow.slick-hidden {
  display: none;
}

.slick-prev,
.slick-next {
  margin: auto;
  right: 0;
  left: 0;
  background: #00adeb;
  border-radius: 50%;
  color: #fff;
  width: 70px;
  height: 70px;
}
@media screen and (max-width: 1280px) {
  .slick-prev,
  .slick-next {
    width: 5.46875vw;
    height: 5.46875vw;
  }
}

.slick-prev {
  left: -1200px;
  z-index: 3;
}
.slick-prev:before {
  content: "";
  background-image: url("../img/arrow_forward.png");
  background-repeat: no-repeat;
  transform: rotate(180deg);
  margin: auto;
  top: 0;
  bottom: 0;
  background-size: contain;
  opacity: 1;
  display: block;
  width: 14px;
  height: 14px;
  right: 20px;
}
@media screen and (max-width: 1280px) {
  .slick-prev:before {
    width: 1.09375vw;
    height: 1.09375vw;
    right: 1.5625vw;
  }
}

.slick-next {
  right: -1200px;
}
.slick-next:before {
  content: "";
  background-image: url("../img/arrow_forward.png");
  background-repeat: no-repeat;
  margin: auto;
  top: 0;
  bottom: 0;
  background-size: contain;
  opacity: 1;
  display: block;
  width: 14px;
  height: 14px;
  right: 20px;
}
@media screen and (max-width: 1280px) {
  .slick-next:before {
    width: 1.09375vw;
    height: 1.09375vw;
    right: 1.5625vw;
  }
}

.slick-dots {
  bottom: -36px;
}
@media screen and (max-width: 1280px) {
  .slick-dots {
    bottom: -2.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .slick-dots {
    bottom: -10.6666666667vw;
  }
}

.slick-dots li {
  border-radius: 50%;
  box-sizing: border-box;
  background: #fff;
  border: 1px solid #00adeb;
  margin: 0;
  margin-right: 0.5em;
  width: 18px;
  height: 18px;
}
@media screen and (max-width: 1280px) {
  .slick-dots li {
    width: 1.40625vw;
    height: 1.40625vw;
  }
}
@media screen and (max-width: 768px) {
  .slick-dots li {
    width: 4vw;
    height: 4vw;
  }
}
.slick-dots li button {
  opacity: 0;
}
.slick-dots li.slick-active {
  background: #00adeb;
}

@keyframes scroll-hint-appear {
  0% {
    transform: translateX(40px);
    opacity: 0;
  }
  10% {
    opacity: 1;
  }
  50%, 100% {
    transform: translateX(-40px);
    opacity: 0;
  }
}
.scroll-hint.is-right-scrollable {
  background: linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-right-scrollable.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint.is-left-scrollable {
  background: linear-gradient(90deg, rgba(0, 0, 0, 0.15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}

.scroll-hint-icon {
  position: absolute;
  top: calc(50% - 50px);
  left: calc(50% - 80px);
  box-sizing: border-box;
  width: 160px;
  height: 100px;
  border-radius: 5px;
  transition: opacity 0.3s;
  opacity: 0;
  background: rgba(0, 0, 0, 0.7);
  text-align: center;
  padding: 30px 10px 10px 10px;
}

.scroll-hint-icon-wrap {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-height: 100%;
  pointer-events: none;
}

.scroll-hint-text {
  font-size: 10px;
  color: #FFF;
  margin-top: 5px;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
  opacity: 0.8;
}

.scroll-hint-icon:before {
  display: inline-block;
  width: 40px;
  height: 40px;
  color: #FFF;
  vertical-align: middle;
  text-align: center;
  content: "";
  background-size: contain;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon:after {
  content: "";
  width: 34px;
  height: 14px;
  display: block;
  position: absolute;
  top: 14px;
  left: 50%;
  margin-left: -20px;
  background-repeat: no-repeat;
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
  opacity: 0;
  transition-delay: 2.4s;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
  opacity: 1;
}

.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
  animation: scroll-hint-appear 1.2s linear;
  animation-iteration-count: 2;
}

.scroll-hint-icon-white {
  background-color: #FFF;
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.4);
}

.scroll-hint-icon-white:before {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}

.scroll-hint-icon-white:after {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}

.scroll-hint-icon-white .scroll-hint-text {
  color: #000;
  font-weight: bold;
}

@keyframes Humberger_bar_z {
  0% {
    border-radius: 0;
    transform: rotate(0deg);
    border-color: #000000;
  }
  25% {
    border-color: #ffffff;
  }
  40% {
    width: 0;
    height: 0;
  }
  55% {
    width: 2px;
    height: 2px;
    top: 30%;
    right: 30%;
    transform: rotate(-45deg);
  }
  65% {
    width: 4.8vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 0;
    border-radius: 0;
    transform: rotate(-35deg);
  }
  90% {
    transform: rotate(-48deg);
  }
  100% {
    width: 4.8vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 0;
    border-radius: 0;
    transform: rotate(-45deg);
  }
}
@keyframes Humberger_bar_x {
  0% {
    width: 4.8vw;
    top: 50%;
    left: 0;
  }
  30% {
    height: 4.8vw;
    top: -0.8vw;
  }
  45% {
    width: 4.8vw;
    height: 4.8vw;
    top: -0.8vw;
    left: 0;
  }
  100% {
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
  }
}
@keyframes Humberger_bar_y {
  0% {
    width: 20px;
    border-radius: 0;
    transform: rotate(0);
    border-color: #000000;
  }
  25% {
    border-color: #ffffff;
  }
  40% {
    width: 0;
    height: 0;
  }
  55% {
    width: 0.5333333333vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 50%;
    transform: rotate(45deg);
  }
  65% {
    width: 4.8vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 0;
    border-radius: 0;
    transform: rotate(55deg);
  }
  90% {
    transform: rotate(43deg);
  }
  100% {
    width: 4.8vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 0;
    border-radius: 0;
    transform: rotate(45deg);
  }
}
@keyframes Humberger_bar_z_rev {
  100% {
    border-radius: 0;
    transform: rotate(0deg);
  }
  60% {
    width: 0.5333333333vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 30%;
    transform: rotate(-360deg);
    border-color: #000000;
  }
  45% {
    width: 0.5333333333vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 30%;
    transform: rotate(-45deg);
    border-color: #ffffff;
  }
  35% {
    width: 4.8vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 0;
    border-radius: 0;
    transform: rotate(-35deg);
  }
  10% {
    transform: rotate(-48deg);
  }
  0% {
    width: 4.8vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 0;
    border-radius: 0;
    transform: rotate(-45deg);
    border-color: #ffffff;
  }
}
@keyframes Humberger_bar_x_rev {
  100% {
    width: 4.8vw;
    top: 50%;
    left: 0;
  }
  45% {
    height: 4.8vw;
    top: -0.8vw;
  }
  30% {
    width: 4.8vw;
    height: 4.8vw;
    top: -0.8vw;
    left: 0;
  }
  0% {
    width: 0;
    height: 0;
    top: 50%;
    left: 50%;
  }
}
@keyframes Humberger_bar_y_rev {
  100% {
    width: 4.8vw;
    border-radius: 0;
    transform: rotate(0);
  }
  60% {
    width: 0.5333333333vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 30%;
    transform: rotate(-360deg);
    border-color: #000000;
  }
  45% {
    width: 0.5333333333vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 30%;
    transform: rotate(45deg);
    border-color: #ffffff;
  }
  35% {
    width: 4.8vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 0;
    border-radius: 0;
    transform: rotate(55deg);
  }
  10% {
    transform: rotate(43deg);
  }
  0% {
    width: 4.8vw;
    height: 0.5333333333vw;
    top: 30%;
    right: 0;
    border-radius: 0;
    transform: rotate(45deg);
    border-color: #ffffff;
  }
}
@keyframes Humberger_bg {
  0% {
    transform: translate(100%, 0);
  }
  100% {
    transform: translate(0, 0);
  }
}
@keyframes Humberger_bg_rev {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(100%, 0);
  }
}
@keyframes TEXT-MASK {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: 100% 0;
  }
}
@keyframes TEXT-MASK-OVER {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes TEXT-MASK-BACK {
  0% {
    background-position: 100% 0;
  }
  100% {
    background-position: 200% 0;
  }
}
@keyframes TEXT-MASK-OVER-BACK {
  0% {
    background-position: -200% 0;
  }
  100% {
    background-position: -100% 0;
  }
}
@keyframes TEXT-MASK-OVER-SLUSH {
  0% {
    background-position: 100% 0;
  }
  30% {
    background-position: 100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
@keyframes TEXT-MASK-OVER-LOOP {
  0% {
    background-position: 100% 0;
  }
  40% {
    background-position: -100% 0;
  }
  100% {
    background-position: 0 0;
  }
}
/*
 * btn.scss
 *
 * ボタン用コンポーネント
 * 定義する際は、接頭辞としてbtn_を付けること。
 */
.btn, .btn_slush, .btn_ku, .btn_arw, .btn_back {
  box-sizing: border-box;
  display: flex;
  align-items: stretch;
  justify-content: center;
  position: relative;
  background: #E7211A;
  transition: color 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  width: 400px;
  height: 56px;
  margin: 40px auto;
}
@media screen and (max-width: 1280px) {
  .btn, .btn_slush, .btn_ku, .btn_arw, .btn_back {
    width: 31.25vw;
    height: 4.375vw;
    margin: 3.125vw auto;
  }
}
@media screen and (max-width: 768px) {
  .btn, .btn_slush, .btn_ku, .btn_arw, .btn_back {
    width: 80vw;
    height: 14.9333333333vw;
    margin: 8.5333333333vw auto;
  }
}
.btn:after, .btn_slush:after, .btn_ku:after, .btn_arw:after, .btn_back:after {
  content: "";
  width: 0;
  height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  background: #ffffff;
  transition: width 0.6s cubic-bezier(0.32, 0.95, 0.6, 1), left 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  z-index: 0;
}
.btn:hover, .btn_slush:hover, .btn_ku:hover, .btn_arw:hover, .btn_back:hover {
  color: #333;
}
.btn:hover:after, .btn_slush:hover:after, .btn_ku:hover:after, .btn_arw:hover:after, .btn_back:hover:after {
  width: 100%;
  left: 0;
}
.btn_link, .btn_slush_link, .btn_ku_link, .btn_arw_link, .btn_back .btn_back_link {
  width: 100%;
  border: 1px solid #333;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  letter-spacing: 0.1em;
  color: #ffffff;
}
@media screen and (min-width: 769px) {
  .btn_link .btn_link_txt, .btn_slush_link .btn_link_txt, .btn_ku_link .btn_link_txt, .btn_arw_link .btn_link_txt, .btn_back .btn_back_link .btn_link_txt {
    animation: TEXT-MASK-OVER 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s forwards;
    background-color: transparent;
    background-image: linear-gradient(to right, #ffffff 50%, #333 0);
    background-position: 200% 0;
    background-size: 200% 100%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .btn_link:hover .btn_link_txt, .btn_slush_link:hover .btn_link_txt, .btn_ku_link:hover .btn_link_txt, .btn_arw_link:hover .btn_link_txt, .btn_back .btn_back_link:hover .btn_link_txt {
    animation: TEXT-MASK 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.1s forwards;
  }
}

.btn_back:after {
  right: auto;
  left: 0;
}
.btn_back:hover:after {
  left: auto;
  right: 0;
}
@media screen and (min-width: 769px) {
  .btn_back .btn_back_link .btn_back_link_txt {
    animation: TEXT-MASK-OVER 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s forwards;
    background-color: transparent;
    background-image: linear-gradient(to right, #333 50%, #ffffff 0);
    background-position: 200% 0;
    background-size: 200% 100%;
    -webkit-text-fill-color: transparent;
    -webkit-background-clip: text;
  }
  .btn_back .btn_back_link:hover .btn_back_link_txt {
    animation: TEXT-MASK 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.1s forwards;
  }
}
.btn_back .btn_back_link .btn_back_link_txt {
  animation: TEXT-MASK-OVER-BACK 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0s forwards;
}
.btn_back .btn_back_link:hover .btn_back_link_txt {
  animation: TEXT-MASK-BACK 0.6s cubic-bezier(0.23, 1, 0.32, 1) 0.1s forwards;
}

.btn_arw {
  background: #ffffff;
}
.btn_arw_link {
  color: #333;
  transition: border-right-color 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
}
.btn_arw_link:before, .btn_arw_link:after {
  content: "";
  position: absolute;
  min-height: 1px;
  background: #333;
  top: 50%;
  transition: width 0.6s cubic-bezier(0.32, 0.95, 0.6, 1), right 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  height: 1px;
  right: 20px;
  margin-top: 1px;
}
@media screen and (max-width: 1280px) {
  .btn_arw_link:before, .btn_arw_link:after {
    height: 0.078125vw;
    right: 1.5625vw;
    margin-top: 0.078125vw;
  }
}
@media screen and (max-width: 768px) {
  .btn_arw_link:before, .btn_arw_link:after {
    height: 0.2666666667vw;
    right: 5.3333333333vw;
    margin-top: 0.2666666667vw;
  }
}
.btn_arw_link:before {
  width: 14px;
}
@media screen and (max-width: 1280px) {
  .btn_arw_link:before {
    width: 1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .btn_arw_link:before {
    width: 3.7333333333vw;
  }
}
.btn_arw_link:after {
  transform: rotate(30deg);
  transform-origin: right bottom;
  width: 6px;
}
@media screen and (max-width: 1280px) {
  .btn_arw_link:after {
    width: 0.46875vw;
  }
}
@media screen and (max-width: 768px) {
  .btn_arw_link:after {
    width: 1.6vw;
  }
}
.btn_arw_link:hover {
  border-right-color: #ffffff;
}
.btn_arw_link:hover:before {
  width: 44px;
  right: -10px;
}
@media screen and (max-width: 1280px) {
  .btn_arw_link:hover:before {
    width: 3.4375vw;
    right: -0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .btn_arw_link:hover:before {
    width: 11.7333333333vw;
    right: -2.6666666667vw;
  }
}
.btn_arw_link:hover:after {
  right: -10px;
}
@media screen and (max-width: 1280px) {
  .btn_arw_link:hover:after {
    right: -0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .btn_arw_link:hover:after {
    right: -2.6666666667vw;
  }
}

.btn_ku {
  background: #ffffff;
}
.btn_ku_link {
  color: #333;
}
.btn_ku_link:before, .btn_ku_link:after {
  content: "";
  position: absolute;
  min-height: 1px;
  top: 50%;
  transition: right 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  transform: rotate(-45deg);
  box-sizing: border-box;
  border-right: 1px solid #333;
  border-bottom: 1px solid #333;
  width: 6px;
  height: 6px;
  right: 20px;
  margin-top: -3px;
}
@media screen and (max-width: 1280px) {
  .btn_ku_link:before, .btn_ku_link:after {
    width: 0.46875vw;
    height: 0.46875vw;
    right: 1.5625vw;
    margin-top: -0.234375vw;
  }
}
@media screen and (max-width: 768px) {
  .btn_ku_link:before, .btn_ku_link:after {
    width: 1.6vw;
    height: 1.6vw;
    right: 5.3333333333vw;
    margin-top: -0.8vw;
  }
}
.btn_ku_link:hover:before {
  right: 10px;
}
@media screen and (max-width: 1280px) {
  .btn_ku_link:hover:before {
    right: 0.78125vw;
  }
}
.btn_ku_link:hover:after {
  right: 15px;
}
@media screen and (max-width: 1280px) {
  .btn_ku_link:hover:after {
    right: 1.171875vw;
  }
}

.btn_slush {
  background: none;
}
.btn_slush_link {
  color: #333;
  overflow: hidden;
}
.btn_slush_link:before, .btn_slush_link:after {
  content: "";
  width: 0;
  height: 100%;
  display: block;
  position: absolute;
  top: 0;
  box-shadow: 2px 0 14px rgba(0, 0, 0, 0.6);
  transform: skewX(-20deg);
  right: -10%;
}
.btn_slush_link:before {
  background: #E7211A;
  transition: opacity 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99), width 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99), left 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
  z-index: -12;
  opacity: 1;
}
.btn_slush_link:after {
  background: #1E2C5B;
  transition: opacity 0.7s cubic-bezier(0.77, 0, 0.175, 1), width 0.7s cubic-bezier(0.77, 0, 0.175, 1), left 0.7s cubic-bezier(0.77, 0, 0.175, 1);
  z-index: -15;
  opacity: 0;
}
.btn_slush_link_txt {
  animation: TEXT-MASK-OVER-SLUSH 0.6s cubic-bezier(0.2, 0.95, 0.57, 0.99) 0s forwards;
  background-color: transparent;
  background-image: linear-gradient(to right, #333 50%, #ffffff 0);
  background-position: 200% 0;
  background-size: 200% 100%;
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
}
.btn_slush_link:hover:before, .btn_slush_link:hover:after {
  opacity: 1;
  width: 120%;
  left: -10%;
}
.btn_slush_link:hover:before {
  transition: opacity 0.7s cubic-bezier(0.77, 0, 0.175, 1), width 0.7s cubic-bezier(0.77, 0, 0.175, 1), left 0.7s cubic-bezier(0.77, 0, 0.175, 1);
}
.btn_slush_link:hover:after {
  transition: opacity 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99), width 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99), left 0.4s cubic-bezier(0.2, 0.95, 0.57, 0.99);
}
.btn_slush_link:hover .btn_slush_link_txt {
  animation: TEXT-MASK 0.4s cubic-bezier(0.77, 0, 0.175, 1) 0.2s forwards;
}

/*
 * box.scss
 *
 * 箱型デザイン用コンポーネント
 * 定義する際は、接頭辞としてbox_を付けること。
 */
.box_card {
  display: block;
  width: 282px;
  margin: 40px auto;
}
@media screen and (max-width: 1280px) {
  .box_card {
    width: 22.03125vw;
    margin: 3.125vw auto;
  }
}
@media screen and (max-width: 768px) {
  .box_card {
    width: 85.3333333333vw;
    margin: 8.5333333333vw auto;
  }
}
.box_card_meta {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
  margin-bottom: 20px;
}
@media screen and (max-width: 1280px) {
  .box_card_meta {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card_meta {
    margin-bottom: 5.3333333333vw;
  }
}
.box_card_meta .time {
  font-family: zen-maru-gothic, sans-serif;
  letter-spacing: 0.1em;
  font-size: 1.3rem;
  line-height: 13px;
}
@media screen and (max-width: 1280px) {
  .box_card_meta .time {
    font-size: 1.015625vw;
    line-height: 1.015625vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card_meta .time {
    font-size: 3.4666666667vw;
    line-height: 3.4666666667vw;
  }
}
.box_card_meta .tag, .box_card_meta .post_meta_cat {
  font-size: 1.2rem;
  line-height: 21px;
}
@media screen and (max-width: 1280px) {
  .box_card_meta .tag, .box_card_meta .post_meta_cat {
    font-size: 0.9375vw;
    line-height: 1.640625vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card_meta .tag, .box_card_meta .post_meta_cat {
    font-size: 3.2vw;
    line-height: 5.6vw;
  }
}
.box_card_data {
  width: 100%;
  display: flex;
  flex-flow: column;
  justify-content: space-between;
  align-items: center;
  box-sizing: border-box;
  padding: 24px;
}
@media screen and (max-width: 1280px) {
  .box_card_data {
    padding: 1.875vw;
  }
}
@media screen and (max-width: 1280px) {
  .box_card_data {
    height: calc(100% - 14.6875vw);
  }
}
@media screen and (max-width: 768px) {
  .box_card_data {
    padding: 6.4vw;
  }
}
.box_card_data .btn, .box_card_data .btn_back, .box_card_data .btn_arw, .box_card_data .btn_ku, .box_card_data .btn_slush {
  width: 100%;
}
.box_card_desc {
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
}
.box_card_desc_copy {
  order: -1;
  letter-spacing: 0.1em;
  font-size: 1.2rem;
  line-height: 18px;
  margin-bottom: 8px;
}
@media screen and (max-width: 1280px) {
  .box_card_desc_copy {
    font-size: 0.9375vw;
    line-height: 1.40625vw;
    margin-bottom: 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card_desc_copy {
    font-size: 3.2vw;
    line-height: 4.8vw;
    margin-bottom: 2.1333333333vw;
  }
}
.box_card_desc_ttl {
  font-weight: bold;
  letter-spacing: 0.1em;
  font-size: 1.8rem;
  line-height: 24px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1280px) {
  .box_card_desc_ttl {
    font-size: 1.40625vw;
    line-height: 1.875vw;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card_desc_ttl {
    font-size: 4.8vw;
    line-height: 6.4vw;
    margin-bottom: 5.3333333333vw;
  }
}
.box_card_desc_txt {
  letter-spacing: 0.1em;
  font-size: 1.3rem;
  line-height: 22px;
}
@media screen and (max-width: 1280px) {
  .box_card_desc_txt {
    font-size: 1.015625vw;
    line-height: 1.71875vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card_desc_txt {
    font-size: 3.4666666667vw;
    line-height: 5.8666666667vw;
  }
}
.box_card_thumb {
  order: -1;
  overflow: hidden;
  width: 282px;
  height: 188px;
}
@media screen and (max-width: 1280px) {
  .box_card_thumb {
    width: 22.03125vw;
    height: 14.6875vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card_thumb {
    width: 100%;
    height: auto;
  }
}
.box_card_thumb_img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
}
.box_card .btn, .box_card .btn_back, .box_card .btn_arw, .box_card .btn_ku, .box_card .btn_slush {
  height: 40px;
  margin: 20px 0px 0px;
}
@media screen and (max-width: 1280px) {
  .box_card .btn, .box_card .btn_back, .box_card .btn_arw, .box_card .btn_ku, .box_card .btn_slush {
    height: 3.125vw;
    margin: 1.5625vw 0vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card .btn, .box_card .btn_back, .box_card .btn_arw, .box_card .btn_ku, .box_card .btn_slush {
    width: 100%;
    height: 10.6666666667vw;
    margin: 5.3333333333vw 0vw 0vw;
  }
}
.box_card .btn_link, .box_card .btn_back .btn_back_link, .btn_back .box_card .btn_back_link, .box_card .btn_arw_link, .box_card .btn_ku_link, .box_card .btn_slush_link {
  justify-content: center;
  padding: 0px 16px;
}
@media screen and (max-width: 1280px) {
  .box_card .btn_link, .box_card .btn_back .btn_back_link, .btn_back .box_card .btn_back_link, .box_card .btn_arw_link, .box_card .btn_ku_link, .box_card .btn_slush_link {
    padding: 0vw 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card .btn_link, .box_card .btn_back .btn_back_link, .btn_back .box_card .btn_back_link, .box_card .btn_arw_link, .box_card .btn_ku_link, .box_card .btn_slush_link {
    padding: 0vw 4.2666666667vw;
  }
}
.box_card .btn_link_txt {
  font-size: 1.3rem;
  line-height: 22px;
}
@media screen and (max-width: 1280px) {
  .box_card .btn_link_txt {
    font-size: 1.015625vw;
    line-height: 1.71875vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card .btn_link_txt {
    font-size: 3.4666666667vw;
    line-height: 5.8666666667vw;
  }
}
.box_card .btn_link_txt:before, .box_card .btn_link_txt:after {
  right: 12px;
}
@media screen and (max-width: 1280px) {
  .box_card .btn_link_txt:before, .box_card .btn_link_txt:after {
    right: 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  .box_card .btn_link_txt:before, .box_card .btn_link_txt:after {
    right: 3.2vw;
  }
}
.box_card_link {
  height: 100%;
  background: #ffffff;
  box-sizing: border-box;
  display: flex;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  position: relative;
  transition: filter 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  filter: drop-shadow(0px 0px 24px rgba(0, 0, 0, 0.05));
}
@media screen and (max-width: 1280px) {
  .box_card_link {
    filter: drop-shadow(0vw 0vw 1.875vw rgba(0, 0, 0, 0.05));
  }
}
@media screen and (max-width: 768px) {
  .box_card_link {
    filter: drop-shadow(0vw 0vw 1.875vw rgba(0, 0, 0, 0.05));
  }
}
.box_card_link:hover {
  filter: drop-shadow(0px 0px 32px rgba(0, 0, 0, 0.15));
}
@media screen and (max-width: 1280px) {
  .box_card_link:hover {
    filter: drop-shadow(0vw 0vw 2.5vw rgba(0, 0, 0, 0.15));
  }
}
@media screen and (max-width: 768px) {
  .box_card_link:hover {
    filter: drop-shadow(0vw 0vw 2.5vw rgba(0, 0, 0, 0.15));
  }
}
.box_card_link:hover .box_card_thumb_img {
  transform: scale(1.1);
}

/*
 * headline.scss
 *
 * 見出し用コンポーネント
 * 定義する際は、接頭辞としてttl_を付けること。
 */
.ttl_beta, .contents h2, body.wp-editor h2 {
  width: 100%;
  letter-spacing: 0.1em;
  font-weight: 700;
  position: relative;
  background: #f9f9f9;
  box-sizing: border-box;
  font-size: 2.8rem;
  line-height: 40px;
  padding: 24px;
  margin-bottom: 32px;
  margin-top: 64px;
}
@media screen and (max-width: 1280px) {
  .ttl_beta, .contents h2, body.wp-editor h2 {
    font-size: 2.1875vw;
    line-height: 3.125vw;
    padding: 1.875vw;
    margin-bottom: 2.5vw;
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_beta, .contents h2, body.wp-editor h2 {
    font-size: 5.8666666667vw;
    line-height: 8.5333333333vw;
    padding: 4.2666666667vw;
    margin-bottom: 6.4vw;
    margin-top: 12.8vw;
  }
}

.ttl_underline, .contents h3, body.wp-editor h3 {
  width: 100%;
  letter-spacing: 0.1em;
  font-weight: 700;
  position: relative;
  font-size: 2.6rem;
  line-height: 40px;
  padding-bottom: 16px;
  margin-bottom: 32px;
  margin-top: 64px;
}
@media screen and (max-width: 1280px) {
  .ttl_underline, .contents h3, body.wp-editor h3 {
    font-size: 2.03125vw;
    line-height: 3.125vw;
    padding-bottom: 1.25vw;
    margin-bottom: 2.5vw;
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_underline, .contents h3, body.wp-editor h3 {
    font-size: 5.3333333333vw;
    line-height: 8.5333333333vw;
    padding-bottom: 4.2666666667vw;
    margin-bottom: 6.4vw;
    margin-top: 12.8vw;
  }
}
.ttl_underline:before, .contents h3:before, body.wp-editor h3:before, .ttl_underline:after, .contents h3:after, body.wp-editor h3:after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  height: 2px;
}
@media screen and (max-width: 1280px) {
  .ttl_underline:before, .contents h3:before, body.wp-editor h3:before, .ttl_underline:after, .contents h3:after, body.wp-editor h3:after {
    height: 0.15625vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_underline:before, .contents h3:before, body.wp-editor h3:before, .ttl_underline:after, .contents h3:after, body.wp-editor h3:after {
    height: 0.5333333333vw;
  }
}
.ttl_underline:before, .contents h3:before, body.wp-editor h3:before {
  width: 100%;
  background: #1E2C5B;
}
.ttl_underline:after, .contents h3:after, body.wp-editor h3:after {
  background: #E7211A;
  width: 180px;
}
@media screen and (max-width: 1280px) {
  .ttl_underline:after, .contents h3:after, body.wp-editor h3:after {
    width: 14.0625vw;
  }
}

.ttl_bar, .contents h4, body.wp-editor h4 {
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
  font-size: 2.4rem;
  line-height: 32px;
  padding-bottom: 8px;
  padding-left: 30px;
  margin-bottom: 32px;
  margin-top: 64px;
}
@media screen and (max-width: 1280px) {
  .ttl_bar, .contents h4, body.wp-editor h4 {
    font-size: 1.875vw;
    line-height: 2.5vw;
    padding-bottom: 0.625vw;
    padding-left: 2.34375vw;
    margin-bottom: 2.5vw;
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_bar, .contents h4, body.wp-editor h4 {
    letter-spacing: 0;
    font-size: 4.8vw;
    line-height: 7.7333333333vw;
    padding-bottom: 2.1333333333vw;
    padding-left: 7.7333333333vw;
    margin-bottom: 8.5333333333vw;
    margin-top: 12.8vw;
  }
}
.ttl_bar:before, .contents h4:before, body.wp-editor h4:before {
  content: "";
  background: #1E2C5B;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 7px;
}
@media screen and (max-width: 1280px) {
  .ttl_bar:before, .contents h4:before, body.wp-editor h4:before {
    width: 0.546875vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_bar:before, .contents h4:before, body.wp-editor h4:before {
    width: 1.3333333333vw;
  }
}

.ttl_hyphen, .contents h5, body.wp-editor h5 {
  font-weight: 700;
  letter-spacing: 0.1em;
  position: relative;
  font-size: 2.4rem;
  line-height: 32px;
  padding-left: 36px;
  margin-bottom: 32px;
  margin-top: 64px;
}
@media screen and (max-width: 1280px) {
  .ttl_hyphen, .contents h5, body.wp-editor h5 {
    font-size: 1.875vw;
    line-height: 2.5vw;
    padding-left: 2.8125vw;
    margin-bottom: 2.5vw;
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_hyphen, .contents h5, body.wp-editor h5 {
    letter-spacing: 0;
    font-size: 4.8vw;
    line-height: 7.7333333333vw;
    padding-left: 9.6vw;
    margin-bottom: 8.5333333333vw;
    margin-top: 12.8vw;
  }
}
.ttl_hyphen:before, .contents h5:before, body.wp-editor h5:before {
  content: "";
  background: #1E2C5B;
  display: block;
  position: absolute;
  left: 0;
  height: 100%;
  top: 13px;
  width: 22px;
  height: 6px;
}
@media screen and (max-width: 1280px) {
  .ttl_hyphen:before, .contents h5:before, body.wp-editor h5:before {
    top: 1.015625vw;
    width: 1.71875vw;
    height: 0.46875vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_hyphen:before, .contents h5:before, body.wp-editor h5:before {
    top: 3.4666666667vw;
    width: 5.8666666667vw;
    height: 1.6vw;
  }
}

.ttl_bold, .contents h6, body.wp-editor h6 {
  width: 100%;
  letter-spacing: 0.1em;
  font-weight: 700;
  position: relative;
  font-size: 2rem;
  line-height: 29px;
  margin-bottom: 32px;
  margin-top: 64px;
}
@media screen and (max-width: 1280px) {
  .ttl_bold, .contents h6, body.wp-editor h6 {
    font-size: 1.5625vw;
    line-height: 2.265625vw;
    margin-bottom: 2.5vw;
    margin-top: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_bold, .contents h6, body.wp-editor h6 {
    font-size: 4.8vw;
    line-height: 7.7333333333vw;
    margin-bottom: 6.4vw;
    margin-top: 12.8vw;
  }
}

.ttl_sec {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-flow: column;
  margin: 0 auto;
  max-width: 1200px;
  margin-bottom: 64px;
}
@media screen and (max-width: 1280px) {
  .ttl_sec {
    max-width: 93.75vw;
    margin-bottom: 5vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_sec {
    max-width: 100%;
    margin-bottom: 8.5333333333vw;
  }
}
.ttl_sec_ja {
  letter-spacing: 0.1em;
  font-weight: 700;
  font-size: 1.8rem;
  line-height: 24px;
}
@media screen and (max-width: 1280px) {
  .ttl_sec_ja {
    font-size: 1.40625vw;
    line-height: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_sec_ja {
    font-size: 4.8vw;
    line-height: 6.4vw;
  }
}
.ttl_sec_en {
  order: -1;
  font-family: zen-maru-gothic, sans-serif;
  letter-spacing: 0.1em;
  position: relative;
  font-size: 1.2rem;
  line-height: 20px;
  margin-bottom: 4px;
  padding-left: 26px;
}
@media screen and (max-width: 1280px) {
  .ttl_sec_en {
    font-size: 0.9375vw;
    line-height: 1.5625vw;
    margin-bottom: 0.3125vw;
    padding-left: 2.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_sec_en {
    font-size: 3.2vw;
    line-height: 5.3333333333vw;
    margin-bottom: 1.0666666667vw;
    padding-left: 6.9333333333vw;
  }
}
.ttl_sec_en:before {
  content: "";
  background: #E7211A;
  display: block;
  position: absolute;
  top: 50%;
  width: 16px;
  height: 2px;
  left: 0px;
  margin-top: -1px;
}
@media screen and (max-width: 1280px) {
  .ttl_sec_en:before {
    width: 1.25vw;
    height: 0.15625vw;
    left: 0vw;
    margin-top: -0.078125vw;
  }
}
@media screen and (max-width: 768px) {
  .ttl_sec_en:before {
    width: 4.2666666667vw;
    height: 0.5333333333vw;
    left: 1.3333333333vw;
    margin-top: -0.2666666667vw;
  }
}

/*
 * transition.scss
 *
 * ページ遷移用コンポーネント
 */
.tt, .tt_layer {
  width: 0;
  height: 0;
  margin: 0;
  padding: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 1000;
}
/*
 * breadcrumb.scss
 *
 * パンクズリスト用コンポーネント
 */
.breadcrumb {
  width: 100%;
  background: #ffffff;
  padding: 24px 0px;
}
@media screen and (max-width: 1280px) {
  .breadcrumb {
    padding: 1.875vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb {
    padding: 4.8vw 0vw;
  }
}
.breadcrumb_list {
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  width: 1200px;
}
@media screen and (max-width: 1280px) {
  .breadcrumb_list {
    width: 93.75vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb_list {
    width: 88vw;
    margin: 0 auto;
  }
}
.breadcrumb_list_item:not(:last-child):after {
  content: ">";
  color: #1E2C5B;
  margin-right: 6px;
}
@media screen and (max-width: 1280px) {
  .breadcrumb_list_item:not(:last-child):after {
    margin-right: 0.46875vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb_list_item:not(:last-child):after {
    margin-right: 1.6vw;
  }
}
.breadcrumb_list_item_link {
  color: #8e8e8e;
}
.breadcrumb_list_item_txt {
  color: inherit;
  font-size: 1.2rem;
}
@media screen and (max-width: 1280px) {
  .breadcrumb_list_item_txt {
    font-size: 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  .breadcrumb_list_item_txt {
    font-size: 3.2vw;
  }
}

/*
 * pagenation.scss
 *
 * ページャー／ページネーション用コンポーネント
 */
.pager {
  width: 100%;
}
.pager_list {
  width: 100%;
  margin: 42px auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 1280px) {
  .pager_list {
    margin: 3.28125vw auto;
  }
}
@media screen and (max-width: 768px) {
  .pager_list {
    margin: 8.5333333333vw auto;
  }
}
.pager_list_num {
  width: 44px;
  height: 44px;
  margin: 10px;
}
@media screen and (max-width: 1280px) {
  .pager_list_num {
    width: 3.4375vw;
    height: 3.4375vw;
    margin: 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .pager_list_num {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    margin: 1.0666666667vw;
  }
}
.pager_list_num span, .pager_list_num a {
  width: 44px;
  height: 44px;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  box-sizing: border-box;
  background: #1E2C5B;
  color: #ffffff;
  border: 1px solid #1E2C5B;
  transition: background 0.8s ease, color 0.8s ease;
  font-size: 1.4rem;
  font-family: zen-maru-gothic, sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 1280px) {
  .pager_list_num span, .pager_list_num a {
    width: 3.4375vw;
    height: 3.4375vw;
  }
}
@media screen and (max-width: 768px) {
  .pager_list_num span, .pager_list_num a {
    width: 10.6666666667vw;
    height: 10.6666666667vw;
    font-size: 3.2vw;
  }
}
.pager_list_num .current,
.pager_list_num a:hover {
  background: #f9f9f9;
  color: #1E2C5B;
}
.pager_list_num:first-child {
  margin-left: 0;
}
.pager_list_num:last-child {
  margin-right: 0;
}

.pagenation {
  width: 100%;
  border-top: 1px solid #1E2C5B;
  margin: 0 auto;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  max-width: 1200px;
  padding-top: 68px;
  margin-top: 56px;
  margin-bottom: 100px;
}
@media screen and (max-width: 1280px) {
  .pagenation {
    max-width: 93.75vw;
    padding-top: 5.3125vw;
    margin-top: 4.375vw;
    margin-bottom: 7.8125vw;
  }
}
@media screen and (max-width: 768px) {
  .pagenation {
    width: 85.0666666667vw;
    padding-top: 10.6666666667vw;
    margin-top: 6.6666666667vw;
    margin-bottom: 6.6666666667vw;
  }
}
.pagenation .more_btn {
  margin: 0px 28px;
}
@media screen and (max-width: 1280px) {
  .pagenation .more_btn {
    margin: 0vw 2.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .pagenation .more_btn {
    padding: 0vw 8vw;
    margin: 0vw 0vw 6.4vw;
    order: -1;
  }
}
.pagenation .more_btn_txt {
  font-size: 1.4rem;
}
.pagenation .pagenation_list {
  width: 44px;
  height: 44px;
}
@media screen and (max-width: 1280px) {
  .pagenation .pagenation_list {
    width: 3.4375vw;
    height: 3.4375vw;
  }
}
@media screen and (max-width: 768px) {
  .pagenation .pagenation_list {
    width: 11.7333333333vw;
    height: 11.7333333333vw;
    margin: 0vw 1.6vw;
  }
}
.pagenation .pagenation_list a {
  position: relative;
  box-sizing: border-box;
  border: 1px solid #1E2C5B;
  background: #1E2C5B;
  color: #ffffff;
  transition: 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: nowrap;
  width: 44px;
  height: 44px;
}
@media screen and (max-width: 1280px) {
  .pagenation .pagenation_list a {
    width: 3.4375vw;
    height: 3.4375vw;
  }
}
@media screen and (max-width: 768px) {
  .pagenation .pagenation_list a {
    width: 11.7333333333vw;
    height: 11.7333333333vw;
  }
}
.pagenation .pagenation_list a:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  box-sizing: border-box;
  border-right-color: #ffffff;
  border-top-color: #ffffff;
  border-right-style: solid;
  border-top-style: solid;
  transform: rotate(-45deg);
  transition: 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  width: 10px;
  height: 10px;
  margin-left: -5px;
  margin-top: -4.5px;
  border-right-width: 2px;
  border-top-width: 2px;
}
@media screen and (max-width: 1280px) {
  .pagenation .pagenation_list a:before {
    width: 0.78125vw;
    height: 0.78125vw;
    margin-left: -0.390625vw;
    margin-top: -0.3515625vw;
    border-right-width: 0.15625vw;
    border-top-width: 0.15625vw;
  }
}
@media screen and (max-width: 768px) {
  .pagenation .pagenation_list a:before {
    width: 2.6666666667vw;
    height: 2.6666666667vw;
    margin-left: -1.3333333333vw;
    margin-top: -1.0666666667vw;
    border-right-width: 0.5333333333vw;
    border-top-width: 0.5333333333vw;
  }
}
.pagenation .pagenation_list a:hover {
  background: #ffffff;
  border: 1px solid #1E2C5B;
}
.pagenation .pagenation_list a:hover:before {
  border-right-color: #1E2C5B;
  border-top-color: #1E2C5B;
}
.pagenation .pagenation_list.prev a:before {
  transform: rotate(-135deg);
  margin-left: -3px;
}
@media screen and (max-width: 1280px) {
  .pagenation .pagenation_list.prev a:before {
    margin-left: -0.234375vw;
  }
}
@media screen and (max-width: 768px) {
  .pagenation .pagenation_list.prev a:before {
    margin-left: -0.8vw;
  }
}
.pagenation .pagenation_list.next a:before {
  transform: rotate(45deg);
  margin-left: -7px;
}
@media screen and (max-width: 1280px) {
  .pagenation .pagenation_list.next a:before {
    margin-left: -0.546875vw;
  }
}
@media screen and (max-width: 768px) {
  .pagenation .pagenation_list.next a:before {
    margin-left: -1.8666666667vw;
  }
}

/*
 * layout.scss
 *
 * レイアウト用コンポーネント
 * 定義する際は、接頭辞としてlo_を付けること。
 */
.lo_sec, .lo_half_figure_right_inner, .lo_half_figure_left_inner {
  width: 100%;
  margin: 0 auto;
  box-sizing: border-box;
  max-width: 1280px;
  padding: 0px 40px;
}
@media screen and (max-width: 1280px) {
  .lo_sec, .lo_half_figure_right_inner, .lo_half_figure_left_inner {
    max-width: 100vw;
    padding: 0vw 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .lo_sec, .lo_half_figure_right_inner, .lo_half_figure_left_inner {
    max-width: 100%;
    padding: 0vw 5.3333333333vw;
  }
}

.lo_half_figure_left {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .lo_half_figure_left {
    padding: 0;
    background: #f9f9f9;
  }
}
.lo_half_figure_left_inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .lo_half_figure_left_inner {
    padding: 0;
    flex-flow: column;
  }
}
.lo_half_figure_left_info {
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  z-index: 0;
  width: 385px;
  padding: 120px 0px;
  margin-top: 240px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_left_info {
    width: 30.078125vw;
    padding: 9.375vw 0vw;
    margin-top: 18.75vw;
  }
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_left_info {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_left_info {
    width: 100%;
    padding: 11.2vw 5.3333333333vw 17.0666666667vw;
    margin-top: 0;
  }
}
.lo_half_figure_left_info:before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  background: #f9f9f9;
  z-index: -1;
}
.lo_half_figure_left_info .btn, .lo_half_figure_left_info .btn_back, .lo_half_figure_left_info .btn_arw, .lo_half_figure_left_info .btn_ku, .lo_half_figure_left_info .btn_slush {
  width: 100%;
}
.lo_half_figure_left_desc {
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  line-height: 28px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_left_desc {
    font-size: 1.09375vw;
    line-height: 2.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_left_desc {
    font-size: 3.7333333333vw;
    line-height: 7.4666666667vw;
  }
}
.lo_half_figure_left_desc:before {
  content: "";
  width: 100%;
}
.lo_half_figure_left_figure {
  position: relative;
  z-index: 1;
  width: 690px;
  height: 700px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_left_figure {
    width: 53.90625vw;
    height: 54.6875vw;
  }
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_left_figure {
    height: 38.0208333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_left_figure {
    width: 100%;
    height: auto;
    order: -1;
  }
}
.lo_half_figure_left_figure_img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 62.5vw;
  max-width: 1050px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_left_figure_img {
    width: 57.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_left_figure_img {
    position: relative;
    width: 100%;
    max-width: none;
  }
}
.lo_half_figure_left_info {
  margin-left: 126px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_left_info {
    margin-left: 9.84375vw;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_left_info {
    margin-left: 0;
  }
}
.lo_half_figure_left_info:before {
  right: calc((100vw - 1200px) * -0.5);
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_left_info:before {
    right: calc((100vw - 93.75vw) * -0.5);
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_left_info:before {
    right: calc((100vw - 100vw) * -0.5);
  }
}
.lo_half_figure_left_figure {
  order: -1;
}
.lo_half_figure_left_figure_img {
  left: auto;
  right: 0;
}

.lo_half_figure_right {
  position: relative;
  z-index: 0;
}
@media screen and (max-width: 768px) {
  .lo_half_figure_right {
    padding: 0;
    background: #f9f9f9;
  }
}
.lo_half_figure_right_inner {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .lo_half_figure_right_inner {
    padding: 0;
    flex-flow: column;
  }
}
.lo_half_figure_right_info {
  position: relative;
  box-sizing: border-box;
  flex-shrink: 0;
  z-index: 0;
  width: 385px;
  padding: 120px 0px;
  margin-top: 240px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_right_info {
    width: 30.078125vw;
    padding: 9.375vw 0vw;
    margin-top: 18.75vw;
  }
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_right_info {
    margin-top: 0;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_right_info {
    width: 100%;
    padding: 11.2vw 5.3333333333vw 17.0666666667vw;
    margin-top: 0;
  }
}
.lo_half_figure_right_info:before {
  content: "";
  width: 100vw;
  height: 100%;
  position: absolute;
  top: 0;
  background: #f9f9f9;
  z-index: -1;
}
.lo_half_figure_right_info .btn, .lo_half_figure_right_info .btn_back, .lo_half_figure_right_info .btn_arw, .lo_half_figure_right_info .btn_ku, .lo_half_figure_right_info .btn_slush {
  width: 100%;
}
.lo_half_figure_right_desc {
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  line-height: 28px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_right_desc {
    font-size: 1.09375vw;
    line-height: 2.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_right_desc {
    font-size: 3.7333333333vw;
    line-height: 7.4666666667vw;
  }
}
.lo_half_figure_right_desc:before {
  content: "";
  width: 100%;
}
.lo_half_figure_right_figure {
  position: relative;
  z-index: 1;
  width: 690px;
  height: 700px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_right_figure {
    width: 53.90625vw;
    height: 54.6875vw;
  }
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_right_figure {
    height: 38.0208333333vw;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_right_figure {
    width: 100%;
    height: auto;
    order: -1;
  }
}
.lo_half_figure_right_figure_img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 62.5vw;
  max-width: 1050px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_right_figure_img {
    width: 57.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_right_figure_img {
    position: relative;
    width: 100%;
    max-width: none;
  }
}
.lo_half_figure_right_info {
  margin-right: 126px;
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_right_info {
    margin-right: 9.84375vw;
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_right_info {
    margin-right: 0;
  }
}
.lo_half_figure_right_info:before {
  left: calc((100vw - 1200px) * -0.5);
}
@media screen and (max-width: 1280px) {
  .lo_half_figure_right_info:before {
    left: calc((100vw - 93.75vw) * -0.5);
  }
}
@media screen and (max-width: 768px) {
  .lo_half_figure_right_info:before {
    left: calc((100vw - 100vw) * -0.5);
  }
}

/*
 * header.scss
 *
 * ヘッダー用コンポーネント
 */
.header {
  width: 100%;
  position: fixed;
  z-index: 101;
  transition: 0.4s cubic-bezier(0.32, 0.95, 0.6, 1);
  background: transparent;
  display: flex;
  justify-content: end;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .header {
    height: 14.9333333333vw;
  }
}

.hum {
  display: none;
}
@media screen and (max-width: 768px) {
  .hum {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    align-self: stretch;
    width: 14.9333333333vw;
    height: 14.9333333333vw;
    background: #000000;
    color: #ffffff;
    transition: 0.5s;
    cursor: pointer;
    font-weight: 500;
    order: 1;
    z-index: 1000;
    position: fixed;
    top: 0;
    right: 0;
  }
  .hum:hover {
    cursor: pointer;
  }
  .hum_bar {
    width: 4.8vw;
    height: 3.2vw;
    margin-bottom: 0vw;
    position: relative;
  }
  .hum_bar_u, .hum_bar_m, .hum_bar_b {
    position: absolute;
    height: 0.5333333333vw;
    background: #ffffff;
    width: 100%;
    right: 0;
    transition: all 0.3s, background-color 0.8s;
  }
  .hum_bar_u {
    top: 0;
  }
  .hum_bar_m {
    top: 50%;
    margin-top: -0.2666666667vw;
  }
  .hum_bar_b {
    bottom: 0;
  }
  .hum_bg {
    content: "";
    display: block;
    position: fixed;
    background: #f3f6fc;
    z-index: 2;
    transform: translate(100%, 0);
    will-change: animation, transform;
    width: 100%;
    height: 100%;
    top: 0;
    right: 0;
    transform-origin: top right;
  }
  .hum_menu {
    z-index: 1;
  }
  .hum_menu svg {
    width: 5.1374666667vw;
    height: 1.75vw;
    display: block;
    transition: 1.2s cubic-bezier(0.32, 0.95, 0.6, 1);
  }
  .hum_menu svg path {
    transition: 1.2s cubic-bezier(0.32, 0.95, 0.6, 1);
  }
  .hum_close {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    position: absolute;
    width: 100%;
    bottom: 4.2666666667vw;
    z-index: 0;
  }
  .hum_close svg {
    width: 5.9124vw;
    height: 1.7708vw;
    display: block;
    transition: 1.2s cubic-bezier(0.32, 0.95, 0.6, 1);
  }
  .hum_close svg path {
    transition: 1.2s cubic-bezier(0.32, 0.95, 0.6, 1);
    fill: #333;
  }
}

@media screen and (max-width: 768px) {
  .open .hum_bar_u, .open .hum_bar_m, .open .hum_bar_b {
    background: #ffffff;
  }
  .open .hum_bar_u {
    animation: Humberger_bar_z 1.44s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s forwards;
  }
  .open .hum_bar_m {
    animation: Humberger_bar_x 1.44s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
  }
  .open .hum_bar_b {
    animation: Humberger_bar_y 1.44s cubic-bezier(0.645, 0.045, 0.355, 1) 0.2s forwards;
  }
  .open .hum_bg {
    transform: translate(0, 0);
    animation: Humberger_bg 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
  }
  .open .hum_menu path {
    fill: #333;
  }
  .open .hum_close {
    z-index: 2;
  }
  .open .hum_close path {
    fill: #ffffff;
  }
  .open.header_gnav {
    opacity: 1;
    height: 100vh;
    overflow-y: scroll;
    transform: translateX(0);
    transition: transform 0.8s, opacity 1.5s;
  }
  .open.header_gnav .header_gnav_list {
    background: transparent;
  }
  .open.header_gnav .header_gnav_list_item {
    transform: translateX(0);
    opacity: 1;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(1) {
    transition-delay: 0.08s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(2) {
    transition-delay: 0.1s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(3) {
    transition-delay: 0.12s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(4) {
    transition-delay: 0.14s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(5) {
    transition-delay: 0.16s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(6) {
    transition-delay: 0.18s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(7) {
    transition-delay: 0.2s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(8) {
    transition-delay: 0.22s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(9) {
    transition-delay: 0.24s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(10) {
    transition-delay: 0.26s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(11) {
    transition-delay: 0.28s;
  }
  .open.header_gnav .header_gnav_list_item:nth-child(12) {
    transition-delay: 0.3s;
  }
  .open.header_gnav .header_gnav_offer {
    transition-delay: 0.2s;
    transform: translateX(0);
    opacity: 1;
  }
}

@media screen and (max-width: 768px) {
  .close .hum_bar_u, .close .hum_bar_m, .close .hum_bar_b {
    border-color: #ffffff;
  }
  .close .hum_bar_u {
    animation: Humberger_bar_z_rev 1.76s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
  }
  .close .hum_bar_m {
    animation: Humberger_bar_x_rev 1.76s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
  }
  .close .hum_bar_b {
    animation: Humberger_bar_y_rev 1.76s cubic-bezier(0.645, 0.045, 0.355, 1) 0s forwards;
  }
  .close .hum_bg {
    transform: translate(0, 0);
    animation: Humberger_bg_rev 0.6s cubic-bezier(0.645, 0.045, 0.355, 1) 0.25s forwards;
  }
}

@media screen and (max-width: 768px) {
  .is-fixed {
    height: 100%;
    overflow: hidden;
  }
}

/*
 * footer.scss
 *
 * フッター用コンポーネント
 */
.footer {
  width: 100%;
  background: #ffffff;
  color: #333;
  position: relative;
}
.footer .copyright {
  text-align: center;
  font-family: zen-maru-gothic, sans-serif;
  letter-spacing: 0.05em;
  font-size: 1.6rem;
  padding: 44px 0px 54px;
}
@media screen and (max-width: 1280px) {
  .footer .copyright {
    padding: 3.4375vw 0vw 4.21875vw;
  }
}
@media screen and (max-width: 768px) {
  .footer .copyright {
    padding: 5.3333333333vw 0vw 21.3333333333vw;
    font-size: 1.2rem;
    font-feature-settings: "palt";
  }
}

/*
 * form.scss
 *
 * フォーム用コンポーネント
 */
.form {
  width: 100%;
  padding-bottom: 24px;
}
@media screen and (max-width: 1280px) {
  .form {
    padding-bottom: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .form {
    padding-bottom: 6.4vw;
  }
}
.form_area {
  margin: 0 auto;
  border-top: 1px solid #000000;
  width: 960px;
  padding: 24px 0px;
}
@media screen and (max-width: 1280px) {
  .form_area {
    width: 75vw;
    padding: 1.875vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .form_area {
    width: 85.3333333333vw;
    padding: 0vw 0vw 6.4vw;
  }
}
.form_list {
  width: 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-justify-content: flex-start;
  -webkit-align-items: center;
  -webkit-flex-wrap: wrap;
  border-bottom: 1px solid #8e8e8e;
  box-sizing: border-box;
  flex-wrap: wrap;
  padding: 24px 0px;
}
@media screen and (max-width: 1280px) {
  .form_list {
    padding: 1.875vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .form_list {
    padding: 6.4vw 0vw;
  }
}
.form_list_ttl {
  height: 38px;
  font-size: 1.4rem;
  line-height: 3rem;
  letter-spacing: 0.1em;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -ms-flex-align: center;
  align-items: center;
  width: 360px;
  padding: 5px 0px;
}
@media screen and (max-width: 1280px) {
  .form_list_ttl {
    width: 28.125vw;
    padding: 0.390625vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .form_list_ttl {
    width: 100%;
  }
}
.form_list_ttl_txt {
  font-weight: 700;
  letter-spacing: 0.2em;
  font-size: 1.5rem;
  display: block;
  width: 240px;
}
@media screen and (max-width: 1280px) {
  .form_list_ttl_txt {
    width: 18.75vw;
  }
}
@media screen and (max-width: 768px) {
  .form_list_ttl_txt {
    width: calc(100% - 3em);
  }
}
.form_list_ttl_must {
  letter-spacing: 0.1em;
  line-height: 1;
  color: #ffffff;
  background: #000000;
  font-weight: 700;
  text-align: center;
  padding: 5px 10px;
  font-size: 1.3rem;
}
@media screen and (max-width: 1280px) {
  .form_list_ttl_must {
    padding: 0.390625vw 0.78125vw;
    font-size: 1.015625vw;
  }
}
@media screen and (max-width: 768px) {
  .form_list_ttl_must {
    width: 3em;
    padding: 1.3333333333vw 2.6666666667vw;
    font-size: 3.4666666667vw;
  }
}
.form_list_cnt {
  font-size: 1.5rem;
  letter-spacing: 0.2em;
}
@media screen and (max-width: 768px) {
  .form_list_cnt {
    width: 100%;
  }
}
.form_list_cnt.short {
  display: flex;
  justify-content: space-between;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .form_list_cnt.short {
    flex-wrap: wrap;
    justify-content: flex-start;
  }
}
.form_list_cnt_ipt {
  font-size: inherit;
  letter-spacing: inherit;
  border: 1px solid gray;
  box-sizing: border-box;
  width: 480px;
  height: 48px;
  padding: 5px 10px;
}
@media screen and (max-width: 1280px) {
  .form_list_cnt_ipt {
    width: 37.5vw;
    height: 3.75vw;
    padding: 0.390625vw 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .form_list_cnt_ipt {
    width: 100%;
    height: 12vw;
  }
}
.short .form_list_cnt_ipt {
  width: 240px;
}
@media screen and (max-width: 1280px) {
  .short .form_list_cnt_ipt {
    width: 18.75vw;
  }
}
@media screen and (max-width: 768px) {
  .short .form_list_cnt_ipt {
    width: 100%;
    margin-bottom: 4.2666666667vw;
  }
  .short .form_list_cnt_ipt:last-child {
    margin-bottom: 0;
  }
}
.form_list_cnt_txtarea {
  border: 1px solid #8e8e8e;
  font-size: 1.5rem;
  box-sizing: border-box;
  width: 480px;
  height: 160px;
  padding: 5px 10px;
}
@media screen and (max-width: 1280px) {
  .form_list_cnt_txtarea {
    width: 37.5vw;
    height: 12.5vw;
    padding: 0.390625vw 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .form_list_cnt_txtarea {
    width: 100%;
    height: 42.6666666667vw;
    padding: 1.3333333333vw 4.8vw;
  }
}
.form_list_cnt_set {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: nowrap;
}
.form_list_cnt_set_box {
  display: none;
}
.form_list_cnt_set_label {
  position: relative;
  padding-left: 24px;
}
@media screen and (max-width: 1280px) {
  .form_list_cnt_set_label {
    padding-left: 1.875vw;
  }
}
.form_list_cnt_set_label::before, .form_list_cnt_set_label::after {
  content: "";
  position: absolute;
  top: 50%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.form_list_cnt_set_label::before {
  border: 1px solid #8e8e8e;
  left: 0;
  width: 16px;
  height: 16px;
  mrgin-top: -8px;
}
@media screen and (max-width: 1280px) {
  .form_list_cnt_set_label::before {
    width: 1.25vw;
    height: 1.25vw;
    mrgin-top: -0.625vw;
  }
}
.form_list_cnt_set_label::after {
  width: 10px;
  height: 10px;
  mrgin-top: -5px;
  left: 3px;
}
@media screen and (max-width: 1280px) {
  .form_list_cnt_set_label::after {
    width: 0.78125vw;
    height: 0.78125vw;
    mrgin-top: -0.390625vw;
    left: 0.234375vw;
  }
}
.form_list_cnt_set_box:checked + .form_list_cnt_set_label::after {
  background: #000000;
}
.form_list_cnt_set_box[type=radio] + .form_list_cnt_set_label::before, .form_list_cnt_set_box[type=radio] + .form_list_cnt_set_label::after {
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
}
.form_list_cnt_select {
  display: block;
  width: 400px;
  height: 38px;
  width: 400px;
}
@media screen and (max-width: 1280px) {
  .form_list_cnt_select {
    width: 31.25vw;
  }
}
@media screen and (max-width: 768px) {
  .form_list_cnt_select {
    width: 100%;
  }
}
.form_list_cnt_select .form_select {
  display: block;
  width: 100%;
  height: 100%;
}
.form_list_cnt_select .form_select * {
  position: relative;
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  border-color: inherit;
}
.form_list_cnt_select .form_select ul {
  list-style: none;
  padding: 0;
}
.form_list_cnt_select .form_select input {
  color: inherit;
  font: inherit;
  margin: 0;
  background: transparent;
  outline: none;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
}
.form_list_cnt_select .form_select li::before {
  display: none;
}
.form_list_cnt_select .form_select_box {
  width: 100%;
  /*height: 100%;*/
  cursor: pointer;
  background-color: #ffffff;
}
.form_list_cnt_select .form_select_box_expand {
  width: 0;
  height: 38px;
  position: absolute;
  top: 0;
  right: 0;
}
.form_list_cnt_select .form_select_box_expand:checked + .form_select_box_close_label {
  display: block;
}
.form_list_cnt_select .form_select_box_expand:checked + .form_select_box_close_label + .form_select_box_options .form_select_box_label {
  height: 38px;
}
.form_list_cnt_select .form_select_box_expand:checked + .form_select_box_close_label + .form_select_box_options .form_select_box_label:hover {
  background-color: #8e8e8e;
}
.form_list_cnt_select .form_select_box_expand:checked + .form_select_box_close_label + .form_select_box_options + .form_select_box_expand_label::after {
  -webkit-transform: translate(-50%, -50%) rotate(180deg) scaleX(-1) scaleY(1.75);
  transform: translate(-50%, -50%) rotate(180deg) scaleX(-1) scaleY(1.75);
}
.form_list_cnt_select .form_select_box_expand_label {
  display: block;
  width: 100%;
  height: 38px;
  position: absolute;
  top: 0;
  left: 0;
  cursor: pointer;
}
.form_list_cnt_select .form_select_box_expand_label::after {
  position: absolute;
  top: 1.2em;
  right: 0.5em;
  width: 0;
  height: 0;
  padding: 0;
  content: "";
  pointer-events: none;
  border-top: 6px solid #8e8e8e;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  -webkit-transform: translate(-50%, -50%) rotate(0deg) scaleY(1.75);
  transform: translate(-50%, -50%) rotate(0deg) scaleY(1.75);
  -webkit-transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
  transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
  z-index: 2;
}
.form_list_cnt_select .form_select_box_expand_label:hover::after {
  opacity: 1;
}
.form_list_cnt_select .form_select_box_close {
  display: none;
}
.form_list_cnt_select .form_select_box_close_label {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}
.form_list_cnt_select .form_select_box_items {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  border: 1px solid #8e8e8e;
  padding-top: 38px;
  z-index: 1;
}
.form_list_cnt_select .form_select_box_input {
  display: none;
}
.form_list_cnt_select .form_select_box_input:checked + .form_select_box_label {
  height: 38px;
  margin-top: -38px;
}
.form_list_cnt_select .form_select_box_label {
  -webkit-transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
  transition: all 250ms cubic-bezier(0.4, 0.25, 0.3, 1);
  display: flex;
  justify-content: flex-start;
  align-items: center;
  flex-wrap: wrap;
  height: 0;
  overflow: hidden;
  background-color: #ffffff;
  cursor: pointer;
  padding: 0px 15px;
}
@media screen and (max-width: 1280px) {
  .form_list_cnt_select .form_select_box_label {
    padding: 0vw 1.171875vw;
  }
}
.form_list_cnt_select .form_select_box_placeholder {
  height: 38px;
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  background-color: transparent;
  color: #8e8e8e;
}

.mwform-radio-field label,
.mwform-checkbox-field label {
  position: relative;
  padding-left: 20px;
}
@media screen and (max-width: 1280px) {
  .mwform-radio-field label,
  .mwform-checkbox-field label {
    padding-left: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .mwform-radio-field label,
  .mwform-checkbox-field label {
    padding-left: 5.3333333333vw;
  }
}
.mwform-radio-field label .mwform-radio-field-text::before, .mwform-radio-field label .mwform-radio-field-text::after,
.mwform-checkbox-field label .mwform-radio-field-text::before,
.mwform-checkbox-field label .mwform-radio-field-text::after {
  border-radius: 50%;
}
.mwform-radio-field label .mwform-radio-field-text::before, .mwform-radio-field label .mwform-radio-field-text::after,
.mwform-radio-field label .mwform-checkbox-field-text::before,
.mwform-radio-field label .mwform-checkbox-field-text::after,
.mwform-checkbox-field label .mwform-radio-field-text::before,
.mwform-checkbox-field label .mwform-radio-field-text::after,
.mwform-checkbox-field label .mwform-checkbox-field-text::before,
.mwform-checkbox-field label .mwform-checkbox-field-text::after {
  content: "";
  position: absolute;
  top: 50%;
  box-sizing: border-box;
}
.mwform-radio-field label .mwform-radio-field-text::before,
.mwform-radio-field label .mwform-checkbox-field-text::before,
.mwform-checkbox-field label .mwform-radio-field-text::before,
.mwform-checkbox-field label .mwform-checkbox-field-text::before {
  background: #ffffff;
  border: 1px solid #8e8e8e;
  left: 0;
  transition: border-color 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  width: 20px;
  height: 20px;
  margin-top: -10px;
}
@media screen and (max-width: 1280px) {
  .mwform-radio-field label .mwform-radio-field-text::before,
  .mwform-radio-field label .mwform-checkbox-field-text::before,
  .mwform-checkbox-field label .mwform-radio-field-text::before,
  .mwform-checkbox-field label .mwform-checkbox-field-text::before {
    width: 1.5625vw;
    height: 1.5625vw;
    margin-top: -0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .mwform-radio-field label .mwform-radio-field-text::before,
  .mwform-radio-field label .mwform-checkbox-field-text::before,
  .mwform-checkbox-field label .mwform-radio-field-text::before,
  .mwform-checkbox-field label .mwform-checkbox-field-text::before {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
    margin-top: -2.6666666667vw;
  }
}
.mwform-radio-field label .mwform-radio-field-text::after,
.mwform-radio-field label .mwform-checkbox-field-text::after,
.mwform-checkbox-field label .mwform-radio-field-text::after,
.mwform-checkbox-field label .mwform-checkbox-field-text::after {
  transition: background 0.6s cubic-bezier(0.32, 0.95, 0.6, 1);
  width: 12px;
  height: 12px;
  margin-top: -6px;
  left: 4px;
}
@media screen and (max-width: 1280px) {
  .mwform-radio-field label .mwform-radio-field-text::after,
  .mwform-radio-field label .mwform-checkbox-field-text::after,
  .mwform-checkbox-field label .mwform-radio-field-text::after,
  .mwform-checkbox-field label .mwform-checkbox-field-text::after {
    width: 0.9375vw;
    height: 0.9375vw;
    margin-top: -0.46875vw;
    left: 0.3125vw;
  }
}
@media screen and (max-width: 768px) {
  .mwform-radio-field label .mwform-radio-field-text::after,
  .mwform-radio-field label .mwform-checkbox-field-text::after,
  .mwform-checkbox-field label .mwform-radio-field-text::after,
  .mwform-checkbox-field label .mwform-checkbox-field-text::after {
    width: 3.2vw;
    height: 3.2vw;
    margin-top: -1.6vw;
    left: 1.0666666667vw;
  }
}
.mwform-radio-field input:checked + .mwform-radio-field-text::before,
.mwform-radio-field input:checked + .mwform-checkbox-field-text::before,
.mwform-checkbox-field input:checked + .mwform-radio-field-text::before,
.mwform-checkbox-field input:checked + .mwform-checkbox-field-text::before {
  border-color: #8e8e8e;
}
.mwform-radio-field input:checked + .mwform-radio-field-text::after,
.mwform-radio-field input:checked + .mwform-checkbox-field-text::after,
.mwform-checkbox-field input:checked + .mwform-radio-field-text::after,
.mwform-checkbox-field input:checked + .mwform-checkbox-field-text::after {
  background: #8e8e8e;
}

input[type=submit] {
  outline: 0;
  width: 100%;
  border: 0;
  letter-spacing: 0.1em;
  font-weight: bold;
  cursor: pointer;
}
input[type=submit]:disabled {
  cursor: no-drop;
  background: #ddd;
  z-index: 1;
}

.error_message {
  color: #E7211A;
  font-weight: bold;
  margin: 50px auto;
  margin: 50px auto;
}
@media screen and (max-width: 1280px) {
  .error_message {
    margin: 3.90625vw auto;
  }
}
.error_field .form_list_cnt_ipt,
.error_field .form_list_cnt_txtarea,
.error_field .form_list_cnt_select .form_select_box_items,
.error_field .form_list_cnt_set_label::before,
.error_field .mwform-radio-field label .mwform-radio-field-text::before,
.error_field .mwform-radio-field label .mwform-checkbox-field-text::before,
.error_field .mwform-checkbox-field label .mwform-radio-field-text::before,
.error_field .mwform-checkbox-field label .mwform-checkbox-field-text::before {
  border: 1px solid #E7211A;
  background: #f7eaee;
}
.error_field_msg,
.error_field .error {
  color: #E7211A;
  font-weight: bold;
  padding-top: 0.2em;
}

/* TODO:.errorのスタイルを指定 */
/*
 * contents.scss
 *
 * 記事詳細用コンポーネント
 */
.contents h1, body.wp-editor h1 {
  font-weight: 700;
  letter-spacing: 0.1em;
  border-bottom: 1px solid #1E2C5B;
  position: relative;
  font-size: 3rem;
  line-height: 44px;
  padding-bottom: 16px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1280px) {
  .contents h1, body.wp-editor h1 {
    font-size: 2.34375vw;
    line-height: 3.4375vw;
    padding-bottom: 1.25vw;
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .contents h1, body.wp-editor h1 {
    letter-spacing: 0;
    font-size: 6.4vw;
    line-height: 8.5333333333vw;
    padding-bottom: 4.2666666667vw;
    margin-bottom: 6.4vw;
  }
}
.contents p, body.wp-editor p, .contents li, body.wp-editor li, .contents th, body.wp-editor th, .contents td, body.wp-editor td, .contents blockquote, body.wp-editor blockquote, .contents q, body.wp-editor q {
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  line-height: 28px;
}
@media screen and (max-width: 1280px) {
  .contents p, body.wp-editor p, .contents li, body.wp-editor li, .contents th, body.wp-editor th, .contents td, body.wp-editor td, .contents blockquote, body.wp-editor blockquote, .contents q, body.wp-editor q {
    font-size: 1.09375vw;
    line-height: 2.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .contents p, body.wp-editor p, .contents li, body.wp-editor li, .contents th, body.wp-editor th, .contents td, body.wp-editor td, .contents blockquote, body.wp-editor blockquote, .contents q, body.wp-editor q {
    font-size: 3.7333333333vw;
    line-height: 7.4666666667vw;
  }
}
.contents p a, body.wp-editor p a, .contents li a, body.wp-editor li a, .contents th a, body.wp-editor th a, .contents td a, body.wp-editor td a, .contents blockquote a, body.wp-editor blockquote a, .contents q a, body.wp-editor q a {
  color: #1E2C5B;
  text-decoration: underline;
}
.contents p a:hover, body.wp-editor p a:hover, .contents li a:hover, body.wp-editor li a:hover, .contents th a:hover, body.wp-editor th a:hover, .contents td a:hover, body.wp-editor td a:hover, .contents blockquote a:hover, body.wp-editor blockquote a:hover, .contents q a:hover, body.wp-editor q a:hover {
  text-decoration: none;
}
.contents p:last-child, body.wp-editor p:last-child, .contents li:last-child, body.wp-editor li:last-child, .contents th:last-child, body.wp-editor th:last-child, .contents td:last-child, body.wp-editor td:last-child, .contents blockquote:last-child, body.wp-editor blockquote:last-child, .contents q:last-child, body.wp-editor q:last-child {
  margin-bottom: 0;
}
.contents p:not(:last-child), body.wp-editor p:not(:last-child), .contents ul:not(:last-child), body.wp-editor ul:not(:last-child), .contents ol:not(:last-child), body.wp-editor ol:not(:last-child), .contents table:not(:last-child), body.wp-editor table:not(:last-child), .contents blockquote:not(:last-child), body.wp-editor blockquote:not(:last-child), .contents q:not(:last-child), body.wp-editor q:not(:last-child), .contents .table_wrap:not(:last-child), body.wp-editor .table_wrap:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 1280px) {
  .contents p:not(:last-child), body.wp-editor p:not(:last-child), .contents ul:not(:last-child), body.wp-editor ul:not(:last-child), .contents ol:not(:last-child), body.wp-editor ol:not(:last-child), .contents table:not(:last-child), body.wp-editor table:not(:last-child), .contents blockquote:not(:last-child), body.wp-editor blockquote:not(:last-child), .contents q:not(:last-child), body.wp-editor q:not(:last-child), .contents .table_wrap:not(:last-child), body.wp-editor .table_wrap:not(:last-child) {
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .contents p:not(:last-child), body.wp-editor p:not(:last-child), .contents ul:not(:last-child), body.wp-editor ul:not(:last-child), .contents ol:not(:last-child), body.wp-editor ol:not(:last-child), .contents table:not(:last-child), body.wp-editor table:not(:last-child), .contents blockquote:not(:last-child), body.wp-editor blockquote:not(:last-child), .contents q:not(:last-child), body.wp-editor q:not(:last-child), .contents .table_wrap:not(:last-child), body.wp-editor .table_wrap:not(:last-child) {
    margin-bottom: 4.2666666667vw;
  }
}
.contents li, body.wp-editor li {
  position: relative;
  padding-left: 16px;
  line-height: 24px;
}
@media screen and (max-width: 1280px) {
  .contents li, body.wp-editor li {
    padding-left: 1.25vw;
    line-height: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .contents li, body.wp-editor li {
    padding-left: 4.2666666667vw;
    line-height: 6.4vw;
  }
}
.contents li:not(:last-child), body.wp-editor li:not(:last-child) {
  margin-bottom: 8px;
}
@media screen and (max-width: 1280px) {
  .contents li:not(:last-child), body.wp-editor li:not(:last-child) {
    margin-bottom: 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .contents li:not(:last-child), body.wp-editor li:not(:last-child) {
    margin-bottom: 2.1333333333vw;
  }
}
.contents ul > li:before, body.wp-editor ul > li:before {
  content: "";
  background: #1E2C5B;
  border-radius: 50%;
  position: absolute;
  left: 0;
  width: 8px;
  height: 8px;
  top: 8px;
}
@media screen and (max-width: 1280px) {
  .contents ul > li:before, body.wp-editor ul > li:before {
    width: 0.625vw;
    height: 0.625vw;
    top: 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .contents ul > li:before, body.wp-editor ul > li:before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: 2.1333333333vw;
  }
}
.contents ol, body.wp-editor ol {
  counter-reset: number;
}
.contents ol > li, body.wp-editor ol > li {
  counter-increment: number;
  padding-left: 28px;
}
@media screen and (max-width: 1280px) {
  .contents ol > li, body.wp-editor ol > li {
    padding-left: 2.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .contents ol > li, body.wp-editor ol > li {
    padding-left: 7.4666666667vw;
  }
}
.contents ol > li:before, body.wp-editor ol > li:before {
  content: counter(number, decimal-leading-zero) ".";
  font-family: zen-maru-gothic, sans-serif;
  position: absolute;
  left: 0;
  letter-spacing: 0;
  font-weight: 700;
  color: #1E2C5B;
  top: 0px;
}
@media screen and (max-width: 1280px) {
  .contents ol > li:before, body.wp-editor ol > li:before {
    top: 0vw;
  }
}
@media screen and (max-width: 768px) {
  .contents ol > li:before, body.wp-editor ol > li:before {
    top: 0vw;
  }
}
.contents ul ul, body.wp-editor ul ul, .contents ul ol, body.wp-editor ul ol, .contents ol ul, body.wp-editor ol ul, .contents ol ol, body.wp-editor ol ol {
  margin-top: 16px;
  margin-bottom: 16px;
}
@media screen and (max-width: 1280px) {
  .contents ul ul, body.wp-editor ul ul, .contents ul ol, body.wp-editor ul ol, .contents ol ul, body.wp-editor ol ul, .contents ol ol, body.wp-editor ol ol {
    margin-top: 1.25vw;
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .contents ul ul, body.wp-editor ul ul, .contents ul ol, body.wp-editor ul ol, .contents ol ul, body.wp-editor ol ul, .contents ol ol, body.wp-editor ol ol {
    margin-top: 4.2666666667vw;
    margin-bottom: 4.2666666667vw;
  }
}
.contents table, body.wp-editor table {
  width: auto;
}
.contents table th, body.wp-editor table th, .contents table td, body.wp-editor table td {
  padding: 12px 8px;
}
@media screen and (max-width: 1280px) {
  .contents table th, body.wp-editor table th, .contents table td, body.wp-editor table td {
    padding: 0.9375vw 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .contents table th, body.wp-editor table th, .contents table td, body.wp-editor table td {
    padding: 3.2vw 2.1333333333vw;
  }
}
.contents table th, body.wp-editor table th {
  border: 1px solid #8e8e8e;
  background: #f9f9f9;
}
.contents table td, body.wp-editor table td {
  border: 1px solid #8e8e8e;
}
.contents .table_wrap, body.wp-editor .table_wrap {
  width: 100%;
  overflow-x: scroll;
  overflow-y: hidden;
}
.contents strong, body.wp-editor strong {
  font-weight: bold;
}
.contents blockquote, body.wp-editor blockquote, .contents q, body.wp-editor q {
  position: relative;
  display: inline-block;
  background: #f9f9f9;
  padding: 28px;
}
@media screen and (max-width: 1280px) {
  .contents blockquote, body.wp-editor blockquote, .contents q, body.wp-editor q {
    padding: 2.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .contents blockquote, body.wp-editor blockquote, .contents q, body.wp-editor q {
    padding: 7.4666666667vw;
  }
}
.contents blockquote:before, body.wp-editor blockquote:before, .contents blockquote:after, body.wp-editor blockquote:after, .contents q:before, body.wp-editor q:before, .contents q:after, body.wp-editor q:after {
  position: absolute;
  line-height: 1;
  font-size: 3.2rem;
}
@media screen and (max-width: 1280px) {
  .contents blockquote:before, body.wp-editor blockquote:before, .contents blockquote:after, body.wp-editor blockquote:after, .contents q:before, body.wp-editor q:before, .contents q:after, body.wp-editor q:after {
    font-size: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .contents blockquote:before, body.wp-editor blockquote:before, .contents blockquote:after, body.wp-editor blockquote:after, .contents q:before, body.wp-editor q:before, .contents q:after, body.wp-editor q:after {
    font-size: 8.5333333333vw;
  }
}
.contents blockquote:before, body.wp-editor blockquote:before, .contents q:before, body.wp-editor q:before {
  content: "“";
  left: 0;
  top: 0px;
}
@media screen and (max-width: 1280px) {
  .contents blockquote:before, body.wp-editor blockquote:before, .contents q:before, body.wp-editor q:before {
    top: 0vw;
  }
}
@media screen and (max-width: 768px) {
  .contents blockquote:before, body.wp-editor blockquote:before, .contents q:before, body.wp-editor q:before {
    top: 0vw;
  }
}
.contents blockquote:after, body.wp-editor blockquote:after, .contents q:after, body.wp-editor q:after {
  content: "”";
  right: 0;
  bottom: -10px;
}
@media screen and (max-width: 1280px) {
  .contents blockquote:after, body.wp-editor blockquote:after, .contents q:after, body.wp-editor q:after {
    bottom: -0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .contents blockquote:after, body.wp-editor blockquote:after, .contents q:after, body.wp-editor q:after {
    bottom: -2.6666666667vw;
  }
}
.contents_ttl {
  position: relative;
  padding-bottom: 24px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1280px) {
  .contents_ttl {
    padding-bottom: 1.875vw;
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .contents_ttl {
    padding-bottom: 6.4vw;
    margin-bottom: 6.4vw;
  }
}
.contents_ttl p {
  text-align: center;
  font-size: 1.8rem;
  line-height: 40px;
}
@media screen and (max-width: 1280px) {
  .contents_ttl p {
    font-size: 1.40625vw;
    line-height: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .contents_ttl p {
    font-size: 4.2666666667vw;
    line-height: 9.6vw;
  }
}

.inner_contents p, .inner_contents li {
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  line-height: 28px;
}
@media screen and (max-width: 1280px) {
  .inner_contents p, .inner_contents li {
    font-size: 1.09375vw;
    line-height: 2.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .inner_contents p, .inner_contents li {
    font-size: 3.7333333333vw;
    line-height: 7.4666666667vw;
  }
}
.inner_contents p:not(:last-child), .inner_contents ul:not(:last-child), .inner_contents ol:not(:last-child) {
  margin-bottom: 16px;
}
@media screen and (max-width: 1280px) {
  .inner_contents p:not(:last-child), .inner_contents ul:not(:last-child), .inner_contents ol:not(:last-child) {
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .inner_contents p:not(:last-child), .inner_contents ul:not(:last-child), .inner_contents ol:not(:last-child) {
    margin-bottom: 4.2666666667vw;
  }
}
.inner_contents li {
  position: relative;
  padding-left: 16px;
}
@media screen and (max-width: 1280px) {
  .inner_contents li {
    padding-left: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .inner_contents li {
    padding-left: 4.2666666667vw;
  }
}
.inner_contents li:before {
  content: "";
  background: #1E2C5B;
  border-radius: 50%;
  position: absolute;
  left: 0;
  width: 8px;
  height: 8px;
  top: 8px;
}
@media screen and (max-width: 1280px) {
  .inner_contents li:before {
    width: 0.625vw;
    height: 0.625vw;
    top: 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .inner_contents li:before {
    width: 2.1333333333vw;
    height: 2.1333333333vw;
    top: 2.1333333333vw;
  }
}
.inner_contents li:not(:last-child) {
  margin-bottom: 8px;
}
@media screen and (max-width: 1280px) {
  .inner_contents li:not(:last-child) {
    margin-bottom: 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .inner_contents li:not(:last-child) {
    margin-bottom: 2.1333333333vw;
  }
}

.post_meta {
  margin-bottom: 48px;
}
@media screen and (max-width: 1280px) {
  .post_meta {
    margin-bottom: 3.75vw;
  }
}
@media screen and (max-width: 768px) {
  .post_meta {
    margin-bottom: 12.8vw;
  }
}
.post_meta_date {
  color: #333;
  font-family: zen-maru-gothic, sans-serif;
  margin-right: 12px;
}
@media screen and (max-width: 1280px) {
  .post_meta_date {
    margin-right: 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  .post_meta_date {
    margin-right: 3.2vw;
  }
}
body.wp-editor {
  box-sizing: border-box;
  padding: 20px !important;
}

/*
 * archive.scss
 *
 * 記事一覧用コンポーネント
 */
.archive_list_item {
  border-bottom: 1px solid #f4f7f6;
  padding: 28px 0px;
}
@media screen and (max-width: 1280px) {
  .archive_list_item {
    padding: 2.1875vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .archive_list_item {
    padding: 7.4666666667vw 0vw;
  }
}
.archive_list_item .time {
  flex-shrink: 0;
  letter-spacing: 0.1em;
  font-family: zen-maru-gothic, sans-serif;
  font-size: 1.3rem;
  line-height: 20px;
  margin-right: 22px;
}
@media screen and (max-width: 1280px) {
  .archive_list_item .time {
    font-size: 1.015625vw;
    line-height: 1.5625vw;
    margin-right: 1.71875vw;
  }
}
@media screen and (max-width: 768px) {
  .archive_list_item .time {
    font-size: 3.4666666667vw;
    line-height: 5.3333333333vw;
    margin-right: 2.6666666667vw;
  }
}
.archive_list_item .tag, .archive_list_item .post_meta_cat {
  margin-right: 32px;
}
@media screen and (max-width: 1280px) {
  .archive_list_item .tag, .archive_list_item .post_meta_cat {
    margin-right: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .archive_list_item .tag, .archive_list_item .post_meta_cat {
    margin-right: 4.2666666667vw;
  }
}
.archive_list_item .title {
  letter-spacing: 0.1em;
  font-size: 1.4rem;
  line-height: 20px;
}
@media screen and (max-width: 1280px) {
  .archive_list_item .title {
    font-size: 1.09375vw;
    line-height: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .archive_list_item .title {
    width: 100%;
    font-size: 3.7333333333vw;
    line-height: 5.3333333333vw;
    margin-top: 4.2666666667vw;
    display: block;
  }
}
.archive_list_item_link:hover .title {
  text-decoration: underline;
}
.archive_card {
  display: flex;
  justify-content: flex-start;
  align-items: flex-start;
  flex-wrap: wrap;
}

@media screen and (max-width: 1280px) {
  body {
    overflow: hidden;
  }
}

.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp {
    display: block;
  }
}

.header {
  padding: 20px;
  box-sizing: border-box;
}
@media screen and (max-width: 1280px) {
  .header {
    padding: 1.5625vw;
  }
}
@media screen and (max-width: 1280px) {
  .header {
    width: 100vw;
  }
}
@media screen and (max-width: 768px) {
  .header {
    display: none;
  }
}
.header_link {
  display: flex;
  justify-content: end;
}
.header_link_box {
  filter: drop-shadow(1px 3px 5px rgba(5, 73, 98, 0.4));
  border: 3px solid #fff;
  background: #fff;
  border-radius: 0.78125vw;
  box-sizing: border-box;
  font-family: fot-chiaro-std, sans-serif;
  display: block;
  height: 100%;
  min-width: 260px;
  padding: 13px 9px;
  min-height: 85px;
  margin-right: 11px;
}
@media screen and (max-width: 1280px) {
  .header_link_box {
    min-width: 20.3125vw;
    padding: 1.015625vw 0.703125vw;
    min-height: 6.640625vw;
    margin-right: 0.859375vw;
  }
}
@media screen and (max-width: 1280px) {
  .header_link_box {
    min-width: auto;
  }
}
.header_link_box.mail {
  margin-right: 0;
}

.none {
  display: none;
}

.tel_txt {
  color: #00adeb;
  background: #ddeff5;
  font-size: 1.5rem;
  display: block;
  text-align: center;
  line-height: 1em;
  width: 100%;
  border-radius: 0.9375vw;
  padding: 5px 0px;
}
@media screen and (max-width: 1280px) {
  .tel_txt {
    padding: 0.390625vw 0vw;
  }
}
.tel_num {
  display: flex;
  align-items: center;
  font-size: 3rem;
  letter-spacing: -0.025em;
  line-height: 1em;
  margin-top: 8px;
}
@media screen and (max-width: 1280px) {
  .tel_num {
    margin-top: 0.625vw;
  }
}
.tel_num:before {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-image: url(../img/tel.png);
  width: 34px;
  height: 22px;
  margin-right: 5px;
}
@media screen and (max-width: 1280px) {
  .tel_num:before {
    width: 2.65625vw;
    height: 1.71875vw;
    margin-right: 0.390625vw;
  }
}

.line {
  background: #06c755;
  display: flex;
  padding: 5px 9px 4px 0px;
}
@media screen and (max-width: 1280px) {
  .line {
    padding: 0.390625vw 0.703125vw 0.3125vw 0vw;
  }
}
.line_txt {
  color: #fff;
  font-size: 2.4rem;
  line-height: 1em;
}
.line_txt_sml {
  color: #fff047;
  font-size: 1.5rem;
  display: block;
  padding-top: 12px;
  margin-bottom: 5px;
}
@media screen and (max-width: 1280px) {
  .line_txt_sml {
    padding-top: 0.9375vw;
    margin-bottom: 0.390625vw;
  }
}

.mail {
  background: #ffa800;
  color: #fff;
  font-size: 2.4rem;
  text-align: center;
  background-image: url(../img/mail.png);
  background-position: top 1.171875vw center;
  background-repeat: no-repeat;
  background-size: 20px;
  padding-top: 40px;
}
@media screen and (max-width: 1280px) {
  .mail {
    background-size: 1.5625vw;
    padding-top: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .mail {
    background-image: url(../img/sp/mail.png);
  }
}

.section_box {
  box-sizing: border-box;
  width: 100%;
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}

.main {
  padding: 0;
  font-family: zen-maru-gothic, sans-serif;
}
.main .mv {
  background-image: url("../img/kv_back.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
  padding-top: 133px;
}
@media screen and (max-width: 1280px) {
  .main .mv {
    padding-top: 10.390625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv {
    background-image: url("../img/sp/kv_fv.jpg");
    padding: 0vw 6.6666666667vw 8.9333333333vw;
    height: 177.8666666667vw;
    background-size: cover;
    overflow: hidden;
    box-sizing: border-box;
  }
  .main .mv_cloud {
    width: 54vw;
    position: absolute;
    top: 18.6666666667vw;
    right: 2vw;
    z-index: 4;
  }
}
.main .mv_top {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 3;
  width: 1160px;
}
@media screen and (max-width: 1280px) {
  .main .mv_top {
    width: 90.625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_top {
    width: 100%;
  }
}
.main .mv_center {
  margin: 0 auto;
  max-width: 1200px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .main .mv_center {
    display: none;
  }
}
.main .mv_center:after {
  content: "";
  position: absolute;
  display: block;
  background-image: url("../img/kv_illust.png");
  width: 160px;
  height: 187px;
  right: -13px;
  bottom: 50px;
}
@media screen and (max-width: 1280px) {
  .main .mv_center:after {
    width: 12.5vw;
    height: 14.609375vw;
    right: -1.015625vw;
    bottom: 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_center:after {
    display: none;
  }
}
.main .mv_center_copy {
  margin: 0 auto;
  position: relative;
  width: 788px;
  padding-top: 80px;
}
@media screen and (max-width: 1280px) {
  .main .mv_center_copy {
    width: 61.5625vw;
    padding-top: 6.25vw;
  }
}
.main .mv_center_copy_year {
  margin: auto;
  position: absolute;
  top: 0;
  z-index: 3;
  width: 747px;
}
@media screen and (max-width: 1280px) {
  .main .mv_center_copy_year {
    width: 58.359375vw;
  }
}
.main .mv_center_copy_left {
  position: absolute;
  z-index: 2;
  width: 598px;
  left: -367px;
  top: 54px;
}
@media screen and (max-width: 1280px) {
  .main .mv_center_copy_left {
    width: 46.71875vw;
    left: -28.671875vw;
    top: 4.21875vw;
  }
}
.main .mv_center_copy_right {
  position: absolute;
  top: 0;
  width: 426px;
  right: -270px;
}
@media screen and (max-width: 1280px) {
  .main .mv_center_copy_right {
    width: 33.28125vw;
    right: -21.09375vw;
  }
}
.main .mv_center_copy_ttl {
  position: absolute;
  height: fit-content;
  margin: auto;
  bottom: 0;
  right: 0;
  left: 0;
  z-index: 2;
  width: 540px;
  top: 40px;
}
@media screen and (max-width: 1280px) {
  .main .mv_center_copy_ttl {
    width: 42.1875vw;
    top: 3.125vw;
  }
}
.main .mv_list {
  background: #fff;
  max-width: 1200px;
  width: 100%;
  box-sizing: border-box;
  margin: -3.515625vw auto 0;
  z-index: 4;
  position: relative;
  border-radius: 0.78125vw;
  display: flex;
  padding: 20px;
}
@media screen and (max-width: 1280px) {
  .main .mv_list {
    padding: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_list {
    padding: 108vw 0 0;
    background: transparent;
    flex-wrap: wrap;
    justify-content: space-between;
  }
}
.main .mv_list_box {
  width: calc(25% - 1.09375vw);
  border: 2px solid #badee8;
  border-radius: 0.78125vw;
  background-size: contain;
  background-image: url("../img/kv_catch_back.png");
  text-align: center;
  position: relative;
  font-family: fot-chiaro-std, sans-serif;
  box-sizing: border-box;
  padding: 56px 0px 18px;
  margin-right: 14px;
}
@media screen and (max-width: 1280px) {
  .main .mv_list_box {
    padding: 4.375vw 0vw 1.40625vw;
    margin-right: 1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_list_box {
    border-width: 1px;
    width: calc(50% - 1.3333333333vw);
    margin-right: 1.3333333333vw;
    margin-bottom: 1.3333333333vw;
    background-size: cover;
    border-radius: 1.3333333333vw;
    padding: 8.2666666667vw 0vw 2.6666666667vw;
  }
  .main .mv_list_box:nth-child(2n) {
    margin-right: 0;
  }
}
.main .mv_list_box:last-child {
  margin-right: 0;
}
.main .mv_list_box_blue {
  margin: auto;
  top: -2px;
  right: 0;
  left: 0;
  background: #00adeb;
  color: #fff;
  text-align: center;
  letter-spacing: -0.025em;
  position: absolute;
  font-size: 2.4rem;
  border-bottom-left-radius: 0.78125vw;
  border-bottom-right-radius: 0.78125vw;
  width: 155px;
  padding: 5px 0px;
}
@media screen and (max-width: 1280px) {
  .main .mv_list_box_blue {
    width: 12.109375vw;
    padding: 0.390625vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_list_box_blue {
    font-size: 1.4rem;
    border-bottom-left-radius: 1.3333333333vw;
    border-bottom-right-radius: 1.3333333333vw;
    padding: 1.2vw 3.3333333333vw 0.9333333333vw;
    width: fit-content;
  }
}
.main .mv_list_box_sml {
  font-size: 2rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media screen and (max-width: 768px) {
  .main .mv_list_box_sml {
    font-family: fot-chiaro-std, sans-serif;
    font-size: 1.2rem;
  }
}
.main .mv_list_box_sml:before, .main .mv_list_box_sml:after {
  content: "";
  display: block;
  background-repeat: no-repeat;
  background-size: contain;
  width: 16px;
  height: 26px;
}
@media screen and (max-width: 1280px) {
  .main .mv_list_box_sml:before, .main .mv_list_box_sml:after {
    width: 1.25vw;
    height: 2.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_list_box_sml:before, .main .mv_list_box_sml:after {
    width: 2.9333333333vw;
    height: 4vw;
  }
}
.main .mv_list_box_sml:before {
  background-image: url(../img/kv_catch_before.png);
  margin-right: 4px;
}
@media screen and (max-width: 1280px) {
  .main .mv_list_box_sml:before {
    margin-right: 0.3125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_list_box_sml:before {
    margin-right: 0.1333333333vw;
  }
}
.main .mv_list_box_sml:after {
  background-image: url(../img/kv_catch_after.png);
  margin-left: 4px;
}
@media screen and (max-width: 1280px) {
  .main .mv_list_box_sml:after {
    margin-left: 0.3125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_list_box_sml:after {
    margin-left: 0.1333333333vw;
  }
}
.main .mv_list_box_yellow {
  background-color: #fffb00;
  font-size: 2.4rem;
  line-height: 1em;
  letter-spacing: -0.025em;
  padding: 6px 12px;
}
@media screen and (max-width: 1280px) {
  .main .mv_list_box_yellow {
    padding: 0.46875vw 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_list_box_yellow {
    font-size: 1.4rem;
    padding: 1.0666666667vw 0.8vw;
  }
}
.main .mv_list_box_ttl {
  font-family: "kozuka-gothic-pro", sans-serif;
  font-size: 4.4rem;
  color: #000000;
  font-weight: bold;
  line-height: 1em;
  margin-bottom: 16px;
}
@media screen and (max-width: 1280px) {
  .main .mv_list_box_ttl {
    margin-bottom: 1.25vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_list_box_ttl {
    font-size: 2.5rem;
  }
}
.main .mv_list_box_ttl .color {
  font-weight: bold;
  color: #ff5a00;
}
.main .mv_maker {
  width: 100vw;
  background: #fff;
  margin-top: 37px;
  padding: 5px 0px;
}
@media screen and (max-width: 1280px) {
  .main .mv_maker {
    margin-top: 2.890625vw;
    padding: 0.390625vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .main .mv_maker {
    display: none;
  }
}
.main .mv_maker_line {
  display: flex;
  justify-content: center;
  align-items: center;
}
.main .mv_maker_txt {
  color: #fff;
  font-family: fot-chiaro-std, sans-serif;
  background-color: #0073cb;
  letter-spacing: -0.025em;
  line-height: 1em;
  font-size: 3rem;
  border-radius: 0.390625vw;
  padding: 16px 14px;
}
@media screen and (max-width: 1280px) {
  .main .mv_maker_txt {
    padding: 1.25vw 1.09375vw;
  }
}
.main .mv_maker_box {
  margin-left: 40px;
}
@media screen and (max-width: 1280px) {
  .main .mv_maker_box {
    margin-left: 3.125vw;
  }
}
.main .mv_maker_box#mitsubishi {
  width: 238px;
}
@media screen and (max-width: 1280px) {
  .main .mv_maker_box#mitsubishi {
    width: 18.59375vw;
  }
}
.main .mv_maker_box#daikin {
  width: 235px;
}
@media screen and (max-width: 1280px) {
  .main .mv_maker_box#daikin {
    width: 18.359375vw;
  }
}
.main .mv_maker_box#panasonic {
  width: 257px;
}
@media screen and (max-width: 1280px) {
  .main .mv_maker_box#panasonic {
    width: 20.078125vw;
  }
}
.main .banners {
  background-image: url("../img/mv.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  padding: 60px 0px 83px;
}
@media screen and (max-width: 1280px) {
  .main .banners {
    padding: 4.6875vw 0vw 6.484375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .banners {
    padding: 7.4666666667vw 6.6666666667vw 10.4vw;
  }
  .main .banners .header_link_box.tel.fix_link {
    display: none;
  }
}
.main .banners .section_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.main .banners_half {
  width: calc(50% - 1.5625vw);
  background: #fff;
  border-radius: 1.5625vw;
  box-sizing: border-box;
  display: flex;
  position: relative;
  flex-wrap: wrap;
  margin-right: 20px;
  margin-bottom: 40px;
  padding: 36px 23px 24px;
}
@media screen and (max-width: 1280px) {
  .main .banners_half {
    margin-right: 1.5625vw;
    margin-bottom: 3.125vw;
    padding: 2.8125vw 1.796875vw 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .banners_half {
    width: 100%;
    padding: 4vw 3.7333333333vw 3.2vw;
    border-radius: 2.6666666667vw;
    margin-right: 0;
    margin-bottom: 2.6666666667vw;
  }
}
.main .banners_half:nth-child(2n) {
  margin-right: 0;
}
.main .banners_half_ttl {
  font-family: fot-chiaro-std, sans-serif;
  letter-spacing: -0.025em;
  text-align: center;
}
.main .banners_half.hapie {
  color: #e50065;
  flex: 1;
}
@media screen and (max-width: 768px) {
  .main .banners_half.hapie {
    margin-bottom: 6.1333333333vw;
  }
}
.main .banners_half .hapie {
  color: #e50065;
  justify-content: space-between;
}
.main .banners_half .hapie_img {
  width: 142px;
  margin-right: 23px;
}
@media screen and (max-width: 1280px) {
  .main .banners_half .hapie_img {
    width: 11.09375vw;
    margin-right: 1.796875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .banners_half .hapie_img {
    width: 20.8vw;
  }
}
.main .banners_half .hapie_box {
  flex: 1;
}
.main .banners_half .hapie_box_line {
  display: flex;
  justify-content: center;
}
.main .banners_half .hapie_box_line_txt {
  color: #fff;
  font-size: 2rem;
  background: #e50065;
  line-height: 1em;
  border-radius: 1.328125vw;
  padding: 6px 10px;
  margin-right: 5px;
}
@media screen and (max-width: 1280px) {
  .main .banners_half .hapie_box_line_txt {
    padding: 0.46875vw 0.78125vw;
    margin-right: 0.390625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .banners_half .hapie_box_line_txt {
    display: none;
  }
}
.main .banners_half .hapie_box_txtimg {
  display: none;
}
@media screen and (max-width: 768px) {
  .main .banners_half .hapie_box_txtimg {
    display: block;
  }
}
.main .banners_half .hapie_ttl {
  font-size: 3.8rem;
  margin: 0 auto;
  font-feature-settings: "palt";
}
@media screen and (max-width: 768px) {
  .main .banners_half .hapie_ttl {
    display: none;
  }
}
.main .banners_half .hapie_ttl_sml {
  display: block;
  font-size: 2rem;
}
.main .banners_half .hapie_txt {
  font-size: 2rem;
  width: 100%;
  background: #ffe6f1;
  text-align: center;
  font-family: fot-chiaro-std, sans-serif;
  box-sizing: border-box;
  font-feature-settings: "palt";
  padding: 0px 45px;
}
@media screen and (max-width: 1280px) {
  .main .banners_half .hapie_txt {
    padding: 0vw 3.515625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .banners_half .hapie_txt {
    display: none;
  }
}
.main .banners_half .card_ttl {
  width: 100%;
  display: block;
  text-align: center;
  height: fit-content;
}
@media screen and (max-width: 768px) {
  .main .banners_half .card_ttl {
    margin-bottom: 3.7333333333vw;
  }
}
.main .banners_half .card_cloud {
  position: absolute;
  width: 144px;
  bottom: -12px;
  left: -20px;
}
@media screen and (max-width: 1280px) {
  .main .banners_half .card_cloud {
    width: 11.25vw;
    bottom: -0.9375vw;
    left: -1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .banners_half .card_cloud {
    width: 21.3333333333vw;
    left: -2.9333333333vw;
    bottom: -1.8666666667vw;
  }
}
.main .banners_half .card_list {
  padding-left: 112px;
  width: 410px;
}
@media screen and (max-width: 1280px) {
  .main .banners_half .card_list {
    padding-left: 8.75vw;
    width: 32.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .banners_half .card_list {
    width: 60.5333333333vw;
    margin-right: 0;
    margin-left: auto;
  }
}
.main .banners_full {
  width: 100%;
  position: relative;
  margin-bottom: 40px;
}
@media screen and (max-width: 1280px) {
  .main .banners_full {
    margin-bottom: 3.125vw;
  }
}
.main .banners_full.sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .main .banners_full {
    margin-bottom: 2.6666666667vw;
  }
  .main .banners_full.order {
    order: 4;
  }
  .main .banners_full.pc {
    display: none;
  }
  .main .banners_full.sp {
    display: block;
  }
}
.main .banners_full .fix_link {
  position: absolute;
  margin: auto;
  right: 0;
  display: flex;
  left: 0;
  box-sizing: border-box;
  height: auto;
  align-items: center;
  justify-content: space-between;
  bottom: 42px;
  width: 690px;
  padding-left: 120px;
}
@media screen and (max-width: 1280px) {
  .main .banners_full .fix_link {
    bottom: 3.28125vw;
    width: 53.90625vw;
    padding-left: 9.375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .banners_full .fix_link {
    display: none;
  }
}
.main .banners_full .fix_link_circle {
  position: absolute;
  top: -2.6666666667vw;
  right: -3.3333333333vw;
  width: 20vw;
}
.main .banners_full .fix_link .tel_txt {
  font-size: 2rem;
}
.main .banners_full .fix_link .tel_num {
  font-size: 4rem;
  line-height: 1em;
  margin-top: 10px;
}
@media screen and (max-width: 1280px) {
  .main .banners_full .fix_link .tel_num {
    margin-top: 0.78125vw;
  }
}
.main .banners_full .fix_link .tel_num:before {
  background-size: cover;
  background-repeat: no-repeat;
  width: 46px;
  height: 30px;
}
@media screen and (max-width: 1280px) {
  .main .banners_full .fix_link .tel_num:before {
    width: 3.59375vw;
    height: 2.34375vw;
  }
}
.main .banners_full .fix_link_illust {
  position: absolute;
  width: 94px;
  bottom: -2px;
  left: 25px;
}
@media screen and (max-width: 1280px) {
  .main .banners_full .fix_link_illust {
    width: 7.34375vw;
    bottom: -0.15625vw;
    left: 1.953125vw;
  }
}
.main .banners_full .fix_link_txt {
  font-feature-settings: "palt";
  line-height: 1.2333333333;
  letter-spacing: -0.025em;
  font-size: 3rem;
  color: #60b200;
  margin-right: 8px;
}
@media screen and (max-width: 1280px) {
  .main .banners_full .fix_link_txt {
    margin-right: 0.625vw;
  }
}
.main .sales {
  background-image: url("../img/seles_back.jpg");
  padding: 86px 0px 90px;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .main .sales {
    padding: 6.71875vw 0vw 7.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales {
    padding: 9.3333333333vw 6.6666666667vw 10.6666666667vw;
  }
}
.main .sales_txt {
  font-size: 3.6rem;
  letter-spacing: -0.025em;
  font-family: fot-chiaro-std, sans-serif;
  color: #fff;
  position: relative;
}
@media screen and (max-width: 768px) {
  .main .sales_txt {
    font-size: 2.3rem;
  }
}
.main .sales_txt:before {
  content: "";
  background-image: url("../img/no_sales.png");
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  margin: auto;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  width: 92px;
  height: 92px;
}
@media screen and (max-width: 1280px) {
  .main .sales_txt:before {
    width: 7.1875vw;
    height: 7.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales_txt:before {
    width: 15.3333333333vw;
    height: 15.3333333333vw;
  }
}
.main .sales_ttl {
  position: relative;
  z-index: 3;
  width: 1097px;
  margin: 56px auto 55px;
}
@media screen and (max-width: 1280px) {
  .main .sales_ttl {
    width: 85.703125vw;
    margin: 4.375vw auto 4.296875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales_ttl {
    width: 100%;
    margin: 4.2666666667vw 0vw 7.2vw;
  }
}
.main .sales .banners {
  padding: 0;
  background: none;
  display: flex;
  flex-wrap: wrap;
  position: relative;
}
.main .sales .banners .header_link {
  justify-content: flex-start;
  margin-bottom: 25px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners .header_link {
    margin-bottom: 1.953125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link {
    flex-wrap: wrap;
  }
  .main .sales .banners .header_link li {
    width: 100%;
  }
  .main .sales .banners .header_link li.half {
    width: calc(50% - 0.6666666667vw);
    margin: 1.3333333333vw 0vw 2.6666666667vw;
  }
}
.main .sales .banners .header_link_box {
  height: 100%;
  min-width: 330px;
  margin-right: 18px;
  min-height: 105px;
  padding: 14px 19px 19px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners .header_link_box {
    min-width: 25.78125vw;
    margin-right: 1.40625vw;
    min-height: 8.203125vw;
    padding: 1.09375vw 1.484375vw 1.484375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box {
    width: 100%;
    padding: 4.4vw 3.7333333333vw 3.6vw 3.7333333333vw;
    border-radius: 1.3333333333vw;
  }
}
.main .sales .banners .header_link_box.line {
  padding: 12px 24px 10px 15px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners .header_link_box.line {
    padding: 0.9375vw 1.875vw 0.78125vw 1.171875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box.line {
    display: block;
    padding: 1.3333333333vw 0vw 6vw;
    text-align: center;
    width: 100%;
    margin-right: 1.3333333333vw;
  }
}
.main .sales .banners .header_link_box.mail {
  background-position: top 1.40625vw center;
  background-size: 26px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners .header_link_box.mail {
    background-size: 2.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box.mail {
    padding: 1.3333333333vw 0vw 6vw;
    margin: 0;
    margin-left: 1.3333333333vw;
    text-align: center;
    width: 100%;
    max-height: none;
    border-radius: 1.3333333333vw;
    background-image: url(../img/sp/mail_btn.png);
    background-size: cover;
    padding: 0;
    background-position: bottom;
  }
  .main .sales .banners .header_link_box.mail .mail_txt {
    display: none;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box.tel {
    margin: 0vw 0vw 1.3333333333vw;
    position: relative;
  }
  .main .sales .banners .header_link_box.tel:after {
    content: "";
    background-image: url("../img/sp/sales_illust.png");
    position: absolute;
    width: 19.7333333333vw;
    height: 31.4666666667vw;
    right: 1.0666666667vw;
    background-size: contain;
    bottom: -2px;
  }
}
.main .sales .banners .header_link_box .tel {
  position: relative;
}
.main .sales .banners .header_link_box .tel_txt {
  font-size: 1.8rem;
  padding: 6px 0px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners .header_link_box .tel_txt {
    padding: 0.46875vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box .tel_txt {
    border-radius: 4vw;
    padding: 1.6vw 0vw;
  }
}
.main .sales .banners .header_link_box .tel_num {
  font-size: 3.6rem;
  line-height: 1em;
  white-space: pre;
  margin-top: 7px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners .header_link_box .tel_num {
    margin-top: 0.546875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box .tel_num {
    font-size: 2.8rem;
    margin-top: 2.9333333333vw;
  }
}
.main .sales .banners .header_link_box .tel_num:before {
  width: 41px;
  margin-right: 10px;
  height: 27px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners .header_link_box .tel_num:before {
    width: 3.203125vw;
    margin-right: 0.78125vw;
    height: 2.109375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box .tel_num:before {
    width: 8.8vw;
    margin-right: 2.4vw;
    height: 5.8666666667vw;
  }
}
.main .sales .banners .header_link_box .line_txt {
  font-size: 2.8rem;
  text-align: left;
  font-feature-settings: "palt";
  white-space: nowrap;
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box .line_txt {
    font-size: 1.6rem;
    text-align: center;
  }
}
.main .sales .banners .header_link_box .line_txt_sml {
  font-size: 2rem;
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box .line_txt_sml {
    font-size: 1.4rem;
  }
}
.main .sales .banners .header_link_box .mail_txt {
  font-size: 2.8rem;
  position: absolute;
  line-height: 1em;
  display: block;
  bottom: 24px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners .header_link_box .mail_txt {
    bottom: 1.875vw;
  }
}
.main .sales .banners .header_link_box .mail_txt img {
  display: none;
}
@media screen and (max-width: 768px) {
  .main .sales .banners .header_link_box .mail_txt {
    right: 0;
    left: 0;
    color: transparent;
    display: block;
    margin: 0 auto;
    width: 24vw;
    max-height: 8.5333333333vw;
    bottom: 5.8666666667vw;
  }
  .main .sales .banners .header_link_box .mail_txt img {
    display: block;
  }
}
.main .sales .banners:after {
  content: "";
  position: absolute;
  background-image: url("../img/sales_illust.png");
  width: 256px;
  height: 406px;
  bottom: -90px;
  right: -47px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners:after {
    width: 20vw;
    height: 31.71875vw;
    bottom: -7.03125vw;
    right: -3.671875vw;
  }
}
@media screen and (max-width: 1280px) {
  .main .sales .banners:after {
    right: 0;
  }
}
.main .sales .banners_half {
  margin-bottom: 0;
  flex-wrap: nowrap;
  align-items: center;
  width: auto;
  padding: 15px 14px;
  margin-right: 18px;
  border-radius: 10px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners_half {
    padding: 1.171875vw 1.09375vw;
    margin-right: 1.40625vw;
    border-radius: 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners_half {
    width: 100%;
    margin: 0 0 1.7333333333vw;
    padding: 2.4vw 2.2666666667vw 2.2666666667vw 1.8666666667vw;
    border-radius: 1.3333333333vw;
  }
}
.main .sales .banners_half .card_ttl {
  display: inline-block;
  width: auto;
  text-align: left;
  font-size: 1.8rem;
  color: #00adeb;
  -webkit-text-stroke: 0;
}
@media screen and (max-width: 768px) {
  .main .sales .banners_half .card_ttl {
    font-size: 1.2rem;
    margin: 0;
    letter-spacing: -0.025em;
  }
}
.main .sales .banners_half .card_list {
  flex: 1;
  padding-left: 20px;
  width: 322px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners_half .card_list {
    padding-left: 1.5625vw;
    width: 25.15625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners_half .hapie {
    padding: 4vw 3.7333333333vw 3.2vw 3.2vw;
  }
}
.main .sales .banners_half .hapie_img {
  width: 60px;
  margin-right: 10px;
}
@media screen and (max-width: 1280px) {
  .main .sales .banners_half .hapie_img {
    width: 4.6875vw;
    margin-right: 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .sales .banners_half .hapie_img {
    width: 12vw;
    margin-right: 1.3333333333vw;
  }
}
.main .sales .banners_half .hapie_ttl {
  font-size: 2.1rem;
  color: #e50065;
  text-align: left;
}
@media screen and (max-width: 768px) {
  .main .sales .banners_half .hapie_ttl {
    display: flex;
    font-size: 1.6rem;
    white-space: nowrap;
  }
}
.main .sales .banners_half .hapie_ttl_sml {
  display: inline;
  color: #e50065;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .main .sales .banners_half .hapie_ttl_sml {
    display: contents;
    font-size: 1.6rem;
  }
}
.main .sales .banners_half .hapie_txt {
  color: #e50065;
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .main .sales .banners_half .hapie_txt {
    display: block;
    font-size: 1.2rem;
  }
}
.main .lineup {
  background: #fff047;
  position: relative;
  text-align: center;
  padding: 116px 0px 85px;
}
@media screen and (max-width: 1280px) {
  .main .lineup {
    padding: 9.0625vw 0vw 6.640625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup {
    padding: 5.3333333333vw 0vw 10.6666666667vw;
  }
}
.main .lineup_posi {
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
  padding: 5.3333333333vw 6.6666666667vw 10.6666666667vw;
  padding-bottom: 16px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_posi {
    padding-bottom: 1.25vw;
  }
}
.main .lineup_box {
  position: relative;
  background-color: #fff;
  max-width: 1200px;
  margin: 0 auto;
  box-sizing: border-box;
  width: 100%;
  z-index: 2;
  border-radius: 20px;
  padding: 40px 60px 54px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box {
    border-radius: 1.5625vw;
    padding: 3.125vw 4.6875vw 4.21875vw;
    margin-bottom: 6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box {
    border-radius: 1.3333333333vw;
    padding: 5.3333333333vw 2.6666666667vw;
  }
}
.main .lineup_box_maker {
  margin: 0 auto;
  margin-bottom: 60px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_maker {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_maker {
    margin-bottom: 5.3333333333vw;
    width: 26.6666666667vw;
  }
}
.main .lineup_box_maker.mitsubishi {
  width: 310px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_maker.mitsubishi {
    width: 24.21875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_maker.mitsubishi {
    width: 50.6666666667vw;
  }
}
.main .lineup_box_maker.daikin {
  width: 320px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_maker.daikin {
    width: 25vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_maker.daikin {
    width: 53.3333333333vw;
  }
}
.main .lineup_box_maker.panasonic {
  width: 326px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_maker.panasonic {
    width: 25.46875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_maker.panasonic {
    width: 54.6666666667vw;
  }
}
.main .lineup_box_series {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series {
    display: block;
  }
}
.main .lineup_box_series_sml {
  width: 100%;
  text-align: right;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: -0.025em;
  margin-top: 7px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_series_sml {
    margin-top: 0.546875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_sml {
    font-size: 1rem;
  }
}
.main .lineup_box_series_ttl {
  width: 100%;
  font-size: 3.4rem;
  letter-spacing: 0.05em;
  font-family: "kozuka-gothic-pro", sans-serif;
  font-weight: bold;
  color: #00adeb;
  background: #daf5ff;
  line-height: 1em;
  position: relative;
  text-align: center;
  padding: 19px 0px;
  margin: 40px 0px 45px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_series_ttl {
    padding: 1.484375vw 0vw;
    margin: 3.125vw 0vw 3.515625vw;
  }
}
.main .lineup_box_series_ttl:after {
  content: "";
  border-style: solid;
  width: 0;
  height: 0;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 20px solid #daf5ff;
  border-bottom: 0;
  display: block;
  position: absolute;
  right: 0;
  left: 0;
  margin: auto;
  bottom: -20px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_series_ttl:after {
    bottom: -1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_ttl {
    letter-spacing: -0.05em;
    font-size: 1.8rem;
    padding: 2.6666666667vw 0vw;
    margin: 5.3333333333vw 0vw 4vw;
  }
}
.main .lineup_box_series_ttl:first-child {
  margin-top: 0;
}
.main .lineup_box_series_content {
  width: calc(50% - 0.78125vw);
  border: 4px solid #00adeb;
  box-sizing: border-box;
  display: flex;
  flex-wrap: wrap;
  border-radius: 0.78125vw;
  margin-right: 20px;
  padding: 35px 24px 22px;
  margin-bottom: 20px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_series_content {
    margin-right: 1.5625vw;
    padding: 2.734375vw 1.875vw 1.71875vw;
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_content {
    width: 100%;
    border-radius: 1.3333333333vw;
    padding: 2.6666666667vw 1.3333333333vw 5.3333333333vw;
    margin-bottom: 4vw;
    display: block;
  }
  .main .lineup_box_series_content:last-of-type {
    margin-bottom: 0;
  }
}
.main .lineup_box_series_content:nth-of-type(2n) {
  margin-right: 0;
}
.main .lineup_box_series_content:nth-last-of-type(-n+2) {
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_content:nth-last-of-type(-n+2) {
    margin-bottom: 4vw;
  }
}
.main .lineup_box_series_content_ttl {
  font-weight: bold;
  width: 100%;
  border-bottom: 1px solid #dddddd;
  font-family: zen-maru-gothic, sans-serif;
  font-size: 2.4rem;
  text-align: left;
  padding-bottom: 12px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_series_content_ttl {
    padding-bottom: 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_content_ttl {
    font-size: 1.8rem;
  }
}
.main .lineup_box_series_content_ttl_sml {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: bold;
  font-size: 1.8rem;
  display: block;
  text-align: left;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_content_ttl_sml {
    font-size: 1.3rem;
  }
}
.main .lineup_box_series_content_ttl_cat {
  display: flex;
  float: right;
}
.main .lineup_box_series_content_ttl_cat_txt {
  font-weight: bold;
  color: #fff;
  font-size: 1.6rem;
  background: #00adeb;
  border-radius: 0.390625vw;
  padding: 6px 10px;
  margin-right: 6px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_series_content_ttl_cat_txt {
    padding: 0.46875vw 0.78125vw;
    margin-right: 0.46875vw;
  }
}
.main .lineup_box_series_content_ttl_cat_txt:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_content_ttl_cat_txt {
    font-size: 1.1rem;
    padding: 0.8vw 1.3333333333vw;
    margin-right: 0.6666666667vw;
  }
}
.main .lineup_box_series_content_img {
  margin: 0 auto;
  width: 494px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_series_content_img {
    width: 38.59375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_content_img {
    width: 100%;
    margin: 2.6666666667vw 0vw 4vw;
  }
}
.main .lineup_box_series_content_link {
  display: none;
  background: #333333;
  color: #fff;
  font-size: 1.8rem;
  font-weight: bold;
  font-family: zen-maru-gothic, sans-serif;
  text-align: center;
  border-radius: 0.78125vw;
  position: relative;
  margin: auto;
  width: 310px;
  margin-top: 10px;
  padding: 14px 0px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_series_content_link {
    width: 24.21875vw;
    margin-top: 0.78125vw;
    padding: 1.09375vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_content_link {
    font-size: 1.5rem;
    width: auto;
    padding: 2.1333333333vw 8vw;
    margin-bottom: 1.3333333333vw;
    border-radius: 1.3333333333vw;
  }
}
.main .lineup_box_series_content_link:after {
  content: "";
  position: absolute;
  background-image: url("../img/arrow_forward.png");
  background-repeat: no-repeat;
  margin: auto;
  top: 0;
  bottom: 0;
  width: 14px;
  height: 14px;
  right: 20px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_box_series_content_link:after {
    width: 1.09375vw;
    height: 1.09375vw;
    right: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_box_series_content_link:after {
    width: 2vw;
    background-size: contain;
    height: 2vw;
    right: 2.6666666667vw;
  }
}
.main .lineup_left {
  position: absolute;
  width: 360px;
  bottom: -120px;
  left: 20px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_left {
    width: 28.125vw;
    bottom: -9.375vw;
    left: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_left {
    display: none;
  }
}
.main .lineup_right {
  position: absolute;
  width: 224px;
  height: 240px;
  right: -20px;
  top: -75px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_right {
    width: 17.5vw;
    height: 18.75vw;
    right: -1.5625vw;
    top: -2.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_right {
    display: none;
  }
}
.main .lineup_txt {
  font-size: 1.8rem;
  font-family: zen-maru-gothic, sans-serif;
  position: relative;
  font-weight: bold;
  z-index: 4;
  margin: 45px auto 30px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_txt {
    margin: 3.515625vw auto 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_txt {
    font-size: 1.6rem;
    margin: 0 0 5.3333333333vw;
  }
}
.main .lineup_txt.sml {
  text-align: right;
  font-size: 1.3rem;
  font-weight: normal;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .main .lineup_txt.sml {
    display: none;
  }
}
.main .lineup_sml {
  z-index: 3;
  position: relative;
  margin: 0 auto 1.40625vw;
  color: #fff;
  background-color: #ff5a00;
  line-height: 1em;
  font-size: 3rem;
  font-family: fot-chiaro-std, sans-serif;
  letter-spacing: -0.025em;
  display: inline-block;
  padding: 12px 30px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_sml {
    padding: 0.9375vw 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_sml {
    display: none;
  }
}
.main .lineup_ttl {
  margin: 0 auto;
  position: relative;
  width: 796px;
  margin-left: 203px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_ttl {
    width: 62.1875vw;
    margin-left: 15.859375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_ttl {
    width: 100%;
    margin: 0 0 5.3333333333vw;
  }
}
.main .lineup_ttl:before {
  content: "";
  position: absolute;
  background-image: url("../img/lineup_cloud.png");
  width: 268px;
  height: 138px;
  left: -170px;
  top: -140px;
}
@media screen and (max-width: 1280px) {
  .main .lineup_ttl:before {
    width: 20.9375vw;
    height: 10.78125vw;
    left: -10.15625vw;
    top: -10.15625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .lineup_ttl:before {
    display: none;
  }
}
.main .reasons {
  overflow: hidden;
  background-image: url("../img/reasons_back_large.jpg");
  background-size: contain;
}
@media screen and (max-width: 1280px) {
  .main .reasons {
    padding-left: 1.171875vw;
    padding-right: 1.171875vw;
  }
}
.main .reasons_top {
  margin-top: -12px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .main .reasons_top {
    top: -1.6vw;
    margin-bottom: -6.4vw;
  }
}
.main .reasons_top_txt {
  font-family: zen-maru-gothic, sans-serif;
  font-size: 1.8rem;
  text-align: center;
  position: absolute;
  margin: auto;
  font-weight: bold;
  right: 0px;
  left: 0px;
  bottom: 120px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_top_txt {
    right: 0vw;
    left: 0vw;
    bottom: 9.375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_top_txt {
    font-size: 1.6rem;
    bottom: 0;
    top: 55.4666666667vw;
  }
}
.main .reasons_box {
  box-sizing: border-box;
  max-width: 1200px;
  background: #fff;
  margin: 0 auto;
  width: 100%;
  position: relative;
  display: flex;
  flex-wrap: wrap;
  border: solid 4px #e1200f;
  padding: 54px 60px 60px;
  border-radius: 20px;
  margin-bottom: 80px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box {
    padding: 4.21875vw 4.6875vw 4.6875vw;
    border-radius: 1.5625vw;
    margin-bottom: 6.25vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box {
    display: block;
    width: auto;
    border-radius: 2.6666666667vw;
    padding: 5.8666666667vw 4.6666666667vw 7.7333333333vw;
    margin: 0vw 6.6666666667vw 6.6666666667vw;
  }
}
.main .reasons_box_num {
  position: absolute;
  background-image: url("../img/reasons_circle.png");
  background-repeat: no-repeat;
  color: #fff;
  background-size: contain;
  font-family: fot-chiaro-std, sans-serif;
  letter-spacing: -0.025em;
  font-size: 2rem;
  display: flex;
  box-sizing: border-box;
  flex-wrap: wrap;
  justify-content: center;
  line-height: 1em;
  align-items: baseline;
  text-align: center;
  width: 154px;
  top: -28px;
  padding-top: 36px;
  padding-bottom: 8px;
  padding-right: 8px;
  left: -24px;
  height: 154px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_num {
    width: 12.03125vw;
    top: -2.1875vw;
    padding-top: 2.8125vw;
    padding-bottom: 0.625vw;
    padding-right: 0.625vw;
    left: -1.875vw;
    height: 12.03125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_num {
    width: 28.8vw;
    height: 29.3333333333vw;
    padding-top: 6.4vw;
    top: -4vw;
    left: -5.3333333333vw;
    font-size: 1.5rem;
  }
}
.main .reasons_box_num .large {
  display: block;
  font-size: 6rem;
  letter-spacing: -0.1em;
  width: 100%;
  margin-top: -10px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_num .large {
    margin-top: -0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_num .large {
    font-size: 4.5rem;
    margin-top: -3.2vw;
  }
}
.main .reasons_box_img {
  width: 470px;
  margin-right: 47px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_img {
    width: 36.71875vw;
    margin-right: 3.671875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_img {
    width: 100%;
    margin-bottom: 4vw;
  }
}
.main .reasons_box_txt {
  flex: 1;
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt {
    width: 100%;
  }
}
.main .reasons_box_txt_ttl {
  margin-bottom: 5px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_txt_ttl {
    margin-bottom: 0.390625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt_ttl {
    margin: 0 auto 2.6666666667vw;
  }
}
.main .reasons_box_txt_ttl#reason1 {
  width: 375px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_txt_ttl#reason1 {
    width: 29.296875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt_ttl#reason1 {
    width: 48vw;
  }
}
.main .reasons_box_txt_ttl#reason2 {
  width: 320px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_txt_ttl#reason2 {
    width: 25vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt_ttl#reason2 {
    width: 41.3333333333vw;
  }
}
.main .reasons_box_txt_ttl#reason3 {
  width: 475px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_txt_ttl#reason3 {
    width: 37.109375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt_ttl#reason3 {
    width: 61.3333333333vw;
  }
}
.main .reasons_box_txt_ttl#reason4 {
  width: 540px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_txt_ttl#reason4 {
    width: 42.1875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt_ttl#reason4 {
    width: 70.6666666667vw;
  }
}
.main .reasons_box_txt_ttl_child {
  border-top: solid #e1200f 3px;
  font-family: fot-chiaro-std, sans-serif;
  letter-spacing: -0.025em;
  font-size: 2.4rem;
  font-feature-settings: "palt";
  padding-top: 27px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_txt_ttl_child {
    padding-top: 2.109375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt_ttl_child {
    font-size: 1.6rem;
    text-align: center;
  }
}
.main .reasons_box_txt_ttl_child .line {
  background: none;
  font-size: 3rem;
  display: inline;
  padding: 0;
  position: relative;
  z-index: 3;
  line-height: 1em;
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt_ttl_child .line {
    font-size: 2.1rem;
    display: inline-block;
  }
}
.main .reasons_box_txt_ttl_child .line:before {
  content: "";
  width: 100%;
  left: 0;
  background-color: #fff047;
  display: block;
  position: absolute;
  z-index: -1;
  bottom: 0;
  height: 10px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_txt_ttl_child .line:before {
    height: 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt_ttl_child .line:before {
    height: 1.8666666667vw;
  }
}
.main .reasons_box_txt_ttl_child .line.block {
  display: inline-block;
}
.main .reasons_box_txt_content {
  font-family: zen-maru-gothic, sans-serif;
  font-weight: 600;
  font-size: 1.6rem;
  margin-top: 30px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_txt_content {
    margin-top: 2.34375vw;
  }
}
.main .reasons_box_txt_content .color {
  color: #ff5a00;
  font-weight: bold;
}
@media screen and (max-width: 768px) {
  .main .reasons_box_txt_content {
    font-size: 1.4rem;
    margin-top: 6vw;
  }
}
.main .reasons_box_line {
  width: 100%;
  background: #eaf9ff;
  position: relative;
  display: flex;
  border-radius: 10px;
  margin-top: 40px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_line {
    border-radius: 0.78125vw;
    margin-top: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_line {
    border-radius: 1.3333333333vw;
    margin-top: 6.6666666667vw;
    display: block;
  }
}
.main .reasons_box_line_txt {
  display: inline-block;
  background-color: #00adeb;
  color: #fff047;
  font-size: 4.2rem;
  font-family: "kozuka-gothic-pro", sans-serif;
  position: relative;
  box-sizing: border-box;
  text-align: center;
  font-weight: bold;
  padding: 40px 20px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_line_txt {
    padding: 3.125vw 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_line_txt {
    display: block;
    font-size: 2.1rem;
    padding: 5.3333333333vw 0vw 4.8vw;
    border-top-left-radius: 1.3333333333vw;
    border-top-right-radius: 1.3333333333vw;
    margin-bottom: 5.3333333333vw;
  }
}
.main .reasons_box_line_txt:after {
  content: "";
  width: 0;
  position: absolute;
  height: 0;
  border-style: solid;
  border-top: 12px solid transparent;
  border-bottom: 12px solid transparent;
  border-left: 20px solid #00adeb;
  border-right: 0;
  right: -12px;
  top: 0;
  bottom: 0;
  margin: auto;
}
@media screen and (max-width: 768px) {
  .main .reasons_box_line_txt:after {
    border-bottom: 0;
    border-right: 12px solid transparent;
    border-left: 12px solid transparent;
    border-top: 20px solid #00adeb;
    right: 0;
    left: 0;
    top: auto;
    bottom: -12px;
  }
}
.main .reasons_box_line_txt .sml {
  font-weight: bold;
  display: block;
  color: #fff;
  font-size: 2.4rem;
}
@media screen and (max-width: 768px) {
  .main .reasons_box_line_txt .sml {
    font-size: 1.2rem;
  }
}
.main .reasons_box_line_circle {
  position: absolute;
  right: -30px;
  top: -50px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_line_circle {
    right: -2.34375vw;
    top: -3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_line_circle {
    width: 26.9333333333vw;
    right: -3.2vw;
    top: -2.9333333333vw;
  }
}
.main .reasons_box_line_img {
  margin: auto;
}
.main .reasons_box_line_img#reason1 {
  width: 1053px;
  margin-left: 56px;
  margin-top: -30px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_line_img#reason1 {
    width: 82.265625vw;
    margin-left: 4.375vw;
    margin-top: -2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_line_img#reason1 {
    width: 76.8vw;
    margin: -3.3333333333vw auto 0;
    margin-left: 3.3333333333vw;
  }
}
.main .reasons_box_line_img#reason2 {
  margin-left: auto;
  width: 964px;
  padding-bottom: 30px;
  margin-right: -40px;
  margin-top: -20px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_line_img#reason2 {
    width: 75.3125vw;
    padding-bottom: 2.34375vw;
    margin-right: -3.125vw;
    margin-top: -1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_line_img#reason2 {
    width: 78.6666666667vw;
    margin-right: -5.4666666667vw;
    margin-top: -4.1333333333vw;
    padding-bottom: 12.8vw;
  }
}
.main .reasons_box_line_img#reason3 {
  margin-bottom: 0;
  width: 712px;
  margin-left: 32px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_line_img#reason3 {
    width: 55.625vw;
    margin-left: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_line_img#reason3 {
    width: 72vw;
    margin-left: 2.9333333333vw;
    margin-right: 2.8vw;
  }
}
.main .reasons_box_line_img#reason4 {
  width: 990px;
  padding-top: 30px;
  padding-right: 8px;
  margin-bottom: 0px;
  margin-left: 35px;
}
@media screen and (max-width: 1280px) {
  .main .reasons_box_line_img#reason4 {
    width: 77.34375vw;
    padding-top: 2.34375vw;
    padding-right: 0.625vw;
    margin-bottom: 0vw;
    margin-left: 2.734375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .reasons_box_line_img#reason4 {
    width: 72.8vw;
    padding-top: 4.5333333333vw;
    margin-left: 2.1333333333vw;
  }
}
.main .review {
  background-image: url("../img/review_back.png");
  background-size: auto;
  padding: 65px 0px 108px;
}
@media screen and (max-width: 1280px) {
  .main .review {
    padding: 5.078125vw 0vw 8.4375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .review {
    padding: 4vw 0vw 10.6666666667vw;
  }
}
.main .review_ttl {
  margin: 0 auto;
  width: 880px;
  padding-left: 83px;
}
@media screen and (max-width: 1280px) {
  .main .review_ttl {
    width: 68.75vw;
    padding-left: 6.484375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .review_ttl {
    width: 96.5333333333vw;
    margin: 0vw 2.4vw 8vw 1.2vw;
    padding: 0;
  }
}
.main .review_txt {
  text-align: center;
  font-family: zen-maru-gothic, sans-serif;
  font-size: 1.8rem;
  font-weight: bold;
  margin: 20px 0px 64px;
}
@media screen and (max-width: 1280px) {
  .main .review_txt {
    margin: 1.5625vw 0vw 5vw;
  }
}
@media screen and (max-width: 768px) {
  .main .review_txt {
    display: none;
  }
}
.main .review_slider {
  display: flex;
}
.main .review_slider_box {
  background: #fff;
  box-sizing: border-box;
  font-family: zen-maru-gothic, sans-serif;
  max-width: 1200px;
  height: auto;
  border-radius: 20px;
  margin: 0px 15px;
  padding: 64px 80px 50px;
}
@media screen and (max-width: 1280px) {
  .main .review_slider_box {
    border-radius: 1.5625vw;
    margin: 0vw 1.171875vw;
    padding: 5vw 6.25vw 3.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .review_slider_box {
    width: 100%;
    max-width: 100vw;
    margin: 0vw 4vw;
    border-radius: 2.6666666667vw;
    padding: 2.6666666667vw 6.6666666667vw 4vw;
    transform: scale(1);
  }
}
.main .review_slider_box .slick-prev,
.main .review_slider_box .slick-next {
  background: #00adeb;
  border-radius: 50%;
  color: #fff;
  width: 70px;
  height: 70px;
}
@media screen and (max-width: 1280px) {
  .main .review_slider_box .slick-prev,
  .main .review_slider_box .slick-next {
    width: 5.46875vw;
    height: 5.46875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .review_slider_box .slick-prev,
  .main .review_slider_box .slick-next {
    display: none;
  }
}
.main .review_slider_box_ttl {
  font-size: 2.1rem;
  font-family: zen-maru-gothic, sans-serif;
}
@media screen and (max-width: 768px) {
  .main .review_slider_box_ttl {
    font-size: 1.8rem;
  }
}
.main .review_slider_box_etc {
  color: #737373;
  font-size: 1.6rem;
  line-height: 1.4375;
  margin: 22.5px 0px 17px;
}
@media screen and (max-width: 1280px) {
  .main .review_slider_box_etc {
    margin: 1.7578125vw 0vw 1.328125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .review_slider_box_etc {
    font-size: 1.4rem;
  }
}
.main .review_slider_box_etc span {
  display: block;
}
.main .review_slider_box_star {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .main .review_slider_box_star {
    font-size: 1.2rem;
  }
}
.main .review_slider_box_star .star {
  color: #ffcc00;
  font-size: 2.1rem;
  margin-right: 12px;
}
@media screen and (max-width: 1280px) {
  .main .review_slider_box_star .star {
    margin-right: 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .review_slider_box_star .star {
    font-size: 1.3rem;
  }
}
.main .review_slider_box_txt {
  font-size: 1.6rem;
  line-height: 1.875;
  margin-top: 30px;
}
@media screen and (max-width: 1280px) {
  .main .review_slider_box_txt {
    margin-top: 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .review_slider_box_txt {
    font-size: 1.4rem;
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 7;
  }
}
.main_ttl {
  margin: 0 auto;
  position: relative;
  margin-bottom: 32px;
}
@media screen and (max-width: 1280px) {
  .main_ttl {
    margin-bottom: 2.5vw;
  }
}
@media screen and (max-width: 768px) {
  .main_ttl {
    margin-bottom: 8vw;
  }
}
.main_txt {
  margin: 0 auto;
  font-family: zen-maru-gothic, sans-serif;
  font-size: 1.8rem;
  letter-spacing: 0.05em;
  font-weight: bold;
  position: relative;
}
@media screen and (max-width: 768px) {
  .main_txt {
    font-size: 1.4rem;
  }
}
.main_txt.flow_txt {
  color: #fff;
  font-weight: bold;
}
.main .case {
  background-image: url(../img/case_back.jpg);
  text-align: center;
  padding: 70px 0px 66px;
}
@media screen and (max-width: 1280px) {
  .main .case {
    padding: 5.46875vw 0vw 5.15625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case {
    padding: 9.3333333333vw 6.6666666667vw 8vw;
  }
}
.main .case_ttl {
  width: 222px;
}
@media screen and (max-width: 1280px) {
  .main .case_ttl {
    width: 17.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case_ttl {
    width: 47.2vw;
  }
}
.main .case_ttl_cloud {
  position: absolute;
  width: 231px;
  left: -239px;
  top: -110px;
}
@media screen and (max-width: 1280px) {
  .main .case_ttl_cloud {
    width: 18.046875vw;
    left: -18.671875vw;
    top: -8.59375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case_ttl_cloud {
    display: none;
  }
}
.main .case:after {
  border-top-color: #fff047;
}
.main .case_slider {
  background: #fffac7;
  margin-bottom: 0;
  padding: 105px 0px 160px;
}
@media screen and (max-width: 1280px) {
  .main .case_slider {
    padding: 8.203125vw 0vw 12.5vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case_slider {
    display: none;
  }
}
.main .case_slider_sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .main .case_slider_sp {
    background: #fffac7;
    display: block;
    padding: 13.3333333333vw 6.6666666667vw 16vw;
  }
  .main .case_slider_sp .slick-dots {
    position: relative;
  }
}
.main .case_slider_line {
  display: flex;
}
@media screen and (max-width: 768px) {
  .main .case_slider_line {
    display: none;
  }
}
.main .case_slider_box {
  box-sizing: border-box;
  background-color: #fff;
  display: flex;
  flex-wrap: wrap;
  padding: 35px 34px;
  margin-right: 15px;
  width: 590px;
  /*&.slick-active {
      @include responsive((margin:0 20));

      @include mq(sp) {
          margin: 0;
      }


      &:first-of-type {
          @include responsive((margin-right:40));

          @include mq(sp) {
              margin: 0;
          }
      }
  }*/
}
@media screen and (max-width: 1280px) {
  .main .case_slider_box {
    padding: 2.734375vw 4.21875vw;
    margin-right: 1.171875vw;
    width: 46.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case_slider_box {
    width: 100vw;
    padding: 4vw 9.3333333333vw 0vw;
    margin: 0;
  }
}
.main .case_slider_box_ttl {
  width: 100%;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1em;
  padding-bottom: 14px;
  margin-bottom: 14px;
}
@media screen and (max-width: 1280px) {
  .main .case_slider_box_ttl {
    padding-bottom: 1.09375vw;
    margin-bottom: 1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case_slider_box_ttl {
    font-size: 2rem;
    margin-bottom: 4vw;
    padding-bottom: 4vw;
  }
}
.main .case_slider_box_img {
  width: 100%;
  margin-bottom: 20px;
}

.main .case_slider_box_img picture{
	margin: 0 auto;
	width: 75%;
 display:block;
	overflow: hidden;
}

@media screen and (max-width: 1280px) {
  .main .case_slider_box_img {
    margin-bottom: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case_slider_box_img {
    margin-bottom: 5.3333333333vw;
  }
}
.main .case_slider_box_etc {
  display: flex;
  align-items: center;
		margin: 0px 5px 5px 0px;
}
@media screen and (max-width: 768px) {
  .main .case_slider_box_etc {
    margin-bottom: 4vw;
  }
}


.main .case_slider_box_etc_ttl {
  background: #f4f4f4;
  font-size: 1.6rem;
  color: #00adeb;
  line-height: 1em;
  padding: 7px 16px;
  border-radius: 14px;
}
@media screen and (max-width: 1280px) {
  .main .case_slider_box_etc_ttl {
    padding: 0.546875vw 1.25vw;
    border-radius: 1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case_slider_box_etc_ttl {
    font-size: 1.4rem;
    padding: 1.3333333333vw 4vw;
    border-radius: 2.6666666667vw;
  }
}
.main .case_slider_box_etc_txt {
  font-size: 1.6rem;
  margin: 0px 13px 0px 7px;
}
@media screen and (max-width: 1280px) {
  .main .case_slider_box_etc_txt {
    margin: 0vw 1.015625vw 0vw 0.546875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case_slider_box_etc_txt {
    font-size: 1.3rem;
    margin: 0vw 2.6666666667vw 0vw 2vw;
  }
}
.main .case_slider .slick-dots {
  bottom: 105px;
}
@media screen and (max-width: 1280px) {
  .main .case_slider .slick-dots {
    bottom: 8.203125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .case_slider .slick-dots {
    width: auto;
    right: 0;
    left: 0;
  }
}
.main .case_slider .slick-track {
  float: none;
  display: flex;
}
@media screen and (max-width: 768px) {
  .main .case_slider .slick-track {
    left: auto;
  }
}
.main .flow {
  background-image: url(../img/flow_back.jpg);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .main .flow {
    padding: 9.3333333333vw 6.6666666667vw 8vw;
  }
}
.main .flow_ttl {
  width: 256px;
}
@media screen and (max-width: 1280px) {
  .main .flow_ttl {
    width: 20vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_ttl {
    width: 55.4666666667vw;
  }
}
.main .flow:after {
  border-top-color: #00adeb;
}
.main .flow_box {
  background: #cbf1ff;
  padding: 84px 0px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box {
    padding: 6.5625vw 0vw;
  }
}
@media screen and (max-width: 1280px) {
  .main .flow_box {
    padding: 3.125vw 1.171875vw 0;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box {
    padding: 24vw 4vw 13.3333333333vw;
  }
}
.main .flow_box_line {
  display: flex;
  justify-content: space-around;
}
@media screen and (max-width: 768px) {
  .main .flow_box_line {
    display: block;
    padding: 0vw 6.6666666667vw;
  }
}
.main .flow_box_line_box {
  text-align: center;
  width: 260px;
  margin-right: 53px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box {
    width: 20.3125vw;
    margin-right: 4.140625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box {
    width: 100%;
    margin-bottom: 8vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_img {
    margin-bottom: 5.3333333333vw;
  }
}
.main .flow_box_line_box:last-child {
  margin-right: 0;
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box:last-child {
    margin-bottom: 0;
  }
}
.main .flow_box_line_box_step {
  font-family: fot-chiaro-std, sans-serif;
  letter-spacing: -0.025em;
  font-size: 2rem;
  color: #00adeb;
  margin-bottom: 10px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_step {
    margin-bottom: 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_step {
    display: none;
  }
}
.main .flow_box_line_box_ttl {
  margin: 0 auto;
  margin-top: 14px;
  margin-bottom: 17px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_ttl {
    margin-top: 1.09375vw;
    margin-bottom: 1.328125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_ttl {
    display: none;
  }
}
.main .flow_box_line_box_ttl#step_01 {
  width: 150px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_ttl#step_01 {
    width: 11.71875vw;
  }
}
.main .flow_box_line_box_ttl#step_02 {
  width: 120px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_ttl#step_02 {
    width: 9.375vw;
  }
}
.main .flow_box_line_box_ttl#step_03 {
  width: 128px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_ttl#step_03 {
    width: 10vw;
  }
}
.main .flow_box_line_box_ttl#step_04 {
  width: 164px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_ttl#step_04 {
    width: 12.8125vw;
  }
}
.main .flow_box_line_box_txt {
  text-align: left;
  font-size: 1.6rem;
  font-family: zen-maru-gothic, sans-serif;
  letter-spacing: -0.05em;
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_txt {
    font-size: 1.4rem;
  }
}
.main .flow_box_line_box_bottom {
  margin-top: 15px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_bottom {
    margin-top: 1.171875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_bottom {
    margin-top: 1em;
  }
}
.main .flow_box_line_box_bottom .header_link {
  flex-wrap: wrap;
  justify-content: space-between;
}
.main .flow_box_line_box_bottom .header_link li {
  display: contents;
}
.main .flow_box_line_box_bottom .header_link_box {
  min-width: auto;
  width: min-content;
  margin: 0;
  padding: 10px 12px 15px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_bottom .header_link_box {
    padding: 0.78125vw 0.9375vw 1.171875vw;
  }
}
.main .flow_box_line_box_bottom .header_link_box.tel {
  width: 100%;
  margin-bottom: 15px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_bottom .header_link_box.tel {
    margin-bottom: 1.171875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_bottom .header_link_box.tel {
    margin: 0vw 0vw 1.3333333333vw;
    position: relative;
    padding: 4.4vw 3.7333333333vw 3.7333333333vw 4vw;
    border-radius: 1.3333333333vw;
  }
  .main .flow_box_line_box_bottom .header_link_box.tel:after {
    content: "";
    background-image: url("../img/sp/sales_illust.png");
    position: absolute;
    width: 19.7333333333vw;
    height: 31.2vw;
    right: 0;
    background-size: contain;
    bottom: -2px;
  }
}
.main .flow_box_line_box_bottom .header_link_box .tel_num {
  white-space: nowrap;
  line-height: 1em;
  margin-top: 8px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_bottom .header_link_box .tel_num {
    margin-top: 0.625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_bottom .header_link_box .tel_num {
    font-size: 2.8rem;
  }
  .main .flow_box_line_box_bottom .header_link_box .tel_num:before {
    width: 8.8vw;
    height: 5.8666666667vw;
    margin-right: 2.4vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_bottom .header_link_box .tel_txt {
    font-size: 1.8rem;
    padding: 1.6vw 0vw;
    border-radius: 4vw;
  }
}
.main .flow_box_line_box_bottom .header_link_box.line {
  display: block;
  width: calc(50% - 0.46875vw);
  padding: 0px 0px 15px;
  max-height: 111px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_bottom .header_link_box.line {
    padding: 0vw 0vw 1.171875vw;
    max-height: 8.671875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_bottom .header_link_box.line {
    max-height: none;
    padding: 1.6vw 10.6666666667vw 6.1333333333vw;
    border-radius: 1.3333333333vw;
  }
}
.main .flow_box_line_box_bottom .header_link_box.line .line_txt_sml {
  display: none;
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_bottom .header_link_box.line .line_txt_sml {
    display: block;
  }
  .main .flow_box_line_box_bottom .header_link_box.line .line_txt_sml .none {
    display: block;
  }
}
.main .flow_box_line_box_bottom .header_link_box.line .line_txt {
  font-size: 1.6rem;
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_bottom .header_link_box.line .line_txt {
    margin: 0 -10.6666666667vw;
  }
  .main .flow_box_line_box_bottom .header_link_box.line .line_txt_sml {
    font-size: 1.4rem;
  }
  .main .flow_box_line_box_bottom .header_link_box.line .line_txt .none {
    display: none;
  }
}
.main .flow_box_line_box_bottom .header_link_box.mail {
  width: calc(50% - 0.46875vw);
  background-position: top 1.484375vw center;
  padding: 50px 0px 15px;
  max-height: 111px;
  background-size: 30px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_bottom .header_link_box.mail {
    padding: 3.90625vw 0vw 1.171875vw;
    max-height: 8.671875vw;
    background-size: 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_bottom .header_link_box.mail {
    max-height: none;
    padding: 14.8vw 0vw 6vw;
    border-radius: 1.3333333333vw;
    background-size: 8.5333333333vw;
    background-position: top 4.8vw center;
  }
}
.main .flow_box_line_box_bottom .header_link_box.mail .mail_txt {
  font-size: 1.6rem;
  color: #fff;
  display: block;
}
.main .flow_box_line_box_bottom .header_link_box .none {
  display: block;
}
.main .flow_box_line_box_bottom_sml {
  text-align: left;
  font-weight: bold;
  font-size: 1.3rem;
  font-feature-settings: "palt";
  font-family: zen-maru-gothic, sans-serif;
}
.main .flow_box_line_box_bottom_bold {
  font-family: fot-chiaro-std, sans-serif;
  color: #fff;
  font-feature-settings: "palt";
  background: #00adeb;
  font-size: 2.4rem;
  letter-spacing: -0.025em;
  width: 100%;
  line-height: 1em;
  padding: 10px 0px;
  margin-bottom: 7px;
}
@media screen and (max-width: 1280px) {
  .main .flow_box_line_box_bottom_bold {
    padding: 0.78125vw 0vw;
    margin-bottom: 0.546875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .flow_box_line_box_bottom_bold {
    font-size: 2rem;
    padding: 2.6666666667vw 0vw;
    margin-bottom: 1.3333333333vw;
  }
}
.main .flow_box_line_box_bottom_bold.sml {
  font-size: 2rem;
}
.main .flow_box_line_box_bottom_bold .color {
  color: #fff047;
}
.main .area {
  background-image: url(../img/area.jpg);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .main .area {
    padding: 9.3333333333vw 6.6666666667vw 8vw;
  }
}
.main .area:after {
  border-top-color: #7cdb8b;
}
.main .area_ttl {
  width: 244px;
}
@media screen and (max-width: 1280px) {
  .main .area_ttl {
    width: 19.0625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .area_ttl {
    width: 52.8vw;
  }
}
.main .area_box {
  background: #ccf9d3;
  padding: 67px 0px 97px;
}
@media screen and (max-width: 1280px) {
  .main .area_box {
    padding: 5.234375vw 0vw 7.578125vw;
  }
}
.main .area_box_line {
  display: flex;
}
@media screen and (max-width: 1280px) {
  .main .area_box_line {
    padding-left: 1.171875vw;
    padding-right: 1.171875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .area_box_line {
    display: block;
    padding: 4vw 6.6666666667vw 16vw;
  }
}
.main .area_box_img {
  width: 692px;
  margin-right: 98px;
}
@media screen and (max-width: 1280px) {
  .main .area_box_img {
    width: 54.0625vw;
    margin-right: 7.65625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .area_box_img {
    width: 100%;
    margin-bottom: 8vw;
  }
}
.main .area_box_right {
  flex: 1;
}
.main .area_box_right_ttl {
  width: 434px;
}
@media screen and (max-width: 1280px) {
  .main .area_box_right_ttl {
    width: 33.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .area_box_right_ttl {
    display: none;
  }
}
.main .area_box_right_img {
  margin: 22px 0px 28px;
  width: 370px;
}
@media screen and (max-width: 1280px) {
  .main .area_box_right_img {
    margin: 1.71875vw 0vw 2.1875vw;
    width: 28.90625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .area_box_right_img {
    display: none;
  }
}
.main .area_box_right_txt {
  font-size: 1.6rem;
  font-family: zen-maru-gothic, sans-serif;
  line-height: 2.1875;
}
@media screen and (max-width: 768px) {
  .main .area_box_right_txt {
    font-size: 1.4rem;
  }
}
.main .merit {
  text-align: center;
  overflow: hidden;
  background-image: url("../img/merit_back.jpg");
}
@media screen and (max-width: 1280px) {
  .main .merit {
    padding: 0 1.953125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit {
    background-size: contain;
    padding: 8vw 6.6666666667vw;
  }
}
.main .merit_ttl {
  margin: auto;
  width: 1225px;
  margin-top: -17px;
  margin-bottom: 24px;
}
@media screen and (max-width: 1280px) {
  .main .merit_ttl {
    width: 95.703125vw;
    margin-top: -1.328125vw;
    margin-bottom: 1.875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_ttl {
    width: 99.7333333333vw;
    margin-left: -2.6666666667vw;
    margin-bottom: 12.5333333333vw;
  }
}
.main .merit .main_txt {
  margin-bottom: 60px;
}
@media screen and (max-width: 1280px) {
  .main .merit .main_txt {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit .main_txt {
    display: none;
  }
}
.main .merit_box {
  max-width: 1200px;
  background: #fff;
  border: 5px solid #00adeb;
  margin: auto;
  position: relative;
  text-align: left;
  margin-bottom: 58px;
  border-radius: 20px;
  padding: 112px 55px 55px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box {
    margin-bottom: 4.53125vw;
    border-radius: 1.5625vw;
    padding: 8.75vw 4.296875vw 4.296875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box {
    border-radius: 2.6666666667vw;
    padding: 23.6vw 5.3333333333vw 6vw;
  }
}
.main .merit_box_point {
  position: absolute;
  left: -36px;
  top: -14px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box_point {
    left: -2.8125vw;
    top: -1.09375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box_point {
    top: 1.4666666667vw;
    left: -4.8vw;
  }
}
.main .merit_box_point#merit_1 {
  width: 408px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box_point#merit_1 {
    width: 31.875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box_point#merit_1 {
    width: 70.6666666667vw;
  }
}
.main .merit_box_point#merit_2 {
  width: 424px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box_point#merit_2 {
    width: 33.125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box_point#merit_2 {
    width: 74.9333333333vw;
  }
}
.main .merit_box_point#merit_3 {
  width: 448px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box_point#merit_3 {
    width: 35vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box_point#merit_3 {
    width: 79.4666666667vw;
  }
}
.main .merit_box_ttl {
  font-family: "kozuka-gothic-pro", sans-serif;
  font-size: 3.2rem;
  font-weight: bold;
  letter-spacing: -0.025em;
  -webkit-text-stroke: 0.7px #000000;
}
@media screen and (max-width: 768px) {
  .main .merit_box_ttl {
    font-size: 2.1rem;
    text-align: center;
  }
}
.main .merit_box_ttl .color {
  font-weight: bold;
  font-size: 4.2rem;
  color: #ff5a00;
  letter-spacing: -0.025em;
  -webkit-text-stroke: 0.5px #ff5a00;
}
@media screen and (max-width: 768px) {
  .main .merit_box_ttl .color {
    display: block;
    white-space: pre;
    font-size: 3.1rem;
  }
}
.main .merit_box_txt {
  font-size: 1.6rem;
  width: 682px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box_txt {
    width: 53.28125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box_txt {
    font-size: 1.4rem;
    width: auto;
    margin: 8vw 0vw 5.0666666667vw;
  }
}
.main .merit_box_img {
  position: absolute;
}
@media screen and (max-width: 768px) {
  .main .merit_box_img {
    position: relative;
  }
}
.main .merit_box_img#merit_1 {
  width: 402px;
  top: 50px;
  right: 39.5px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box_img#merit_1 {
    width: 31.40625vw;
    top: 3.90625vw;
    right: 3.0859375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box_img#merit_1 {
    width: 100%;
    right: auto;
    top: auto;
  }
}
.main .merit_box_img#merit_2 {
  width: 381px;
  top: 28px;
  right: 43px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box_img#merit_2 {
    width: 29.765625vw;
    top: 2.1875vw;
    right: 3.359375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box_img#merit_2 {
    width: 100%;
    right: auto;
    top: auto;
  }
}
.main .merit_box_img#merit_3 {
  width: 400px;
  top: 36px;
  right: 30px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box_img#merit_3 {
    width: 31.25vw;
    top: 2.8125vw;
    right: 2.34375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box_img#merit_3 {
    width: 100%;
    top: auto;
    right: auto;
  }
}
.main .merit_box_cloud {
  position: absolute;
  z-index: 2;
  width: 200px;
  top: -48px;
  right: -82px;
}
@media screen and (max-width: 1280px) {
  .main .merit_box_cloud {
    width: 15.625vw;
    top: -3.75vw;
    right: -6.40625vw;
  }
}
@media screen and (max-width: 1280px) {
  .main .merit_box_cloud {
    right: -1.5625vw;
    width: 12.5vw;
  }
}
@media screen and (max-width: 768px) {
  .main .merit_box_cloud {
    display: none;
  }
}
.main .faq {
  background-image: url("../img/faq_back.jpg");
  text-align: center;
}
@media screen and (max-width: 768px) {
  .main .faq {
    padding: 9.3333333333vw 6.6666666667vw 8vw;
  }
}
.main .faq:after {
  border-top-color: #fff047;
}
.main .faq_ttl {
  width: 182px;
}
@media screen and (max-width: 1280px) {
  .main .faq_ttl {
    width: 14.21875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .faq_ttl {
    width: 38.6666666667vw;
  }
}
.main .faq_box {
  background: #fffac7;
  padding-bottom: 115px;
}
@media screen and (max-width: 1280px) {
  .main .faq_box {
    padding-bottom: 8.984375vw;
  }
}
@media screen and (max-width: 1280px) {
  .main .faq_box {
    padding-left: 1.171875vw;
    padding-right: 1.171875vw;
  }
}
@media screen and (max-width: 768px) {
  .main .faq_box {
    padding: 4vw 6.6666666667vw 8vw;
  }
}
.main .faq_box_line {
  max-width: 1200px;
  margin: 0 auto;
}
.main .faq_box_line:first-child {
  padding: 90px 0px 0px;
}
@media screen and (max-width: 1280px) {
  .main .faq_box_line:first-child {
    padding: 7.03125vw 0vw 0vw;
  }
}
@media screen and (max-width: 768px) {
  .main .faq_box_line:first-child {
    padding-top: 5.3333333333vw;
  }
}
.main .faq_box_line_f {
  background: #fff;
  font-size: 1.8rem;
  line-height: 1em;
  position: relative;
  display: flex;
  font-weight: bold;
  padding: 30px 0px 30px 18px;
  border-radius: 10px;
  margin-bottom: 34px;
}
@media screen and (max-width: 1280px) {
  .main .faq_box_line_f {
    padding: 2.34375vw 0vw 2.34375vw 1.40625vw;
    border-radius: 0.78125vw;
    margin-bottom: 2.65625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .faq_box_line_f {
    margin-bottom: 5.3333333333vw;
    padding: 2.6666666667vw 5.3333333333vw 2.6666666667vw 2.6666666667vw;
    font-size: 1.6rem;
    line-height: inherit;
  }
}
.main .faq_box_line_f .f {
  color: #00adeb;
  font-size: 3rem;
  font-weight: bold;
  font-family: fot-chiaro-std, sans-serif;
  margin-right: 12px;
}
@media screen and (max-width: 1280px) {
  .main .faq_box_line_f .f {
    margin-right: 0.9375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .faq_box_line_f .f {
    font-size: 1.6rem;
  }
}
.main .faq_box_line_f:before {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  background: #00adeb;
  top: 0;
  bottom: 0;
  opacity: 1;
  transition: opacity 0.3s;
  right: 38px;
  width: 3px;
  height: 20px;
}
@media screen and (max-width: 1280px) {
  .main .faq_box_line_f:before {
    right: 2.96875vw;
    width: 0.234375vw;
    height: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .faq_box_line_f:before {
    width: 0.5333333333vw;
    height: 2.6666666667vw;
    right: 4.5333333333vw;
  }
}
.main .faq_box_line_f.open:before {
  opacity: 0;
}
.main .faq_box_line_f:after {
  content: "";
  display: block;
  position: absolute;
  margin: auto;
  background: #00adeb;
  top: 0;
  bottom: 0;
  right: 30px;
  height: 3px;
  width: 20px;
}
@media screen and (max-width: 1280px) {
  .main .faq_box_line_f:after {
    right: 2.34375vw;
    height: 0.234375vw;
    width: 1.5625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .faq_box_line_f:after {
    height: 0.5333333333vw;
    width: 2.6666666667vw;
    right: 3.4666666667vw;
  }
}
.main .faq_box_line_q {
  display: none;
  font-size: 1.6rem;
  position: relative;
  line-height: 1.875;
  flex-wrap: wrap;
  padding: 0px 0px 0px 68px;
  margin-bottom: 17px;
}
@media screen and (max-width: 1280px) {
  .main .faq_box_line_q {
    padding: 0vw 0vw 0vw 5.3125vw;
    margin-bottom: 1.328125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .faq_box_line_q {
    margin-bottom: 5.3333333333vw;
    padding: 0vw 1.3333333333vw;
    font-size: 1.6rem;
    line-height: inherit;
  }
}
.main .faq_box_line_q:before {
  content: "A";
  display: block;
  position: absolute;
  width: 1em;
  margin: auto;
  font-size: 3rem;
  color: #ea5514;
  height: fit-content;
  line-height: 1em;
  font-family: fot-chiaro-std, sans-serif;
  left: 20px;
  top: 5px;
}
@media screen and (max-width: 1280px) {
  .main .faq_box_line_q:before {
    left: 1.5625vw;
    top: 0.390625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .faq_box_line_q:before {
    font-size: 1.6rem;
    position: relative;
    left: auto;
    top: auto;
    margin: 0;
    margin-bottom: 2.6666666667vw;
  }
}
.main .faq_box_line_q .bold {
  font-weight: bold;
  display: block;
}
.main .faq_box_line_q .sml {
  font-size: 1.4rem;
  display: block;
}
@media screen and (max-width: 768px) {
  .main .faq_box_line_q .sml {
    font-size: 1.3rem;
    line-height: inherit;
  }
}
.main .company {
  background-image: url(../img/flow_back.jpg);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .main .company {
    padding: 9.3333333333vw 6.6666666667vw 8vw;
  }
}
.main .company_ttl {
  width: 460px;
}
@media screen and (max-width: 1280px) {
  .main .company_ttl {
    width: 35.9375vw;
  }
}
@media screen and (max-width: 768px) {
  .main .company_ttl {
    width: 85.3333333333vw;
  }
}
.main .company:after {
  border-top-color: #00adeb;
}
.main .company_txt {
  color: #fff;
}
.main .company_box {
  background: #cbf1ff;
  padding: 88px 0px 125px;
}
@media screen and (max-width: 1280px) {
  .main .company_box {
    padding: 6.875vw 0vw 9.765625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .company_box {
    padding: 9.3333333333vw 6.6666666667vw 8vw;
  }
}
.main .company_box_line {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 768px) {
  .main .company_box_line {
    display: block;
  }
}
.main .company_box_map {
  width: 50%;
  height: 530px;
}
@media screen and (max-width: 1280px) {
  .main .company_box_map {
    height: 41.40625vw;
  }
}
@media screen and (max-width: 768px) {
  .main .company_box_map {
    width: 100%;
    margin-bottom: 5.3333333333vw;
    height: 80vw;
  }
}
.main .company_box_map iframe {
  width: 100%;
  height: 100%;
}
.main .company_box_info {
  flex: 1;
  padding-left: 40px;
}
@media screen and (max-width: 1280px) {
  .main .company_box_info {
    padding-left: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .company_box_info {
    padding: 0;
  }
}
.main .company_box_info_line {
  display: flex;
  border-bottom: dashed 2px #d7f4ff;
  padding: 26px 0px 26px 10px;
}
@media screen and (max-width: 1280px) {
  .main .company_box_info_line {
    padding: 2.03125vw 0vw 2.03125vw 0.78125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .company_box_info_line {
    display: block;
    padding: 4vw 0vw 4vw 1.3333333333vw;
  }
}
.main .company_box_info_line:first-child {
  padding-top: 0;
}
.main .company_box_info_line_ttl {
  font-size: 1.4rem;
  color: #00adeb;
  width: 60px;
  margin-right: 40px;
}
@media screen and (max-width: 1280px) {
  .main .company_box_info_line_ttl {
    width: 4.6875vw;
    margin-right: 3.125vw;
  }
}
@media screen and (max-width: 768px) {
  .main .company_box_info_line_ttl {
    width: auto;
    margin: 0;
    margin-bottom: 1.3333333333vw;
  }
}
.main .company_box_info_line_txt {
  flex: 1;
  font-size: 1.8rem;
}
@media screen and (max-width: 768px) {
  .main .company_box_info_line_txt {
    font-size: 1.6rem;
  }
}
.main > section {
  padding: 70px 0px 66px;
  position: relative;
}
@media screen and (max-width: 1280px) {
  .main > section {
    padding: 5.46875vw 0vw 5.15625vw;
  }
}
.main > section:after {
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
  border-top: 20px solid #555555;
  border-bottom: 0;
  display: block;
  position: absolute;
  bottom: -20px;
  right: 0;
  left: 0;
  margin: auto;
}

.sp_footer {
  display: none;
}
@media screen and (max-width: 768px) {
  .sp_footer {
    display: block;
    position: fixed;
    bottom: -400px;
    background-color: transparent;
    z-index: 100;
    width: 100%;
    transition: all 0.5s;
  }
  .sp_footer.on {
    bottom: 0;
  }
  .sp_footer_list {
    display: flex;
    padding: 0vw 1.3333333333vw;
    justify-content: space-around;
  }
  .sp_footer_list_box {
    border-radius: 1.3333333333vw;
    padding: 12.6666666667vw 0vw 2.9333333333vw;
    text-align: center;
    border: 1px solid #fff;
    font-size: 1.2rem;
    color: #fff;
    font-family: fot-chiaro-std, sans-serif;
    letter-spacing: -0.025em;
    display: block;
    box-sizing: border-box;
    width: 32vw;
    height: 100%;
    background-repeat: no-repeat;
  }
  .sp_footer_list_box.tel {
    background-color: #48cfff;
    background-image: url("../img/call.png");
    background-size: 6.1333333333vw;
    background-position: top 3.7333333333vw center;
  }
  .sp_footer_list_box.line {
    background-color: #06c755;
    background-image: url("../img/sp/line.png");
    background-size: 12.8vw;
    background-position: top center;
  }
  .sp_footer_list_box.mail {
    white-space: nowrap;
    background-color: #ffa800;
    background-image: url("../img/sp/mail.png");
    background-size: 6.6666666667vw;
    background-position: top 4vw center;
  }
}

.contact_tel {
  width: 600px;
  margin: 0 auto;
  box-sizing: border-box;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  border: 10px solid #ddd;
  margin-top: 66px;
}
.contact_tel_ttl {
  width: 100%;
  text-align: center;
  padding-top: 52px;
  padding-bottom: 20px;
  font-size: 1.6rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  position: relative;
}
.contact_tel_cnt {
  width: 100%;
  text-align: center;
  padding-top: 40px;
  padding-bottom: 52px;
}
.contact_tel_number {
  font-size: 3.2rem;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1;
  display: block;
}
.contact_open {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.contact_open > * {
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
}
.contact_open .bodoni {
  font-size: 1.6rem;
  letter-spacing: 0.2em;
}

.step {
  width: 100%;
  margin: 100px auto;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  flex-wrap: wrap;
}
@media screen and (max-width: 768px) {
  .step {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: stretch;
    flex-wrap: wrap;
    width: 85.3333333333vw;
    margin: 9.0666666667vw auto;
  }
}
.step_list {
  width: 25%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  position: relative;
}
@media screen and (max-width: 768px) {
  .step_list {
    align-items: flex-start;
  }
}
.step_list:before {
  content: "";
  width: 100%;
  height: 1px;
  background: #8e8e8e;
  position: absolute;
  left: 50%;
  top: 40px;
}
.step_list.select:before {
  background: #000000;
}
.step_list:last-child:before {
  content: none;
}
.step_nm {
  width: 80px;
  height: 80px;
  background: #8e8e8e;
  border-radius: 50%;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-flex-wrap: wrap;
  -webkit-align-content: center;
  align-content: center;
  flex-wrap: wrap;
  font-size: 1.8rem;
  font-style: italic;
  font-weight: bold;
  letter-spacing: 0.1em;
  text-indent: 0.1em;
  color: #ffffff;
  text-align: center;
  margin-bottom: 20px;
}
@media screen and (max-width: 768px) {
  .step_nm {
    width: 18.6666666667vw;
    height: 18.6666666667vw;
    margin-bottom: 2.6666666667vw;
    font-size: 4.2666666667vw;
  }
}
.step_ttl {
  width: 100%;
  display: block;
  text-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  letter-spacing: 0.1em;
  color: #8e8e8e;
}
@media screen and (max-width: 768px) {
  .step_ttl {
    font-size: 2.6666666667vw;
  }
}

.select .step_nm {
  background: #000000;
}
.select .step_ttl {
  color: #000000;
}

.short {
  letter-spacing: 0;
}/*# sourceMappingURL=style.css.map */


.flyerArea{
	text-align: center;
	padding: 40px 20px;
	background-image: url(../img/merit_back.jpg);
}
.flyerArea .flyerIndex{
 margin: 0px 0px 20px 0px;
	text-align: center;
	font-size: 3rem;
    letter-spacing: -0.025em;
    font-family: fot-chiaro-std, sans-serif;
    color: #ff5a00;
}
.flyerArea img{
	margin: 0px;
	padding: 0px;
	width: auto;
	max-width: 320px;
	box-shadow: 3px 3px 5px 0px rgba(0, 0, 0, 0.4);
}
@media screen and (max-width: 768px) {
 .flyerArea img{
			margin: 0px auto;
			padding: 0px;
			width: auto;
			max-width: 80%;
	}
}

.main .case_slider_box .headList{
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
	align-items: flex-start;
}
.main .case_slider_box .headList .case_slider_box_ttl{
	width: 67%;
	font-size: 2rem;
	margin: 0px;
}
.main .case_slider_box .headList .time{
	width: 30%;
	font-size: 1.8rem;
	line-height: 1;
	font-weight: bold;
	margin: 0px;
}
@media screen and (max-width: 768px) {
.main .case_slider_box .headList .case_slider_box_ttl{
	width: 100%;
	padding-bottom: 10px;
	border-bottom: none;
}
.main .case_slider_box .headList .time{
	width: 100%;
	font-size: 1.6rem;
	text-align: right;
	padding-bottom: 10px;
}
}