@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Zen+Maru+Gothic:wght@400;700&display=swap');
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansJP/NotoSansJP-Medium.woff2") format("woff2"), url("../fonts/NotoSansJP/NotoSansJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "NotoSansJP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansJP/NotoSansJP-Bold.woff2") format("woff2"), url("../fonts/NotoSansJP/NotoSansJP-Bold.woff") format("woff");
}
@font-face {
  font-family: "IBMPlexSansJP";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/IBMPlexSansJP/IBMPlexSansJP-Medium.woff2") format("woff2"), url("../fonts/IBMPlexSansJP/IBMPlexSansJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "IBMPlexSansJP";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/IBMPlexSansJP/IBMPlexSansJP-Bold.woff2") format("woff2"), url("../fonts/IBMPlexSansJP/IBMPlexSansJP-Bold.woff") format("woff");
}
@font-face {
  font-family: "ZenKakuGothicNew";
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/ZenKakuGothicNew/ZenKakuGothicNew-Black.woff2") format("woff2"), url("../fonts/ZenKakuGothicNew/ZenKakuGothicNew-Black.woff") format("woff");
}
/* page -- > common
-------------------------------------------------------------------------------*/
.page {
  position: relative;
  padding: 10.6666666667vw 0 12.6666666667vw 0;
  background-image: url(../img/common/pattern.jpg);
  background-repeat: repeat;
}

.page-in {
  position: relative;
  margin: 0 auto;
  width: 90.6666666667vw;
}

.none {
  margin: 5em 0;
  text-align: center;
}

.complete p,
.notfound p {
  line-height: 1.5em;
}

.complete p:nth-child(1),
.notfound p:nth-child(1) {
  font-size: 1.125em;
  font-weight: 700;
}

.complete p:nth-child(n+2),
.notfound p:nth-child(n+2) {
  margin-top: 1.5em;
}

@media screen and (min-width: 751px) {
  .page {
    padding: 5.5555555556vw 0 4.1666666667vw 0;
    background-image: image-set(url(../img/common/pattern.jpg) 1x, url(../img/common/pattern-2x.jpg) 2x);
    background-image: -webkit-image-set(url(../img/common/pattern.jpg) 1x, url(../img/common/pattern-2x.jpg) 2x);
  }
  .page-in {
    margin: 0 auto;
    width: 69.4444444444vw;
  }
  .complete p,
  .notfound p {
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .page {
    padding: 80px 0 60px 0;
  }
  .page-in {
    margin: 0 auto;
    width: 1000px;
  }
}
/* page -- > company
-------------------------------------------------------------------------------*/
.page--company {
  background-color: #fefefe;
  background-image: none;
}

.page--company section:nth-child(n+3) {
  margin-top: 100px;
}

/* ------------------------------------------- overview - */
.overview {
  margin-top: 2.6666666667vw;
}

.overview dl {
  position: relative;
  padding: 4vw;
}

.overview dl:nth-child(odd) {
  background-color: #fff8f1;
}

.overview dl dt {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 0.75em;
  width: 100%;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.5em;
}
.overview dl dt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 0.8vw;
  height: 1.25em;
  background-color: #ee781f;
  border-radius: 0.4vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.overview dl dd {
  width: 100%;
  font-size: 3.7333333333vw;
  line-height: 1.5em;
}

.overview dl dd ul li {
  line-height: 1.5em;
}

.overview-list > li {
  padding-left: 1em;
  text-indent: -1em;
}
.overview-list > li:before {
  content: "・";
}

.overview-shop-ttl {
  position: relative;
  text-indent: -0.5em;
  margin-bottom: 0.3em;
}
.overview-shop-ttl:before {
  content: "【";
}
.overview-shop-ttl:after {
  content: "】";
}

.overview-shop > li:nth-child(n+2) {
  margin-top: 0.7em;
}

@media screen and (min-width: 751px) {
  .overview dl dd {
    line-height: 1.75em;
  }
  .overview dl dd ul li {
    line-height: 1.75em;
  }
}
@media screen and (min-width: 751px) {
  .overview {
    margin-top: 0.6944444444vw;
  }
  .overview dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
    padding: 1.3888888889vw 2.0833333333vw;
  }
  .overview dl dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    padding-left: 1em;
    width: 13.8888888889vw;
    font-size: 1.25vw;
  }
  .overview dl dt:before {
    width: 0.2083333333vw;
    border-radius: 0.2083333333vw;
  }
  .overview dl dd {
    width: calc(100% - 13.8888888889vw);
    font-size: 1.1111111111vw;
    line-height: 1.5em;
  }
}
@media screen and (min-width: 1441px) {
  .overview {
    margin-top: 10px;
  }
  .overview dl {
    padding: 20px 30px;
  }
  .overview dl dt {
    width: 200px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .overview dl dt:before {
    width: 3px;
    border-radius: 3px;
  }
  .overview dl dd {
    width: calc(100% - 200px);
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* ------------------------------------------- overview - */
.mind {
  margin-top: 4vw;
}

.mind > li {
  position: relative;
  padding: 12vw 4vw 4vw 4vw;
  border-color: #ee781f;
  border-style: solid;
  border-width: 1px;
}

.mind-ttl {
  position: absolute;
  top: 0;
  left: 50%;
  padding: 0.2em 1em 0.3em 1em;
  background-color: #ee781f;
  color: #fefefe;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.25em;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.mind-desc p {
  line-height: 1.5em;
}

@media screen and (max-width: 750px) {
  .mind > li:nth-child(n+2) {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 751px) {
  .mind {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0.6944444444vw 0 0 -2.0833333333vw;
  }
  .mind > li {
    margin-left: 2.0833333333vw;
    padding: 3.8194444444vw 2.0833333333vw 1.3888888889vw 2.0833333333vw;
    width: calc(50% - 2.0833333333vw);
  }
  .mind > li:nth-child(n+3) {
    margin-top: 3.4722222222vw;
  }
  .mind-ttl {
    font-size: 1.5277777778vw;
  }
  .mind-desc p {
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .mind {
    margin: 10px 0 0 -30px;
  }
  .mind > li {
    margin-left: 30px;
    padding: 55px 30px 20px 30px;
    width: calc(50% - 30px);
  }
  .mind > li:nth-child(n+3) {
    margin-top: 50px;
  }
  .mind-ttl {
    font-size: 22px;
    font-size: 2.2rem;
  }
}
/* page -- > reason
-------------------------------------------------------------------------------*/
.sec--reason-list {
  padding: 10.6666666667vw 0 13.3333333333vw 0;
  background: repeating-linear-gradient(135deg, #fff8e6, #fff8e6 4vw, #fffaee 4vw, #fffaee 8vw);
}

.reason-list > li {
  position: relative;
  padding: 8vw 4vw 6vw 4vw;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 2.6666666667vw;
}

.reason-list > li:nth-child(n+2) {
  margin-top: 9.3333333333vw;
}

.reason-list-image {
  position: relative;
  margin-bottom: 4vw;
}
.reason-list-image img {
  border-radius: 1.3333333333vw;
}

.reason-list > li:nth-child(6) .reason-list-image:after {
  content: "";
  position: absolute;
  right: -2vw;
  bottom: -7.3333333333vw;
  display: inline-block;
  width: 31.6vw;
  height: 23.3333333333vw;
  background-image: url(../img/reason/warranty_sp.png);
  background-size: contain;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .reason-list .reason-num {
    margin-bottom: 5.3333333333vw;
  }
  .reason-list > li:nth-child(3) .reason-list-image {
    margin-bottom: 8vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--reason-list {
    padding: 5.5555555556vw 0 6.9444444444vw 0;
    background: repeating-linear-gradient(135deg, #fff8e6, #fff8e6 1.7361111111vw, #fffaee 1.7361111111vw, #fffaee 3.4722222222vw);
  }
  .reason-list > li {
    padding: 2.7777777778vw 2.7777777778vw 2.7777777778vw 4.1666666667vw;
    border-width: 0.1388888889vw;
    border-radius: 1.3888888889vw;
  }
  .reason-list > li:nth-child(n+2) {
    margin-top: 3.4722222222vw;
  }
  .reason-list-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .reason-list-image {
    margin-bottom: 0;
    width: 31.9444444444vw;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .reason-list-image img {
    border-radius: 0.6944444444vw;
  }
  .reason-list-content {
    width: 27.7777777778vw;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .reason-list > li:nth-child(6) .reason-list-image:after {
    right: -4.8611111111vw;
    bottom: -2.7777777778vw;
    width: 11.8055555556vw;
    height: 8.8194444444vw;
    background-image: url(../img/reason/warranty.png);
    background-image: image-set(url(../img/reason/warranty.png) 1x, url(../img/reason/warranty-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/reason/warranty.png) 1x, url(../img/reason/warranty-2x.png) 2x);
  }
}
@media screen and (min-width: 1441px) {
  .sec--reason-list {
    padding: 80px 0 100px 0;
    background: repeating-linear-gradient(135deg, #fff8e6, #fff8e6 25px, #fffaee 25px, #fffaee 50px);
  }
  .reason-list > li {
    padding: 40px 40px 40px 60px;
    border-width: 2px;
    border-radius: 20px;
  }
  .reason-list > li:nth-child(n+2) {
    margin-top: 50px;
  }
  .reason-list-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .reason-list-image {
    width: 460px;
  }
  .reason-list-image img {
    border-radius: 10px;
  }
  .reason-list-content {
    width: 400px;
  }
  .reason-list > li:nth-child(6) .reason-list-image:after {
    right: -70px;
    bottom: -40px;
    width: 170px;
    height: 127px;
  }
}
/* page -- > reserve
-------------------------------------------------------------------------------*/
.page--reserve {
  padding-top: 0 !important;
}

/* ------------------------------------------- 1 - */
.sec--reserve {
  position: relative;
  padding: 12vw 0 4vw 0;
  background-color: #ff7b11;
}

.sec--reserve .sec-en {
  position: absolute;
  color: rgba(254, 254, 254, 0.1);
}

.reserve-showroom-staff > div {
  position: absolute;
  z-index: 1;
}
.reserve-showroom-staff > div img {
  border-radius: 2.1333333333vw;
}
.reserve-showroom-staff > div:before {
  content: "";
  position: absolute;
  background-color: #ff6511;
  z-index: -1;
}

.reserve-showroom-staff > div:nth-child(1) {
  top: 0;
  left: 0;
  width: 44vw;
}
.reserve-showroom-staff > div:nth-child(1):before {
  left: -28vw;
  bottom: -2.6666666667vw;
  width: 44vw;
  height: 48vw;
}

.reserve-showroom-staff > div:nth-child(2) {
  top: -6.6666666667vw;
  right: 0;
  width: 44vw;
}
.reserve-showroom-staff > div:nth-child(2):before {
  top: -9.3333333333vw;
  right: -8.6666666667vw;
  width: 44vw;
  height: 48vw;
}
.reserve-showroom-staff > div:nth-child(2) .sec-en {
  top: -12.6666666667vw;
  left: -0.5em;
}

.sec--isahaya .reserve-showroom-staff > div:nth-child(1):after {
  content: "";
  position: absolute;
  top: 6.6666666667vw;
  left: -2vw;
  display: inline-block;
  width: 11.8666666667vw;
  height: 47.3333333333vw;
  background-image: url(../img/showroom/balloon-l_sp.png);
  background-size: contain;
  z-index: 1;
}

.sec--togitsu .reserve-showroom-staff > div:nth-child(2):after {
  content: "";
  position: absolute;
  top: -2.6666666667vw;
  right: -2.6666666667vw;
  display: inline-block;
  width: 11.7333333333vw;
  height: 41.6vw;
  background-image: url(../img/showroom/balloon-r_sp.png);
  background-size: contain;
  z-index: 1;
}

.sec--reserve .sec-head {
  margin-bottom: 5.3333333333vw;
}
.sec--reserve .sec-head:after {
  content: "";
  position: absolute;
  top: -10.6666666667vw;
  right: -2vw;
  display: inline-block;
  width: 19.8666666667vw;
  height: 14.5333333333vw;
  background-image: url(../img/showroom/tools_sp.png);
  background-size: contain;
  z-index: 3;
}

.sec--reserve .sec-ttl {
  margin-top: 0;
  color: #fefefe;
  font-family: "ZenKakuGothicNew", sans-serif;
  font-size: 6.1333333333vw;
  line-height: 1.85em;
}
.sec--reserve .sec-ttl span.mid {
  font-size: 7.2vw;
}
.sec--reserve .sec-ttl span.big {
  font-family: "IBMPlexSansJP", sans-serif;
  font-size: 9.0666666667vw;
}
.sec--reserve .sec-ttl span.ye {
  color: #fff600;
}

.reserve-inquiry {
  position: relative;
}

.reserve-inquiry > div {
  position: relative;
  padding: 2.6666666667vw 2.6666666667vw 5.3333333333vw 2.6666666667vw;
  background-color: #fefefe;
  border-radius: 2.6666666667vw;
  -webkit-box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
  z-index: 2;
}

.reserve-inquiry > div > p {
  position: relative;
  padding: 0.4em 1em 0.5em 1em;
  background-color: #423030;
  border-radius: 1.3333333333vw;
  color: #fefefe;
  font-size: 3.7333333333vw;
  text-align: center;
  line-height: 1.35em;
}

@media screen and (max-width: 750px) {
  .reserve-showroom-staff {
    position: relative;
    margin-bottom: 2.6666666667vw;
    height: 48vw;
  }
  .reserve-showroom-staff > div:nth-child(1) .sec-en {
    display: none;
  }
  .reserve-inquiry {
    margin: 5.3333333333vw 0 0 -2.2666666667vw;
    padding: 5.3333333333vw 0;
    width: 95.2vw;
    z-index: 1;
  }
  .reserve-inquiry:before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    width: 100vw;
    height: 100%;
    background-color: #ffeedf;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: -1;
  }
  .reserve-inquiry-btn {
    margin: 4vw auto 0 auto;
    width: 80vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--reserve {
    padding: 3.4722222222vw 0;
  }
  .sec--reserve:before:before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 23.6111111111vw;
    background-color: #ffeedf;
    z-index: -1;
  }
  .reserve-showroom-staff > div img {
    border-radius: 1.1111111111vw;
  }
  .reserve-showroom-staff > div:nth-child(1) {
    top: -1.3888888889vw;
    left: -15.5555555556vw;
    width: 27.7777777778vw;
  }
  .reserve-showroom-staff > div:nth-child(1):before {
    content: none;
  }
  .reserve-showroom-staff > div:nth-child(2) {
    top: -1.3888888889vw;
    right: -15.5555555556vw;
    width: 27.7777777778vw;
  }
  .reserve-showroom-staff > div:nth-child(2):before {
    top: -3.4722222222vw;
    right: -2.7777777778vw;
    width: 26.7361111111vw;
    height: 21.1805555556vw;
  }
  .reserve-showroom-staff > div:nth-child(2) .sec-en {
    top: -3.125vw;
  }
  .sec--reserve .sec-head {
    margin-bottom: 1.3888888889vw;
  }
  .sec--reserve .sec-head:after {
    top: -2.0833333333vw;
    right: 14.5833333333vw;
    width: 7.2916666667vw;
    height: 5.9027777778vw;
    background-image: url(../img/showroom/tools.png);
    background-image: image-set(url(../img/showroom/tools.png) 1x, url(../img/showroom/tools-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/showroom/tools.png) 1x, url(../img/showroom/tools-2x.png) 2x);
  }
  .sec--isahaya .reserve-showroom-staff > div:nth-child(1):after {
    top: 4.1666666667vw;
    left: 0.6944444444vw;
    width: 6.25vw;
    height: 24.6527777778vw;
    background-image: url(../img/showroom/balloon-l.png);
    background-image: image-set(url(../img/showroom/balloon-l.png) 1x, url(../img/showroom/balloon-l-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/showroom/balloon-l.png) 1x, url(../img/showroom/balloon-l-2x.png) 2x);
  }
  .sec--togitsu .reserve-showroom-staff > div:nth-child(2):after {
    top: -1.3888888889vw;
    right: 2.0833333333vw;
    width: 6.25vw;
    height: 21.6666666667vw;
    background-image: url(../img/showroom/balloon-r.png);
    background-image: image-set(url(../img/showroom/balloon-r.png) 1x, url(../img/showroom/balloon-r-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/showroom/balloon-r.png) 1x, url(../img/showroom/balloon-r-2x.png) 2x);
  }
  .sec--reserve .sec-ttl {
    font-size: 2.5vw;
  }
  .sec--reserve .sec-ttl span.mid {
    font-size: 2.9166666667vw;
  }
  .sec--reserve .sec-ttl span.big {
    font-size: 4.1666666667vw;
  }
  .sec--reserve .showroom-point {
    margin-top: 1.0416666667vw;
  }
  .sec--reserve .showroom-display {
    margin-top: 2.7777777778vw;
  }
  .reserve-inquiry {
    top: -2.7777777778vw;
    margin: 0 auto -2.7777777778vw auto;
  }
  .reserve-inquiry > div {
    padding: 1.0416666667vw 2.4305555556vw 1.3888888889vw 2.4305555556vw;
    width: 65.2777777778vw;
    border-radius: 1.3888888889vw;
  }
  .reserve-inquiry > div > p {
    display: inline-block;
    margin-bottom: 0.6944444444vw;
    padding: 0.2em 1em 0.3em 1em;
    border-radius: 0.3472222222vw;
    font-size: 1.1111111111vw;
  }
  .reserve-inquiry-btn {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .reserve-inquiry-btn > div {
    width: 29.1666666667vw;
  }
  .reserve-tel-btn {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding-left: 2.7777777778vw;
    height: 6.25vw;
    background-color: #12a73b;
    border-color: #12a73b;
    border-style: solid;
    border-width: 0.1388888889vw;
    border-radius: 1.1111111111vw;
  }
  .reserve-tel-btn:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 1.3888888889vw;
    display: inline-block;
    width: 3.4722222222vw;
    height: 3.4722222222vw;
    background-image: url(../img/common/call.svg);
    background-size: contain;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .reserve-tel-btn p {
    color: #fefefe;
    font-weight: 700;
    text-align: center;
  }
  .reserve-tel-btn p:nth-child(1) {
    margin-bottom: 0.5em;
    font-size: 1.1111111111vw;
  }
  .reserve-tel-btn p:nth-child(2) {
    font-size: 2.5vw;
    letter-spacing: 0;
  }
  .reserve-inquiry-btn .inquiry-shop-btn a {
    padding-right: 0;
    height: 6.25vw;
  }
  .reserve-inquiry-btn .inquiry-shop-btn a p:nth-child(1) {
    font-size: 1.9444444444vw;
  }
  .reserve-inquiry-btn .inquiry-shop-btn a p:nth-child(2) {
    margin-bottom: 0.7em;
  }
}
@media screen and (min-width: 1441px) {
  .sec--reserve {
    padding: 50px 0;
  }
  .sec--reserve:before {
    height: 340px;
  }
  .reserve-showroom-staff > div img {
    border-radius: 16px;
  }
  .reserve-showroom-staff > div:nth-child(1) {
    top: -20px;
    left: -224px;
    width: 400px;
  }
  .reserve-showroom-staff > div:nth-child(1):before {
    content: none;
  }
  .reserve-showroom-staff > div:nth-child(1) .sec-en {
    bottom: -150px;
  }
  .reserve-showroom-staff > div:nth-child(2) {
    top: -20px;
    right: -224px;
    width: 400px;
  }
  .reserve-showroom-staff > div:nth-child(2):before {
    top: -50px;
    right: -40px;
    width: 385px;
    height: 305px;
  }
  .reserve-showroom-staff > div:nth-child(2) .sec-en {
    top: -45px;
  }
  .sec--isahaya .reserve-showroom-staff > div:nth-child(1):after {
    top: 60px;
    left: -15px;
    width: 90px;
    height: 355px;
  }
  .sec--togitsu .reserve-showroom-staff > div:nth-child(2):after {
    top: -20px;
    right: 30px;
    width: 90px;
    height: 312px;
  }
  .sec--reserve .sec-head {
    margin-bottom: 20px;
  }
  .sec--reserve .sec-head:after {
    top: 30px;
    right: 210px;
    width: 105px;
    height: 85px;
  }
  .sec--reserve .sec-ttl {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .sec--reserve .sec-ttl span.mid {
    font-size: 42px;
    font-size: 4.2rem;
  }
  .sec--reserve .sec-ttl span.big {
    font-size: 60px;
    font-size: 6rem;
  }
  .sec--reserve .showroom-point {
    margin-top: 15px;
  }
  .sec--reserve .showroom-display {
    margin-top: 40px;
  }
  .reserve-inquiry {
    top: -40px;
    margin: 0 auto -40px auto;
  }
  .reserve-inquiry > div {
    padding: 15px 35px 20px 35px;
    width: 940px;
    border-radius: 20px;
  }
  .reserve-inquiry > div > p {
    margin-bottom: 10px;
    border-radius: 5px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .reserve-inquiry-btn > div {
    width: 420px;
  }
  .reserve-tel-btn {
    padding-left: 40px;
    border-width: 2px;
    border-radius: 16px;
    height: 90px;
  }
  .reserve-tel-btn:before {
    left: 20px;
    width: 50px;
    height: 50px;
  }
  .reserve-tel-btn p:nth-child(1) {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .reserve-tel-btn p:nth-child(2) {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .reserve-inquiry-btn .inquiry-shop-btn a {
    height: 90px;
  }
  .reserve-inquiry-btn .inquiry-shop-btn a p:nth-child(1) {
    font-size: 28px;
    font-size: 2.8rem;
  }
}
/* ------------------------------------------- head - */
.sec--reserve-gallery .sec-head,
.sec--reserve-merit .sec-head {
  margin-bottom: 4vw;
}
.sec--reserve-gallery .sec-en,
.sec--reserve-merit .sec-en {
  font-size: 13.0666666667vw;
}
.sec--reserve-gallery .sec-catch,
.sec--reserve-merit .sec-catch {
  margin-top: 0.3em;
}

@media screen and (min-width: 751px) {
  .sec--reserve-gallery .sec-head,
  .sec--reserve-merit .sec-head {
    margin-bottom: 1.3888888889vw;
  }
  .sec--reserve-gallery .sec-en,
  .sec--reserve-merit .sec-en {
    font-size: 5.9722222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .sec--reserve-gallery .sec-head,
  .sec--reserve-merit .sec-head {
    margin-bottom: 20px;
  }
  .sec--reserve-gallery .sec-en,
  .sec--reserve-merit .sec-en {
    font-size: 86px;
    font-size: 8.6rem;
  }
}
/* ------------------------------------------- gallery - */
.sec--reserve-gallery {
  position: relative;
  margin-top: 13.3333333333vw;
}

.reserve-slide {
  position: relative;
  margin-bottom: 5.3333333333vw;
  padding: 0 9.3333333333vw;
  overflow: hidden;
}

.reserve-thumb {
  overflow: hidden;
}

.reserve-thumb .swiper-slide {
  border-radius: 1.3333333333vw;
  opacity: 0.4;
  overflow: hidden;
  cursor: pointer;
}

.reserve-slide .swiper-slide:before,
.reserve-thumb .swiper-slide:before {
  content: none;
}

.reserve-thumb .swiper-slide-thumb-active {
  opacity: 1;
}

#reserve-prev,
#reserve-next {
  width: 6.6666666667vw;
  height: 13.3333333333vw;
}

#reserve-prev {
  left: 0;
}

#reserve-next {
  right: 0;
}
.raiten-bnr {
  margin: 10vw 0 0;
}
.raiten-bnr p {
  line-height: 1.5;
  margin: 3vw 0 0;
  font-size: 3vw;
}

@media screen and (max-width: 750px) {
  .reserve-slide {
    margin-left: -2.2666666667vw;
    width: 95.2vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--reserve-gallery {
    margin-top: 5.5555555556vw;
  }
  .reserve-slide {
    margin-bottom: 2.4305555556vw;
    padding: 0 5.9027777778vw;
  }
  .reserve-thumb .swiper-slide {
    border-radius: 0.6944444444vw;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .reserve-thumb .swiper-slide:hover {
    opacity: 0.8;
  }
  #reserve-prev,
  #reserve-next {
    width: 2.7777777778vw;
    height: 5.5555555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .sec--reserve-gallery {
    margin-top: 80px;
  }
  .reserve-slide {
    margin-bottom: 35px;
    padding: 0 85px;
  }
  .reserve-thumb .swiper-slide {
    border-radius: 10px;
  }
  #reserve-prev,
  #reserve-next {
    width: 40px;
    height: 80px;
  }
  .raiten-bnr {
    margin: 50px 0 0;
  }
}
/* ------------------------------------------- merit - */
.sec--reserve-merit {
  margin-top: 13.3333333333vw;
  padding-bottom: 13.3333333333vw;
}

.reserve-merit-image img {
  border-radius: 1.3333333333vw;
}

.reserve-merit-content {
  margin-top: 3.3333333333vw;
}
.reserve-merit-content p {
  line-height: 1.5em;
}

@media screen and (max-width: 750px) {
  .reserve-merit {
    margin: 0 auto 8vw auto;
    width: 86.6666666667vw;
  }
  .reserve-merit > li:nth-child(n+2) {
    margin-top: 9.3333333333vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--reserve-merit {
    margin-top: 5.5555555556vw;
    padding-bottom: 6.9444444444vw;
  }
  .reserve-merit {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .reserve-merit > li {
    width: 21.5277777778vw;
  }
  .reserve-merit-image img {
    border-radius: 0.6944444444vw;
  }
  .reserve-merit-content {
    margin-top: 1.0416666667vw;
  }
  .raiten-bnr {
    margin: 5vw 0 0;
  }
  .raiten-bnr p {
    margin: 10px 0 0;
    font-size: 14px;
  }
}
@media screen and (min-width: 1441px) {
  .sec--reserve-merit {
    margin-top: 80px;
    padding-bottom: 100px;
  }
  .reserve-merit > li {
    width: 310px;
  }
  .reserve-merit-image img {
    border-radius: 10px;
  }
  .reserve-merit-content {
    margin-top: 15px;
  }
}
/* ------------------------------------------- staff - */
.sec--staff {
  padding: 8vw 0;
  background-color: #fff8f1;
}

.staff-bg .swiper-wrapper {
  -webkit-transition-timing-function: linear;
          transition-timing-function: linear;
}

.staff-bg .swiper-slide {
  width: 25%;
  height: auto;
  background-size: cover;
  background-position: center;
}
.staff-bg .swiper-slide img {
  width: 100%;
  height: 29.3333333333vw;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: 50% 20%;
     object-position: 50% 20%;
}

.reserve-staff {
  position: relative;
  top: -6.6666666667vw;
  z-index: 1;
  margin: 0 0 -6.6666666667vw -2.2666666667vw;
  width: 95.2vw;
  background-color: #fefefe;
  border-color: #ee781f;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 2.6666666667vw;
  overflow: hidden;
}

.reserve-staff-ttl {
  position: relative;
  padding: 0.5em 1em;
  background-color: #ff7b11;
  color: #fefefe;
  font-size: 6.1333333333vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.25em;
}
.reserve-staff-ttl span {
  position: relative;
  z-index: 1;
}
.reserve-staff-ttl:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 50%;
  background-color: #ff6511;
}

.reserve-staff-box {
  padding: 6.6666666667vw 2.2666666667vw;
}

.staff-btn {
  margin: 7.3333333333vw auto 0 auto;
  width: 72vw;
}

@media screen and (min-width: 751px) {
  .sec--staff {
    padding: 9.7222222222vw 0 3.4722222222vw 0;
  }
  .staff-bg .swiper-slide {
    width: 16.6666%;
  }
  .staff-bg .swiper-slide img {
    height: 15.2777777778vw;
  }
  .reserve-staff {
    top: -2.0833333333vw;
    margin: 0 0 -2.0833333333vw -3.4722222222vw;
    width: 76.3888888889vw;
    border-width: 0.1388888889vw;
    border-radius: 1.3888888889vw;
  }
  .reserve-staff-ttl {
    font-size: 2.2222222222vw;
  }
  .reserve-staff-box {
    padding: 3.4722222222vw;
  }
  .staff-btn {
    margin: 2.7777777778vw auto 0 auto;
    width: 25vw;
  }
}
@media screen and (min-width: 1441px) {
  .sec--staff {
    padding: 140px 0 50px 0;
  }
  .staff-bg .swiper-slide img {
    height: 220px;
  }
  .reserve-staff {
    top: -30px;
    margin: 0 0 -30px -50px;
    width: 1100px;
    border-width: 2px;
    border-radius: 20px;
  }
  .reserve-staff-ttl {
    font-size: 32px;
    font-size: 3.2rem;
  }
  .reserve-staff-box {
    padding: 50px;
  }
  .staff-btn {
    margin: 40px auto 0 auto;
    width: 360px;
  }
}
/* ------------------------------------------- works - */
.page--reserve .sec--works {
  padding: 6.6666666667vw 0 13.3333333333vw 0;
}

@media screen and (min-width: 751px) {
  .page--reserve .sec--works {
    padding: 3.4722222222vw 0 6.9444444444vw 0;
  }
}
@media screen and (min-width: 1441px) {
  .page--reserve .sec--works {
    padding: 50px 0 100px 0;
  }
}
/* ------------------------------------------- update - */
.page--reserve .sec--update {
  padding-top: 16vw;
  background-color: #fefefe;
}

@media screen and (min-width: 751px) {
  .page--reserve .sec--update {
    padding-top: 10.4166666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .page--reserve .sec--update {
    padding-top: 150px;
  }
}
/* ------------------------------------------- faq - */
.sec--faq {
  padding: 10.6666666667vw 0 13.3333333333vw 0;
}
.sec--faq:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 100%;
  height: 0.6666666667vw;
  background-color: #ee781f;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.sec--faq .sec-head {
  margin-bottom: 5.3333333333vw;
}
.sec--faq .sec-head:after {
  content: "";
  position: absolute;
  top: -8.6666666667vw;
  right: -1.3333333333vw;
  display: inline-block;
  width: 13.3333333333vw;
  height: 12.6666666667vw;
  background-image: url(../img/faq/mark.svg);
  background-size: contain;
}

.faq-btn {
  margin: 7.3333333333vw auto 0 auto;
  width: 77.3333333333vw;
}

@media screen and (max-width: 750px) {
  .faq-btn .btn-main {
    padding-right: 2.6666666667vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--faq {
    padding: 5.5555555556vw 0 6.9444444444vw 0;
  }
  .sec--faq:before {
    height: 0.3472222222vw;
  }
  .sec--faq .sec-head {
    margin-bottom: 2.0833333333vw;
  }
  .sec--faq .sec-head:after {
    top: -3.4722222222vw;
    right: 12.8472222222vw;
    width: 6.5972222222vw;
    height: 6.25vw;
  }
  .faq-btn {
    margin: 2.7777777778vw auto 0 auto;
    width: 25vw;
  }
}
@media screen and (min-width: 1441px) {
  .sec--faq {
    padding: 80px 0 100px 0;
  }
  .sec--faq:before {
    height: 5px;
  }
  .sec--faq .sec-head {
    margin-bottom: 30px;
  }
  .sec--faq .sec-head:after {
    top: -50px;
    right: 185px;
    width: 95px;
    height: 90px;
  }
  .faq-btn {
    margin: 40px auto 0 auto;
    width: 360px;
  }
}
/* ------------------------------------------- review - */
.sec--review {
  padding: 13.3333333333vw 0 16vw 0;
  background-color: #fefefe;
}

.sec--review .sec-head {
  margin-bottom: 5.3333333333vw;
}

.reserve-review-image {
  position: relative;
  margin: 0 auto 13.3333333333vw auto;
  width: 70.6666666667vw;
}

.reserve-review-image > div {
  position: relative;
  border-color: #fefefe;
  border-style: solid;
  border-width: 0.6666666667vw;
  -webkit-box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
          box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.reserve-review-image > div:nth-child(2) {
  position: absolute;
  left: -9.3333333333vw;
  bottom: -10.6666666667vw;
  width: 38vw;
  z-index: 1;
  -webkit-transform: rotate(-10deg);
          transform: rotate(-10deg);
}

.reserve-review-content {
  position: relative;
  margin-top: 5.3333333333vw;
  width: 100%;
}

@media screen and (max-width: 750px) {
  .sec--review .sec-ttl {
    font-size: 8vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--review {
    padding: 11.1111111111vw 0 6.9444444444vw 0;
  }
  .sec--review .sec-head {
    margin-bottom: 2.0833333333vw;
  }
  .reserve-review {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .reserve-review-image {
    margin: 0 0 5.5555555556vw 0;
    width: 36.8055555556vw;
  }
  .reserve-review-image > div {
    border-width: 0.3472222222vw;
  }
  .reserve-review-image > div:nth-child(2) {
    left: -3.4722222222vw;
    bottom: -5.5555555556vw;
    width: 19.7916666667vw;
  }
  .reserve-review-content {
    margin-top: 0;
    width: 29.8611111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .sec--review {
    padding: 160px 0 100px 0;
  }
  .sec--review .sec-head {
    margin-bottom: 30px;
  }
  .reserve-review-image {
    margin-bottom: 80px;
    width: 530px;
  }
  .reserve-review-image > div {
    border-width: 5px;
  }
  .reserve-review-image > div:nth-child(2) {
    left: -50px;
    bottom: -80px;
    width: 285px;
  }
  .reserve-review-content {
    width: 430px;
  }
}
/* line
-------------------------------------------------------------------------------*/
/* ------------------------------------------- main - */
.line-main {
  margin-bottom: 10.6666666667vw;
}

.line-main a {
  display: block;
}

@media screen and (min-width: 751px) {
  .line-main {
    margin-bottom: 5.5555555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .line-main {
    margin-bottom: 80px;
  }
}
/* ------------------------------------------- list - */
.line > li {
  position: relative;
  padding: 9.3333333333vw 4vw 5.3333333333vw 4vw;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.8vw;
  border-radius: 2.6666666667vw;
}

.line > li:nth-child(n+2) {
  margin-top: 13.3333333333vw;
}

.line > li .sec-label {
  position: absolute;
  top: -3.3333333333vw;
  left: 50%;
  margin-bottom: 0 !important;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}

.line-ttl {
  margin-bottom: 1.5em;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.5em;
  letter-spacing: 0.05em;
}
.line-ttl span {
  color: #28cb0d;
}

@media screen and (min-width: 751px) {
  .line > li {
    padding: 3.4722222222vw;
    border-width: 0.2777777778vw;
    border-radius: 1.3888888889vw;
  }
  .line > li:nth-child(n+2) {
    margin-top: 5.5555555556vw;
  }
  .line > li .sec-label {
    top: -1.3194444444vw;
  }
  .line-ttl {
    font-size: 1.3888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .line > li {
    padding: 50px;
    border-width: 4px;
    border-radius: 20px;
  }
  .line > li:nth-child(n+2) {
    margin-top: 80px;
  }
  .line > li .sec-label {
    position: absolute;
    top: -19px;
    left: 50%;
    margin-bottom: 0 !important;
    white-space: nowrap;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
    z-index: 1;
  }
  .line-ttl {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* ------------------------------------------- step1 - */
.line-step1 {
  position: relative;
  padding-bottom: 16vw;
}

.line-step1:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 9.3333333333vw 10.6666666667vw 0 10.6666666667vw;
  border-color: #423030 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.line-step1-list {
  margin-top: 6.6666666667vw;
}

.line-step1-head {
  position: relative;
  margin-bottom: 0.5em;
  color: #423030;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.15em;
  letter-spacing: 0.05em;
}

.line-step1-list-contents {
  padding: 6vw 4vw;
  background-color: #fff8f1;
  border-radius: 2.6666666667vw;
}

.line-step1-list-image {
  width: 24vw;
}

.line-step1-list-image a {
  display: block;
}

.line-step1-list-head {
  margin-bottom: 0.5em;
  color: #28cb0d;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.25em;
}

.line-step1-list-desc p {
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 1.5em;
}

@media screen and (max-width: 750px) {
  .line-step1-list > li:nth-child(n+2) {
    margin-top: 7.3333333333vw;
  }
  .line-step1-list-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .line-step1-list-image {
    text-align: center;
  }
  .line-step1-list-content {
    width: 45.3333333333vw;
  }
}
@media screen and (min-width: 751px) {
  .line-step1 {
    padding-bottom: 5.5555555556vw;
  }
  .line-step1:after {
    border-width: 2.7777777778vw 3.4722222222vw 0 3.4722222222vw;
  }
  .line-step1-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 2.0833333333vw;
  }
  .line-step1-list > li {
    width: 29.8611111111vw;
  }
  .line-step1-head {
    font-size: 1.6666666667vw;
  }
  .line-step1-list-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.7361111111vw;
    min-height: 13.5416666667vw;
    border-radius: 1.3888888889vw;
  }
  .line-step1-list-image {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 0;
    width: 9.375vw;
  }
  .line-step1-list-content {
    width: 15.2777777778vw;
  }
  .line-step1-list-head {
    font-size: 1.25vw;
  }
  .line-step1-list-desc p {
    font-size: 1.0416666667vw;
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .line-step1 {
    padding-bottom: 80px;
  }
  .line-step1:after {
    border-width: 40px 50px 0 50px;
  }
  .line-step1-list {
    margin-top: 30px;
  }
  .line-step1-list > li {
    width: 430px;
  }
  .line-step1-head {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .line-step1-list-contents {
    padding: 25px;
    min-height: 195px;
    border-radius: 20px;
  }
  .line-step1-list-image {
    width: 135px;
  }
  .line-step1-list-content {
    width: 220px;
  }
  .line-step1-list-head {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .line-step1-list-desc p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
/* ------------------------------------------- step - */
.line-step {
  margin-top: 10.6666666667vw;
}

.line-step-list {
  padding: 8vw 4vw;
  background-color: #fff8f1;
  border-radius: 2.6666666667vw;
}

.line-step-list li {
  position: relative;
}

.line-step-list-heads {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6.6666666667vw;
}

.line-step-list-num {
  display: block;
  margin-right: 0.3em;
  color: #28cb0d;
  font-family: "ZenKakuGothicNew", sans-serif;
  font-size: 10.1333333333vw;
  font-weight: 400;
}

.line-step-list-head {
  font-size: 4vw;
  font-weight: 500;
  line-height: 1.35em;
  letter-spacing: 0.05em;
}

.line-step-list-image {
  margin: 0 auto;
  width: 38.2666666667vw;
}

@media screen and (max-width: 750px) {
  .line-step-list li:nth-child(n+2) {
    margin-top: 13.3333333333vw;
  }
  .line-step-list li:after {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (min-width: 751px) {
  .line-step {
    margin-top: 3.4722222222vw;
  }
  .line-step-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 4.1666666667vw 1.3888888889vw;
    border-radius: 1.3888888889vw;
  }
  .line-step-list li {
    width: 19.7916666667vw;
  }
  .line-step-list-heads {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: 1.3888888889vw;
  }
  .line-step-list-num {
    margin-right: 0.9027777778vw;
    font-size: 3.1944444444vw;
  }
  .line-step-list-head {
    font-size: 1.0416666667vw;
  }
  .line-step-list-image {
    width: 12.4305555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .line-step {
    margin-top: 50px;
  }
  .line-step-list {
    padding: 60px 20px;
    border-radius: 20px;
  }
  .line-step-list li {
    width: 285px;
  }
  .line-step-list-heads {
    margin-bottom: 20px;
  }
  .line-step-list-num {
    margin-right: 13px;
    font-size: 46px;
    font-size: 4.6rem;
  }
  .line-step-list-head {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .line-step-list-image {
    width: 179px;
  }
}
/* ------------------------------------------- step2 - */
.line-step2-image {
  margin: 0 auto 4vw auto;
  width: 73.3333333333vw;
}

.line-step2-content p {
  font-size: 4vw;
  line-height: 1.5em;
}

@media screen and (min-width: 751px) {
  .line-step2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .line-step2-image {
    margin: 0;
    width: 31.25vw;
  }
  .line-step2-content {
    width: 29.1666666667vw;
  }
  .line-step2-content p {
    font-size: 1.1111111111vw;
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .line-step2-image {
    width: 450px;
  }
  .line-step2-content {
    width: 420px;
  }
  .line-step2-content p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* ------------------------------------------- step3 - */
.line-step3-image {
  margin: 0 auto 6.6666666667vw auto;
  width: 42.6666666667vw;
}

.line-step3-content > div {
  position: relative;
  padding: 3.3333333333vw;
  background-color: #fff8f1;
  border-radius: 1.3333333333vw;
}

.line-step3-label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.2em;
  width: 18.6666666667vw;
  height: 18.6666666667vw;
  background-color: #ee781f;
  border-radius: 50%;
  color: #fefefe;
  font-size: 3.2vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.35em;
  letter-spacing: 0;
}

.line-step3-desc p {
  font-size: 4vw;
  line-height: 1.5em;
}

.line-step3-content > div:nth-child(1) .line-step3-label {
  position: absolute;
  top: 1.3333333333vw;
  left: 1.3333333333vw;
  z-index: 1;
}

.line-step3-content > div:nth-child(2) {
  margin-top: 6.6666666667vw;
}

.line-exam {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: 2.6666666667vw;
}

.line-exam li {
  width: 23.3333333333vw;
}
.line-exam li img {
  border-radius: 0.6666666667vw;
}

@media screen and (max-width: 750px) {
  .line-step3-content > div:nth-child(2) .line-step3-label {
    margin: 0 auto 2.6666666667vw auto;
  }
}
@media screen and (min-width: 751px) {
  .line-step3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .line-step3-image {
    margin: 0;
    width: 22.2222222222vw;
    text-align: center;
  }
  .line-step3-image img {
    width: 15.9722222222vw;
  }
  .line-step3-content {
    width: 38.8888888889vw;
  }
  .line-step3-content > div {
    padding: 1.3888888889vw;
    border-radius: 0.6944444444vw;
  }
  .line-step3-label {
    width: 6.25vw;
    height: 6.25vw;
    font-size: 0.9722222222vw;
  }
  .line-step3-desc p {
    font-size: 1.0416666667vw;
    line-height: 1.75em;
  }
  .line-step3-content > div:nth-child(1) .line-step3-label {
    top: 0.3472222222vw;
    left: 0.3472222222vw;
  }
  .line-step3-content > div:nth-child(2) {
    margin-top: 1.3888888889vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .line-step3-content > div:nth-child(2) .line-step3-desc {
    width: 27.7777777778vw;
  }
  .line-exam {
    margin-bottom: 1.3888888889vw;
  }
  .line-exam li {
    width: 11.4583333333vw;
  }
  .line-exam li img {
    border-radius: 0.3472222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .line-step3-image {
    width: 320px;
  }
  .line-step3-image img {
    width: 230px;
  }
  .line-step3-content {
    width: 560px;
  }
  .line-step3-content > div {
    position: relative;
    padding: 20px;
    border-radius: 10px;
  }
  .line-step3-label {
    width: 90px;
    height: 90px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .line-step3-desc p {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .line-step3-content > div:nth-child(1) .line-step3-label {
    top: 5px;
    left: 5px;
  }
  .line-step3-content > div:nth-child(2) {
    margin-top: 20px;
  }
  .line-step3-content > div:nth-child(2) .line-step3-desc {
    width: 400px;
  }
  .line-exam {
    margin-bottom: 20px;
  }
  .line-exam li {
    width: 165px;
  }
  .line-exam li img {
    border-radius: 5px;
  }
}
/* ------------------------------------------- add - */
.line-add {
  position: relative;
  margin: 10.6666666667vw auto 0 auto;
  background-color: #fefefe;
  border-color: #28cb0d;
  border-style: solid;
  border-width: 0.8vw;
  border-radius: 2.6666666667vw;
  overflow: hidden;
}

.line-add-heads {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 20.6666666667vw;
  z-index: 2;
}

.line-add-heads:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7.3333333333vw 47.0666666667vw 0 47.0666666667vw;
  border-color: #28cb0d transparent transparent transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.line-add-head {
  position: relative;
  color: #fefefe;
  font-family: "IBMPlexSansJP", sans-serif;
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.35em;
}

.line-add-images {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.line-add-images > .line-add-image:nth-child(1) {
  width: 33.4666666667vw;
}

.line-add-images > .line-add-image:nth-child(2) {
  width: 28.4vw;
}

@media screen and (max-width: 750px) {
  .line-add {
    padding-bottom: 6.6666666667vw;
  }
  .line-add-heads {
    margin-bottom: 13.3333333333vw;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    background-color: #28cb0d;
  }
  .line-add-head {
    top: 0.5em;
    text-align: center;
  }
  .line-add-images > .line-add-image:nth-child(2) {
    margin-left: 9.0666666667vw;
  }
}
@media screen and (min-width: 751px) {
  .line-add {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-top: 4.8611111111vw;
    border-width: 0.2777777778vw;
    border-radius: 1.3888888889vw;
  }
  .line-add:before {
    content: "";
    position: absolute;
    top: 0;
    left: -1px;
    width: 20.8333333333vw;
    height: 100%;
    background-color: #28cb0d;
  }
  .line-add:after {
    content: "";
    position: absolute;
    top: 50%;
    right: 4.1666666667vw;
    display: inline-block;
    width: 9.375vw;
    height: 9.4444444444vw;
    background-image: url(../img/line/flick.png);
    background-image: image-set(url(../img/line/flick.png) 1x, url(../img/line/flick-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/line/flick.png) 1x, url(../img/line/flick-2x.png) 2x);
    background-size: contain;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .line-add-heads {
    width: 20.8333333333vw;
    height: 15.9722222222vw;
  }
  .line-add-heads:after {
    top: 50%;
    left: 20.625vw;
    border-width: 7.9861111111vw 0 7.9861111111vw 5.5555555556vw;
    border-color: transparent transparent transparent #28cb0d;
    -webkit-transform: translateX(0) translateY(-50%);
            transform: translateX(0) translateY(-50%);
  }
  .line-add-head {
    left: 3.4722222222vw;
    font-size: 2.0833333333vw;
    line-height: 1.27em;
  }
  .line-add-images {
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 17.3611111111vw 0 7.6388888889vw;
    width: calc(100% - 20.8333333333vw);
  }
  .line-add-images > .line-add-image:nth-child(1) {
    width: 11.1111111111vw;
  }
  .line-add-images > .line-add-image:nth-child(2) {
    width: 9.4444444444vw;
  }
}
@media screen and (min-width: 1441px) {
  .line-add {
    margin-top: 70px;
    border-width: 4px;
    border-radius: 20px;
  }
  .line-add:before {
    width: 300px;
  }
  .line-add:after {
    right: 60px;
    width: 135px;
    height: 136px;
  }
  .line-add-heads {
    width: 300px;
    height: 230px;
  }
  .line-add-heads:after {
    left: 298px;
    border-width: 115px 0 115px 80px;
  }
  .line-add-head {
    left: 50px;
    font-size: 30px;
    font-size: 3rem;
  }
  .line-add-images {
    padding: 0 250px 0 110px;
    width: calc(100% - 300px);
  }
  .line-add-images > .line-add-image:nth-child(1) {
    width: 160px;
  }
  .line-add-images > .line-add-image:nth-child(2) {
    width: 136px;
  }
}
/* page -- > policy
-------------------------------------------------------------------------------*/
.policy div:nth-child(n+2) {
  margin-top: 13.3333333333vw;
}

.policy-head {
  position: relative;
  margin-bottom: 1.5em;
  padding: 0 0 0.7em 1.75em;
  font-size: 4.5333333333vw;
  font-weight: 700;
  line-height: 1.45em;
}
.policy-head:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.8vw;
  background-color: #ee781f;
}

.policy-head span {
  position: absolute;
  top: 0;
  left: 0;
}

.policy-head span:after {
  content: ".";
}
.policy-head2 {
  font-weight: 700;
}
.policy-date {
  text-align: right;
}

.policy a {
  text-decoration: underline;
}
.policy a:hover {
  color: #ee781f;
}
.policy strong {
  font-weight: 700;
}
.policy > p,
.policy ul,
.policy ol {
  padding: 0 0 0 0.5em;
}
.policy p {
  margin-top: 1.5em;
  line-height: 1.5em;
}
.policy ol {
  margin-top: 1.5em;
  counter-reset: number 0;
}
.policy ol li {
  position: relative;
  padding-left: 2em;
  line-height: 1.5em;
}
.policy ol li:before {
  position: absolute;
  top: 0;
  left: 0;
  counter-increment: number 1;
  content: "(" counter(number, decimal) ")";
}
.policy ol li:nth-child(n+2) {
  margin-top: 0.5em;
}

@media screen and (min-width: 751px) {
  .policy div:nth-child(n+2) {
    margin-top: 5.5555555556vw;
  }
  .policy .policy-head {
    font-size: 1.6666666667vw;
  }
  .policy .policy-head:after {
    height: 0.2777777778vw;
  }
  .policy > p,
  .policy ul,
  .policy ol {
    padding: 0 0 0 1.5em;
  }
  .policy p {
    line-height: 1.75em;
  }
  .policy ol li {
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .policy div:nth-child(n+2) {
    margin-top: 80px;
  }
  .policy .policy-head {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .policy .policy-head:after {
    height: 4px;
  }
}
/* page -- > sitemap
-------------------------------------------------------------------------------*/
.sitemap .sitemap-box:nth-child(n+2) {
  margin-top: 13.3333333333vw;
}

.sitemap-menu a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 10.6666666667vw 0.1em 5.3333333333vw;
  height: 14.6666666667vw;
  background-color: #fefefe;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-color: #ee781f;
  border-radius: 7.3333333333vw;
  font-size: 4vw;
  font-weight: 700;
  line-height: 1.28em;
}

.sitemap-menu a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 3.3333333333vw;
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url(../img/common/arrow-og.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

@media screen and (max-width: 750px) {
  .sitemap-menu a:nth-child(n+2) {
    margin-top: 4vw;
  }
  .sitemap-submenu a:nth-child(n+3) {
    margin-top: 1.3333333333vw;
  }
}
@media screen and (min-width: 751px) {
  .sitemap .sitemap-box:nth-child(n+2) {
    margin-top: 5.5555555556vw;
  }
  .sitemap-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -2.0833333333vw;
  }
  .sitemap-menu a {
    margin-left: 2.0833333333vw;
    padding: 0 3.4722222222vw 0.1em 1.7361111111vw;
    width: calc(33.33333% - 2.0833333333vw);
    height: 4.1666666667vw;
    border-width: 0.1388888889vw;
    border-radius: 2.0833333333vw;
    font-size: 1.1111111111vw;
    line-height: 1.33em;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .sitemap-menu a:after {
    right: 0.6944444444vw;
    width: 1.3888888889vw;
    height: 1.3888888889vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .sitemap-menu a:nth-child(n+4) {
    margin-top: 1.3888888889vw;
  }
  .sitemap-menu a:hover {
    background-color: #ee781f;
    color: #fefefe;
  }
  .sitemap-menu a:hover:after {
    -webkit-transform: translateX(0.2em) translateY(-50%);
            transform: translateX(0.2em) translateY(-50%);
  }
}
@media screen and (min-width: 1441px) {
  .sitemap .sitemap-box:nth-child(n+2) {
    margin-top: 80px;
  }
  .sitemap-menu {
    margin-left: -30px;
  }
  .sitemap-menu a {
    margin-left: 30px;
    padding: 0 50px 0.1em 25px;
    width: calc(33.33333% - 30px);
    height: 60px;
    border-radius: 30px;
    border-width: 2px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .sitemap-menu a:after {
    right: 10px;
    width: 20px;
    height: 20px;
  }
  .sitemap-menu a:nth-child(n+4) {
    margin-top: 20px;
  }
}
/*  #service
-------------------------------------------------------------------------------*/
.sec--service .sec-head {
  margin-bottom: 5.3333333333vw;
}

.service {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.service a {
  display: block;
  width: 42.1333333333vw;
  border-radius: 1.3333333333vw;
}

@media screen and (max-width: 750px) {
  .service {
    margin: 0 auto;
    width: 89.8666666667vw;
  }
  .service a:nth-child(n+3) {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--service .sec-head {
    margin-bottom: 2.0833333333vw;
  }
  .service a {
    width: 21.5277777778vw;
    border-radius: 0.6944444444vw;
  }
  .service a:nth-child(1) {
    width: 100% !important;
  }
  .service a:nth-child(n+2) {
    margin-top: 2.0833333333vw;
  }
}
@media screen and (min-width: 1441px) {
  .sec--service .sec-head {
    margin-bottom: 30px;
  }
  .service a {
    width: 310px;
    border-radius: 10px;
  }
  .service a:nth-child(n+2) {
    margin-top: 30px;
  }
}
/*  #pickup
-------------------------------------------------------------------------------*/
.sec--pickup {
  padding: 9.3333333333vw 0 8vw 0;
  background-image: url(../img/common/pattern.jpg);
  background-repeat: repeat;
}
.sec--pickup:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 53.3333333333vw);
  background-color: #fff8f1;
}

.sec--pickup .pickup {
  position: relative;
  z-index: 1;
}

.sec--pickup .pickup > div:nth-child(1) .sec-label:after {
  content: "";
  position: absolute;
  top: -5.0666666667vw;
  right: -6vw;
  display: inline-block;
  width: 9.0666666667vw;
  height: 11.6vw;
  background-image: url(../img/recommend/beginner-sign_sp.png);
  background-size: contain;
}

.pickup-bnr a {
  display: block;
  border-radius: 1.3333333333vw;
}

.pickup > div:nth-child(2) {
  margin-top: 13.3333333333vw;
}

.sec--pickup .pickup > div:nth-child(2) .sec-label:after {
  content: "";
  position: absolute;
  top: -6.6666666667vw;
  right: -10.6666666667vw;
  display: inline-block;
  width: 12.9333333333vw;
  height: 15.3333333333vw;
  background-image: url(../img/pickup/character_sp.png);
  background-size: contain;
}

.pickup-menu a {
  display: block;
  border-radius: 1.3333333333vw;
  -webkit-box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
}

@media screen and (max-width: 750px) {
  .pickup-bnr {
    margin: 10.6666666667vw auto 0 auto;
    width: 85.3333333333vw;
  }
  .pickup-bnr a:nth-child(n+2) {
    margin-top: 4.6666666667vw;
  }
  .pickup-menu a:nth-child(n+2) {
    margin-top: 5.3333333333vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--pickup {
    padding: 4.1666666667vw 0 5.5555555556vw 0;
  }
  .sec--pickup:after {
    height: calc(100% - 22.2222222222vw);
  }
  .sec--pickup .pickup > div:nth-child(1) .sec-label {
    margin-bottom: 2.0833333333vw;
  }
  .sec--pickup .pickup > div:nth-child(1) .sec-label:after {
    top: -1.7361111111vw;
    right: -2.4305555556vw;
    width: 3.8888888889vw;
    height: 5vw;
    background-image: url(../img/recommend/beginner-sign.png);
    background-image: image-set(url(../img/recommend/beginner-sign.png) 1x, url(../img/recommend/beginner-sign-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/recommend/beginner-sign.png) 1x, url(../img/recommend/beginner-sign-2x.png) 2x);
  }
  .sec--pickup .recommend-image {
    margin-bottom: 1.7361111111vw;
  }
  .pickup-bnr {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin: 2.7777777778vw 0 0 -6.9444444444vw;
    width: 83.3333333333vw;
  }
  .pickup-bnr a {
    width: 40.9722222222vw;
    border-radius: 0.6944444444vw;
  }
  .pickup-bnr a:nth-child(2) {
    margin-left: 1.3888888889vw;
  }
  .pickup > div:nth-child(2) {
    margin-top: 5.5555555556vw;
  }
  .sec--pickup .pickup > div:nth-child(2) .sec-label:after {
    top: -1.7361111111vw;
    right: -2.7777777778vw;
    width: 4.2361111111vw;
    height: 5.0694444444vw;
    background-image: url(../img/pickup/character.png);
    background-image: image-set(url(../img/pickup/character.png) 1x, url(../img/pickup/character-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/pickup/character.png) 1x, url(../img/pickup/character-2x.png) 2x);
  }
  .pickup-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -2.7777777778vw;
  }
  .pickup-menu a {
    margin-left: 2.7777777778vw;
    border-radius: 0.6944444444vw;
  }
  .pickup-menu a:nth-child(n+2) {
    margin-top: 1.7361111111vw;
    width: calc(50% - 2.7777777778vw);
  }
}
@media screen and (min-width: 1441px) {
  .sec--pickup {
    padding: 60px 0 80px 0;
  }
  .sec--pickup:after {
    height: calc(100% - 320px);
  }
  .sec--pickup .pickup > div:nth-child(1) .sec-label {
    margin-bottom: 30px;
  }
  .sec--pickup .pickup > div:nth-child(1) .sec-label:after {
    top: -25px;
    right: -35px;
    width: 56px;
    height: 72px;
  }
  .sec--pickup .recommend-image {
    margin-bottom: 25px;
  }
  .pickup-bnr {
    margin: 40px 0 0 -100px;
    width: 1200px;
  }
  .pickup-bnr a {
    width: 590px;
    border-radius: 10px;
  }
  .pickup-bnr a:nth-child(2) {
    margin-left: 20px;
  }
  .pickup > div:nth-child(2) {
    margin-top: 80px;
  }
  .sec--pickup .pickup > div:nth-child(2) .sec-label:after {
    top: -25px;
    right: -40px;
    width: 61px;
    height: 73px;
  }
  .pickup-menu {
    margin-left: -40px;
  }
  .pickup-menu a {
    margin-left: 40px;
    border-radius: 10px;
  }
  .pickup-menu a:nth-child(n+2) {
    margin-top: 25px;
    width: calc(50% - 40px);
  }
}
/*  ttl
-------------------------------------------------------------------------------*/
.ttl:not(.--hojyokinTtl) {
  position: relative;
  padding: 7.3333333333vw 0 6.6666666667vw 0;
  background-color: #fff8f1;
}

.ttl:not(.--hojyokinTtl) > div {
  margin: 0 auto;
  width: 90.6666666667vw;
  text-align: center;
}

.ttl-jp {
  position: relative;
  display: inline-block;
  font-family: "IBMPlexSansJP", sans-serif;
  font-size: 7.7333333333vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.25em;
  letter-spacing: 0.05em;
}
.ttl-jp:after {
  content: "";
  position: absolute;
  top: -1.3333333333vw;
  right: -8vw;
  width: 6.6666666667vw;
  height: 5.8666666667vw;
  background-image: url(../img/sub/leaf.svg);
  background-size: contain;
}

@media screen and (min-width: 751px) {
  .ttl:not(.--hojyokinTtl) {
    padding: 8.3333333333vw 0 3.4722222222vw 0;
  }
  .ttl:not(.--hojyokinTtl) > div {
    width: 69.4444444444vw;
  }
  .ttl-jp {
    font-size: 3.6111111111vw;
  }
  .ttl-jp:after {
    top: -1.3888888889vw;
    right: -4.8611111111vw;
    width: 3.4722222222vw;
    height: 3.0555555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .ttl:not(.--hojyokinTtl) {
    padding: 120px 0 50px 0;
  }
  .ttl:not(.--hojyokinTtl) > div {
    width: 1000px;
  }
  .ttl-jp {
    font-size: 52px;
    font-size: 5.2rem;
  }
  .ttl-jp:after {
    top: -20px;
    right: -70px;
    width: 50px;
    height: 44px;
  }
}
/*  breadcrumb
-------------------------------------------------------------------------------*/
.breadcrumb {
  position: relative;
  background-color: #423030;
  z-index: 2;
}

.breadcrumb-list {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  padding: 2vw 0 2.6666666667vw 0;
  width: 95.2vw;
  z-index: 2;
}

.breadcrumb-list li {
  position: relative;
  color: #fefefe;
  font-size: 3.4666666667vw;
  font-weight: 500;
  line-height: 1.25em;
  letter-spacing: 0;
  white-space: nowrap;
}

.breadcrumb-list li:after {
  content: ">";
  position: relative;
  top: 0;
  margin: 0 3.3333333333vw;
  display: inline-block;
}

.breadcrumb-list li:last-child:after {
  content: none;
}

.breadcrumb-list li a {
  position: relative;
  color: #fefefe;
}

.breadcrumb-list li a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.2em;
  width: 100%;
  height: 0.2666666667vw;
  background-color: #a69e9e;
}

@media screen and (min-width: 751px) {
  .breadcrumb-list {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0 auto;
    padding: 0.6944444444vw 0 0.8333333333vw 0;
    width: 69.4444444444vw;
  }
  .breadcrumb-list li {
    font-size: 0.9722222222vw;
    white-space: normal;
    line-height: 1.8em;
  }
  .breadcrumb-list li:after {
    margin: 0 1.0416666667vw;
  }
  .breadcrumb-list li a {
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .breadcrumb-list li a:after {
    height: 0.1388888889vw;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .breadcrumb-list li a:hover {
    color: #ee781f;
  }
  .breadcrumb-list li a:hover:after {
    background-color: #ee781f;
  }
}
@media screen and (min-width: 1441px) {
  .breadcrumb-list {
    padding: 10px 0 12px 0;
    width: 1000px;
  }
  .breadcrumb-list li {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .breadcrumb-list li:after {
    margin: 0 15px;
  }
  .breadcrumb-list li a:after {
    height: 2px;
  }
}
@media screen and (max-width: 750px) {
  .breadcrumb-list {
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
  }
}
/*  heading
-------------------------------------------------------------------------------*/
.head-b {
  position: relative;
  margin-bottom: 1em;
  padding-bottom: 0.5em;
  font-size: 6.1333333333vw;
  font-weight: 700;
  line-height: 1.35em;
  z-index: 2;
}
.head-b:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5333333333vw;
  background-color: #ff6511;
}

.head-l {
  position: relative;
  margin-bottom: 1em;
  padding-left: 6.6666666667vw;
  padding-bottom: 0.5em;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.35em;
  z-index: 2;
}
.head-l:before {
  content: "";
  position: absolute;
  top: 0.2em;
  left: 0;
  display: inline-block;
  width: 5.3333333333vw;
  height: 4.6666666667vw;
  background-image: url(../img/sub/leaf.svg);
  background-size: contain;
}
.head-l:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5333333333vw;
  background-color: #ff6511;
}

.head-r {
  position: relative;
  margin-bottom: 5.3333333333vw;
}

.head-r-ttl {
  position: relative;
  padding: 0.5em 1em;
  background-color: #ee781f;
  color: #fefefe;
  font-size: 5.3333333333vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.5em;
  z-index: 2;
}

.head-r-desc {
  margin: 1.5em 0 0 -2.4vw;
  padding: 1em;
  background-color: #fefefe;
  border-color: #f0f0f0;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 2vw;
}
.head-r-desc p {
  text-align: left;
  line-height: 1.5em;
}

@media screen and (max-width: 750px) {
  .head-r-ttl {
    margin-left: -4.6666666667vw;
    width: 100vw;
  }
  .head-r-desc {
    width: 95.2vw;
  }
}
@media screen and (min-width: 751px) {
  .head-b {
    font-size: 1.9444444444vw;
  }
  .head-b:after {
    height: 0.2083333333vw;
  }
  .head-l {
    padding-left: 2.7777777778vw;
    font-size: 1.9444444444vw;
  }
  .head-l:before {
    top: 50%;
    margin-top: -0.2em;
    width: 2.0833333333vw;
    height: 1.8055555556vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .head-l:after {
    height: 0.2083333333vw;
  }
  .head-r {
    margin-bottom: 2.0833333333vw;
  }
  .head-r-ttl {
    border-radius: 1.0416666667vw;
    font-size: 2.0833333333vw;
  }
  .head-r-desc {
    margin: 2em auto 0 auto;
    padding: 1.5em;
    width: 59.7222222222vw;
    border-width: 0.1388888889vw;
    border-radius: 1.0416666667vw;
  }
  .head-r-desc p {
    text-align: center;
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .head-b {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .head-b:after {
    height: 3px;
  }
  .head-l {
    padding-left: 40px;
    font-size: 28px;
    font-size: 2.8rem;
  }
  .head-l:before {
    width: 30px;
    height: 26px;
  }
  .head-l:after {
    height: 3px;
  }
  .head-r {
    margin-bottom: 30px;
  }
  .head-r-ttl {
    border-radius: 15px;
    font-size: 30px;
    font-size: 3rem;
  }
  .head-r-desc {
    width: 860px;
    border-width: 2px;
    border-radius: 15px;
  }
}
/*  post
-------------------------------------------------------------------------------*/
.post {
  position: relative;
}

.post--box {
  padding: 8vw 4vw 6.6666666667vw 4vw;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.8vw;
  border-radius: 1.3333333333vw;
}

.post > section:nth-child(n+2) {
  margin-top: 13.3333333333vw;
}

.post-data {
  position: relative;
  margin-bottom: 4vw;
}

.post-cat {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 4.6666666667vw;
  padding: 0.4em 1em 0.5em 1em;
  background-color: #423030;
  border-radius: 5em;
  color: #fefefe;
  font-size: 3.4666666667vw;
  font-weight: 700;
  line-height: 1.25em;
}
.post-cat:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0.2666666667vw;
  height: 3.0666666667vw;
  background-color: #423030;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.post-cat > li:nth-child(n+2)::before {
  content: "/";
  margin: 0 0.25em;
}

.post-date {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.post-date p {
  position: relative;
  padding: 0 0 0.1em 4vw;
  color: #b7b7b7;
  font-family: "Lato", sans-serif;
  font-size: 3.7333333333vw;
  font-weight: 700;
}

.post-date p:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: inline-block;
  width: 3.2vw;
  height: 3.2vw;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.post-date-publish:before {
  background-image: url(../img/post/publish.svg);
}

.post-date-modified:before {
  background-image: url(../img/post/modified.svg);
}

.post-date p:nth-child(n+2) {
  margin-left: 4vw;
}

.post-ttl {
  position: relative;
  margin-bottom: 0.7em;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: 0.05em;
}

@media screen and (max-width: 750px) {
  .post {
    margin-left: -2.2666666667vw;
    width: 95.2vw;
  }
}
@media screen and (min-width: 751px) {
  .post--box {
    margin: 0 auto;
    padding: 4.1666666667vw 4.1666666667vw 3.4722222222vw 4.1666666667vw;
    width: 100%;
    border-width: 0.2777777778vw;
    border-radius: 0.6944444444vw;
  }
  .post--blog {
    padding: 4.1666666667vw 3.8194444444vw;
    width: 59.7222222222vw;
  }
  .post > section:nth-child(n+2) {
    margin-top: 5.5555555556vw;
  }
  .post-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-bottom: 2.4305555556vw;
  }
  .post-cat {
    margin: 0;
    font-size: 1.25vw;
  }
  .post-cat:after {
    width: 0.1388888889vw;
    height: 0.9027777778vw;
  }
  .post-data > div:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .post-date p {
    padding-left: 1.3888888889vw;
    font-size: 0.9722222222vw;
  }
  .post-date p:before {
    width: 1.1111111111vw;
    height: 1.1111111111vw;
  }
  .post-date p:nth-child(n+2) {
    margin-left: 1.3888888889vw;
  }
  .post-ttl {
    font-size: 2.2222222222vw;
    line-height: 1.31em;
  }
}
@media screen and (min-width: 1441px) {
  .post--box {
    padding: 60px 60px 50px 60px;
    border-width: 4px;
    border-radius: 10px;
  }
  .post--blog {
    padding: 60px 55px;
    width: 860px;
  }
  .post > section:nth-child(n+2) {
    margin-top: 80px;
  }
  .post-data {
    margin-bottom: 35px;
  }
  .post-cat {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .post-cat:after {
    width: 2px;
    height: 13px;
  }
  .post-date p {
    padding-left: 20px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .post-date p:before {
    width: 16px;
    height: 16px;
  }
  .post-date p:nth-child(n+2) {
    margin-left: 20px;
  }
  .post-ttl {
    font-size: 32px;
    font-size: 3.2rem;
  }
}
/* editor
-------------------------------------------------------------------------------*/
.editor {
  position: relative;
  margin: 0 auto;
  width: 100%;
  font-family: "NotoSansJP", sans-serif;
}
.editor h2 {
  position: relative;
  margin: 1.3em 0 0.7em 0;
  padding: 0.2em 0.5em 0.3em 0.5em;
  background-color: #ee781f;
  color: #fff;
  font-size: 5.6vw;
  font-weight: 700;
  line-height: 1.35em;
  letter-spacing: 0.1em;
  z-index: 1;
}
.editor h2:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 8.6666666667vw;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 2.6666666667vw 2vw 0 2vw;
  border-color: #ee781f transparent transparent transparent;
}
.editor h3 {
  position: relative;
  margin: 1.5em 0 0.7em 0;
  padding: 0.4em 0.75em 0.5em 12.6666666667vw;
  background-color: #f6f5ee;
  font-size: 5.6vw;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: 0.1em;
  z-index: 1;
}
.editor h3:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 2.6666666667vw;
  display: inline-block;
  width: 6.4vw;
  height: 3.8666666667vw;
  background-image: url(../img/post/deco.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.editor h4 {
  position: relative;
  margin: 2em 0 0.7em 0;
  padding: 0.4em 0 0.5em 4.6666666667vw;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.35em;
  letter-spacing: 0.1em;
}
.editor h4:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 1.0666666667vw;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 1.2vw 0 1.2vw 2vw;
  border-color: transparent transparent transparent #ff6511;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.editor h4:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.8vw;
  background-color: #f38f23;
}
.editor p {
  font-size: 4.2666666667vw;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}
.editor strong {
  color: #ee781f;
  font-weight: 700;
}
.editor img {
  max-width: 100%;
  height: auto;
}
.editor img.alignleft {
  display: block;
}
.editor img.alignright {
  display: block;
}
.editor img.aligncenter {
  display: block;
  margin-top: 1.5em;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5em;
}
.editor .iframe-wrap {
  position: relative;
  margin: 1.5em 0;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.editor .iframe-wrap iframe,
.editor .iframe-wrap object,
.editor .iframe-wrap embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.editor a {
  position: relative;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
}
.editor a:not(.editor-lightbox):after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1em;
  width: 100%;
  height: 0.4vw;
  background-color: #9e9d9d;
}
.editor a:hover {
  opacity: 0.8;
}
.editor strong {
  font-weight: 700;
}
.editor ul {
  margin: 1em 0 1.5em 0;
}
.editor ul li {
  margin-left: 1.5em;
  font-size: 3.7333333333vw;
  list-style-type: square;
  line-height: 1.5em;
}
.editor ol {
  margin: 1em 0 1.5em 0;
}
.editor ol li {
  margin-left: 1.5em;
  font-size: 3.7333333333vw;
  list-style-type: decimal-leading-zero;
  line-height: 1.5em;
}
.editor blockquote {
  margin: 1.5em 1em;
  padding: 1em;
  background-color: #fefefe;
  font-style: italic;
}

@media screen and (max-width: 750px) {
  .editor h2 {
    margin-left: -4vw;
    width: 93.6vw;
  }
  .editor img.alignleft {
    margin: 1.5em auto;
  }
  .editor img.alignright {
    margin: 1.5em auto;
  }
}
@media screen and (min-width: 751px) {
  .editor h2 {
    padding: 0.3em 0.75em 0.4em 0.75em;
    border-radius: 0.6944444444vw;
    font-size: 2.0833333333vw;
    line-height: 1.25em;
  }
  .editor h2:before {
    left: 2.4305555556vw;
    border-width: 1.0416666667vw 0.6944444444vw 0 0.6944444444vw;
  }
  .editor h3 {
    padding-left: 4.1666666667vw;
    font-size: 1.9444444444vw;
    line-height: 1.25em;
  }
  .editor h3:before {
    left: 0.9027777778vw;
    width: 1.9444444444vw;
    height: 1.1805555556vw;
  }
  .editor h4 {
    margin: 1.5em 0 1em 0;
    padding-left: 2.4305555556vw;
    font-size: 1.6666666667vw;
    line-height: 1.25em;
  }
  .editor h4:before {
    left: 0.3472222222vw;
    border-width: 0.5555555556vw 0 0.5555555556vw 1.1111111111vw;
  }
  .editor h4:after {
    height: 0.2083333333vw;
  }
  .editor p {
    font-size: 1.1111111111vw;
    line-height: 1.75em;
  }
  .editor img.alignleft {
    display: inline;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
    float: left;
  }
  .editor img.alignright {
    display: inline;
    margin-top: 1em;
    margin-left: 1em;
    margin-bottom: 1em;
    float: right;
  }
  .editor ul li {
    font-size: 1.1111111111vw;
    line-height: 1.75em;
  }
  .editor ol li {
    font-size: 1.1111111111vw;
    line-height: 1.75em;
  }
  .editor iframe {
    max-width: 100%;
  }
  .editor a:not(.editor-lightbox):after {
    height: 0.1388888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .editor h2 {
    border-radius: 10px;
    font-size: 30px;
    font-size: 3rem;
  }
  .editor h2:before {
    left: 35px;
    border-width: 15px 10px 0 10px;
  }
  .editor h3 {
    padding-left: 60px;
    font-size: 28px;
    font-size: 2.8rem;
  }
  .editor h3:before {
    left: 13px;
    width: 28px;
    height: 17px;
  }
  .editor h4 {
    padding-left: 35px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .editor h4:before {
    left: 5px;
    border-width: 8px 0 8px 16px;
  }
  .editor h4:after {
    height: 3px;
  }
  .editor p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .editor ul li {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .editor ol li {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .editor a:not(.editor-lightbox):after {
    height: 2px;
  }
}
/*  form
-------------------------------------------------------------------------------*/
.form-box {
  position: relative;
  margin: 13.3333333333vw auto 0 auto;
  padding: 10.6666666667vw 4vw;
  width: 95.2vw;
  background-color: #fefefe;
  border-color: #ee781f;
  border-style: solid;
  border-width: 0.8vw;
  border-radius: 2.6666666667vw;
}

.form-box .sec-label {
  position: absolute;
  top: -3.3333333333vw;
  left: 50%;
  margin-bottom: 0;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}

.form-box .sec-en {
  font-size: 13.3333333333vw;
}

.form dl:nth-child(n+2) {
  margin-top: 6.6666666667vw;
}

.form dt {
  position: relative;
  margin-bottom: 0.7em;
  color: #423030;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.26em;
  letter-spacing: 0.1em;
}

.form input[type=text],
.form input[type=email],
.form input[type=tel],
.form input[type=date],
.form select {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1em;
  width: 100%;
  height: 13.3333333333vw;
  background-color: #f9f9f9;
  border-color: #f2f2ec;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 0.6666666667vw;
  color: #423030;
  font-family: "NotoSansJP", sans-serif;
  font-weight: 500;
  line-height: 1.65em;
  letter-spacing: 0.02em;
}

.form input:focus {
  border-color: #ee781f;
}

.form .wpcf7-validates-as-required:not(.wpcf7-checkbox) {
  background-color: #fff6f6 !important;
}

.form-input-age input[type=text] {
  width: 60vw;
}

.form textarea {
  padding: 1em;
  width: 100%;
  height: 57.3333333333vw;
  background-color: #f9f9f9;
  border-color: #f2f2ec;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 0.6666666667vw;
  font-family: "NotoSansJP", sans-serif;
  font-weight: 500;
  line-height: 1.65em;
  letter-spacing: 0.02em;
}

.form-label {
  position: relative;
  top: -0.1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 1em;
  padding: 0 0.5em 0.1em 0.5em;
  height: 5.3333333333vw;
  border-radius: 0.6666666667vw;
  color: #fefefe;
  font-size: 3.2vw;
  font-weight: 500;
  line-height: 1em;
  letter-spacing: 0;
}

.form-label--req {
  background-color: #f0521b;
}

.form-label--unreq {
  background-color: #acacac;
}

.form-hosoku {
  text-indent: -1em;
  padding-left: 1em;
  margin-top: 0.5em;
  font-size: 3.7333333333vw;
  line-height: 1.6em;
}

.form-hosoku:before {
  content: "※";
}

@media screen and (max-width: 750px) {
  .sec-in .form-box,
  .page-in .form-box {
    margin-left: -2.2666666667vw;
  }
  .form input[type=text],
  .form input[type=email],
  .form input[type=tel],
  .form input[type=date],
  .form select,
  .form textarea {
    font-size: max(4.5vw, 16px);
  }
}
@media screen and (min-width: 751px) {
  .form-box {
    margin-top: 6.9444444444vw;
    padding: 5.5555555556vw 6.9444444444vw;
    width: 69.4444444444vw;
    border-width: 0.2777777778vw;
    border-radius: 1.3888888889vw;
  }
  .form-box--inquiry {
    margin-top: 13.8888888889vw;
  }
  .form-box .sec-label {
    top: -1.3194444444vw;
  }
  .form dl:nth-child(n+2) {
    margin-top: 2.4305555556vw;
  }
  .form dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: 1.25vw;
  }
  .form input[type=text],
  .form input[type=email],
  .form input[type=tel],
  .form input[type=date],
  .form select {
    height: 3.8194444444vw;
    border-width: 0.1388888889vw;
    border-radius: 0.3472222222vw;
    font-size: 1.1111111111vw;
    line-height: 1.65em;
  }
  .form-input-zipcode input[type=text] {
    width: 20.8333333333vw;
  }
  .form textarea {
    height: 11.1111111111vw;
    border-width: 0.1388888889vw;
    border-radius: 0.3472222222vw;
    font-size: 1.1111111111vw;
    line-height: 1.75em;
  }
  .form-label {
    height: 1.3888888889vw;
    border-radius: 0.3472222222vw;
    font-size: 0.9027777778vw;
  }
  .form-hosoku {
    font-size: 0.9722222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .form-box {
    margin-top: 100px;
    padding: 80px 100px;
    width: 1000px;
    border-width: 4px;
    border-radius: 20px;
  }
  .form-box--inquiry {
    margin-top: 200px;
  }
  .form-box .sec-label {
    top: -19px;
  }
  .form dl:nth-child(n+2) {
    margin-top: 35px;
  }
  .form dt {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .form input[type=text],
  .form input[type=email],
  .form input[type=tel],
  .form input[type=date],
  .form select {
    height: 55px;
    border-width: 2px;
    border-radius: 5px;
    font-size: 16px;
  }
  .form-input-zipcode input[type=text] {
    width: 300px;
  }
  .form textarea {
    height: 160px;
    border-width: 2px;
    border-radius: 5px;
    font-size: 16px;
  }
  .form-label {
    height: 20px;
    border-radius: 5px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .form-hosoku {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* ---------------------------------- placeholder */
.form input::-webkit-input-placeholder,
.form select::-webkit-input-placeholder,
.form textarea::-webkit-input-placeholder {
  color: #c4c4c4;
}

.form input:-ms-input-placeholder,
.form select:-ms-input-placeholder,
.form textarea:-ms-input-placeholder,
.form input::-ms-input-placeholder,
.form textarea::-ms-input-placeholder {
  color: #c4c4c4;
}

.form input::-moz-placeholder,
.form select::-moz-placeholder,
.form textarea::-moz-placeholder {
  color: #c4c4c4;
}

/* ---------------------------------- radio & checkbox */
.form .wpcf7-radio,
.form .wpcf7-checkbox {
  display: block;
  margin: -4vw 0 0 -8vw;
  width: calc(100% + 8vw);
}

.form .wpcf7-radio .wpcf7-list-item,
.form .wpcf7-checkbox .wpcf7-list-item {
  margin: 4vw 0 0 8vw;
}

.form .wpcf7-radio input[type=radio],
.form .wpcf7-checkbox input[type=checkbox] {
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}

.form input[type=radio] + span,
.form input[type=checkbox] + span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8vw;
  height: 6.6666666667vw;
  font-size: 3.7333333333vw;
  font-weight: 500;
  cursor: pointer;
}

.form input[type=radio] + span::before,
.form input[type=checkbox] + span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 5.6vw;
  height: 5.6vw;
  background-color: #f9f9f9;
  border-color: #f2f2ec;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 0.6666666667vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form input[type=radio] + span::before {
  background-color: #fefefe;
  border-color: #e9e9e9;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 50% !important;
}

.form input[type=radio]:checked + span::after,
.form input[type=checkbox]:checked + span::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
}

.form input[type=radio]:checked + span::after {
  left: 1.6666666667vw;
  width: 3.3333333333vw;
  height: 3.3333333333vw;
  background-color: #ee781f;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form input[type=checkbox]:checked + span::after {
  left: 0.9333333333vw;
  margin-top: -0.2em;
  width: 4vw;
  height: 2vw;
  border-left: 1.0666666667vw solid #ee781f;
  border-bottom: 1.0666666667vw solid #ee781f;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

@media screen and (min-width: 751px) {
  .form .wpcf7-radio,
  .form .wpcf7-checkbox {
    margin: -1.0416666667vw 0 0 -2.7777777778vw;
    width: calc(100% + 2.7777777778vw);
  }
  .form .wpcf7-radio .wpcf7-list-item,
  .form .wpcf7-checkbox .wpcf7-list-item {
    margin: 1.0416666667vw 0 0 2.7777777778vw;
  }
  .form input[type=radio] + span,
  .form input[type=checkbox] + span {
    padding-left: 3.125vw;
    height: 2.0833333333vw;
    font-size: 1.1111111111vw;
  }
  .form input[type=radio] + span::before,
  .form input[type=checkbox] + span::before {
    border-width: 0.1388888889vw;
    border-radius: 0.3472222222vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
  }
  .form input[type=radio] + span::before {
    border-width: 0.1388888889vw;
  }
  .form input[type=radio]:checked + span::after {
    left: 0.5208333333vw;
    width: 1.0416666667vw;
    height: 1.0416666667vw;
  }
  .form input[type=checkbox]:checked + span::after {
    left: 0.3472222222vw;
    width: 1.3888888889vw;
    height: 0.6944444444vw;
    border-left: 0.3472222222vw solid #ee781f;
    border-bottom: 0.3472222222vw solid #ee781f;
  }
}
@media screen and (min-width: 1441px) {
  .form .wpcf7-radio,
  .form .wpcf7-checkbox {
    margin: -15px 0 0 -40px;
    width: calc(100% + 40px);
  }
  .form .wpcf7-radio .wpcf7-list-item,
  .form .wpcf7-checkbox .wpcf7-list-item {
    margin: 15px 0 0 40px;
  }
  .form input[type=radio] + span,
  .form input[type=checkbox] + span {
    padding-left: 45px;
    height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .form input[type=radio] + span::before,
  .form input[type=checkbox] + span::before {
    border-width: 2px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
  }
  .form input[type=radio] + span::before {
    border-width: 2px;
  }
  .form input[type=radio]:checked + span::after {
    left: 7.5px;
    width: 15px;
    height: 15px;
  }
  .form input[type=checkbox]:checked + span::after {
    left: 5px;
    width: 20px;
    height: 10px;
    border-left: 5px solid #ee781f;
    border-bottom: 5px solid #ee781f;
  }
}
/* ---------------------------------- select */
.form-select {
  position: relative;
}

.form-select:before {
  content: "";
  position: absolute;
  top: 5.7333333333vw;
  right: 3.0666666667vw;
  display: inline-block;
  width: 3.2vw;
  height: 2.6666666667vw;
  background-image: url(../img/sub/select.svg);
  background-size: contain;
  pointer-events: none;
  z-index: 1;
}

.form select {
  width: 100%;
}

@media screen and (min-width: 751px) {
  .form-select:before {
    top: 1.6666666667vw;
    right: 1.3888888889vw;
    width: 0.8333333333vw;
    height: 0.6944444444vw;
  }
}
@media screen and (min-width: 1441px) {
  .form-select:before {
    top: 24px;
    right: 20px;
    width: 12px;
    height: 10px;
  }
}
/* ---------------------------------- date */
.form-dates > div:nth-child(n+2) {
  margin-top: 4.6666666667vw;
}

.form-date-head {
  margin-bottom: 0.5em;
  font-weight: 500;
  line-height: 1.25em;
}

.form-date-time {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 2.6666666667vw;
}

.form-date-time > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 43.3333333333vw;
}

.form-date-time > div .form-select {
  width: 34.6666666667vw;
}

.form-date-time div:nth-child(n+2) {
  margin-left: 3.3333333333vw;
}

@media screen and (min-width: 751px) {
  .form-dates > div:nth-child(n+2) {
    margin-top: 1.3888888889vw;
  }
  .form-date {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .form-date-calendar {
    width: 27.0833333333vw;
  }
  .form-date-time {
    margin: 0 0 0 1.0416666667vw;
    width: 19.4444444444vw;
  }
  .form-date-time > div {
    width: 9.0277777778vw;
  }
  .form-date-time > div .form-select {
    width: 7.2916666667vw;
  }
  .form-date-time div:nth-child(n+2) {
    margin-left: 1.0416666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .form-dates > div:nth-child(n+2) {
    margin-top: 20px;
  }
  .form-date-calendar {
    width: 390px;
  }
  .form-date-time {
    margin-left: 15px;
    width: 280px;
  }
  .form-date-time > div {
    width: 130px;
  }
  .form-date-time > div .form-select {
    width: 105px;
  }
  .form-date-time div:nth-child(n+2) {
    margin-left: 15px;
  }
}
/* ---------------------------------- age */
.form-age {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form-age span.unit {
  margin-left: 0.5em;
}

.form-age input {
  width: 42.6666666667vw !important;
}

@media screen and (min-width: 751px) {
  .form-age input {
    width: 13.8888888889vw !important;
  }
}
@media screen and (min-width: 1441px) {
  .form-age input {
    width: 200px !important;
  }
}
/* ---------------------------------- consent */
.form-consent {
  margin-top: 4vw;
  text-align: center;
}

.form-consent p {
  margin-top: 1em;
  font-size: 3.7333333333vw;
  line-height: 1.5em;
}
.form-consent p a {
  position: relative;
  color: #ee781f;
}
.form-consent p a:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.1em;
  width: 100%;
  height: 0.2666666667vw;
  background-color: #ee781f;
}

.form-consent .formErrorContent {
  text-align: center;
}

.form-consent .wpcf7-checkbox {
  display: block;
}

.form-consent .wpcf7-checkbox {
  margin-bottom: 2.6666666667vw;
}

.form-consent .wpcf7-checkbox .wpcf7-list-item {
  margin: 0;
}

.form-consent .wpcf7-checkbox input[type=checkbox] {
  width: 0;
  height: 0;
  visibility: hidden;
  opacity: 0;
}

.form-consent input[type=checkbox] + span {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 8vw;
  height: 6.6666666667vw;
  font-size: 3.7333333333vw;
  font-weight: 600;
  cursor: pointer;
}

.form-consent input[type=checkbox] + span::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 5.6vw;
  height: 5.6vw;
  background-color: #fff6f6;
  border-color: #f2f2ec;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 0.6666666667vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.form-consent input[type=checkbox]:checked + span::after {
  content: "";
  position: absolute;
  top: 50%;
  display: block;
}

.form-consent input[type=checkbox]:checked + span::after {
  left: 0.9333333333vw;
  margin-top: -0.2em;
  width: 4vw;
  height: 2vw;
  border-left: 1.0666666667vw solid #ee781f;
  border-bottom: 1.0666666667vw solid #ee781f;
  -webkit-transform: translateY(-50%) rotate(-45deg);
          transform: translateY(-50%) rotate(-45deg);
}

@media screen and (min-width: 751px) {
  .form-consent {
    margin-top: 2.0833333333vw;
  }
  .form-consent p {
    font-size: 0.9722222222vw;
  }
  .form-consent p a {
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .form-consent p a:after {
    height: 1px;
    -webkit-transition: 0.3s;
    transition: 0.3s;
  }
  .form-consent p a:hover {
    color: #ee781f;
  }
  .form-consent p a:hover:after {
    background-color: #ee781f;
  }
  .form-consent .wpcf7-checkbox {
    margin-bottom: 1.0416666667vw;
  }
  .form-consent input[type=checkbox] + span {
    padding-left: 3.125vw;
    height: 2.0833333333vw;
    font-size: 1.1111111111vw;
  }
  .form-consent input[type=checkbox] + span::before {
    border-width: 0.1388888889vw;
    border-radius: 0.3472222222vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
  }
  .form-consent input[type=checkbox]:checked + span::after {
    left: 0.3472222222vw;
    width: 1.3888888889vw;
    height: 0.6944444444vw;
    border-left: 0.3472222222vw solid #ee781f;
    border-bottom: 0.3472222222vw solid #ee781f;
  }
}
@media screen and (min-width: 1441px) {
  .form-consent {
    margin-top: 30px;
  }
  .form-consent p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .form-consent .wpcf7-checkbox {
    margin-bottom: 15px;
  }
  .form-consent input[type=checkbox] + span {
    padding-left: 45px;
    height: 30px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .form-consent input[type=checkbox] + span::before {
    border-width: 2px;
    border-radius: 5px;
    width: 30px;
    height: 30px;
  }
  .form-consent input[type=checkbox]:checked + span::after {
    left: 5px;
    width: 20px;
    height: 10px;
    border-left: 5px solid #ee781f;
    border-bottom: 5px solid #ee781f;
  }
}
/* ---------------------------------- notes */
.form-notes {
  position: relative;
  margin-top: 4.6666666667vw;
  padding-top: 4.6666666667vw;
}
.form-notes:before {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  width: 86.1333333333vw;
  height: 1px;
  background-color: #eee;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.form-notes p {
  font-size: 3.7333333333vw;
  line-height: 1.5em;
}

@media screen and (min-width: 751px) {
  .form-notes {
    margin-top: 1.7361111111vw;
    padding-top: 1.7361111111vw;
  }
  .form-notes:before {
    width: 48.0555555556vw;
  }
  .form-notes p {
    font-size: 0.9722222222vw;
    text-align: center;
  }
}
@media screen and (min-width: 1441px) {
  .form-notes {
    margin-top: 25px;
    padding-top: 25px;
  }
  .form-notes:before {
    width: 692px;
  }
  .form-notes p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* ---------------------------------- btn */
.form-btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 6.6666666667vw auto 0 auto;
  width: 74.6666666667vw;
  height: 16vw;
  background-color: #fefefe;
  border-color: #ee781f;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 8vw;
  -webkit-box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
  z-index: 1;
}
.form-btn:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2vw;
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url(../img/common/arrow-og.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.form-submit {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 100%;
  color: #423030;
  font-family: "NotoSansJP", sans-serif;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.25em;
  letter-spacing: 0.05em;
  z-index: 1;
}

@media screen and (min-width: 751px) {
  .form-btn {
    margin-top: 2.0833333333vw;
    width: 23.6111111111vw;
    height: 4.1666666667vw;
    border-width: 0.1388888889vw;
    border-radius: 2.0833333333vw;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .form-btn:after {
    right: 1.0416666667vw;
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    -webkit-transition: -webkit-transition 0.3s;
    transition: -webkit-transition 0.3s;
    transition: transition 0.3s;
    transition: transition 0.3s, -webkit-transition 0.3s;
  }
  .form-submit {
    font-size: 1.25vw;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .form-btn:hover {
    background-color: #ee781f;
  }
  .form-btn:hover:after {
    background-image: url(../img/common/arrow-wh.svg);
  }
  .form-btn:hover .form-submit {
    color: #fefefe;
  }
}
@media screen and (min-width: 1441px) {
  .form-btn {
    margin-top: 30px;
    width: 340px;
    height: 60px;
    border-width: 2px;
    border-radius: 30px;
  }
  .form-btn:after {
    right: 15px;
    width: 24px;
    height: 24px;
  }
  .form-submit {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* ---------------------------------- レイアウト崩れ防止 */
div.wpcf7 .ajax-loader,
.wpcf7-spinner {
  display: none !important;
}

/* ---------------------------------- エラー表示 */
.wpcf7-response-output {
  margin: 2em 0 0 0 !important;
  padding: 1em 0.5em !important;
  width: 100%;
  text-align: center;
  line-height: 1.5em;
}

.wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
  display: none !important;
}

.form-checkbox-req .wpcf7-form-control-wrap span.wpcf7-not-valid-tip,
.form-consent .wpcf7-form-control-wrap span.wpcf7-not-valid-tip {
  display: block !important;
}

span.wpcf7-form-control-wrap {
  position: static;
}

.wpcf7-validation-errors {
  padding: 1em !important;
  border: 1px solid #ee781f !important;
}

.wpcf7-not-valid-tip {
  margin-top: 0.75em;
}

.wpcf7-not-valid-tip,
.formError .formErrorContent {
  color: #dc3232;
  font-size: 3.2vw !important;
}

@media screen and (max-width: 750px) {
  .wpcf7-response-output {
    padding: 1em !important;
  }
  .wpcf7-response-output {
    font-size: 2.6666666667vw;
  }
}
@media screen and (min-width: 751px) {
  .wpcf7-not-valid-tip,
  .formError .formErrorContent {
    font-size: 0.9027777778vw !important;
  }
}
@media screen and (min-width: 1441px) {
  .wpcf7-not-valid-tip,
  .formError .formErrorContent {
    font-size: 13px;
    font-size: 1.3rem !important;
  }
}
/*  pagenation
-------------------------------------------------------------------------------*/
.page-archive-navi {
  margin-top: 10.6666666667vw;
}

.page-archive-navi .pagecount {
  margin-bottom: 5.3333333333vw;
  font-family: "Lato", sans-serif;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  letter-spacing: 0.05em;
}
.page-archive-navi .pagecount span {
  display: inline-block;
  margin: 0 0.15em;
  font-size: 1.5em;
}

@media screen and (min-width: 751px) {
  .page-archive-navi {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin: 5.5555555556vw auto 0 auto;
    width: 69.4444444444vw;
    max-width: 100%;
  }
  .page-archive-navi .pagecount {
    margin: 0;
    font-size: 1.25vw;
    text-align: left;
  }
}
@media screen and (min-width: 1441px) {
  .page-archive-navi {
    margin-top: 80px;
    width: 1000px;
  }
  .page-archive-navi .pagecount {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
.pagenation-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.pagenation-list li {
  margin-right: 2.6666666667vw;
}

.pagenation-list li:last-child {
  margin-right: 0;
}

.pagenation-list li div,
.pagenation-list li:not(.pagenation-prev):not(.pagenation-next) a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 8.6666666667vw;
  height: 10.6666666667vw;
  background-color: #fefefe;
  border-color: #423030;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 2vw;
  color: #423030;
  font-family: "Lato", sans-serif;
  font-size: 3.7333333333vw;
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0;
}
.pagenation-list li div span,
.pagenation-list li:not(.pagenation-prev):not(.pagenation-next) a span {
  position: relative;
  z-index: 1;
}

.pagenation-list li.is-current > div {
  background-color: #423030;
  color: #fefefe;
}

.pagenation-prev,
.pagenation-next {
  width: 7.0666666667vw;
  height: 10.6666666667vw;
}

.pagenation-prev a,
.pagenation-next a {
  position: relative;
  display: block;
}
.pagenation-prev a:after,
.pagenation-next a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7.0666666667vw;
  height: 10.6666666667vw;
  background-size: contain;
}

.pagenation-prev a:after {
  background-image: url(../img/post/prev-bw.svg);
}

.pagenation-next a:after {
  background-image: url(../img/post/next-bw.svg);
}

@media screen and (min-width: 751px) {
  .pagenation-list {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    margin-left: 1.7361111111vw;
  }
  .pagenation-list li {
    margin-right: 0.6944444444vw;
  }
  .pagenation-list li div,
  .pagenation-list li:not(.pagenation-prev):not(.pagenation-next) a {
    width: 3.125vw;
    height: 3.4722222222vw;
    border-width: 0.1388888889vw;
    border-radius: 0.6944444444vw;
    font-size: 1.3888888889vw;
  }
  .pagenation-list li:not(.pagenation-prev):not(.pagenation-next) a {
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
  }
  .pagenation-list li:not(.pagenation-prev):not(.pagenation-next) a:hover {
    background-color: #ee781f;
    color: #fefefe;
  }
  .pagenation-prev,
  .pagenation-next {
    width: 2.7777777778vw;
    height: 4.1666666667vw;
  }
  .pagenation-prev a:after,
  .pagenation-next a:after {
    width: 2.7777777778vw;
    height: 4.1666666667vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .pagenation-prev a:hover:after {
    -webkit-transform: translateX(-0.2em);
            transform: translateX(-0.2em);
  }
  .pagenation-next a:hover:after {
    -webkit-transform: translateX(0.2em);
            transform: translateX(0.2em);
  }
}
@media screen and (min-width: 1441px) {
  .pagenation-list {
    margin-left: 25px;
  }
  .pagenation-list li {
    margin-right: 10px;
  }
  .pagenation-list li div,
  .pagenation-list li:not(.pagenation-prev):not(.pagenation-next) a {
    width: 40px;
    height: 60px;
    border-width: 2px;
    border-radius: 10px;
    font-size: 20px;
    font-size: 2rem;
  }
  .pagenation-prev,
  .pagenation-next {
    width: 40px;
    height: 60px;
  }
  .pagenation-prev a:after,
  .pagenation-next a:after {
    width: 40px;
    height: 60px;
  }
}
/*  pagenavi
-------------------------------------------------------------------------------*/
.pagenavi {
  position: relative;
  margin: 8.6666666667vw auto 0 auto;
  width: 81.3333333333vw;
}

.pagenavi-prev,
.pagenavi-next {
  position: absolute;
  top: 50%;
  width: 7.2vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.pagenavi-prev {
  left: 0;
}

.pagenavi-next {
  right: 0;
}

.pagenavi-prev a,
.pagenavi-next a {
  position: relative;
  display: block;
  width: 7.2vw;
  height: 10.6666666667vw;
  border-radius: 1.3333333333vw;
}

.pagenavi-prev a:after,
.pagenavi-next a:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 7.2vw;
  height: 10.6666666667vw;
  background-size: contain;
  z-index: 2;
}

.pagenavi-prev a:after {
  background-image: url(../img/post/prev-og.svg);
}

.pagenavi-next a:after {
  background-image: url(../img/post/next-og.svg);
}

.pagenavi-back {
  position: relative;
  margin: 0 auto;
  width: 61.3333333333vw;
}

.pagenavi-back a {
  position: relative;
  top: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 13.3333333333vw;
  background-color: #fefefe;
  border-color: #f38f23;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 6.6666666667vw;
  -webkit-box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
}
.pagenavi-back a span {
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.25em;
}

@media screen and (min-width: 751px) {
  .pagenavi {
    margin-top: 4.1666666667vw;
    width: 33.3333333333vw;
    height: 4.1666666667vw;
  }
  .pagenavi-prev,
  .pagenavi-next {
    width: 2.7777777778vw;
  }
  .pagenavi-prev a,
  .pagenavi-next a {
    width: 2.7777777778vw;
    height: 4.1666666667vw;
  }
  .pagenavi-prev a:after,
  .pagenavi-next a:after {
    width: 2.7777777778vw;
    height: 4.1666666667vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .pagenavi-prev a:hover:after {
    -webkit-transform: translateX(-0.2em);
            transform: translateX(-0.2em);
  }
  .pagenavi-next a:hover:after {
    -webkit-transform: translateX(0.2em);
            transform: translateX(0.2em);
  }
  .pagenavi-back {
    width: 23.6111111111vw;
  }
  .pagenavi-back a {
    height: 4.1666666667vw;
    border-width: 0.1388888889vw;
    border-radius: 2.0833333333vw;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .pagenavi-back a span {
    font-size: 1.25vw;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .pagenavi-back a:hover {
    background-color: #ee781f;
  }
  .pagenavi-back a:hover span {
    color: #fefefe;
  }
}
@media screen and (min-width: 1441px) {
  .pagenavi {
    margin-top: 60px;
    width: 480px;
    height: 60px;
  }
  .pagenavi-prev,
  .pagenavi-next {
    width: 40px;
  }
  .pagenavi-prev a,
  .pagenavi-next a {
    width: 40px;
    height: 60px;
  }
  .pagenavi-prev a:after,
  .pagenavi-next a:after {
    width: 40px;
    height: 60px;
  }
  .pagenavi-back {
    width: 340px;
  }
  .pagenavi-back a {
    height: 60px;
    border-width: 2px;
    border-radius: 30px;
  }
  .pagenavi-back a span {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/*  front - #recommend
-------------------------------------------------------------------------------*/
.sec--recommend {
  padding: 10.6666666667vw 0 13.3333333333vw 0;
}
.sec--recommend:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 75.3333333333vw;
  background-color: #fff8f1;
  z-index: -1;
}

.sec--recommend .sec-head {
  margin-bottom: 6vw;
  text-align: center;
  z-index: 1;
}

.sec--recommend .sec-label:before, .sec--recommend .sec-label:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-size: contain;
  z-index: -1;
}
.sec--recommend .sec-label:before {
  top: -11.3333333333vw;
  left: -12vw;
  width: 15.8666666667vw;
  height: 12vw;
  background-image: url(../img/recommend/accent_sp.png);
}
.sec--recommend .sec-label:after {
  top: -5.0666666667vw;
  right: -6vw;
  width: 9.0666666667vw;
  height: 11.6vw;
  background-image: url(../img/recommend/beginner-sign_sp.png);
}

.sec--recommend .sec-ttl:before, .sec--recommend .sec-ttl:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-size: contain;
}
.sec--recommend .sec-ttl:before {
  top: 0.9333333333vw;
  left: 0;
  width: 29.7333333333vw;
  height: 22.6666666667vw;
  background-image: url(../img/recommend/glasses_sp.png);
}
.sec--recommend .sec-ttl:after {
  top: 10.4vw;
  right: -1.6vw;
  width: 12.4vw;
  height: 11.7333333333vw;
  background-image: url(../img/recommend/tools_sp.png);
}

.recommend-list a {
  position: relative;
  display: block;
  padding: 2.6666666667vw 2.6666666667vw 4vw 2.6666666667vw;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 1.3333333333vw;
}

.recommend-image {
  margin-bottom: 6.6666666667vw;
  border-radius: 1.3333333333vw;
  overflow: hidden;
}

.recommend-content {
  position: relative;
  text-align: center;
}

.recommend-catch {
  position: absolute;
  top: -9.3333333333vw;
  left: 50%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1.5em 0.1em 1.5em;
  height: 5.3333333333vw;
  background-color: #423030;
  border-radius: 2.6666666667vw;
  color: #fefefe;
  font-size: 3.7333333333vw;
  font-weight: 700;
  white-space: nowrap;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.recommend-catch:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  width: 0.5333333333vw;
  height: 1.3333333333vw;
  background-color: #423030;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.recommend-ttl {
  position: relative;
  font-size: 5.6vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.15em;
  letter-spacing: 0.05em;
}
.recommend-ttl:before {
  content: "";
  position: absolute;
  display: inline-block;
  background-size: contain;
}

.recommend-list--kitchen .recommend-ttl:before {
  top: -14.6666666667vw;
  left: -4vw;
  width: 11.8666666667vw;
  height: 14.1333333333vw;
  background-image: url(../img/recommend/scales.png);
}

.recommend-list--bathroom .recommend-ttl:before {
  top: -0.6666666667vw;
  right: 0;
  width: 7.2vw;
  height: 7.0666666667vw;
  background-image: url(../img/recommend/duck.png);
}

.recommend-list--toilet .recommend-ttl:before {
  top: -1.3333333333vw;
  right: -0.6666666667vw;
  width: 9.0666666667vw;
  height: 8.8vw;
  background-image: url(../img/recommend/paper.png);
}

.recommend-problem {
  display: inline-block;
  margin-top: 2.6666666667vw;
}

.recommend-problem > li {
  position: relative;
  padding-left: 7.3333333333vw;
  font-size: 3.7333333333vw;
  text-align: left;
  line-height: 1.35em;
}
.recommend-problem > li:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 4.8vw;
  height: 4.8vw;
  background-image: url(../img/recommend/check.svg);
  background-size: contain;
}

.recommend-problem > li:nth-child(n+2) {
  margin-top: 2.6666666667vw;
}

.recommend-btn {
  margin: 4vw auto 0 auto;
  width: 50.6666666667vw;
}

.recommend-btn .btn-main {
  height: 11.4666666667vw;
  border-radius: 5.7333333333vw;
}

.recommend-list a:hover .recommend-image img {
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  cursor: pointer;
}

#recommend-pagination {
  margin-top: 6vw;
}

@media screen and (max-width: 750px) {
  .sec--recommend .sec-ttl {
    text-indent: 8.6666666667vw;
  }
  .recommend-list {
    width: 72vw;
  }
  #recommend-slide .swiper-slide {
    margin-right: 4.6666666667vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--recommend {
    padding: 13.5416666667vw 0 6.9444444444vw 0;
  }
  .sec--recommend:after {
    height: 41.3194444444vw;
  }
  .sec--recommend .sec-head {
    margin-bottom: 2.7777777778vw;
  }
  .sec--recommend .sec-label:before {
    top: -6.0416666667vw;
    left: -5.9027777778vw;
    width: 8.125vw;
    height: 6.1111111111vw;
    background-image: url(../img/recommend/accent.png);
    background-image: image-set(url(../img/recommend/accent.png) 1x, url(../img/recommend/accent-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/recommend/accent.png) 1x, url(../img/recommend/accent-2x.png) 2x);
  }
  .sec--recommend .sec-label:after {
    top: -1.7361111111vw;
    right: -2.4305555556vw;
    width: 3.8888888889vw;
    height: 5vw;
    background-image: url(../img/recommend/beginner-sign.png);
    background-image: image-set(url(../img/recommend/beginner-sign.png) 1x, url(../img/recommend/beginner-sign-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/recommend/beginner-sign.png) 1x, url(../img/recommend/beginner-sign-2x.png) 2x);
  }
  .sec--recommend .sec-ttl:before {
    top: -2.4305555556vw;
    left: 2.7777777778vw;
    width: 7.1527777778vw;
    height: 6.3888888889vw;
    background-image: image-set(url(../img/recommend/glasses.png) 1x, url(../img/recommend/glasses-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/recommend/glasses.png) 1x, url(../img/recommend/glasses-2x.png) 2x);
  }
  .sec--recommend .sec-ttl:after {
    top: -3.8194444444vw;
    right: 1.3888888889vw;
    width: 11.5972222222vw;
    height: 9.5833333333vw;
    background-image: url(../img/recommend/tools.png);
    background-image: image-set(url(../img/recommend/tools.png) 1x, url(../img/recommend/tools-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/recommend/tools.png) 1x, url(../img/recommend/tools-2x.png) 2x);
  }
  .recommend {
    margin-left: -6.9444444444vw;
    width: 83.3333333333vw;
  }
  .recommend-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    width: auto;
    height: auto;
  }
  .recommend-list > li {
    width: 26.3888888889vw;
  }
  .recommend-list a {
    padding: 0.6944444444vw 0.6944444444vw 1.7361111111vw 0.6944444444vw;
    border-width: 0.1388888889vw;
    border-radius: 0.6944444444vw;
  }
  .recommend-image {
    margin-bottom: 2.4305555556vw;
    border-radius: 0.6944444444vw;
  }
  .recommend-content {
    padding: 0 0.6944444444vw;
  }
  .recommend-catch {
    top: -3.75vw;
    height: 2.6388888889vw;
    border-radius: 1.3194444444vw;
    font-size: 1.25vw;
  }
  .recommend-catch:after {
    width: 0.1388888889vw;
    height: 0.9027777778vw;
  }
  .recommend-ttl {
    font-size: 2.5vw;
  }
  .recommend-list--kitchen .recommend-ttl:before {
    top: -2.2222222222vw;
    left: -2.0833333333vw;
    width: 6.1805555556vw;
    height: 7.3611111111vw;
    background-image: url(../img/recommend/scales.png);
    background-image: image-set(url(../img/recommend/scales.png) 1x, url(../img/recommend/scales-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/recommend/scales.png) 1x, url(../img/recommend/scales-2x.png) 2x);
  }
  .recommend-list--bathroom .recommend-ttl:before {
    top: 1.0416666667vw;
    right: 0.6944444444vw;
    width: 3.75vw;
    height: 3.6805555556vw;
    background-image: url(../img/recommend/duck.png);
    background-image: image-set(url(../img/recommend/duck.png) 1x, url(../img/recommend/duck-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/recommend/duck.png) 1x, url(../img/recommend/duck-2x.png) 2x);
  }
  .recommend-list--toilet .recommend-ttl:before {
    top: 1.0416666667vw;
    width: 4.7222222222vw;
    height: 4.5833333333vw;
    background-image: url(../img/recommend/paper.png);
    background-image: image-set(url(../img/recommend/paper.png) 1x, url(../img/recommend/paper-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/recommend/paper.png) 1x, url(../img/recommend/paper-2x.png) 2x);
  }
  .recommend-problem {
    margin-top: 1.0416666667vw;
  }
  .recommend-problem > li {
    padding-left: 2.7777777778vw;
    font-size: 1.25vw;
  }
  .recommend-problem > li:before {
    width: 1.5972222222vw;
    height: 1.5972222222vw;
  }
  .recommend-problem > li:nth-child(n+2) {
    margin-top: 0.6944444444vw;
  }
  .recommend-btn {
    margin: 1.7361111111vw auto 0 auto;
    width: 19.4444444444vw;
  }
  .recommend-btn .btn-main {
    padding-right: 1.3888888889vw;
    height: 4.1666666667vw;
    border-radius: 2.0833333333vw;
  }
  .recommend-btn .btn-main span {
    -webkit-transition: none;
    transition: none;
  }
  #recommend-pagination {
    display: none;
  }
}
@media screen and (min-width: 1441px) {
  .sec--recommend {
    padding: 195px 0 100px 0;
  }
  .sec--recommend:after {
    height: 595px;
  }
  .sec--recommend .sec-head {
    margin-bottom: 40px;
  }
  .sec--recommend .sec-label:before {
    top: -87px;
    left: -85px;
    width: 117px;
    height: 88px;
  }
  .sec--recommend .sec-label:after {
    top: -25px;
    right: -35px;
    width: 56px;
    height: 72px;
  }
  .sec--recommend .sec-ttl:before {
    top: -35px;
    left: 40px;
    width: 103px;
    height: 92px;
  }
  .sec--recommend .sec-ttl:after {
    top: -55px;
    right: 20px;
    width: 167px;
    height: 138px;
  }
  .recommend {
    margin-left: -100px;
    width: 1200px;
  }
  .recommend-list > li {
    width: 380px;
  }
  .recommend-list a {
    padding: 10px 10px 25px 10px;
    border-width: 2px;
    border-radius: 10px;
  }
  .recommend-image {
    margin-bottom: 35px;
    border-radius: 10px;
  }
  .recommend-content {
    padding: 0 10px;
  }
  .recommend-catch {
    top: -54px;
    height: 38px;
    border-radius: 19px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .recommend-catch:after {
    width: 2px;
    height: 13px;
  }
  .recommend-ttl {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .recommend-list--kitchen .recommend-ttl:before {
    top: -32px;
    left: -30px;
    width: 89px;
    height: 106px;
  }
  .recommend-list--bathroom .recommend-ttl:before {
    top: 15px;
    right: 10px;
    width: 54px;
    height: 53px;
  }
  .recommend-list--toilet .recommend-ttl:before {
    top: 15px;
    width: 68px;
    height: 66px;
  }
  .recommend-problem {
    margin-top: 15px;
  }
  .recommend-problem > li {
    padding-left: 40px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .recommend-problem > li:before {
    width: 23px;
    height: 23px;
  }
  .recommend-problem > li:nth-child(n+2) {
    margin-top: 10px;
  }
  .recommend-btn {
    margin: 25px auto 0 auto;
    width: 280px;
  }
  .recommend-btn .btn-main {
    padding-right: 20px;
    height: 60px;
    border-radius: 30px;
  }
}
/*  works --> archive
-------------------------------------------------------------------------------*/
.works-category {
  position: relative;
  margin-bottom: 10.6666666667vw;
  text-align: center;
}

.works-category .sec-label {
  position: relative;
  top: 2vw;
  margin-bottom: -2vw;
}

.works-category-desc {
  padding: 6.6666666667vw 4vw 4vw 4vw;
  background-color: #fff8f1;
}
.works-category-desc p {
  text-align: left;
  line-height: 1.5em;
}
.works-category-desc p span {
  color: #ee781f;
}

.works-category-image {
  margin-top: 4.8vw;
}

.works {
  position: relative;
  z-index: 2;
}

@media screen and (max-width: 750px) {
  .works .works-post:nth-child(n+2) {
    margin-top: 10.6666666667vw;
  }
}
@media screen and (min-width: 751px) {
  .works-category {
    margin-bottom: 4.1666666667vw;
  }
  .works-category .sec-label {
    top: 0.8333333333vw;
    margin-bottom: -0.8333333333vw;
  }
  .works-category-desc {
    padding: 2.7777777778vw 1.5em 1.5em 1.5em;
  }
  .works-category-desc p {
    text-align: center;
    line-height: 1.75em;
  }
  .works {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -2.0833333333vw;
  }
  .works .works-post {
    margin-left: 2.0833333333vw;
    width: calc(33.33333% - 2.0833333333vw);
  }
  .works .works-post:nth-child(n+4) {
    margin-top: 3.4722222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .works-category {
    margin-bottom: 60px;
  }
  .works-category .sec-label {
    top: 12px;
    margin-bottom: -12px;
  }
  .works-category-desc {
    padding: 40px 1.5em 1.5em 1.5em;
  }
  .works {
    margin-left: -30px;
  }
  .works .works-post {
    margin-left: 30px;
    width: calc(33.33333% - 30px);
  }
  .works .works-post:nth-child(n+4) {
    margin-top: 50px;
  }
}
/*  works --> single
-------------------------------------------------------------------------------*/
.post--works .works-parts {
  margin-bottom: 1em;
}

@media screen and (max-width: 750px) {
  .page--works02 {
    padding-top: 0;
  }
}
@media screen and (min-width: 751px) {
  .post--works {
    margin-bottom: 1.3888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .post--works {
    margin-bottom: 20px;
  }
}
/* ------------------------------------------- slide - */
.works-after-main {
  position: relative;
  margin: 0 auto 5.3333333333vw auto;
  padding: 0 9.3333333333vw;
  width: 85.6vw;
  overflow: hidden;
}

.works-after-thumb {
  overflow: hidden;
}

.works-after-thumb .swiper-slide {
  border-radius: 1.3333333333vw;
  opacity: 0.4;
  overflow: hidden;
  cursor: pointer;
}

.works-after-main .swiper-slide img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  height: 48vw;
}

.works-after-thumb .swiper-slide img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 14.1333333333vw;
}

.works-after-main .swiper-slide:before,
.works-after-thumb .swiper-slide:before {
  content: none;
}

.works-after-thumb .swiper-slide-thumb-active {
  opacity: 1;
}

#works-after-prev,
#works-after-next {
  width: 6.6666666667vw;
  height: 13.3333333333vw;
}

#works-after-prev {
  left: 0;
}

#works-after-next {
  right: 0;
}

.works-after-main-one .slide-prev,
.works-after-main-one .slide-next {
  display: none;
}

@media screen and (min-width: 751px) {
  .works-after-main {
    margin-bottom: 2.4305555556vw;
    padding: 0 5.9027777778vw;
    width: 100%;
  }
  .works-after-main .swiper-slide img {
    height: 36.1111111111vw;
  }
  .works-after-thumb .swiper-slide img {
    height: 6.9444444444vw;
  }
  .works-after-thumb .swiper-slide {
    border-radius: 0.6944444444vw;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .works-after-thumb .swiper-slide:hover {
    opacity: 0.8;
  }
  #works-after-prev,
  #works-after-next {
    width: 2.7777777778vw;
    height: 5.5555555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .works-after-main {
    margin-bottom: 35px;
    padding: 0 85px;
  }
  .works-after-main .swiper-slide img {
    height: 520px;
  }
  .works-after-thumb .swiper-slide img {
    height: 100px;
  }
  .works-after-thumb .swiper-slide {
    border-radius: 10px;
  }
  #works-after-prev,
  #works-after-next {
    width: 40px;
    height: 80px;
  }
}
/* ------------------------------------------- data - */
.works-data {
  margin-top: 5.3333333333vw;
  border-top: 1px solid #ececec;
}

.works-data dl {
  padding: 3.3333333333vw 2.6666666667vw;
  border-bottom: 1px solid #ececec;
}

.works-data dt {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 6.6666666667vw;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.5em;
}
.works-data dt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4.5333333333vw;
  height: 4.1333333333vw;
  background-image: url(../img/staff/check.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.works-data dd {
  font-weight: 500;
  line-height: 1.5em;
}

@media screen and (min-width: 751px) {
  .works-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-top: 2.4305555556vw;
  }
  .works-data dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 1.3888888889vw 0.6944444444vw;
  }
  .works-data dt {
    margin-bottom: 0;
    padding-left: 1.7361111111vw;
    width: 9.7222222222vw;
    font-size: 1.1111111111vw;
  }
  .works-data dt:before {
    width: 1.0416666667vw;
    height: 0.9722222222vw;
  }
  .works-data-harf {
    width: 29.1666666667vw;
  }
  .works-data-harf dd {
    width: 18.4027777778vw;
  }
  .works-data-full {
    width: 100% !important;
  }
  .works-data-full dd {
    width: calc(100% - 10.7638888889vw);
  }
}
@media screen and (min-width: 1441px) {
  .works-data {
    margin-top: 35px;
    border-top-width: 2px;
  }
  .works-data dl {
    padding: 20px 10px;
  }
  .works-data dt {
    padding-left: 25px;
    width: 140px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .works-data dt:before {
    width: 15px;
    height: 14px;
  }
  .works-data-harf {
    width: 420px;
  }
  .works-data-harf dd {
    width: 265px;
  }
  .works-data-full dd {
    width: calc(100% - 155px);
  }
}
/* ------------------------------------------- desc - */
.works-desc {
  position: relative;
  margin-top: 8vw;
  padding: 1.5em 1em;
  background-color: #fff8f1;
  border-radius: 1.3333333333vw;
  overflow: hidden;
  z-index: 1;
}

.works-desc p {
  line-height: 1.5em;
}

@media screen and (min-width: 751px) {
  .works-desc {
    margin-top: 2.4305555556vw;
    padding: 1.5em;
    border-radius: 0.6944444444vw;
  }
  .works-desc p {
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .works-desc {
    margin-top: 35px;
    border-radius: 10px;
  }
}
/* ------------------------------------------- point - */
.works-point > div:nth-child(n+2) {
  margin-top: 8.6666666667vw;
}

.works-point-image {
  margin-bottom: 4vw;
  border-radius: 1.3333333333vw;
  overflow: hidden;
}

.works-point-image a {
  display: block;
}

.works-point-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 53.3333333333vw;
}

.works-point-content p {
  font-size: 3.7333333333vw;
  line-height: 1.5em;
}

@media screen and (max-width: 750px) {
  .works-point-list {
    margin: 0 auto;
    width: 80vw;
  }
  .works-point-list > li:nth-child(n+2) {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 751px) {
  .works-point > div:nth-child(n+2) {
    margin-top: 3.4722222222vw;
  }
  .works-point-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -2.0833333333vw;
  }
  .works-point-list > li {
    margin-left: 2.0833333333vw;
    width: calc(33.33333% - 2.0833333333vw);
  }
  .works-point-list > li:nth-child(n+4) {
    margin-top: 2.7777777778vw;
  }
  .works-point-image {
    margin-bottom: 0.6944444444vw;
    border-radius: 0.6944444444vw;
  }
  .works-point-image img {
    height: 14.5833333333vw;
  }
  .works-point-content p {
    font-size: 1.0416666667vw;
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .works-point > div:nth-child(n+2) {
    margin-top: 50px;
  }
  .works-point-list {
    margin-left: -30px;
  }
  .works-point-list > li {
    margin-left: 30px;
    width: calc(33.33333% - 30px);
  }
  .works-point-list > li:nth-child(n+4) {
    margin-top: 40px;
  }
  .works-point-image {
    margin-bottom: 10px;
    border-radius: 10px;
  }
  .works-point-image img {
    height: 210px;
  }
  .works-point-content p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
/* ------------------------------------------- voice - */
.sec--works-voice .sec-label {
  margin-bottom: 6.6666666667vw;
}
.sec--works-voice .sec-label:after {
  content: "";
  position: absolute;
  top: -9.3333333333vw;
  right: -8vw;
  display: inline-block;
  width: 11.4666666667vw;
  height: 21.3333333333vw;
  background-image: url(../img/staff/balloon_sp.png);
  background-size: contain;
}

.works-voice-image {
  border-radius: 1.3333333333vw;
  overflow: hidden;
}
.works-voice-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 53.3333333333vw;
}

.works-voice-image a {
  display: block;
}

.works-voice-desc p {
  line-height: 1.5em;
}

.works-voice-btn {
  margin: 4.6666666667vw auto 0 auto;
  width: 74.6666666667vw;
}
.works-voice-btn a {
  padding-right: 2.6666666667vw;
}

@media screen and (max-width: 750px) {
  .works-voice > div:nth-child(n+2) {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--works-voice .sec-label {
    margin-bottom: 2.7777777778vw;
  }
  .sec--works-voice .sec-label:after {
    top: -4.8611111111vw;
    right: -3.125vw;
    width: 5.2083333333vw;
    height: 9.6527777778vw;
    background-image: url(../img/staff/balloon.png);
    background-image: image-set(url(../img/staff/balloon.png) 1x, url(../img/staff/balloon-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/staff/balloon.png) 1x, url(../img/staff/balloon-2x.png) 2x);
  }
  .works-voice {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .works-voice-image {
    width: 24.3055555556vw;
    border-radius: 0.6944444444vw;
  }
  .works-voice-image img {
    height: 15.9722222222vw;
  }
  .works-voice-content {
    width: 34.0277777778vw;
  }
  .works-voice > div:nth-child(n+2) {
    margin-left: 2.2222222222vw;
  }
  .works-voice-desc p {
    line-height: 1.75em;
  }
  .works-voice-btn {
    margin: 2.0833333333vw auto 0 auto;
    width: 23.6111111111vw;
  }
  .works-voice-btn a {
    padding-right: 0.6944444444vw;
  }
}
@media screen and (min-width: 1441px) {
  .sec--works-voice .sec-label {
    margin-bottom: 40px;
  }
  .sec--works-voice .sec-label:after {
    top: -70px;
    right: -45px;
    width: 75px;
    height: 139px;
  }
  .works-voice-image {
    width: 350px;
    border-radius: 10px;
  }
  .works-voice-image img {
    height: 230px;
  }
  .works-voice-content {
    width: 490px;
  }
  .works-voice > div:nth-child(n+2) {
    margin-left: 32px;
  }
  .works-voice-btn {
    margin: 30px auto 0 auto;
    width: 340px;
  }
  .works-voice-btn a {
    padding-right: 10px;
  }
}
/* ------------------------------------------- related - */
.related {
  position: relative;
  margin-top: 13.3333333333vw;
}

.related--lineup .sec-label {
  margin-bottom: 6.6666666667vw;
}
.related--lineup .sec-label:after {
  content: "";
  position: absolute;
  top: -6.6666666667vw;
  left: -8.6666666667vw;
  display: inline-block;
  width: 16vw;
  height: 18vw;
  background-image: url(../img/staff/tools_sp.png);
  background-size: contain;
}

.related--works .sec-label {
  margin-bottom: 6.6666666667vw;
}
.related--works .sec-label:after {
  content: "";
  position: absolute;
  top: -3.3333333333vw;
  right: -8vw;
  display: inline-block;
  width: 10.6666666667vw;
  height: 13.7333333333vw;
  background-image: url(../img/staff/note_sp.png);
  background-size: contain;
}

.related--blog .sec-label:after {
  content: "";
  position: absolute;
  top: -3.6vw;
  left: -7.3333333333vw;
  display: inline-block;
  width: 10.2666666667vw;
  height: 12.8vw;
  background-image: url(../img/staff/book_sp.png);
  background-size: contain;
}

@media screen and (max-width: 750px) {
  .related .works-slide .works-post {
    margin-top: 0;
  }
}
@media screen and (min-width: 751px) {
  .related {
    margin-top: 6.9444444444vw;
  }
  .related--lineup .sec-label {
    margin-bottom: 2.7777777778vw;
  }
  .related--lineup .sec-label:after {
    top: -3.6111111111vw;
    left: -3.125vw;
    width: 6.5972222222vw;
    height: 7.3611111111vw;
    background-image: url(../img/staff/tools.png);
    background-image: image-set(url(../img/staff/tools.png) 1x, url(../img/staff/tools-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/staff/tools.png) 1x, url(../img/staff/tools-2x.png) 2x);
  }
  .related--works .sec-label {
    margin-bottom: 2.7777777778vw;
  }
  .related--works .sec-label:after {
    top: -1.7361111111vw;
    right: -2.7777777778vw;
    width: 4.375vw;
    height: 5.5555555556vw;
    background-image: url(../img/staff/note.png);
    background-image: image-set(url(../img/staff/note.png) 1x, url(../img/staff/note-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/staff/note.png) 1x, url(../img/staff/note-2x.png) 2x);
  }
  .related--blog .sec-label:after {
    top: -1.3888888889vw;
    left: -2.4305555556vw;
    width: 4.1666666667vw;
    height: 5.2083333333vw;
    background-image: url(../img/staff/book.png);
    background-image: image-set(url(../img/staff/book.png) 1x, url(../img/staff/book-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/staff/book.png) 1x, url(../img/staff/book-2x.png) 2x);
  }
  .related #works-slide .swiper-slide:before {
    content: none !important;
  }
  .related #works-pagination {
    display: none;
  }
  .related--blog .blog .blog-post a {
    padding: 0.6944444444vw;
    border-color: #fdebd8;
    border-style: solid;
    border-width: 0.1388888889vw;
    border-radius: 0.6944444444vw;
  }
  .related--blog .blog .blog-post a .new {
    top: 0 !important;
  }
}
@media screen and (min-width: 1441px) {
  .related {
    margin-top: 100px;
  }
  .related--lineup .sec-label {
    margin-bottom: 40px;
  }
  .related--lineup .sec-label:after {
    top: -52px;
    left: -45px;
    width: 95px;
    height: 106px;
  }
  .related--works .sec-label {
    margin-bottom: 40px;
  }
  .related--works .sec-label:after {
    top: -25px;
    right: -40px;
    width: 63px;
    height: 80px;
  }
  .related--blog .sec-label:after {
    top: -20px;
    left: -35px;
    width: 60px;
    height: 75px;
  }
  .related--blog .blog .blog-post a {
    padding: 10px;
    border-width: 2px;
    border-radius: 10px;
  }
}
/* ------------------------------------------- inquiry - */
.inquiry-box-ttl {
  margin-bottom: 1em;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.5em;
}
.inquiry-box-ttl span {
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #fff600));
  background: linear-gradient(transparent 70%, #fff600 70%);
}

.inquiry-balloon {
  position: relative;
  margin-bottom: 6.6666666667vw;
  padding: 2.6666666667vw;
  background-color: #ee781f;
  border-radius: 1.3333333333vw;
}
.inquiry-balloon:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 4vw 2.6666666667vw 0 2.6666666667vw;
  border-color: #ee781f transparent transparent transparent;
}
.inquiry-balloon p {
  color: #fefefe;
  font-size: 4vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.5em;
}

.inquiry--works .inquiry-box {
  padding: 4vw 2.6666666667vw 5.3333333333vw 2.6666666667vw;
}

.inquiry-works-btn {
  margin: 0 auto;
  width: 69.3333333333vw;
}

.inquiry-works-btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: 10.6666666667vw;
  height: 16.8vw;
  background-color: #838383;
  border-color: #838383;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 1.3333333333vw;
  -webkit-box-shadow: 0px 5px 8.5px 1.5px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 8.5px 1.5px rgba(0, 0, 0, 0.1);
}
.inquiry-works-btn a p {
  color: #fefefe;
  font-size: 4.8vw;
  font-weight: 700;
}
.inquiry-works-btn a::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 5.3333333333vw;
  display: inline-block;
  width: 8.1333333333vw;
  height: 5.3333333333vw;
  background-image: url(../img/common/mail-wh.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (max-width: 750px) {
  .inquiry-balloon:after {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (min-width: 751px) {
  .inquiry--works .inquiry-catch {
    padding-left: 0;
  }
  .inquiry--works .inquiry-ttl {
    margin-left: 0;
  }
  .inquiry--works .inquiry-box {
    display: block;
    margin: 0.6944444444vw auto 0 auto;
    padding: 1.3888888889vw 1.3888888889vw 2.0833333333vw 1.3888888889vw;
    width: 76.3888888889vw;
  }
  .inquiry--works > div:after {
    right: 3.4722222222vw;
  }
  .inquiry-box-ttl {
    font-size: 2.0833333333vw;
  }
  .inquiry-box-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .inquiry-balloon {
    margin-bottom: 0;
    padding: 1.0416666667vw 4.1666666667vw;
    border-radius: 0.6944444444vw;
  }
  .inquiry-balloon:after {
    top: 50%;
    left: 100%;
    border-width: 1.0416666667vw 0 1.0416666667vw 1.6666666667vw;
    border-color: transparent transparent transparent #ee781f;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .inquiry-balloon p {
    color: #fefefe;
    font-size: 1.25vw;
    font-weight: 700;
    line-height: 1.5em;
  }
  .inquiry-box-in .inquiry-works-btn {
    margin: 0 0 0 4.1666666667vw;
    width: 23.6111111111vw;
  }
  .inquiry-works-btn a {
    padding-left: 2.7777777778vw;
    height: 4.1666666667vw;
    border-width: 0.1388888889vw;
    border-radius: 1.0416666667vw;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .inquiry-works-btn a p {
    font-size: 1.6666666667vw;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .inquiry-works-btn a:before {
    top: 50%;
    left: 1.3888888889vw;
    width: 2.0138888889vw;
    height: 1.3194444444vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .inquiry-works-btn a:hover {
    background-color: #fefefe;
  }
  .inquiry-works-btn a:hover p {
    color: #838383;
  }
  .inquiry-works-btn a:hover:before {
    background-image: url(../img/common/mail-gy.svg);
  }
}
@media screen and (min-width: 1441px) {
  .inquiry--works .inquiry-box {
    margin: 10px auto 0 auto;
    padding: 20px 20px 30px 20px;
    width: 1100px;
  }
  .inquiry--works > div:after {
    right: 50px;
  }
  .inquiry-box-ttl {
    font-size: 30px;
    font-size: 3rem;
  }
  .inquiry-balloon {
    padding: 15px 60px;
    border-radius: 10px;
  }
  .inquiry-balloon:after {
    border-width: 15px 0 15px 24px;
  }
  .inquiry-balloon p {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .inquiry-box-in .inquiry-works-btn {
    margin-left: 60px;
    width: 340px;
  }
  .inquiry-works-btn a {
    padding-left: 40px;
    height: 60px;
    border-width: 2px;
    border-radius: 15px;
  }
  .inquiry-works-btn a p {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .inquiry-works-btn a:before {
    left: 20px;
    width: 29px;
    height: 19px;
  }
}
/*  staff --> archive
-------------------------------------------------------------------------------*/
.staff-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2.6666666667vw;
}

.staff-menu a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-left: 2.6666666667vw;
  padding-right: 2vw;
  width: calc(50% - 2.6666666667vw);
  height: 12vw;
  background-color: #fefefe;
  border-color: #ee781f;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 6vw;
  font-size: 4.2666666667vw;
  font-weight: 700;
}
.staff-menu a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2vw;
  display: inline-block;
  width: 5.6vw;
  height: 5.6vw;
  background-image: url(../img/common/arrow-og.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.staff-archives {
  position: relative;
  margin-top: 8vw;
}

.staff-archives > div:nth-child(n+2) {
  margin-top: 13.3333333333vw;
}

.staff-archive-post a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2vw;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 1.3333333333vw;
}

.staff-archive-image {
  border-radius: 1.3333333333vw;
  overflow: hidden;
}
.staff-archive-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 48vw;
}

.staff-archive-position {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.5em;
  padding: 0 0.5em;
  height: 5.3333333333vw;
  background-color: #423030;
  border-radius: 2.6666666667vw;
  color: #fefefe;
  font-size: 3.2vw;
  font-weight: 700;
  letter-spacing: 0;
}

.staff-archive-jp {
  font-size: 6.1333333333vw;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: 0.05em;
}

.staff-archive-en {
  position: relative;
  margin-top: 0.5em;
  color: #ee781f;
  font-size: 3.7333333333vw;
}

.staff-archive-message {
  margin-top: 0.5em;
}
.staff-archive-message p {
  font-size: 3.4666666667vw;
  line-height: 1.35em;
}

@media screen and (max-width: 750px) {
  .staff-menu a:nth-child(n+3) {
    margin-top: 2.6666666667vw;
  }
  .staff-archive .staff-archive-post:nth-child(n+2) {
    margin-top: 6.6666666667vw;
  }
  .staff-archive-image {
    width: 40vw;
  }
  .staff-archive-content {
    width: 41.3333333333vw;
  }
}
@media screen and (min-width: 751px) {
  .staff-menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -1.3888888889vw;
  }
  .staff-menu a {
    margin-bottom: 1.3888888889vw;
    margin-left: 1.3888888889vw;
    padding: 0;
    width: calc(33.33333% - 20px);
    height: 4.1666666667vw;
    border-radius: 2.0833333333vw;
    border-width: 0.1388888889vw;
    font-size: 1.1111111111vw;
    -webkit-transition: background-color 0.3s, color 0.3s;
    transition: background-color 0.3s, color 0.3s;
  }
  .staff-menu a:after {
    right: 1.0416666667vw;
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .staff-menu a:hover {
    background-color: #ee781f;
    color: #fefefe;
  }
  .staff-menu a:hover:after {
    background-image: url(../img/common/arrow-wh.svg);
    -webkit-transform: translateX(0.2em) translateY(-50%);
            transform: translateX(0.2em) translateY(-50%);
  }
  .staff-archives {
    margin-top: 2.082vw;
  }
  .staff-archives > div:nth-child(n+2) {
    margin-top: 5.5555555556vw;
  }
  .staff-archive {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -2.0833333333vw;
  }
  .staff-archive-post {
    margin-left: 2.0833333333vw;
    width: calc(33.33333% - 2.0833333333vw);
  }
  .staff-archive .staff-archive-post:nth-child(n+4) {
    margin-top: 3.4722222222vw;
  }
  .staff-archive-post a {
    display: block;
    padding: 0.6944444444vw 0.6944444444vw 1.3888888889vw 0.6944444444vw;
    border-width: 0.1388888889vw;
    border-radius: 0.6944444444vw;
  }
  .staff-archive-image {
    margin-bottom: 1.0416666667vw;
    border-radius: 0.6944444444vw;
  }
  .staff-archive-image img {
    height: 22.2222222222vw;
  }
  .staff-archive-content {
    padding: 0 0.5555555556vw;
  }
  .staff-archive-position {
    margin-bottom: 0.7em;
    padding: 0 1em 0.1em 1em;
    height: 1.6666666667vw;
    border-radius: 0.8333333333vw;
    font-size: 0.9027777778vw;
  }
  .staff-archive-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
  }
  .staff-archive-jp {
    font-size: 1.6666666667vw;
  }
  .staff-archive-en {
    top: -0.2em;
    margin: 0 0 0 0.75em;
    font-size: 0.9722222222vw;
  }
  .staff-archive-message p {
    font-size: 1.1111111111vw;
    line-height: 1.5em;
  }
}
@media screen and (min-width: 1441px) {
  .staff-menu {
    margin-left: -20px;
  }
  .staff-menu a {
    margin-bottom: 20px;
    margin-left: 20px;
    width: calc(33.33333% - 20px);
    height: 60px;
    border-radius: 30px;
    border-width: 2px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .staff-menu a:after {
    right: 15px;
    width: 24px;
    height: 24px;
  }
  .staff-archives {
    margin-top: 30px;
  }
  .staff-archives > div:nth-child(n+2) {
    margin-top: 80px;
  }
  .staff-archive {
    margin-left: -30px;
  }
  .staff-archive-post {
    margin-left: 30px;
    width: calc(33.33333% - 30px);
  }
  .staff-archive-post a {
    padding: 10px 10px 20px 10px;
    border-width: 2px;
    border-radius: 10px;
  }
  .staff-archive .staff-archive-post:nth-child(n+4) {
    margin-top: 50px;
  }
  .staff-archive-image {
    margin-bottom: 15px;
    border-radius: 10px;
  }
  .staff-archive-image img {
    height: 320px;
  }
  .staff-archive-content {
    padding: 0 8px;
  }
  .staff-archive-position {
    height: 24px;
    border-radius: 12px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .staff-archive-jp {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .staff-archive-en {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .staff-archive-message p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/*  staff --> single
-------------------------------------------------------------------------------*/
.staff {
  position: relative;
  padding: 22.6666666667vw 3.3333333333vw 6.6666666667vw 3.3333333333vw;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 2.6666666667vw;
}

.staff .post-cat {
  margin-bottom: 2.6666666667vw;
}

.staff-name {
  position: relative;
  margin-bottom: 2.6666666667vw;
}

.staff-jp {
  position: relative;
  font-size: 6.4vw;
  font-weight: 700;
  line-height: 1.25em;
  letter-spacing: 0.05em;
}

.staff-en {
  position: relative;
  margin-top: 0.5em;
  color: #ffce55;
  font-size: 3.7333333333vw;
}

.staff-data {
  text-align: left;
}

.staff-data dl {
  padding: 3.3333333333vw 2.6666666667vw;
  border-bottom: 1px solid #ececec;
}

.staff-data dt {
  position: relative;
  margin-bottom: 0.5em;
  padding-left: 6.6666666667vw;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.5em;
}
.staff-data dt:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 0;
  width: 4.5333333333vw;
  height: 4.1333333333vw;
  background-image: url(../img/staff/check.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.staff-data dd {
  font-weight: 500;
  line-height: 1.5em;
}

.staff-image {
  position: relative;
  margin: 0 auto 5.3333333333vw auto;
  width: 53.3333333333vw;
  border: 1px solid #f4f4f4;
  border-radius: 2.6666666667vw;
  -webkit-transform: rotate(-3deg);
          transform: rotate(-3deg);
  overflow: hidden;
}
.staff-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 66.6666666667vw;
}

@media screen and (max-width: 750px) {
  .staff .post-cat {
    position: absolute;
    top: 8vw;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .staff-content {
    text-align: center;
  }
}
@media screen and (min-width: 751px) {
  .staff {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 2.4305555556vw 4.1666666667vw 2.0833333333vw 2.0833333333vw;
    border-width: 0.1388888889vw;
    border-radius: 1.3888888889vw;
  }
  .staff-image {
    margin: 0;
    width: 20.8333333333vw;
    border-radius: 0.6944444444vw;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .staff-image img {
    height: 27.7777777778vw;
  }
  .staff-content {
    width: 35.4166666667vw;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .staff .post-cat {
    margin-bottom: 1.7361111111vw;
  }
  .staff-name {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    margin-bottom: 1.3888888889vw;
    text-align: left;
  }
  .staff-jp {
    font-size: 2.5vw;
  }
  .staff-en {
    top: -0.2em;
    margin: 0 0 0 0.75em;
    font-size: 1.1111111111vw;
  }
  .staff-data dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    padding: 1.3888888889vw 0.6944444444vw;
  }
  .staff-data dt {
    margin-bottom: 0;
    padding-left: 1.7361111111vw;
    width: 9.7222222222vw;
    font-size: 1.1111111111vw;
  }
  .staff-data dt:before {
    width: 1.0416666667vw;
    height: 0.9722222222vw;
  }
  .staff-data dd {
    width: calc(100% - 10.7638888889vw);
  }
}
@media screen and (min-width: 1441px) {
  .staff {
    padding: 35px 60px 30px 30px;
    border-width: 2px;
    border-radius: 20px;
  }
  .staff-image {
    width: 300px;
    border-radius: 10px;
  }
  .staff-image img {
    height: 400px;
  }
  .staff-content {
    width: 510px;
  }
  .staff .post-cat {
    margin-bottom: 25px;
  }
  .staff-name {
    margin-bottom: 20px;
  }
  .staff-jp {
    font-size: 36px;
    font-size: 3.6rem;
  }
  .staff-en {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .staff-data dl {
    padding: 20px 10px;
  }
  .staff-data dt {
    padding-left: 25px;
    width: 140px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .staff-data dt:before {
    width: 15px;
    height: 14px;
  }
  .staff-data dd {
    width: calc(100% - 155px);
  }
}
/* ------------------------------------------- message - */
.staff-message {
  padding: 8vw 5.3333333333vw 5.3333333333vw 5.3333333333vw;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 2.6666666667vw;
  text-align: center;
}

.staff-message-ttl {
  position: relative;
  display: inline-block;
  margin-bottom: 1.2em;
  padding-bottom: 0.5em;
  border-bottom-color: #ff6511;
  border-bottom-style: solid;
  border-bottom-width: 0.6666666667vw;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
}
.staff-message-ttl:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.3333333333vw 1.8666666667vw 0 1.8666666667vw;
  border-color: #ff6511 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
.staff-message-ttl:after {
  content: "";
  position: absolute;
  top: -3.0666666667vw;
  right: -16vw;
  display: inline-block;
  width: 13.0666666667vw;
  height: 13.3333333333vw;
  background-image: url(../img/staff/stationery_sp.png);
  background-size: contain;
}

.staff-message-desc p {
  text-align: left;
  line-height: 1.5em;
}

@media screen and (min-width: 751px) {
  .staff-message {
    margin: 0 auto;
    padding: 2.7777777778vw 3.8194444444vw 3.4722222222vw 3.8194444444vw;
    width: 55.5555555556vw;
    border-width: 0.1388888889vw;
    border-radius: 1.3888888889vw;
  }
  .staff-message-ttl {
    border-bottom-width: 0.2083333333vw;
    font-size: 1.9444444444vw;
  }
  .staff-message-ttl:before {
    border-width: 1.3888888889vw 0.8333333333vw 0 0.8333333333vw;
  }
  .staff-message-ttl:after {
    top: -1.3888888889vw;
    right: -6.25vw;
    width: 5.3472222222vw;
    height: 5.4166666667vw;
    background-image: url(../img/staff/stationery.png);
    background-image: image-set(url(../img/staff/stationery.png) 1x, url(../img/staff/stationery-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/staff/stationery.png) 1x, url(../img/staff/stationery-2x.png) 2x);
  }
  .staff-message-desc p {
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .staff-message {
    padding: 40px 55px 50px 55px;
    width: 800px;
    border-width: 2px;
    border-radius: 20px;
  }
  .staff-message-ttl {
    border-bottom-width: 3px;
    font-size: 28px;
    font-size: 2.8rem;
  }
  .staff-message-ttl:before {
    border-width: 20px 12px 0 12px;
  }
  .staff-message-ttl:after {
    top: -20px;
    right: -90px;
    width: 77px;
    height: 78px;
  }
}
/* ------------------------------------------- gallery - */
.sec--gallery .sec-label:after {
  content: "";
  position: absolute;
  top: -3.2vw;
  right: -8.6666666667vw;
  display: inline-block;
  width: 12.4vw;
  height: 10vw;
  background-image: url(../img/gallery/camera_sp.png);
  background-size: contain;
}

.gallery-slide {
  position: relative;
  margin: 0 auto;
}

.gallery-main {
  position: relative;
  margin: 0 auto 5.3333333333vw auto;
  padding: 0 9.3333333333vw;
  width: 85.6vw;
  overflow: hidden;
}

.gallery-main img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  height: 50.6666666667vw;
}

.gallery-thumb {
  overflow: hidden;
}

.gallery-thumb img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 16vw;
}

.gallery-thumb .swiper-slide {
  border: 0.2666666667vw solid #eaeae8;
  border-radius: 1.3333333333vw;
  overflow: hidden;
  opacity: 0.4;
  -webkit-transition: opacity 0.3s;
  transition: opacity 0.3s;
  cursor: pointer;
}

.gallery-slide .swiper-slide:before,
.gallery-thumb .swiper-slide:before {
  content: none;
}

.gallery-thumb .swiper-slide-thumb-active {
  opacity: 1;
}

#gallery-prev,
#gallery-next {
  width: 6.6666666667vw;
  height: 13.3333333333vw;
}

#gallery-prev {
  left: 0;
}

#gallery-next {
  right: 0;
}

.gallery-main-one .slide-prev,
.gallery-main-one .slide-next {
  display: none;
}

@media screen and (max-width: 750px) {
  .post--staff .gallery-main {
    margin: 0 0 5.3333333333vw -2.1333333333vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--gallery .sec-label:after {
    top: -1.3888888889vw;
    right: -3.4722222222vw;
    width: 5.0694444444vw;
    height: 4.0972222222vw;
    background-image: url(../img/gallery/camera.png);
    background-image: image-set(url(../img/gallery/camera.png) 1x, url(../img/gallery/camera-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/gallery/camera.png) 1x, url(../img/gallery/camera-2x.png) 2x);
  }
  .gallery-slide {
    width: 47.2222222222vw;
  }
  .gallery-main {
    margin: 0 0 2.4305555556vw 0;
    padding: 0 4.8611111111vw;
    width: auto;
  }
  .gallery-main img {
    height: 26.3888888889vw;
  }
  .gallery-thumb .swiper-slide {
    border-width: 0.1388888889vw;
    border-radius: 0.6944444444vw;
    -webkit-transition: opacity 0.4s;
    transition: opacity 0.4s;
  }
  .gallery-thumb .swiper-slide:hover {
    opacity: 0.8;
  }
  .gallery-thumb img {
    height: 6.25vw;
  }
  #gallery-prev,
  #gallery-next {
    width: 2.7777777778vw;
    height: 5.5555555556vw;
  }
  #gallery-prev {
    left: 0;
  }
  #gallery-next {
    right: 0;
  }
}
@media screen and (min-width: 1441px) {
  .sec--gallery .sec-label:after {
    top: -20px;
    right: -50px;
    width: 73px;
    height: 59px;
  }
  .gallery-slide {
    width: 680px;
  }
  .gallery-main {
    margin-bottom: 35px;
    padding: 0 70px;
  }
  .gallery-main img {
    height: 380px;
  }
  .gallery-thumb img {
    height: 90px;
  }
  .gallery-thumb .swiper-slide {
    border-width: 2px;
    border-radius: 10px;
  }
  #gallery-prev,
  #gallery-next {
    width: 40px;
    height: 80px;
  }
}
/*  blog --> archive
-------------------------------------------------------------------------------*/
.blog {
  position: relative;
}

@media screen and (min-width: 751px) {
  .blog {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -2.7777777778vw;
  }
  .blog .blog-post {
    margin-left: 2.7777777778vw;
    width: calc(50% - 2.7777777778vw);
  }
}
@media screen and (min-width: 1441px) {
  .blog {
    margin-left: -40px;
  }
  .blog .blog-post {
    margin-left: 40px;
    width: calc(50% - 40px);
  }
}
/* ------------------------------------------- side - */
.blog-contents {
  margin-left: -2.2666666667vw;
  padding: 2.2666666667vw;
  width: 95.2vw;
  background-color: #fefefe;
}

.blog-side {
  margin-top: 16vw;
}

.blog-side-block > div:nth-child(n+2) {
  margin-top: 8vw;
}

.blog-side-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 1em;
  height: 12vw;
  background-color: #423030;
  border-radius: 1.3333333333vw 1.3333333333vw 0 0;
  color: #fefefe;
  font-size: 4.8vw;
  font-weight: 700;
}

.blog-side-content {
  padding: 2vw 4vw 4vw 4vw;
  background-color: #fefefe;
  border-color: #f1f1eb;
  border-style: solid;
  border-width: 0.4vw;
  border-top: none !important;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
}

.blog-side-cat li {
  position: relative;
}

.blog-side-cat li a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1em 9.3333333333vw 1em 2.6666666667vw;
  border-bottom-color: #f1f1eb;
  border-bottom-style: solid;
  border-bottom-width: 0.4vw;
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 1.28em;
}

.blog-side-cat li a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2vw;
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url(../img/common/arrow-og.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
}

@media screen and (min-width: 751px) {
  .blog-archives {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-left: -6.9444444444vw;
    width: 83.3333333333vw;
  }
  .blog-contents {
    margin: 0;
    padding: 1.0416666667vw;
    width: 61.1111111111vw;
  }
  .blog-side {
    margin: 0;
    width: 18.75vw;
  }
  .blog-side-block > div:nth-child(n+2) {
    margin-top: 3.4722222222vw;
  }
  .blog-side-head {
    height: 3.125vw;
    border-radius: 0.6944444444vw 0.6944444444vw 0 0;
    font-size: 1.25vw;
  }
  .blog-side-content {
    padding: 0 1.3888888889vw 1.0416666667vw 1.3888888889vw;
    border-width: 0.1388888889vw;
    border-radius: 0 0 0.6944444444vw 0.6944444444vw;
  }
  .blog-side-cat li a {
    padding: 1em 2.7777777778vw 1em 0;
    border-bottom-width: 0.1388888889vw;
    font-size: 1.1111111111vw;
  }
  .blog-side-cat li a:after {
    right: 0;
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .blog-side-cat li a:hover::after {
    -webkit-transform: translateX(0.2em) translateY(-50%);
            transform: translateX(0.2em) translateY(-50%);
  }
}
@media screen and (min-width: 1441px) {
  .blog-archives {
    margin-left: -100px;
    width: 1200px;
  }
  .blog-contents {
    padding: 15px;
    width: 880px;
  }
  .blog-side {
    width: 270px;
  }
  .blog-side-block > div:nth-child(n+2) {
    margin-top: 50px;
  }
  .blog-side-head {
    height: 45px;
    border-radius: 10px 10px 0 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .blog-side-content {
    padding: 0 20px 15px 20px;
    border-width: 2px;
    border-radius: 0 0 10px 10px;
  }
  .blog-side-cat li a {
    padding-right: 40px;
    font-size: 16px;
    font-size: 1.6rem;
    border-bottom-width: 2px;
  }
  .blog-side-cat li a:after {
    width: 24px;
    height: 24px;
  }
}
/* ------------------------------------------- rank - */
.blog-rank {
  margin: 0 auto;
  width: 100%;
}

.blog-rank li {
  position: relative;
}

.blog-rank-num {
  position: absolute;
  top: 2vw;
  left: -1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-bottom: 0.1em;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  color: #fefefe;
  font-family: "Lato", sans-serif;
  font-weight: 700;
  font-size: 4.5333333333vw;
  letter-spacing: 0;
  z-index: 3;
}

.blog-rank li:nth-child(1) .blog-rank-num,
.blog-rank li:nth-child(2) .blog-rank-num,
.blog-rank li:nth-child(3) .blog-rank-num {
  background-color: #ee781f;
  color: #fefefe;
}

.blog-rank li:nth-child(4) .blog-rank-num,
.blog-rank li:nth-child(5) .blog-rank-num {
  background-color: #423030;
}

.blog-rank li:nth-child(1) .blog-rank-num:before {
  content: "1";
}

.blog-rank li:nth-child(2) .blog-rank-num:before {
  content: "2";
}

.blog-rank li:nth-child(3) .blog-rank-num:before {
  content: "3";
}

.blog-rank li:nth-child(4) .blog-rank-num:before {
  content: "4";
}

.blog-rank li:nth-child(5) .blog-rank-num:before {
  content: "5";
}

.blog-rank a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 4vw 0;
  border-bottom-color: #f1f1eb;
  border-bottom-style: solid;
  border-bottom-width: 0.4vw;
}

.blog-rank-image {
  position: relative;
  width: 29.3333333333vw;
  border-radius: 1.3333333333vw;
  overflow: hidden;
}

.blog-rank-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 24vw;
}

.blog-rank a:hover .blog-rank-image img {
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  cursor: pointer;
}

.blog-rank-content {
  width: 49.3333333333vw;
}

.blog-rank-ttl {
  font-size: 4.2666666667vw;
  font-weight: 500;
  line-height: 1.35em;
}

@media screen and (min-width: 751px) {
  .blog-rank {
    margin: 0;
    width: 100%;
  }
  .blog-rank-num {
    top: 0.6944444444vw;
    left: -1.0416666667vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
    font-size: 1.25vw;
  }
  .blog-rank a {
    padding: 0.8333333333vw 0 1.0416666667vw 0;
    border-bottom-width: 0.1388888889vw;
  }
  .blog-rank-image {
    width: 4.1666666667vw;
    border-radius: 0.3472222222vw;
  }
  .blog-rank-image img {
    height: 4.1666666667vw;
  }
  .blog-rank-content {
    width: 10.7638888889vw;
  }
  .blog-rank-ttl {
    font-size: 1.0416666667vw;
  }
}
@media screen and (min-width: 1441px) {
  .blog-rank-num {
    top: 10px;
    left: -15px;
    width: 30px;
    height: 30px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .blog-rank a {
    padding: 12px 0 15px 0;
    border-bottom-width: 2px;
  }
  .blog-rank-image {
    width: 60px;
    border-radius: 5px;
  }
  .blog-rank-image img {
    height: 60px;
  }
  .blog-rank-content {
    width: 155px;
  }
  .blog-rank-ttl {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
/*  blog --> single
-------------------------------------------------------------------------------*/
.blog-sgle-image {
  margin: 0 auto 5.3333333333vw auto;
  border-radius: 2.6666666667vw;
  overflow: hidden;
}

.blog-sgle-intro p {
  font-size: 4.2666666667vw;
  line-height: 1.5em;
  letter-spacing: 0.1em;
}

@media screen and (min-width: 751px) {
  .blog-sgle-image {
    margin-bottom: 2.0833333333vw;
    width: 50vw;
    border-radius: 1.3888888889vw;
  }
  .blog-sgle-intro p {
    font-size: 1.1111111111vw;
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .blog-sgle-image {
    margin-bottom: 30px;
    width: 720px;
    border-radius: 20px;
  }
  .blog-sgle-intro p {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* ----------------- mokuji - */
.blog-mokuji {
  position: relative;
  margin-top: 5.3333333333vw;
  padding: 6vw 4.6666666667vw;
  background-color: #fff8f1;
  border-top: 2vw solid #ee781f;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
}

.blog-mokuji-head {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 6.6666666667vw;
  padding-left: 10.6666666667vw;
  height: 8vw;
  font-size: 4.8vw;
  font-weight: 700;
}

.blog-mokuji-head:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  display: inline-block;
  width: 8vw;
  height: 8vw;
  background-image: url(../img/blog/menu.svg);
  background-size: contain;
}

.blog-mokuji ul li:nth-child(n+2) {
  margin-top: 0.5em;
}

.blog-mokuji ul li a {
  position: relative;
  display: block;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.5em;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}

.blog-mokuji ul li a:hover {
  color: #ee781f;
}

.blog-mokuji > ul {
  counter-reset: cnt;
}

.blog-mokuji > ul > li > a {
  padding-left: 2.5em;
}

.blog-mokuji > ul > li > a:before {
  counter-increment: cnt;
  content: counter(cnt, decimal-leading-zero) ".";
  position: absolute;
  top: 0;
  left: 0;
}

.blog-mokuji > ul > ul {
  margin-top: 0.5em;
  padding-left: 2.5em;
}

.blog-mokuji > ul > ul > ul {
  margin-top: 0.5em;
  padding-left: 1.75em;
}

.blog-mokuji > ul > ul > li a,
.blog-mokuji > ul > ul > ul > li a {
  padding-left: 5.0666666667vw;
}

.blog-mokuji > ul > ul > li a:before,
.blog-mokuji > ul > ul > ul > li a:before {
  content: "";
  position: absolute;
  top: 0.8em;
  left: 0;
  width: 3.7333333333vw;
  height: 0.4vw;
  background-color: #ee781f;
}

.post--blog .editor {
  margin-top: 5.3333333333vw;
}

@media screen and (max-width: 750px) {
  .blog-mokuji {
    margin-left: -2.6666666667vw;
    width: 88.2666666667vw;
  }
}
@media screen and (min-width: 751px) {
  .blog-mokuji {
    margin-top: 2.7777777778vw;
    padding: 1.7361111111vw 3.4722222222vw 2.4305555556vw 3.4722222222vw;
    border-top: 0.6944444444vw solid #ee781f;
    border-radius: 0 0 0.6944444444vw 0.6944444444vw;
  }
  .blog-mokuji-head {
    margin-bottom: 1.7361111111vw;
    padding-left: 3.4722222222vw;
    height: 2.4305555556vw;
    font-size: 1.4583333333vw;
  }
  .blog-mokuji-head:before {
    width: 2.4305555556vw;
    height: 2.4305555556vw;
  }
  .blog-mokuji ul li a {
    font-size: 1.25vw;
  }
  .blog-mokuji > ul > ul > li a,
  .blog-mokuji > ul > ul > ul > li a {
    padding-left: 1.8055555556vw;
  }
  .blog-mokuji > ul > ul > li a:before,
  .blog-mokuji > ul > ul > ul > li a:before {
    width: 1.1111111111vw;
    height: 0.1388888889vw;
  }
  .post--blog .editor {
    margin-top: 2.7777777778vw;
  }
}
@media screen and (min-width: 1441px) {
  .blog-mokuji {
    margin-top: 40px;
    padding: 25px 50px 35px 50px;
    border-top: 10px solid #ee781f;
    border-radius: 0 0 10px 10px;
  }
  .blog-mokuji-head {
    margin-bottom: 25px;
    padding-left: 50px;
    height: 35px;
    font-size: 21px;
    font-size: 2.1rem;
  }
  .blog-mokuji-head:before {
    width: 35px;
    height: 35px;
  }
  .blog-mokuji ul li a {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .blog-mokuji > ul > ul > li a,
  .blog-mokuji > ul > ul > ul > li a {
    padding-left: 26px;
  }
  .blog-mokuji > ul > ul > li a:before,
  .blog-mokuji > ul > ul > ul > li a:before {
    width: 16px;
    height: 2px;
  }
  .post--blog .editor {
    margin-top: 40px;
  }
}
/*  lineup --> common
-------------------------------------------------------------------------------*/
.lineup-komikomi {
  position: absolute;
  top: -1.3333333333vw;
  left: -1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-color: #423030;
  border-radius: 50%;
  z-index: 1;
}
.lineup-komikomi p {
  color: #fefefe;
  font-size: 2.5333333333vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.35em;
  letter-spacing: 0;
}
.lineup-komi {
  background: #61afb8;
  color: #fff;
  width: 40vw;
  text-align: center;
  font-size: 4.2vw;
  padding: 1.3vw 0;
  margin: 1vw 0 0 auto;
}
@media screen and (min-width: 751px) {
  .lineup-komikomi {
    top: 0.3472222222vw;
    left: 0.3472222222vw;
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
  .lineup-komikomi p {
    font-size: 0.8333333333vw;
  }
  .lineup-komi {
    width: 10vw;
    font-size: 1vw;
    padding: 0.5vw 0;
    margin: 0.5vw 0 0 auto;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-komikomi {
    top: 5px;
    left: 5px;
    width: 60px;
    height: 60px;
  }
  .lineup-komikomi p {
    font-size: 12px;
    font-size: 1.2rem;
  }
  .lineup-komi {
    width: 140px;
    font-size: 15px;
    padding: 5px 0;
    margin: 5px 0 0 auto;
  }
}

.lineup-gentei {
  position: absolute;
  top: -1.3333333333vw;
  left: -1.3333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-color: #E25241;
  border-radius: 50%;
  z-index: 1;
}
.lineup-gentei p {
  color: #fefefe;
  font-size: 2.5333333333vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.35em;
  letter-spacing: 0;
}

@media screen and (min-width: 751px) {
  .lineup-gentei {
    top: 0.3472222222vw;
    left: 0.3472222222vw;
    width: 4.1666666667vw;
    height: 4.1666666667vw;
  }
  .lineup-gentei p {
    font-size: 0.8333333333vw;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-gentei {
    top: 5px;
    left: 5px;
    width: 60px;
    height: 60px;
  }
  .lineup-gentei p {
    font-size: 12px;
    font-size: 1.2rem;
  }
}
/*  reform --> archive
-------------------------------------------------------------------------------*/
/* ------------------------------------------- hero - */
.lineup-hero {
  position: relative;
  margin-bottom: 6.6666666667vw;
}

.lineup-hero .sec-en {
  position: absolute;
  top: -0.3em;
  right: 0;
  z-index: 1;
}

.lineup-hero-box {
  background-color: #fefefe;
  border-style: solid;
  border-color: #ff6511;
  border-width: 0.5333333333vw;
  border-radius: 2.6666666667vw;
  overflow: hidden;
}

.lineup-hero-image {
  position: relative;
}

.mizumawari-img {
  height: 43.5vw;
  object-fit: cover;
  object-position: center;
}

.lineup-hero-content {
  position: relative;
  padding: 6.6666666667vw 5.3333333333vw 4vw 5.3333333333vw;
  background-color: #fefefe;
  text-align: center;
}

.lineup-hero-ttl {
  position: relative;
  margin-bottom: 0.5em;
  padding: 0.4em 0.5em;
  background-color: #423030;
  color: #fefefe;
  font-size: 5.6vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.25em;
  letter-spacing: 0.05em;
}

.lineup-hero-komikomi {
  margin-bottom: 0.7em;
  padding: 0.4em 1em 0.5em 1em;
  background-color: #ffce55;
  border-radius: 0.6666666667vw;
  font-size: 4vw;
  font-weight: 700;
  text-align: center;
}

.lineup-hero-price {
  position: relative;
  padding-left: 1.5em;
  display: inline-block;
  font-size: 5.6vw;
  font-weight: 700;
  text-align: center;
  line-height: 1em;
  letter-spacing: 0;
}
.lineup-hero-price span {
  position: relative;
  margin-right: 0.1em;
  color: #ff6511;
  font-family: "IBMPlexSansJP", sans-serif;
  font-size: 13.3333333333vw;
  font-weight: 700;
  line-height: 1em;
  letter-spacing: 0;
}
.lineup-hero-price:after {
  content: "税抜";
  position: absolute;
  right: 1.4em;
  bottom: 1.7em;
  font-size: 4.6666666667vw;
}

.lineup-hero-taxin {
  margin-top: 0.2em;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}

@media screen and (min-width: 751px) {
  .lineup-hero {
    margin-bottom: 3.4722222222vw;
  }
  .lineup-hero .sec-en {
    right: -1em;
  }
  .lineup-hero-box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    border-width: 0.2777777778vw;
    border-radius: 1.3888888889vw;
  }
  .lineup-hero-image {
    width: 36.1111111111vw;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .mizumawari-img {
    height: 17.3vw;
  }
  .lineup-hero-content {
    padding: 2.0833333333vw 2.4305555556vw 1.7361111111vw 2.4305555556vw;
    width: calc(100% - 36.1111111111vw);
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .lineup-hero-ttl {
    font-size: 2.0833333333vw;
  }
  .lineup-hero-komikomi {
    border-radius: 0.3472222222vw;
    font-size: 1.25vw;
  }
  .lineup-hero-price {
    font-size: 1.6666666667vw;
  }
  .lineup-hero-price span {
    font-size: 4.7222222222vw;
  }
  .lineup-hero-price:after {
    bottom: 1.9em;
    font-size: 1.3888888889vw;
  }
  .lineup-hero-taxin {
    margin-top: 0;
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-hero {
    margin-bottom: 50px;
  }
  .lineup-hero-box {
    border-width: 4px;
    border-radius: 20px;
  }
  .lineup-hero-image {
    width: 520px;
  }
  .mizumawari-img {
    height: 250px;
  }
  .lineup-hero-content {
    padding: 30px 35px 25px 35px;
    width: calc(100% - 520px);
  }
  .lineup-hero-ttl {
    font-size: 28px;
    font-size: 2.8rem;
  }
  .lineup-hero-komikomi {
    border-radius: 5px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .lineup-hero-price {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .lineup-hero-price span {
    font-size: 68px;
    font-size: 6.8rem;
  }
  .lineup-hero-price:after {
    font-size: 20px;
    font-size: 2rem;
  }
  .lineup-hero-taxin {
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* ------------------------------------------- reform - */
.lineup-reform {
  margin-bottom: 9.3333333333vw;
}

.lineup-reform a {
  display: block;
  border-radius: 1.3333333333vw;
  overflow: hidden;
}

@media screen and (max-width: 750px) {
  .lineup-reform--wall {
    margin: 0 auto 9.3333333333vw auto;
    width: 85.3333333333vw;
  }
}
@media screen and (min-width: 751px) {
  .lineup-reform {
    margin-bottom: 4.1666666667vw;
  }
  .lineup-reform a {
    border-radius: 0.6944444444vw;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-reform {
    margin-bottom: 60px;
  }
  .lineup-reform a {
    border-radius: 10px;
  }
}
/* ------------------------------------------- list - */
.lineup {
  position: relative;
}

.lineup-post {
  position: relative;
  background-color: #fefefe;
}

.lineup-post a {
  position: relative;
  display: block;
  padding: 2vw;
  height: 100%;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 1.3333333333vw;
}

.lineup-image {
  margin-bottom: 2.6666666667vw;
  border-radius: 1.3333333333vw;
  overflow: hidden;
}
.lineup-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 56vw;
}

.lineup a:hover .lineup-image img {
  -webkit-transform: scale(1.05, 1.05);
          transform: scale(1.05, 1.05);
  cursor: pointer;
}

.lineup-maker {
  position: absolute;
  top: 2vw;
  right: 2vw;
  padding: 0.3em 0.5em 0.4em 0.5em;
  background-color: #ffce55;
  font-size: 3.4666666667vw;
  font-weight: 700;
  z-index: 1;
}

.lineup-ttl {
  margin-bottom: 0.35em;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.2em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lineup-size {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.7em;
}
.lineup-size dt {
  margin-right: 2vw;
  display: inline-block;
  padding: 0.3em 0.5em 0.4em 0.5em;
  background-color: #ee781f;
  color: #fefefe;
  font-size: 3.4666666667vw;
}
.lineup-size dd {
  font-size: 4vw;
  line-height: 1.25em;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.lineup-prices {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-top: 0.7em;
}

.lineup-maker-price {
  position: relative;
  margin-right: 0.5em;
  padding-bottom: 0.1em;
  color: #676767;
  font-size: 3.4666666667vw;
  font-weight: 700;
  letter-spacing: 0;
}
.lineup-maker-price:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  margin-top: 0.1em;
  width: 100%;
  height: 1px;
  background-color: #676767;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.lineup-price {
  position: relative;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0;
}
.lineup-price span.num {
  display: inline-block;
  margin-right: 0.1em;
  font-family: "IBMPlexSansJP", sans-serif;
  color: #ff6511;
  font-size: 9.0666666667vw;
}
.lineup-price span.unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 2em;
}
.lineup-price:after {
  content: "税抜";
  position: absolute;
  right: 1.25em;
  bottom: 1.9em;
  font-size: 3.2vw;
}

.lineup-price--option:after {
  right: 0.25em;
}

.lineup-taxin {
  position: relative;
  left: 0.75em;
  margin-top: 0.2em;
  font-size: 3.4666666667vw;
  font-weight: 700;
  text-align: right;
}

.lineup-catch {
  margin-top: 4vw;
  padding-top: 2.6666666667vw;
  border-top: 1px dashed #eee;
}
.lineup-catch p {
  color: #676767;
  font-size: 3.7333333333vw;
  line-height: 1.5em;
}

.lineup-option {
  margin-top: 13.3333333333vw;
}

@media screen and (max-width: 750px) {
  .lineup .lineup-post:nth-child(n+2) {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 751px) {
  .lineup {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -2.0833333333vw;
    width: auto;
    height: auto;
  }
  .lineup-post {
    display: block !important;
    margin-left: 2.0833333333vw;
    width: calc(33.33333% - 2.0833333333vw);
  }
  .lineup .lineup-post:nth-child(n+4) {
    margin-top: 2.7777777778vw;
  }
  .lineup-post a {
    padding: 0.6944444444vw;
    border-width: 0.1388888889vw;
    border-radius: 0.6944444444vw;
  }
  .lineup-image {
    margin-bottom: 1.0416666667vw;
    border-radius: 0.6944444444vw;
  }
  .lineup-image img {
    height: 16.6666666667vw;
  }
  .lineup-maker {
    top: 0.6944444444vw;
    right: 0.6944444444vw;
    font-size: 0.9027777778vw;
  }
  .lineup-ttl {
    font-size: 1.25vw;
  }
  .lineup-size dt {
    margin-right: 0.6944444444vw;
    font-size: 0.9722222222vw;
  }
  .lineup-size dd {
    font-size: 1.1111111111vw;
  }
  .lineup-maker-price {
    font-size: 0.9722222222vw;
  }
  .lineup-price {
    font-size: 1.1111111111vw;
  }
  .lineup-price span.num {
    font-size: 2.3611111111vw;
  }
  .lineup-price:after {
    bottom: 1.7em;
    font-size: 0.9027777778vw;
  }
  .lineup-taxin {
    font-size: 1.0416666667vw;
  }
  .lineup-catch {
    margin-top: 1em;
    padding-top: 0.7em;
  }
  .lineup-catch p {
    font-size: 0.9722222222vw;
  }
  .lineup-option {
    margin-top: 5.5555555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .lineup {
    margin-left: -30px;
  }
  .lineup-post {
    margin-left: 30px;
    width: calc(33.33333% - 30px);
  }
  .lineup .lineup-post:nth-child(n+4) {
    margin-top: 40px;
  }
  .lineup-post a {
    padding: 10px;
    border-width: 2px;
    border-radius: 10px;
  }
  .lineup-image {
    margin-bottom: 15px;
    border-radius: 10px;
  }
  .lineup-image img {
    height: 240px;
  }
  .lineup-maker {
    top: 10px;
    right: 10px;
    font-size: 13px;
    font-size: 1.3rem;
  }
  .lineup-ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .lineup-size dt {
    margin-right: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .lineup-size dd {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .lineup-maker-price {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .lineup-price {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .lineup-price span.num {
    font-size: 34px;
    font-size: 3.4rem;
  }
  .lineup-price:after {
    font-size: 13px;
    font-size: 1.3rem;
  }
  .lineup-taxin {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .lineup-catch p {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .lineup-option {
    margin-top: 80px;
  }
}
/*  reform --> single
-------------------------------------------------------------------------------*/
/* ------------------------------------------- btn - */
.lineup-btn {
  margin: 5.3333333333vw auto 0 auto;
  width: 100%;
  max-width: 100%;
}

.lineup-main .lineup-btn {
  margin-top: 4vw;
}

.lineup-btn .btn-main {
  height: 18.6666666667vw;
  border-radius: 9.3333333333vw;
}
.lineup-btn .btn-main div {
  padding-left: 5.3333333333vw;
  text-align: center;
}
.lineup-btn .btn-main div:before {
  content: "無料";
  position: absolute;
  top: 50%;
  left: 2vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 12vw;
  height: 12vw;
  background-color: #423030;
  border-radius: 50%;
  color: #fefefe;
  font-size: 3.7333333333vw;
  font-weight: 700;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.lineup-btn .btn-main span {
  font-size: 4.2666666667vw;
  font-weight: 700;
}

@media screen and (min-width: 751px) {
  .lineup-btn {
    margin: 2.0833333333vw auto 0 auto;
    width: 26.3888888889vw;
  }
  .lineup-main .lineup-btn {
    margin-top: 1.3888888889vw;
  }
  .lineup-btn .btn-main {
    height: 5.5555555556vw;
    border-radius: 2.7777777778vw;
  }
  .lineup-btn .btn-main div {
    padding-left: 1.7361111111vw;
  }
  .lineup-btn .btn-main div:before {
    left: 0.6944444444vw;
    width: 3.8194444444vw;
    height: 3.8194444444vw;
    font-size: 1.0416666667vw;
  }
  .lineup-btn .btn-main span {
    font-size: 1.3888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-btn {
    margin: 30px auto 0 auto;
    width: 380px;
  }
  .lineup-main .lineup-btn {
    margin-top: 20px;
  }
  .lineup-btn .btn-main {
    height: 80px;
    border-radius: 40px;
  }
  .lineup-btn .btn-main div {
    padding-left: 25px;
  }
  .lineup-btn .btn-main div:before {
    left: 10px;
    width: 55px;
    height: 55px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .lineup-btn .btn-main span {
    font-size: 20px;
    font-size: 2rem;
  }
}
/* ------------------------------------------- data - */
.lineup-data {
  position: relative;
  margin: 4.6666666667vw 0;
}

.lineup-data dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  padding: 2vw 0;
  border-bottom: 1px solid #ececec;
}

.lineup-data dt {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.5em 0.5em 0.6em 0.5em;
  width: 24vw;
  background-color: #f38f23;
  border-radius: 1.3333333333vw;
  color: #fefefe;
  font-size: 3.7333333333vw;
  font-weight: 700;
  text-align: center;
}

.lineup-data dd {
  padding-top: 0.25em;
  width: 56vw;
  font-size: 3.7333333333vw;
  line-height: 1.5em;
}

@media screen and (max-width: 750px) {
  .lineup-data dl:nth-child(n+2) {
    margin-top: 2.6666666667vw;
  }
}
@media screen and (min-width: 751px) {
  .lineup-data {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin: 2.0833333333vw 0;
  }
  .lineup-data dl {
    padding: 0.6944444444vw 0;
    width: 29.1666666667vw;
  }
  .lineup-data dt {
    width: 9.7222222222vw;
    border-radius: 0.6944444444vw;
    font-size: 1.1111111111vw;
  }
  .lineup-data dd {
    width: 17.3611111111vw;
    font-size: 1.1111111111vw;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-data {
    margin: 30px 0;
  }
  .lineup-data dl {
    padding: 10px 0;
    width: 420px;
  }
  .lineup-data dt {
    width: 140px;
    border-radius: 10px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .lineup-data dd {
    width: 250px;
    font-size: 16px;
    font-size: 1.6rem;
  }
}
/* ------------------------------------------- main - */
.lineup-main {
  position: relative;
}

.lineup-main-cat {
  display: block;
  margin-bottom: 0.5em;
  padding: 0.2em 0.3em 0.3em 0.3em;
  background-color: #423030;
  border-radius: 1.3333333333vw;
  color: #fefefe;
  font-size: 0.86em;
  font-weight: 700;
  text-align: center;
  line-height: 1em;
}

.lineup-main-image {
  position: relative;
  margin-bottom: 5.3333333333vw;
}
.lineup-main-image img {
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  font-family: "object-fit: contain;";
  height: 58.6666666667vw;
}

.lineup-main-content {
  position: relative;
}

.lineup-main-makerprice {
  position: relative;
  margin-bottom: 1em;
  font-size: 3.7333333333vw;
  text-align: right;
}

.lineup-main-price {
  position: relative;
  border-top-color: #ececec;
  border-top-width: 1px;
  border-top-style: solid;
}

.lineup-main-price dl {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  height: 16vw;
  border-bottom-color: #ececec;
  border-bottom-width: 1px;
  border-bottom-style: solid;
}
.lineup-main-price dl:after {
  content: "";
  position: absolute;
  top: -2.6666666667vw;
  left: 50%;
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url(../img/lineup/plus.svg);
  background-size: contain;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 2;
}

.lineup-main-price dl:nth-child(1):after {
  content: none !important;
}

.lineup-main-price dt {
  margin-right: 1em;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.2em 0.5em 0.3em 0.5em;
  min-width: 5em;
  min-height: 2.3em;
  background-color: #ffce55;
  border-radius: 0.6666666667vw;
  font-size: 4vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.15em;
  letter-spacing: 0;
}

.lineup-main-price dd {
  position: relative;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: right;
  letter-spacing: 0;
}

.lineup-main-price-total {
  height: 21.3333333333vw !important;
}
.lineup-main-price-total:after {
  background-image: url(../img/lineup/total.svg) !important;
}

.lineup-main-taxout {
  position: relative;
}
.lineup-main-taxout span.num {
  position: relative;
  top: 0.05em;
  display: inline-block;
  margin-right: 0.1em;
  color: #ff6511;
  font-family: "IBMPlexSansJP", sans-serif;
  font-size: 9.6vw;
}
.lineup-main-taxout span.unit {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  min-width: 2em;
}
.lineup-main-taxout:after {
  content: "税抜";
  position: absolute;
  right: 1.4em;
  bottom: 1.9em;
  font-size: 3.4666666667vw;
}

.lineup-main-taxin {
  position: relative;
  left: 0.5em;
  margin-top: 0.3em;
  font-size: 3.7333333333vw;
}

.lineup-main-notes {
  margin-top: 1em;
}
.lineup-main-notes p {
  padding-left: 1em;
  color: #f34747;
  font-size: 3.4666666667vw;
  text-indent: -1em;
  line-height: 1.35em;
}
.lineup-main-notes p:before {
  content: "※";
}

@media screen and (min-width: 751px) {
  .lineup-main-cat {
    margin: 0 0.5em 0 0;
    display: inline-block;
    border-radius: 0.6944444444vw;
  }
  .lineup-main-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .lineup-main-image {
    margin: 0;
    width: 31.25vw;
  }
  .lineup-main-image img {
    height: 29.1666666667vw;
  }
  .lineup-main-content {
    width: 26.3888888889vw;
  }
  .lineup-main-desc p {
    line-height: 1.71em;
  }
  .lineup-main-makerprice {
    font-size: 0.9722222222vw;
  }
  .lineup-main-price dl {
    height: 5.5555555556vw;
  }
  .lineup-main-price dl:after {
    top: -1.0416666667vw;
    width: 2.0833333333vw;
    height: 2.0833333333vw;
  }
  .lineup-main-price dt {
    border-radius: 0.3472222222vw;
    font-size: 1.1111111111vw;
  }
  .lineup-main-price dd {
    font-size: 1.6666666667vw;
  }
  .lineup-main-price-total {
    height: 8.3333333333vw !important;
  }
  .lineup-main-taxout span.num {
    font-size: 3.3333333333vw;
  }
  .lineup-main-taxout:after {
    right: 1.35em;
    font-size: 1.25vw;
  }
  .lineup-main-taxin {
    font-size: 1.3888888889vw;
  }
  .lineup-main-notes p {
    font-size: 0.9722222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-main-cat {
    border-radius: 10px;
  }
  .lineup-main-image {
    width: 450px;
  }
  .lineup-main-image img {
    height: 420px;
  }
  .lineup-main-content {
    width: 380px;
  }
  .lineup-main-makerprice {
    font-size: 14px;
    font-size: 1.4rem;
  }
  .lineup-main-price dl {
    height: 80px;
  }
  .lineup-main-price dl:after {
    top: -15px;
    width: 30px;
    height: 30px;
  }
  .lineup-main-price dt {
    border-radius: 5px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .lineup-main-price dd {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .lineup-main-price-total {
    height: 120px !important;
  }
  .lineup-main-taxout span.num {
    font-size: 48px;
    font-size: 4.8rem;
  }
  .lineup-main-taxout:after {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .lineup-main-taxin {
    font-size: 20px;
    font-size: 2rem;
  }
  .lineup-main-notes p {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* ------------------------------------------- remarks - */
.lineup-summary {
  position: relative;
  margin: 8vw auto 0 auto;
  padding: 11.3333333333vw 6vw 6vw 6vw;
  background-color: #fefefe;
  border-color: #fff8f1;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 2.6666666667vw;
  z-index: 1;
}

.lineup-summary-ttl {
  position: absolute;
  top: 0;
  left: 6vw;
  padding: 0.4em 0.75em 0.5em 0.75em;
  display: inline-block;
  background-color: #423030;
  color: #fefefe;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0.1em;
}

.lineup-summary p {
  line-height: 1.5em;
}

@media screen and (min-width: 751px) {
  .lineup-summary {
    margin: 2.4305555556vw 0 0 0;
    padding: 4.1666666667vw 3.125vw 2.0833333333vw 3.125vw;
    border-width: 0.1388888889vw;
    border-radius: 1.3888888889vw;
  }
  .lineup-summary-ttl {
    left: 3.125vw;
    font-size: 1.25vw;
  }
  .lineup-summary p {
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-summary {
    margin-top: 35px;
    padding: 60px 45px 30px 45px;
    border-width: 2px;
    border-radius: 20px;
  }
  .lineup-summary-ttl {
    left: 45px;
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* ------------------------------------------- standard - */
.lineup-box {
  position: relative;
  margin-top: 10.6666666667vw;
  padding: 6.6666666667vw 4vw 5.3333333333vw 4vw;
  background-color: #fff8f1;
  border-radius: 2.6666666667vw;
  text-align: center;
}

.lineup-stand-head {
  position: relative;
  display: inline-block;
  margin-bottom: 1.2em;
  padding-bottom: 0.5em;
  border-bottom-color: #ff6511;
  border-bottom-style: solid;
  border-bottom-width: 0.6666666667vw;
  font-size: 5.6vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.25em;
  letter-spacing: 0.05em;
}
.lineup-stand-head:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  display: inline-block;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 3.3333333333vw 1.8666666667vw 0 1.8666666667vw;
  border-color: #ff6511 transparent transparent transparent;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.lineup-stand {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -2vw;
}

.lineup-stand-item {
  position: relative;
  margin-left: 2vw;
  padding: 2vw;
  width: calc(25% - 2vw);
  background-color: #fefefe;
  border-radius: 1.3333333333vw;
}

.lineup-stand-icon {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0.5em auto;
  width: 12vw;
  height: 10.1333333333vw;
  background-size: contain;
  background-position: center;
}

.lineup-stand-ttl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 2.32em;
  font-size: 3.2vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.16em;
  letter-spacing: 0;
}

@media screen and (max-width: 750px) {
  .lineup-stand .lineup-stand-item:nth-child(n+5) {
    margin-top: 2vw;
  }
}
@media screen and (min-width: 751px) {
  .lineup-box {
    margin-top: 4.1666666667vw;
    padding: 2.0833333333vw 2.4305555556vw 2.4305555556vw 2.4305555556vw;
    border-radius: 1.3888888889vw;
  }
  .lineup-stand-head {
    border-bottom-width: 0.2083333333vw;
    font-size: 1.9444444444vw;
  }
  .lineup-stand-head:before {
    border-width: 1.3888888889vw 0.8333333333vw 0 0.8333333333vw;
  }
  .lineup-stand {
    margin-left: -1.0416666667vw;
  }
  .lineup-stand-item {
    margin-left: 1.0416666667vw;
    padding: 0.6944444444vw;
    width: calc(14.2% - 1.0416666667vw);
    border-radius: 0.6944444444vw;
  }
  .lineup-stand .lineup-stand-item:nth-child(n+8) {
    margin-top: 1.0416666667vw;
  }
  .lineup-stand-icon {
    width: 4.5833333333vw;
    height: 3.8888888889vw;
  }
  .lineup-stand-ttl {
    font-size: 0.9722222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-box {
    margin-top: 60px;
    padding: 30px 35px 35px 35px;
    border-radius: 20px;
  }
  .lineup-stand-head {
    border-bottom-width: 3px;
    font-size: 28px;
    font-size: 2.8rem;
  }
  .lineup-stand-head:before {
    border-width: 20px 12px 0 12px;
  }
  .lineup-stand {
    margin-left: -15px;
  }
  .lineup-stand-item {
    margin-left: 15px;
    padding: 10px;
    width: calc(14.2% - 15px);
    border-radius: 10px;
  }
  .lineup-stand .lineup-stand-item:nth-child(n+8) {
    margin-top: 15px;
  }
  .lineup-stand-icon {
    width: 66px;
    height: 56px;
  }
  .lineup-stand-ttl {
    font-size: 14px;
    font-size: 1.4rem;
  }
}
/* ------------------------------------------- point - */
.lineup-point {
  margin: 12vw auto 0 auto !important;
}

.lineup-point > div:nth-child(n+2) {
  margin-top: 8.6666666667vw;
}

.lineup-point > div .lineup-point-desc {
  margin-bottom: 5.3333333333vw;
}

.lineup-point-image {
  margin: 0 auto 4.6666666667vw auto;
  border-radius: 1.3333333333vw;
  overflow: hidden;
}

.lineup-point-image a {
  display: block;
}

.lineup-point-image img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  font-family: "object-fit: cover;";
  height: 57.3333333333vw;
}

.lineup-point-subhead {
  margin-bottom: 0.5em;
  font-size: 4.8vw;
  font-weight: 700;
  line-height: 1.28em;
}

.lineup-point-desc p {
  line-height: 1.5em;
}

@media screen and (max-width: 750px) {
  .lineup-point-list > li:nth-child(n+2) {
    margin-top: 8vw;
  }
}
@media screen and (min-width: 751px) {
  .lineup-point {
    margin: 4.1666666667vw 0 0 0 !important;
  }
  .lineup-point > div:nth-child(n+2) {
    margin-top: 3.4722222222vw;
  }
  .lineup-point > div .lineup-point-desc {
    margin-bottom: 2.4305555556vw;
  }
  .lineup-point-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -2.0833333333vw;
  }
  .lineup-point-list > li {
    margin-left: 2.0833333333vw;
    width: calc(33.33333% - 2.0833333333vw);
  }
  .lineup-point-list > li:nth-child(n+4) {
    margin-top: 2.7777777778vw;
  }
  .lineup-point-image {
    margin: 0 0 1.0416666667vw 0;
    border-radius: 0.6944444444vw;
  }
  .lineup-point-image img {
    height: 14.5833333333vw;
  }
  .lineup-point-subhead {
    font-size: 1.25vw;
  }
  .lineup-point-desc p {
    line-height: 1.75em;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-point {
    margin: 60px 0 0 0 !important;
  }
  .lineup-point > div:nth-child(n+2) {
    margin-top: 50px;
  }
  .lineup-point > div .lineup-point-desc {
    margin-bottom: 35px;
  }
  .lineup-point-list {
    margin-left: -30px;
  }
  .lineup-point-list > li {
    margin-left: 30px;
    width: calc(33.33333% - 30px);
  }
  .lineup-point-list > li:nth-child(n+4) {
    margin-top: 40px;
  }
  .lineup-point-image {
    margin-bottom: 15px;
    border-radius: 10px;
  }
  .lineup-point-image img {
    height: 210px;
  }
  .lineup-point-subhead {
    font-size: 18px;
    font-size: 1.8rem;
  }
}
/* ------------------------------------------- reform bnr - */
.reform-bnr {
  margin-top: 10.6666666667vw;
}

.reform-bnr a {
  display: block;
  border-radius: 1.3333333333vw;
}

@media screen and (min-width: 751px) {
  .reform-bnr {
    margin-top: 4.1666666667vw;
  }
  .reform-bnr a {
    border-radius: 0.6944444444vw;
  }
}
@media screen and (min-width: 1441px) {
  .reform-bnr {
    margin-top: 60px;
  }
  .reform-bnr a {
    border-radius: 10px;
  }
}
/* ------------------------------------------- table - */
.lineup-pricelist {
  position: relative;
}

.lineup-pricelist > div {
  position: relative;
  padding-bottom: 4vw;
  overflow-x: scroll;
}

.lineup-pricelist table {
  width: 100%;
  background-color: #fefefe;
  border: 0.5333333333vw solid #eee;
}

.lineup-pricelist table th,
.lineup-pricelist table td {
  padding: 0.5em 1em;
  border: 0.5333333333vw solid #eee;
  line-height: 1.25em;
  white-space: nowrap;
}

.lineup-pricelist table thead {
  background-color: #fff8f1;
}

.lineup-pricelist table thead th,
.lineup-pricelist table thead td {
  font-weight: 700;
}

.lineup-pricelist > div .scroll-hint-icon {
  position: absolute;
  top: 50%;
  left: 28.2666666667vw;
  padding: 0;
  width: 33.3333333333vw;
  height: 33.3333333333vw;
  border-radius: 1.3333333333vw;
  background: rgba(0, 0, 0, 0.7);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 1;
}

.lineup-pricelist > div .scroll-hint-text {
  display: none;
}

.lineup-pricelist > div .scroll-hint-icon:before {
  content: none;
}

.lineup-pricelist > div .scroll-hint-icon:after {
  position: absolute;
  top: 50% !important;
  left: 50%;
  margin: 0;
  width: 13.3333333333vw;
  height: 13.3333333333vw;
  background-image: url(../img/scrollhint/scroll.svg);
  background-size: contain;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  -webkit-transition-delay: 0.4s;
          transition-delay: 0.4s;
}

@media screen and (min-width: 751px) {
  .lineup-pricelist > div {
    padding-bottom: 1.0416666667vw;
  }
  .lineup-pricelist table {
    border: 0.1388888889vw solid #eee;
  }
  .lineup-pricelist table th,
  .lineup-pricelist table td {
    border: 0.1388888889vw solid #eee;
  }
  .lineup-pricelist > div .scroll-hint-icon {
    left: 26.8055555556vw;
    width: 6.9444444444vw;
    height: 6.9444444444vw;
    border-radius: 0.6944444444vw;
  }
  .lineup-pricelist > div .scroll-hint-icon:after {
    width: 3.4722222222vw;
    height: 3.4722222222vw;
  }
}
@media screen and (min-width: 1441px) {
  .lineup-pricelist > div {
    padding-bottom: 15px;
  }
  .lineup-pricelist table {
    border: 2px solid #eee;
  }
  .lineup-pricelist table th,
  .lineup-pricelist table td {
    border: 2px solid #eee;
  }
  .lineup-pricelist > div .scroll-hint-icon {
    left: 386px;
    width: 100px;
    height: 100px;
    border-radius: 10px;
  }
  .lineup-pricelist > div .scroll-hint-icon:after {
    width: 50px;
    height: 50px;
  }
}
/* faq --> archive
-------------------------------------------------------------------------------*/
.faq-desc {
  position: relative;
  padding: 4vw 4vw;
  background-color: #fefefe;
  border-radius: 0 0 1.3333333333vw 1.3333333333vw;
  -webkit-box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 5px 4.75px 0.25px rgba(0, 0, 0, 0.1);
}
.faq-desc p {
  line-height: 1.5em;
}
.faq-desc:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.8vw;
  background-color: #ff6511;
}

.faq-archive {
  position: relative;
  margin-top: 10.6666666667vw;
}

.faq-archive > div:nth-child(n+2) {
  margin-top: 10.6666666667vw;
}

.faq {
  position: relative;
}

.faq-item {
  position: relative;
  background-color: #fff8f1;
  border-radius: 1.3333333333vw;
}

.faq > .faq-item:nth-child(n+2) {
  margin-top: 4vw;
}

.faq-item dt {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 3.6vw 7.3333333333vw 3.6vw 13.3333333333vw;
  font-size: 4.2666666667vw;
  font-weight: 700;
  line-height: 1.65em;
}

.faq-item dt:hover {
  cursor: pointer;
}

.faq-item dt:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.6666666667vw;
  display: inline-block;
  width: 3.4666666667vw;
  height: 2vw;
  background-image: url(../img/faq/arrow.svg);
  background-size: 100%;
  background-position: center;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.faq-item dt.is-open:after {
  -webkit-transform: translateY(-50%) rotateX(180deg);
          transform: translateY(-50%) rotateX(180deg);
}

.faq-item dd {
  display: none;
  position: relative;
  margin-bottom: 1em;
  padding: 3.6vw 2.6666666667vw 3.6vw 13.3333333333vw;
  border-radius: 1.3333333333vw;
  font-size: 3.7333333333vw;
  line-height: 1.5em;
}
.faq-item dd:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 0.4vw;
  background-color: #fefefe;
}

.faq-item.is-open .faq-item dd {
  display: block;
}

.faq-item dt:before,
.faq-item dd:before {
  content: "";
  position: absolute;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  left: 2.6666666667vw;
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  font-family: "Lato", sans-serif;
  font-size: 4.2666666667vw;
  font-weight: 700;
  letter-spacing: 0;
  z-index: 1;
}

.faq-item dt:before {
  content: "Q";
  top: 2.6666666667vw;
  background-color: #ee781f;
  color: #fefefe;
}

.faq-item dd:before {
  content: "A";
  top: 2.6666666667vw;
  background-color: #423030;
  color: #fefefe;
}

@media screen and (min-width: 751px) {
  .faq-desc {
    padding: 2.0833333333vw 3.4722222222vw;
    border-radius: 0 0 0.6944444444vw 0.6944444444vw;
  }
  .faq-desc p {
    text-align: center;
    line-height: 2em;
  }
  .faq-desc:before {
    height: 0.4166666667vw;
  }
  .faq-archive {
    margin-top: 3.4722222222vw;
  }
  .faq-archive > div:nth-child(n+2) {
    margin-top: 5.5555555556vw;
  }
  .faq-item {
    border-radius: 0.6944444444vw;
  }
  .faq > .faq-item:nth-child(n+2) {
    margin-top: 1.3888888889vw;
  }
  .faq-item dt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 1.5972222222vw 4.5138888889vw 1.5972222222vw 4.8611111111vw;
    font-size: 1.25vw;
  }
  .faq-item dt:before {
    top: 1.5972222222vw;
  }
  .faq-item dt:after {
    right: 1.3888888889vw;
    width: 1.0416666667vw;
    height: 0.625vw;
  }
  .faq-item dd {
    padding: 1.5972222222vw 2.0833333333vw 1.5972222222vw 4.8611111111vw;
    border-radius: 0.6944444444vw;
    font-size: 1.1111111111vw;
    line-height: 1.75em;
  }
  .faq-item dd:after {
    height: 0.1388888889vw;
  }
  .faq-item dt:before,
  .faq-item dd:before {
    left: 1.0416666667vw;
    width: 2.7777777778vw;
    height: 2.7777777778vw;
    font-size: 1.4583333333vw;
  }
  .faq-item dd:before {
    top: 1.1805555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .faq-desc {
    padding: 30px 50px;
    border-radius: 0 0 10px 10px;
  }
  .faq-desc:before {
    height: 6px;
  }
  .faq-archive {
    margin-top: 50px;
  }
  .faq-archive > div:nth-child(n+2) {
    margin-top: 80px;
  }
  .faq-item {
    border-radius: 10px;
  }
  .faq > .faq-item:nth-child(n+2) {
    margin-top: 20px;
  }
  .faq-item dt {
    padding: 23px 65px 23px 70px;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .faq-item dt:before {
    top: 20px;
  }
  .faq-item dt:after {
    right: 20px;
    width: 15px;
    height: 9px;
  }
  .faq-item dd {
    padding: 23px 30px 23px 70px;
    border-radius: 10px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .faq-item dd:after {
    height: 2px;
  }
  .faq-item dt:before,
  .faq-item dd:before {
    left: 15px;
    width: 40px;
    height: 40px;
    font-size: 21px;
    font-size: 2.1rem;
  }
  .faq-item dd:before {
    top: 17px;
  }
}
/* reform -- > hero
-------------------------------------------------------------------------------*/
.reform-hero {
  position: relative;
  margin: 0 auto 16vw auto;
  width: 95.2vw;
  overflow: hidden;
  background: repeating-linear-gradient(135deg, #ffd366, #ffd366 2vw, #ffd672 2vw, #ffd672 4vw);
  border-color: #ffd265;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 2.6666666667vw;
}
.reform-hero:before, .reform-hero:after {
  content: "";
  position: absolute;
}
.reform-hero:before {
  left: 0;
  bottom: 0;
  width: 100%;
  height: calc(100% - 42.6666666667vw);
  background-color: #fefefe;
}
.reform-hero:after {
  left: 0;
  bottom: calc(100% - 42.6666666667vw);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8vw 0 0 90.6666666667vw;
  border-color: transparent transparent transparent #fefefe;
}

.reform-hero-box {
  position: relative;
  display: block;
  padding: 44vw 4.6666666667vw 4vw 4.6666666667vw;
  z-index: 1;
}

.reform-hero-photo {
  position: absolute;
  top: 4vw;
  right: 3.3333333333vw;
  width: 48.6666666667vw;
  z-index: 1;
}

.reform-hero-photo > div {
  border-color: #fefefe;
  border-style: solid;
  border-width: 0.5333333333vw;
}

.reform-hero-after {
  position: relative;
}
.reform-hero-after:before, .reform-hero-after:after {
  content: "";
  position: absolute;
  display: inline-block;
  background-size: contain;
}
.reform-hero-after:before {
  top: 0.6666666667vw;
  left: 0.6666666667vw;
  width: 15.6vw;
  height: 9.8666666667vw;
  background-image: url(../img/reform/after_sp.png);
}
.reform-hero-after:after {
  top: 2vw;
  right: 1.3333333333vw;
  width: 3.4666666667vw;
  height: 3.8666666667vw;
  background-image: url(../img/reform/shine.svg);
}

.reform-hero-before {
  position: absolute;
  left: 30vw;
  bottom: -4.6666666667vw;
  width: 18.6666666667vw;
  z-index: 1;
}
.reform-hero-before:after {
  content: "";
  position: absolute;
  top: 2vw;
  left: -8.6666666667vw;
  display: inline-block;
  width: 5.7333333333vw;
  height: 9.0666666667vw;
  background-image: url(../img/reform/arrow_sp.svg);
  background-size: contain;
  z-index: 1;
}

.reform-hero-content {
  position: relative;
}

.reform-hero-head {
  position: relative;
}

.reform-hero-label {
  position: relative;
  display: inline-block;
  margin-bottom: 0.5em;
  padding-left: 2em;
  font-family: "ZenKakuGothicNew", sans-serif;
  font-size: 4.2666666667vw;
  font-weight: 900;
  text-align: center;
}

.reform-hero-icon {
  position: absolute;
  top: -3.7333333333vw;
  left: 12vw;
  width: 9.3333333333vw;
  height: 9.3333333333vw;
  background-position: center;
  background-size: contain;
}

.reform-hero--toilet .reform-hero-icon {
  -webkit-transform: rotate(15deg);
          transform: rotate(15deg);
}

.reform-hero-ttl {
  margin: 0 auto;
  width: 81.6vw;
}

.reform-hero-prices {
  position: relative;
  padding: 0 0 2vw 22vw;
}
.reform-hero-prices:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5333333333vw;
  background-color: #ffe7ad;
}

.reform-hero-dis {
  position: absolute;
  top: 50%;
  left: -2.9333333333vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.5em;
  width: 23.4666666667vw;
  height: 23.4666666667vw;
  background-image: url(../img/reform/frame.svg);
  background-size: contain;
  border-radius: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.reform-hero-dis p {
  color: #fefefe;
  font-size: 2.9333333333vw;
  font-weight: 900;
  text-align: center;
  -webkit-transform: rotate(-5deg);
          transform: rotate(-5deg);
}
.reform-hero-dis p span {
  display: inline-block;
}
.reform-hero-dis p span.en {
  font-family: "Lato", sans-serif;
  font-size: 4.5333333333vw;
}
.reform-hero-dis p span.num {
  margin-top: 0.05em;
  font-family: "Anton", sans-serif;
  font-size: 9.3333333333vw;
  font-weight: 400;
}
.reform-hero-dis p span.off {
  position: relative;
  top: -0.2em;
  font-size: 3.7333333333vw;
}

.reform-hero-price {
  position: relative;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #ff6511;
  font-family: "ZenKakuGothicNew", sans-serif;
  font-size: 7.4666666667vw;
  font-weight: 900;
  letter-spacing: 0;
}
.reform-hero-price span.num {
  position: relative;
  display: inline-block;
  margin-right: 0.08em;
  font-family: "Anton", sans-serif;
  font-size: 21.3333333333vw;
  font-weight: 400;
}
.reform-hero-price:after {
  content: "税抜";
  position: absolute;
  right: 2.4em;
  bottom: 3.6em;
  font-size: 4.2666666667vw;
}

.reform-hero-taxin {
  position: absolute;
  left: 62.6666666667vw;
  bottom: 1.25em;
  font-size: 2.6666666667vw;
  letter-spacing: 0;
  white-space: nowrap;
  z-index: 1;
}

.reform-hero-desc {
  margin-top: 2vw;
}
.reform-hero-desc p {
  padding-left: 0.4em;
  font-family: "IBMPlexSansJP", sans-serif;
  text-align: left;
  line-height: 1.5em;
}

.reform-hero-inquiry {
  position: relative;
  margin-top: 4vw;
  padding-top: 20vw;
  text-align: center;
  z-index: 2;
}

.reform-hero-inquiry > p {
  margin-bottom: 2vw;
  padding: 0.5em 1.5em 0.3em 1.5em;
  background-color: #423030;
  border-radius: 1.3333333333vw;
  color: #fefefe;
  font-family: "IBMPlexSansJP", sans-serif;
  font-size: 3.4666666667vw;
  line-height: 1.15em;
}

.reform-hero-shop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.reform-hero-shop > li .inquiry-shop-ttl {
  margin-bottom: 0;
  font-size: 3.4666666667vw;
}

.reform-hero-shop > li:nth-child(n+2) {
  margin-left: 4.6666666667vw;
}

.reform-hero-btn {
  width: 75.2vw;
}

.reform-hero-btn a {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-top: 0.3em;
  height: 16vw;
  background-color: #28cb0d;
  border-color: #349724;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 2.6666666667vw;
}
.reform-hero-btn a > div p {
  color: #fefefe;
  font-family: "IBMPlexSansJP", sans-serif;
  font-weight: 700;
  text-align: center;
}
.reform-hero-btn a > div p:nth-child(1) {
  margin-bottom: 0.5em;
  font-size: 3.0666666667vw;
}
.reform-hero-btn a > div p:nth-child(2) {
  font-size: 5.6vw;
}
.reform-hero-btn a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 2.6666666667vw;
  display: inline-block;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url(../img/common/arrow.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  -webkit-transition: -webkit-transform 0.3s;
  transition: -webkit-transform 0.3s;
  transition: transform 0.3s;
  transition: transform 0.3s, -webkit-transform 0.3s;
}

.reform-hero-staff {
  position: absolute;
  top: 2vw;
  left: 1.3333333333vw;
  width: 40.6666666667vw;
  z-index: 1;
}

@media screen and (max-width: 750px) {
  .reform-hero-after {
    -webkit-transform: rotate(-6.5deg);
            transform: rotate(-6.5deg);
  }
  .reform-hero-content {
    position: relative;
    text-align: center;
    z-index: 1;
  }
  .reform-hero-shop > li .inquiry-shop-ttl {
    padding-left: 5.3333333333vw;
    font-size: 3.4666666667vw;
  }
  .reform-hero-shop > li .inquiry-shop-ttl:before {
    width: 4.2666666667vw;
    height: 4.2666666667vw;
  }
  .reform-hero-btn {
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (min-width: 751px) {
  .reform-hero {
    margin: 0 auto 5.5555555556vw auto;
    width: 69.4444444444vw;
    background: repeating-linear-gradient(135deg, #ffd366, #ffd366 0.6944444444vw, #ffd672 0.6944444444vw, #ffd672 1.3888888889vw);
    border-width: 0.2777777778vw;
    border-radius: 1.3888888889vw;
  }
  .reform-hero:before {
    top: 0;
    bottom: auto;
    left: 0;
    width: 44.0972222222vw;
    height: 100%;
  }
  .reform-hero:after {
    top: 0;
    bottom: auto;
    left: 44.0972222222vw;
    border-width: 40.2777777778vw 2.4305555556vw 0 0;
    border-color: #fefefe transparent transparent transparent;
  }
  .reform-hero-box {
    padding: 4.8611111111vw 1.0416666667vw 1.0416666667vw 1.0416666667vw;
    height: 40.2777777778vw;
  }
  .reform-hero-box:after {
    content: "";
    position: absolute;
    left: -1.0416666667vw;
    bottom: -3.8194444444vw;
    display: inline-block;
    width: 8.0555555556vw;
    height: 12.7083333333vw;
    background-image: url(../img/reform/smartphone.svg);
    background-size: contain;
    -webkit-transform: rotate(-5deg);
            transform: rotate(-5deg);
  }
  .reform-hero-photo {
    top: 1.7361111111vw;
    left: auto;
    right: 1.7361111111vw;
    width: 25.3472222222vw;
  }
  .reform-hero-photo > div {
    border-width: 0.2777777778vw;
  }
  .reform-hero-after {
    left: 0;
  }
  .reform-hero-after:before {
    top: 0.3472222222vw;
    left: 0.3472222222vw;
    width: 5vw;
    height: 3.1944444444vw;
    background-image: url(../img/reform/after.png);
    background-image: image-set(url(../img/reform/after.png) 1x, url(../img/reform/after-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/reform/after.png) 1x, url(../img/reform/after-2x.png) 2x);
  }
  .reform-hero-after:after {
    top: 0.6944444444vw;
    right: 1.0416666667vw;
    width: 1.8055555556vw;
    height: 2.0138888889vw;
  }
  .reform-hero-before {
    left: -3.125vw;
    bottom: 1.0416666667vw;
    width: 9.7222222222vw;
    -webkit-transform: rotate(-8deg);
            transform: rotate(-8deg);
  }
  .reform-hero-before:after {
    top: -3.125vw;
    left: 1.25vw;
    width: 2.7777777778vw;
    height: 4.5833333333vw;
    background-image: url(../img/reform/arrow.svg);
  }
  .reform-hero-content {
    width: 41.3194444444vw;
  }
  .reform-hero-label {
    position: absolute;
    top: -4.8611111111vw;
    left: -1.0416666667vw;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    padding: 0 1.3888888889vw;
    height: 3.4722222222vw;
    background-color: #ee781f;
    color: #fefefe;
    font-size: 1.6666666667vw;
  }
  .reform-hero-label:after {
    content: "";
    position: absolute;
    left: 100%;
    top: 0;
    display: inline-block;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 3.4722222222vw 1.875vw 0 0;
    border-color: #ee781f transparent transparent transparent;
  }
  .reform-hero-icon {
    top: -0.6944444444vw;
    width: 4.8611111111vw;
    height: 4.8611111111vw;
  }
  .reform-hero--kitchen .reform-hero-icon {
    left: 34.0277777778vw;
    -webkit-transform: rotate(-15deg);
            transform: rotate(-15deg);
  }
  .reform-hero--bathroom .reform-hero-icon {
    left: 33.3333333333vw;
  }
  .reform-hero--toilet .reform-hero-icon {
    left: 32.6388888889vw;
  }
  .reform-hero-ttl {
    margin: 0;
    width: 36.3888888889vw;
  }
  .reform-hero-dis {
    left: -0.3472222222vw;
    padding-top: 0.7em;
    width: 10.6944444444vw;
    height: 10.6944444444vw;
  }
  .reform-hero-dis p {
    font-size: 1.3194444444vw;
  }
  .reform-hero-dis p span.en {
    font-size: 2.1527777778vw;
  }
  .reform-hero-dis p span.num {
    font-size: 4.3055555556vw;
  }
  .reform-hero-dis p span.off {
    top: -0.3em;
    font-size: 1.6666666667vw;
  }
  .reform-hero-prices {
    margin-top: -0.6944444444vw;
    padding: 0 0 0.6944444444vw 10.7638888889vw;
  }
  .reform-hero-prices:after {
    height: 0.1388888889vw;
  }
  .reform-hero-price {
    font-size: 4.0277777778vw;
  }
  .reform-hero-price span.num {
    font-size: 9.0277777778vw;
  }
  .reform-hero-price:after {
    right: 5.1em;
    bottom: 4em;
    font-size: 1.6666666667vw;
  }
  .reform-hero-taxin {
    left: 27.7777777778vw;
    font-size: 1.1111111111vw;
    letter-spacing: 0.05em;
  }
  .reform-hero-desc {
    margin-top: 0.6944444444vw;
  }
  .reform-hero-desc p {
    padding: 0 0 0 0.5em;
    font-size: 1.1111111111vw;
  }
  .reform-hero-inquiry {
    margin-top: 1.0416666667vw;
    padding: 0 0 0 2.4305555556vw;
  }
  .reform-hero-inquiry > p {
    display: inline-block;
    padding: 0.37em 1.5em 0.35em 1.5em;
    margin-bottom: 0.6944444444vw;
    border-radius: 0.6944444444vw;
    font-size: 0.9722222222vw;
  }
  .reform-hero-inquiry-in {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .reform-hero-shop {
    width: 38.1944444444vw;
  }
  .reform-hero-shop > li .inquiry-shop-ttl {
    margin-bottom: 0;
    font-size: 1.25vw;
  }
  .reform-hero-shop > li .inquiry-num {
    padding-left: 3.3333333333vw;
    font-size: 2.5694444444vw;
  }
  .reform-hero-shop > li .inquiry-num:before {
    width: 2.8472222222vw;
    height: 1.6666666667vw;
  }
  .reform-hero-shop > li:nth-child(n+2) {
    margin-left: 1.7361111111vw;
  }
  .reform-hero-btn {
    width: 24.3055555556vw;
  }
  .reform-hero-btn a {
    height: 5.9027777778vw;
    border-width: 0.2083333333vw;
    border-radius: 1.3888888889vw;
    -webkit-transition: background-color 0.3s;
    transition: background-color 0.3s;
  }
  .reform-hero-btn a > div p:nth-child(1) {
    font-size: 1.1111111111vw;
  }
  .reform-hero-btn a > div p:nth-child(2) {
    font-size: 2.0833333333vw;
  }
  .reform-hero-btn a:after {
    right: 0.6944444444vw;
    width: 1.8055555556vw;
    height: 1.8055555556vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .reform-hero-btn a:hover {
    background-color: #fefefe;
  }
  .reform-hero-btn a:hover > div p {
    color: #28cb0d;
  }
  .reform-hero-btn a:hover:after {
    background-image: url(../img/common/arrow-line.svg);
  }
  .reform-hero-staff {
    top: 10.4166666667vw;
    left: auto;
    right: 1.3888888889vw;
    width: 23.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  .reform-hero {
    margin: 0 auto 80px auto;
    width: 1000px;
    background: repeating-linear-gradient(135deg, #ffd366, #ffd366 10px, #ffd672 10px, #ffd672 20px);
    border-width: 4px;
    border-radius: 20px;
  }
  .reform-hero:before {
    width: 635px;
  }
  .reform-hero:after {
    left: 635px;
    border-width: 580px 35px 0 0;
  }
  .reform-hero-box {
    padding: 70px 15px 15px 15px;
    height: 580px;
  }
  .reform-hero-box:after {
    left: -15px;
    bottom: -55px;
    width: 116px;
    height: 183px;
  }
  .reform-hero-photo {
    top: 25px;
    right: 25px;
    width: 365px;
  }
  .reform-hero-photo > div {
    border-width: 4px;
  }
  .reform-hero-after:before {
    top: 5px;
    left: 5px;
    width: 72px;
    height: 46px;
  }
  .reform-hero-after:after {
    top: 10px;
    right: 15px;
    width: 26px;
    height: 29px;
  }
  .reform-hero-before {
    left: -45px;
    bottom: 15px;
    width: 140px;
  }
  .reform-hero-before:after {
    top: -45px;
    left: 18px;
    width: 40px;
    height: 66px;
  }
  .reform-hero-content {
    width: 595px;
  }
  .reform-hero-label {
    top: -70px;
    left: -15px;
    padding: 0 20px;
    height: 50px;
    font-size: 24px;
    font-size: 2.4rem;
  }
  .reform-hero-label:after {
    border-width: 50px 27px 0 0;
  }
  .reform-hero-icon {
    top: -10px;
    width: 70px;
    height: 70px;
  }
  .reform-hero--kitchen .reform-hero-icon {
    left: 490px;
  }
  .reform-hero--bathroom .reform-hero-icon {
    left: 480px;
  }
  .reform-hero--toilet .reform-hero-icon {
    left: 450px;
  }
  .reform-hero-ttl {
    width: 524px;
  }
  .reform-hero-dis {
    left: -5px;
    width: 154px;
    height: 154px;
  }
  .reform-hero-dis p {
    font-size: 19px;
    font-size: 1.9rem;
  }
  .reform-hero-dis p span.en {
    font-size: 31px;
    font-size: 3.1rem;
  }
  .reform-hero-dis p span.num {
    font-size: 62px;
    font-size: 6.2rem;
  }
  .reform-hero-dis p span.off {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .reform-hero-prices {
    margin-top: -10px;
    padding: 0 0 15px 155px;
  }
  .reform-hero-prices:after {
    height: 2px;
  }
  .reform-hero-price {
    font-size: 58px;
    font-size: 5.8rem;
  }
  .reform-hero-price span.num {
    font-size: 130px;
    font-size: 13rem;
  }
  .reform-hero-price:after {
    font-size: 24px;
    font-size: 2.4rem;
  }
  .reform-hero-taxin {
    left: 400px;
    font-size: 16px;
    font-size: 1.6rem;
  }
  .reform-hero-desc {
    margin-top: 10px;
  }
  .reform-hero-desc p {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .reform-hero-inquiry {
    margin-top: 15px;
    padding-left: 35px;
  }
  .reform-hero-inquiry > p {
    margin-bottom: 10px;
    border-radius: 10px;
    font-size: 14px;
    font-size: 1.4rem;
  }
  .reform-hero-shop {
    width: 550px;
  }
  .reform-hero-shop > li .inquiry-shop-ttl {
    font-size: 18px;
    font-size: 1.8rem;
  }
  .reform-hero-shop > li .inquiry-num {
    padding-left: 48px;
    font-size: 37px;
    font-size: 3.7rem;
  }
  .reform-hero-shop > li .inquiry-num:before {
    width: 41px;
    height: 24px;
  }
  .reform-hero-shop > li:nth-child(n+2) {
    margin-left: 25px;
  }
  .reform-hero-btn {
    width: 350px;
  }
  .reform-hero-btn a {
    height: 85px;
    border-width: 3px;
    border-radius: 20px;
  }
  .reform-hero-btn a > div p:nth-child(1) {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .reform-hero-btn a > div p:nth-child(2) {
    font-size: 30px;
    font-size: 3rem;
  }
  .reform-hero-btn a:after {
    right: 10px;
    width: 26px;
    height: 26px;
  }
  .reform-hero-staff {
    top: 150px;
    right: 20px;
    width: 344px;
  }
}
/* reform -- > lineup
-------------------------------------------------------------------------------*/
.sec--reform-lineup {
  padding: 13.3333333333vw 0;
  background-color: #fefefe;
}

.sec--reform-lineup .sec-en {
  position: absolute;
  top: -0.3em;
  right: 0.5em;
}

.sec--reform-lineup .sec-head:after {
  content: "";
  position: absolute;
  top: -13.3333333333vw;
  left: -4vw;
  display: inline-block;
  width: 32vw;
  height: 29.7333333333vw;
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

.sec--reform-lineup .sec-head--kitchen:after {
  background-image: url(../img/kitchen/lineup/photo_sp.png);
}

.sec--reform-lineup .sec-head--bathroom:after {
  background-image: url(../img/bathroom/lineup/photo_sp.png);
}

.sec--reform-lineup .sec-head--toilet:after {
  background-image: url(../img/toilet/lineup/photo_sp.png);
}

.reform-lineup {
  position: relative;
  margin-top: 6.6666666667vw;
}

.lineup-slide {
  position: relative;
}

.reform-lineup-btn {
  margin: 6vw auto 0 auto;
  width: 72vw;
  text-align: center;
}

@media screen and (max-width: 750px) {
  .sec--reform-lineup .lineup-slide .swiper-slide {
    margin-right: 4.6666666667vw;
  }
  .sec--reform-lineup .lineup .lineup-post:nth-child(n+2) {
    margin-top: 0;
  }
  #lineup-pagination {
    margin-top: 6.6666666667vw;
  }
  .reform-lineup-btn a {
    padding: 0.5em 0;
    height: auto;
    border-radius: 5em;
  }
}
@media screen and (min-width: 751px) {
  .sec--reform-lineup {
    padding: 5.5555555556vw 0;
  }
  .sec--reform-lineup .sec-head:after {
    top: 50%;
    left: -15.2777777778vw;
    width: 21.3888888889vw;
    height: 19.8611111111vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sec--reform-lineup .sec-head--kitchen:after {
    background-image: url(../img/kitchen/lineup/photo.png);
    background-image: image-set(url(../img/kitchen/lineup/photo.png) 1x, url(../img/kitchen/lineup/photo-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/kitchen/lineup/photo.png) 1x, url(../img/kitchen/lineup/photo-2x.png) 2x);
  }
  .sec--reform-lineup .sec-head--bathroom:after {
    background-image: url(../img/bathroom/lineup/photo.png);
    background-image: image-set(url(../img/bathroom/lineup/photo.png) 1x, url(../img/bathroom/lineup/photo-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/bathroom/lineup/photo.png) 1x, url(../img/bathroom/lineup/photo-2x.png) 2x);
  }
  .sec--reform-lineup .sec-head--toilet:after {
    background-image: url(../img/toilet/lineup/photo.png);
    background-image: image-set(url(../img/toilet/lineup/photo.png) 1x, url(../img/toilet/lineup/photo-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/toilet/lineup/photo.png) 1x, url(../img/toilet/lineup/photo-2x.png) 2x);
  }
  .sec--reform-lineup .sec-ttl:before, .sec--reform-lineup .sec-ttl:after {
    content: "";
    position: absolute;
    display: inline-block;
    background-size: contain;
  }
  .sec--reform-lineup .sec-ttl:before {
    top: 50%;
    left: 5.5555555556vw;
    width: 8.4722222222vw;
    height: 9.4444444444vw;
    background-image: image-set(url(../img/lineup/front/washroom-tools.png) 1x, url(../img/lineup/front/washroom-tools-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/lineup/front/washroom-tools.png) 1x, url(../img/lineup/front/washroom-tools-2x.png) 2x);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .sec--reform-lineup .sec-ttl:after {
    top: -0.3472222222vw;
    right: 4.1666666667vw;
    width: 8.8888888889vw;
    height: 8.6111111111vw;
    background-image: url(../img/lineup/front/kitchen-tools.png);
    background-image: image-set(url(../img/lineup/front/kitchen-tools.png) 1x, url(../img/lineup/front/kitchen-tools-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/lineup/front/kitchen-tools.png) 1x, url(../img/lineup/front/kitchen-tools-2x.png) 2x);
  }
  .reform-lineup {
    margin-top: 2.7777777778vw;
  }
  .sec--reform-lineup #lineup-prev,
  .sec--reform-lineup #lineup-next,
  .sec--reform-lineup #lineup-pagination {
    display: none;
  }
  .reform-lineup-btn {
    margin-top: 2.4305555556vw;
    width: 33.3333333333vw;
  }
}
@media screen and (min-width: 1441px) {
  .sec--reform-lineup {
    padding: 80px 0;
  }
  .sec--reform-lineup .sec-head:after {
    left: -220px;
    width: 308px;
    height: 286px;
  }
  .sec--reform-lineup .sec-ttl:before {
    left: 80px;
    width: 122px;
    height: 136px;
  }
  .sec--reform-lineup .sec-ttl:after {
    top: -5px;
    right: 60px;
    width: 128px;
    height: 124px;
  }
  .reform-lineup {
    margin-top: 40px;
  }
  .reform-lineup-btn {
    margin-top: 35px;
    width: 480px;
  }
}
/* reform -- > works
-------------------------------------------------------------------------------*/
.page--reform .sec--works {
  padding-bottom: 0;
}
.page--reform .sec--works .sec-head:after {
  top: -10.6666666667vw;
  right: -6.6666666667vw;
  width: 37.8666666667vw;
  height: 36vw;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
.page--reform .sec--works .sec-head--kitchen:after {
  background-image: url(../img/kitchen/works/photo_sp.png);
}
.page--reform .sec--works .sec-head--bathroom:after {
  background-image: url(../img/bathroom/works/photo_sp.png);
}
.page--reform .sec--works .sec-head--toilet:after {
  background-image: url(../img/toilet/works/photo_sp.png);
}

@media screen and (max-width: 750px) {
  .page--reform .sec--works {
    z-index: 3;
  }
  .page--reform .sec--works .sec-head:after {
    z-index: 1;
  }
  .page--reform .sec--works > div:nth-child(1):after {
    width: 100%;
  }
  .page--reform .sec--works .sec-label {
    padding: 0.5em 1.5em;
    height: auto;
    border-radius: 5em;
    line-height: 1.25em;
  }
  .page--reform .sec--works .sec-ttl {
    margin-top: 0;
    font-size: 8vw;
  }
  .page--reform .sec--works .sec-ttl:before {
    content: none;
  }
  .page--reform .sec--works .sec-ttl:after {
    content: none;
  }
  .page--reform .sec--works .works .works-post:nth-child(n+2) {
    margin-top: 0;
  }
}
@media screen and (min-width: 751px) {
  .page--reform .sec--works .sec-head:after {
    top: 50%;
    right: -13.8888888889vw;
    width: 21.8055555556vw;
    height: 20.6944444444vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .page--reform .sec--works .sec-head--kitchen:after {
    background-image: url(../img/kitchen/works/photo.png);
    background-image: image-set(url(../img/kitchen/works/photo.png) 1x, url(../img/kitchen/works/photo-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/kitchen/works/photo.png) 1x, url(../img/kitchen/works/photo-2x.png) 2x);
  }
  .page--reform .sec--works .sec-head--bathroom:after {
    background-image: url(../img/bathroom/works/photo.png);
    background-image: image-set(url(../img/bathroom/works/photo.png) 1x, url(../img/bathroom/works/photo-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/bathroom/works/photo.png) 1x, url(../img/bathroom/works/photo-2x.png) 2x);
  }
  .page--reform .sec--works .sec-head--toilet:after {
    background-image: url(../img/toilet/works/photo.png);
    background-image: image-set(url(../img/toilet/works/photo.png) 1x, url(../img/toilet/works/photo-2x.png) 2x);
    background-image: -webkit-image-set(url(../img/toilet/works/photo.png) 1x, url(../img/toilet/works/photo-2x.png) 2x);
  }
  .page--reform .sec--works .sec-ttl:before {
    top: 50%;
    left: 3.8194444444vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .page--reform .sec--works .sec-ttl:after {
    top: 50%;
    right: 7.6388888889vw;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .page--reform .sec--works .swiper-wrapper-mask .swiper-slide:before {
    content: none;
  }
  .page--reform .sec--works #works-prev,
  .page--reform .sec--works #works-next,
  .page--reform .sec--works #works-pagination {
    display: none;
  }
}
@media screen and (min-width: 1441px) {
  .page--reform .sec--works .sec-head:after {
    right: -200px;
    width: 314px;
    height: 298px;
  }
  .page--reform .sec--works .sec-ttl:before {
    left: 55px;
  }
  .page--reform .sec--works .sec-ttl:after {
    right: 110px;
  }
}
/* reform -- > option
-------------------------------------------------------------------------------*/
.sec--option {
  padding: 10.6666666667vw 0;
  background-color: #FEF8F2;
}

.option > li {
  position: relative;
  padding: 4vw;
  background-color: #fefefe;
  border-radius: 2vw;
}

.option > li:nth-child(n+2) {
  margin-top: 5.3333333333vw;
}

.option-image {
  margin-bottom: 4vw;
  border-radius: 2vw;
  overflow: hidden;
}

.option-ttl {
  position: relative;
  margin-bottom: 0.7em;
  padding-bottom: 0.7em;
  font-size: 4.8vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.5em;
}
.option-ttl:after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 26.6666666667vw;
  height: 0.5333333333vw;
  background-color: #ee781f;
  border-radius: 0.2666666667vw;
}

.option-desc p {
  font-size: 3.7333333333vw;
  line-height: 1.5em;
}
.option-desc p:nth-child(n+2) {
  margin-top: 1em;
}

@media screen and (max-width: 750px) {
  .option-ttl:after {
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (min-width: 751px) {
  .sec--option {
    padding: 5.5555555556vw 0;
  }
  .option > li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.3888888889vw 1.7361111111vw 1.3888888889vw 1.3888888889vw;
    border-radius: 0.6944444444vw;
  }
  .option > li:nth-child(n+2) {
    margin-top: 2.7777777778vw;
  }
  .option-image {
    margin-bottom: 0;
    width: 26.3888888889vw;
    border-radius: 1.0416666667vw;
    overflow: hidden;
  }
  .option-content {
    padding-top: 1.3888888889vw;
    width: 37.5vw;
  }
  .option-ttl {
    font-size: 1.3888888889vw;
    text-align: left;
  }
  .option-ttl:after {
    left: 0;
    width: 100%;
    height: 0.2083333333vw;
    border-radius: 0.1388888889vw;
  }
  .option-desc p {
    font-size: 1.0416666667vw;
    line-height: 1.71em;
  }
}
@media screen and (min-width: 1441px) {
  .sec--option {
    padding: 80px 0;
  }
  .option > li {
    padding: 20px 25px 20px 20px;
    border-radius: 10px;
  }
  .option > li:nth-child(n+2) {
    margin-top: 40px;
  }
  .option-image {
    width: 380px;
    border-radius: 15px;
  }
  .option-content {
    padding-top: 20px;
    width: 540px;
  }
  .option-ttl {
    font-size: 20px;
    font-size: 2rem;
  }
  .option-ttl:after {
    height: 3px;
    border-radius: 2px;
  }
  .option-desc p {
    font-size: 15px;
    font-size: 1.5rem;
  }
}
/*  reform - #reason
-------------------------------------------------------------------------------*/
.reform-reason {
  margin-top: 6.6666666667vw;
}

.reform-reason > li {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 2.6666666667vw 2.6666666667vw 2.6666666667vw 3.0666666667vw;
  background-color: #fefefe;
  border-color: #ee781f;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 1.3333333333vw;
}

.reform-reason-content {
  width: 54.6666666667vw;
}

.reform-reason-image {
  width: 26.6666666667vw;
  height: 26.6666666667vw;
  background-color: #ccc;
  border-radius: 1.3333333333vw;
  overflow: hidden;
}

.reform-reason .reason-num {
  margin-bottom: 2vw;
}
.reform-reason .reason-num span {
  padding: 0 0.75em 0.1em 1em;
}
.reform-reason .reason-ttl {
  font-size: 5.0666666667vw;
}

@media screen and (max-width: 750px) {
  .reform-reason > li:nth-child(n+2) {
    margin-top: 4vw;
  }
}
@media screen and (min-width: 751px) {
  .reform-reason {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 2.7777777778vw 0 0 -1.3888888889vw;
  }
  .reform-reason > li {
    margin-left: 1.3888888889vw;
    padding: 0.6944444444vw 0.6944444444vw 0.6944444444vw 0.9027777778vw;
    width: calc(33.33333% - 1.3888888889vw);
    border-width: 0.1388888889vw;
    border-radius: 0.6944444444vw;
  }
  .reform-reason > li:nth-child(n+4) {
    margin-top: 1.3888888889vw;
  }
  .reform-reason-content {
    width: 12.8472222222vw;
  }
  .reform-reason-image {
    width: 6.9444444444vw;
    height: 6.9444444444vw;
    border-radius: 0.6944444444vw;
  }
  .reform-reason .reason-num {
    left: -0.3472222222vw;
    margin-bottom: 0.6944444444vw;
    font-size: 1.3888888889vw;
  }
  .reform-reason .reason-num span {
    margin-right: 1.7361111111vw;
    padding: 0 0.5em 0.1em 0.75em;
    height: 2.0833333333vw;
    border-radius: 1.0416666667vw;
    font-size: 1.0416666667vw;
  }
  .reform-reason .reason-num span:after {
    width: 1.0416666667vw;
  }
  .reform-reason .reason-ttl {
    font-size: 1.1805555556vw;
  }
}
@media screen and (min-width: 1441px) {
  .reform-reason {
    margin: 40px 0 0 -20px;
  }
  .reform-reason > li {
    margin-left: 20px;
    padding: 10px 10px 10px 13px;
    width: calc(33.33333% - 20px);
    border-width: 2px;
    border-radius: 10px;
  }
  .reform-reason > li:nth-child(n+4) {
    margin-top: 20px;
  }
  .reform-reason-content {
    width: 185px;
  }
  .reform-reason-image {
    width: 100px;
    height: 100px;
    border-radius: 10px;
  }
  .reform-reason .reason-num {
    left: -5px;
    margin-bottom: 10px;
    font-size: 20px;
    font-size: 2rem;
  }
  .reform-reason .reason-num span {
    margin-right: 25px;
    height: 30px;
    border-radius: 15px;
    font-size: 15px;
    font-size: 1.5rem;
  }
  .reform-reason .reason-num span:after {
    width: 15px;
  }
  .reform-reason .reason-ttl {
    font-size: 17px;
    font-size: 1.7rem;
  }
}
/* reform -- > flow
-------------------------------------------------------------------------------*/
.sec--flow {
  padding: 10.6666666667vw 0;
}

.flow {
  position: relative;
  z-index: 1;
}

.flow > li {
  position: relative;
}

.flow-image {
  position: relative;
  margin-bottom: 4vw;
  z-index: 1;
}

.flow-num {
  position: absolute;
  top: 2.6666666667vw;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.1em 1em 0 1em;
  height: 6.6666666667vw;
  background-color: #423030;
  border-radius: 0 3.3333333333vw 3.3333333333vw 0;
  color: #fefefe;
  font-family: "IBMPlexSansJP", sans-serif;
  font-size: 4vw;
  font-weight: 700;
  text-align: center;
  text-transform: uppercase;
  z-index: 2;
}

.flow-ttl {
  position: relative;
  margin-bottom: 3.3333333333vw;
  font-size: 5.8666666667vw;
  font-weight: 700;
  text-align: center;
  line-height: 1.35em;
}

.flow-desc p {
  font-size: 3.7333333333vw;
  line-height: 1.5em;
}
.flow-desc p:nth-child(n+2) {
  margin-top: 1em;
}

@media screen and (max-width: 750px) {
  .flow:before {
    content: "";
    position: absolute;
    top: 26.8vw;
    left: 5.8666666667vw;
    width: 0.6666666667vw;
    height: calc(100% - 66.6666666667vw);
    background-color: #ee781f;
    z-index: -1;
  }
  .flow > li:nth-child(n+2) {
    margin-top: 8.6666666667vw;
  }
  .flow-content {
    margin-left: auto;
    width: 78.6666666667vw;
  }
}
@media screen and (min-width: 751px) {
  .sec--flow {
    padding: 9.7222222222vw 0 5.5555555556vw 0;
  }
  .flow {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin-left: -1.3888888889vw;
  }
  .flow > li {
    margin-left: 1.3888888889vw;
    width: calc(25% - 1.3888888889vw);
  }
  .flow > li:nth-child(n+5) {
    margin-top: 3.4722222222vw;
  }
  .flow-num {
    top: 0.6944444444vw;
    height: 2.0833333333vw;
    border-radius: 0 1.0416666667vw 1.0416666667vw 0;
    font-size: 1.25vw;
  }
  .flow-image {
    margin-bottom: 1.0416666667vw;
  }
  .flow-ttl {
    margin-bottom: 1.0416666667vw;
    font-size: 1.5277777778vw;
  }
  .flow-desc p {
    font-size: 1.0416666667vw;
  }
  .flow > li:nth-child(1) .flow-image:before,
  .flow > li:nth-child(5) .flow-image:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 0;
    width: 69.4444444444vw;
    height: 0.3472222222vw;
    background-color: #ee781f;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
    z-index: -1;
  }
}
@media screen and (min-width: 1441px) {
  .sec--flow {
    padding: 140px 0 80px 0;
  }
  .flow {
    margin-left: -20px;
  }
  .flow > li {
    margin-left: 20px;
    width: calc(25% - 20px);
  }
  .flow > li:nth-child(n+5) {
    margin-top: 50px;
  }
  .flow-num {
    top: 10px;
    height: 30px;
    border-radius: 0 15px 15px 0;
    font-size: 18px;
    font-size: 1.8rem;
  }
  .flow-image {
    margin-bottom: 15px;
  }
  .flow-ttl {
    margin-bottom: 15px;
    font-size: 22px;
    font-size: 2.2rem;
  }
  .flow-desc p {
    font-size: 15px;
    font-size: 1.5rem;
  }
  .flow > li:nth-child(1) .flow-image:before,
  .flow > li:nth-child(5) .flow-image:before {
    width: 1000px;
    height: 5px;
  }
}
/* reform -- > faq
-------------------------------------------------------------------------------*/
.sec--reform-faq {
  padding: 10.6666666667vw 0 6.6666666667vw 0;
}

@media all and (min-width: 751px) {
  .sec--reform-faq {
    padding: 9.7222222222vw 0 3.4722222222vw 0;
  }
}
@media all and (min-width: 1441px) {
  .sec--reform-faq {
    padding: 140px 0 50px 0;
  }
}
/* reform -- > subsidy
-------------------------------------------------------------------------------*/
.sec--subsidy {
  padding: 10.6666666667vw 0 6.6666666667vw 0;
}

.subsidy {
  position: relative;
  margin-top: 13.3333333333vw;
}

.subsidy > div:nth-child(n+2) {
  margin-top: 13.3333333333vw;
}

.subsidy-post {
  position: relative;
  padding: 4vw 4vw 4.6666666667vw 4vw;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 1.3333333333vw;
}

.subsidy .subsidy-post:nth-child(n+2) {
  margin-top: 9.3333333333vw;
}

.subsidy-ttl {
  position: relative;
  left: -4vw;
  display: inline-block;
  margin-bottom: 1em;
  padding: 0.4em 4vw 0.5em 4vw;
  width: calc(100% + 4vw);
  background-color: #423030;
  border-radius: 0 2.6666666667vw 2.6666666667vw 0;
  color: #fefefe;
  font-size: 5.3333333333vw;
  font-weight: 700;
  line-height: 1.25em;
  z-index: 1;
}

.subsidy-image {
  margin-bottom: 4vw;
  background-color: #fefefe;
  border-color: #fdebd8;
  border-style: solid;
  border-width: 0.5333333333vw;
  border-radius: 1.3333333333vw;
  overflow: hidden;
}

.subsidy-desc p {
  line-height: 1.5em;
}
.subsidy-desc p:nth-child(n+2) {
  margin-top: 1.5em;
}

.subsidy-btn {
  position: relative;
  margin-top: 5.3333333333vw;
  text-align: center;
}

.subsidy-btn > a {
  position: relative;
  display: inline-block;
  padding-right: 7.7333333333vw;
}
.subsidy-btn > a span {
  position: relative;
  display: inline-block;
  padding: 0.7em 0.25em;
  font-size: 3.7333333333vw;
  font-weight: 700;
  -webkit-transition: color 0.3s;
  transition: color 0.3s;
}
.subsidy-btn > a span:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.5333333333vw;
  background-color: #ee781f;
}
.subsidy-btn > a:after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  width: 5.3333333333vw;
  height: 5.3333333333vw;
  background-image: url(../img/common/arrow-og.svg);
  background-size: contain;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 751px) {
  .sec--subsidy {
    padding: 3.4722222222vw 0 5.5555555556vw 0;
  }
  .subsidy {
    margin-top: 3.4722222222vw;
  }
  .subsidy > div:nth-child(n+2) {
    margin-top: 5.5555555556vw;
  }
  .subsidy-post {
    padding: 2.0833333333vw;
    border-width: 0.1388888889vw;
    border-radius: 0.6944444444vw;
  }
  .subsidy .subsidy-post:nth-child(n+2) {
    margin-top: 2.0833333333vw;
  }
  .subsidy-ttl {
    left: -2.0833333333vw;
    padding: 0.4em 2.0833333333vw 0.5em 2.0833333333vw;
    width: calc(100% + 2.0833333333vw);
    border-radius: 0 5em 5em 0;
    font-size: 1.9444444444vw;
  }
  .subsidy-contents {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .subsidy-image {
    margin: 0;
    width: 20.8333333333vw;
    border-width: 0.1388888889vw;
    border-radius: 0.6944444444vw;
  }
  .subsidy-content {
    width: 41.6666666667vw;
  }
  .subsidy-desc p {
    line-height: 1.71em;
  }
  .subsidy-desc p a:after {
    height: 0.1388888889vw;
  }
  .subsidy-btn {
    margin-top: 3.125vw;
    padding-right: 0.8333333333vw;
    text-align: left;
  }
  .subsidy-btn > a {
    padding-right: 1.6666666667vw;
  }
  .subsidy-btn > a span {
    padding: 0.7em 0.5em;
    font-size: 1.1111111111vw;
    -webkit-transition: color 0.3s;
    transition: color 0.3s;
  }
  .subsidy-btn > a span:after {
    height: 0.1388888889vw;
  }
  .subsidy-btn > a:after {
    width: 1.6666666667vw;
    height: 1.6666666667vw;
    -webkit-transition: -webkit-transform 0.3s;
    transition: -webkit-transform 0.3s;
    transition: transform 0.3s;
    transition: transform 0.3s, -webkit-transform 0.3s;
  }
  .subsidy-btn > a:hover span {
    color: #ee781f;
  }
  .subsidy-btn > a:hover:after {
    -webkit-transform: translateX(0.2em) translateY(-50%);
            transform: translateX(0.2em) translateY(-50%);
  }
}
@media screen and (min-width: 1441px) {
  .sec--subsidy {
    padding: 50px 0 80px 0;
  }
  .subsidy {
    margin-top: 50px;
  }
  .subsidy > div:nth-child(n+2) {
    margin-top: 80px;
  }
  .subsidy-post {
    padding: 30px;
    border-width: 2px;
    border-radius: 10px;
  }
  .subsidy-post:after {
    border-width: 0 0 30px 30px;
  }
  .subsidy .subsidy-post:nth-child(n+3) {
    margin-top: 30px;
  }
  .subsidy-ttl {
    left: -30px;
    padding: 0.4em 30px 0.5em 30px;
    width: calc(100% + 30px);
    font-size: 28px;
    font-size: 2.8rem;
  }
  .subsidy-image {
    width: 300px;
    border-width: 2px;
    border-radius: 10px;
  }
  .subsidy-content {
    width: 600px;
  }
  .subsidy-desc p a:after {
    height: 2px;
  }
  .subsidy-btn {
    margin-top: 45px;
    padding-right: 12px;
  }
  .subsidy-btn > a {
    padding-right: 24px;
  }
  .subsidy-btn > a span {
    font-size: 16px;
    font-size: 1.6rem;
  }
  .subsidy-btn > a span:after {
    height: 2px;
  }
  .subsidy-btn > a:after {
    width: 24px;
    height: 24px;
  }
}

.red {
  color: red;
}
.inquiry-shop .inquiry-shop-area {
  margin-top: 7vw;
  margin-bottom: 3vw;
}
.inquiry-shop .inquiry-shop-area .area-image,
.inquiry-shop .inquiry-shop-area .sec-head {
  display: none;
}
.pickup-bnr-ttl {
    font-size: 3.3vw;
    text-align: center;
    margin-bottom: 2.6vw;
}
@media screen and (max-width: 750px) {
  .inquiry-image + #contact-form {
    margin-bottom: 5vw;
  }
}
.form-caution {
  line-height: 1.5;
}

.area-faq .page-in {
  display: flex;
  column-gap: 2em;
  margin-top: 5em;
}
.area-faq .page-in img {
  max-width: 100%;
}
.area-faq .map {
  width: 40%;
  flex-shrink: 0;
  position: relative;
}
.area-faq .area-faq-ttl {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%,-50%);
  background-color: #423030;
  color: #fff;
  padding: 0.8em 2em;
  border-radius: 100vw;
  white-space: nowrap;
}
.area-faq .txt {
  line-height: 1.5;
  font-size: .85em;
}
.area-faq .txt p {
  margin-bottom: 1em;
}
.area-faq .txt a {
  text-decoration: underline;
  color: darkblue;
  width: fit-content;
  margin-left: auto;
  margin-right: 0;
  display: block;
}
.contact-area-faq-pc {
  margin-top: 10em;
}
@media screen and (max-width: 750px) {
  .area-faq .page-in {
    flex-direction: column;
  }
  .area-faq .map {
    width: 100%;
  }
  .area-faq .area-faq-ttl {
    font-size: .8em;
  }
  .area-faq .txt p {
    display: none;
  }
  .area-faq .txt a {
    margin-left: auto;
    margin-right: auto;
    font-size: .9em;
    margin-top: .8em;
  }
  .contact-area-faq-pc {
    margin-top: 3em;
  }
  .contact-area-faq-pc .area-faq .txt a {
    color: #fff;
  }
}

/*住宅省エネキャンペーン*/

:root {
  --green: #00A599;
  --green_l: #eef4f4;
  --pink: #E66F78;
  --pink_l: #f9f0f1;
  --blue: #65a1da;
  --blue_l: rgba(101, 161, 218, 0.1);
  --orange: #f09229;
  --orange_l: rgba(240, 147, 41, 0.1);
}
#hojyokin_page .sp_only{
  display: none;
}
#hojyokin_page .pc_only{
  display: block;
}
@media screen and (max-width: 750px) {
  :root {
    --break: 750;
  }
  #hojyokin_page .sp_only{
    display: block;
  }
  #hojyokin_page .pc_only{
    display: none;
  }
  }

@media screen and (min-width: 751px) and (max-width: 1300px) {
  :root {
    --break: 1300;
  }

}

@media screen and (min-width: 1301px) {
  :root {
    --break: 1301;
  }
}

#hojyokin_page .txt_green {
  color: var(--green);
}

#hojyokin_page .bg_green {
  background-color: var(--green);
}

#hojyokin_page .bg_green_l {
  background-color: var(--green_l);
}

#hojyokin_page .bdr_green {
  border-left-color: var(--green);
}

#hojyokin_page .txt_pink {
  color: var(--pink)
}

#hojyokin_page .bg_pink {
  background-color: var(--pink);
}

#hojyokin_page .bg_pink_l {
  background-color: var(--pink_l);
}

#hojyokin_page .bdr_pink {
  border-color: var(--pink) !important;
}

#hojyokin_page .bg_blue{
  background-color: var(--blue);
}
#hojyokin_page .bg_blue_l {
  background-color: var(--blue_l);
}
#hojyokin_page .bdr_blue {
  border-color: var(--blue);
}

#hojyokin_page .bg_orange{
  background-color: var(--orange);
}
#hojyokin_page .bg_orange_l {
  background-color: var(--orange_l);
}
#hojyokin_page .bdr_orange {
  border-color: var(--orange) ;
}

#hojyokin_page .txt_white {
  color: #fff;
}

#hojyokin_page .bg_white {
  background-color: #fff
}
#hojyokin_page .bdr_white {
  border-color: #fff ;
}


.mgf {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 400;
  font-style: normal;
}

#hojyokin_page {
  font-family: "ヒラギノ丸ゴ Pro W4", "ヒラギノ丸ゴ Pro", "Hiragino Maru Gothic Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "HG丸ｺﾞｼｯｸM-PRO", "HGMaruGothicMPRO";
  font-family: "Zen Maru Gothic", serif;
  line-height: 1.6;
  margin-bottom: 0;
  font-size: 62.5%;
}
@media screen and (max-width: 750px) {
  #hojyokin_page .none--sp {
    display: none !important;
  }
}

@media screen and (min-width: 751px) {
  #hojyokin_page .none--pc {
    display: none !important;
  }
}
#hojyokin_page .center {
  text-align: center;
}
#hojyokin_page .img--fit {
  width: 100%;
  height: auto;
}

#hojyokin_page .sec__in {
  display: block;
  margin: 0 auto;
  width: 80vw;
  max-width: 1000px;
}

#hojyokin_page .mv {
  position: relative;
  width: 100%;
  margin-bottom: 20px;
}

#hojyokin_page .mv .btn_h {
  position: absolute;
  right: 0;
  bottom: 20px;
}

#hojyokin_page .btn_h_contact {
  margin-left: 80px;
}

.h-btn:hover {
  border: 2px solid #00A599;
  background: #00A599;
  color: #fff;
}

#hojyokin_page .btn_flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

#hojyokin_page .btn_flex a {
  width: 32%;
}

#hojyokin_page .lg_bg {
  background: #eef4f4;
  padding: 50px 0;
  background-image: url(../img/3hojyokin/bg_house.png);
  background-position: bottom 0 right 0;
  background-repeat: no-repeat;
  background-size: 100% auto;
}

#hojyokin_page .c_flex {
  display: flex;
  justify-content: space-between;
}

#hojyokin_page .c_flex img {
  width: 95%;
}

#hojyokin_page .fw7 {
  font-weight: 700;
}

#hojyokin_page h3 {
  line-height: 1.2;
}

#hojyokin_page .fcp {
  color: #E66F78;
}

#hojyokin_page .fcb {
  color: #65A1DA;
}

#hojyokin_page .fco {
  color: #F09229;
}

#hojyokin_page .fcg {
  color: #00A599;
}

#hojyokin_page .mv .btn_h {
  position: absolute;
  right: 0;
  bottom: 20px;
  display: flex;
}

.h-btn {
  border: 2px solid #00A599;
  background: #fff;
  color: #00A599;
  padding: 20px 50px;
  border-radius: 30px;
  width: 100%;
  font-size: 21px;
  text-align: center;
}

#hojyokin_page .p_btn {
  border: 2px solid #E66F78;
  background: #E66F78;
  color: #fff;
  padding: 20px 0px;
  border-radius: 5px;
  text-align: center;
  font-size: 20px;
  font-size: 2.0em;
  font-weight: 700;
}

#hojyokin_page .p_btn:hover {
  border: 2px solid #E66F78;
  background: #fff;
  color: #E66F78;
  padding: 20px 10px;
  border-radius: 5px;
  text-align: center;
}

#hojyokin_page .b_btn {
  border: 2px solid #65A1DA;
  background: #65A1DA;
  color: #fff;
  padding: 20px 10px;
  border-radius: 5px;
  text-align: center;
  font-size: 20px;
  font-size: 2.0em;
  font-weight: 700;
}

#hojyokin_page .b_btn:hover {
  border: 2px solid #65A1DA;
  background: #fff;
  color: #65A1DA;
  padding: 20px 10px;
  border-radius: 5px;
  text-align: center;
}

#hojyokin_page .o_btn {
  border: 2px solid #F09229;
  background: #F09229;
  color: #fff;
  padding: 20px 10px;
  border-radius: 5px;
  text-align: center;
  font-size: 20px;
  font-size: 2.0em;
  font-weight: 700;
}

#hojyokin_page .o_btn:hover {
  border: 2px solid #F09229;
  background: #fff;
  color: #F09229;
  padding: 20px 10px;
  border-radius: 5px;
  text-align: center;
}

#hojyokin_page .g_tit {
  color: #00A599;
  font-weight: 700;
  font-size: 30px;
  font-size: 3.0em;
  line-height: 1.2;
}

#hojyokin_page .fsz2 {
  font-size: 20px;
  font-size: 2.0em;
}

#hojyokin_page .fsz3 {
  font-size: 30px;
  font-size: 3.0em;
  line-height: 1.5;
}

#hojyokin_page .fsz4 {
  font-size: 40px;
  font-size: 1.2em;
}

#hojyokin_page .title_hukidashi_p {
  position: relative;
  padding: 1.5em 2em;
  border-bottom: 3px solid #E66F78;
}

#hojyokin_page .title_hukidashi_p:before {
  position: absolute;
  bottom: -28px;
  left: 45%;
  width: 0;
  height: 0;
  content: '';
  border-width: 28px 24px 0 24px;
  border-style: solid;
  border-color: #E66F78 transparent transparent transparent;
}

#hojyokin_page .title_hukidashi_p:after {
  position: absolute;
  bottom: -24px;
  left: 45%;
  width: 0;
  height: 0;
  content: '';
  border-width: 28px 24px 0 24px;
  border-style: solid;
  border-color: #fcfaf6 transparent transparent transparent;
}

#hojyokin_page .title_hukidashi_b {
  position: relative;
  padding: 1.5em 2em;
  border-bottom: 3px solid #65A1DA;
}

#hojyokin_page .title_hukidashi_b:before {
  position: absolute;
  bottom: -28px;
  left: 45%;
  width: 0;
  height: 0;
  content: '';
  border-width: 28px 24px 0 24px;
  border-style: solid;
  border-color: #65A1DA transparent transparent transparent;
}

#hojyokin_page .title_hukidashi_b:after {
  position: absolute;
  bottom: -24px;
  left: 45%;
  width: 0;
  height: 0;
  content: '';
  border-width: 28px 24px 0 24px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

#hojyokin_page .title_hukidashi_o {
  position: relative;
  padding: 1.5rem 2rem;
  border-bottom: 3px solid #F09229;
  background: #fcfaf6;
}

#hojyokin_page .title_hukidashi_o:before {
  position: absolute;
  bottom: -28px;
  left: 45%;
  width: 0;
  height: 0;
  content: '';
  border-width: 28px 24px 0 24px;
  border-style: solid;
  border-color: #F09229 transparent transparent transparent;
}

#hojyokin_page .title_hukidashi_o:after {
  position: absolute;
  bottom: -24px;
  left: 45%;
  width: 0;
  height: 0;
  content: '';
  border-width: 28px 24px 0 24px;
  border-style: solid;
  border-color: #fcfaf6 transparent transparent transparent;
}

#hojyokin_page .table_box {
  display: flex;
}
#hojyokin_page .table_box2 {
}
#hojyokin_page .kagi_box {
  --x-gradient: linear-gradient(90deg, #333 0 30px, transparent 0 calc(100% - 30px), #333 calc(100% - 30px));
  --y-gradient: linear-gradient(#333 0 30px, transparent 0 calc(100% - 30px), #333 calc(100% - 30px));
  padding: 3em;
  background-image:
    var(--x-gradient),
    var(--y-gradient),
    var(--x-gradient),
    var(--y-gradient);
  background-repeat: no-repeat;
  background-size: 100% 5px, 5px 100%, 100% 5px, 5px 100%;
  background-position: top, right, bottom, left;
  width: 100%;
  border: 1px solid #ccc;
  text-align: left;
}

#hojyokin_page .kagi_box .tit01 {
  background: #00A599;
  border: 2px solid #00A599;
  border-radius: 20px;
  padding: 1em;
  text-align: center;
  margin: 0 auto 20px;
  color: #fff;
  width: 300px;
}

#hojyokin_page .kagi_box .tit02 {
  background: #fff;
  border: 2px solid #00A599;
  border-radius: 20px;
  padding: 1em;
  text-align: center;
  margin: 0 auto 20px;
  color: #00A599;
  width: 300px;
}

#hojyokin_page .kagi_box .tit03 {
  background: #65A1DA;
  border: 2px solid #65A1DA;
  border-radius: 20px;
  padding: 1em;
  text-align: center;
  margin: 0 auto 20px;
  color: #fff;
  width: 300px;
}

#hojyokin_page .kagi_box .tit04 {
  background: #fff;
  border: 2px solid #65A1DA;
  border-radius: 20px;
  padding: 1em;
  text-align: center;
  margin: 0 auto 20px;
  color: #65A1DA;
  width: 300px;
}

#hojyokin_page .lp_bg {
  background: #f9f0f1;
  padding: 50px 0;
}

#hojyokin_page .seko_jirei_box {
  background: #fff;
  border-radius: 10px;
  margin-bottom: 30px;
  width: 100%;
}

#hojyokin_page .seko_jirei_box .tit {
  background: #E66F78;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
  margin-bottom: 1em;
  width: 100%;
  color: #fff;
  text-align: center;
  padding: .5em;
  font-size: 30px;
  font-size: 3.0em;
  font-weight: 700;
  position: relative;
}

#hojyokin_page .seko_jirei_box .tit .hissu {
  background: #fff;
  border-radius: 20px;
  color: #E66F78;
  text-align: center;
  padding: 0.5em 2em;
  font-size: 20px;
  font-size: .6em;
  font-weight: 700;
  top: 10px;
  right: 10px;
  position: absolute;
}

#hojyokin_page .seko_jirei_box .tit .nini {
  background: #fff;
  border-radius: 20px;
  color: #808080;
  text-align: center;
  padding: 0.5em 2em;
  font-size: 20px;
  font-size: .6em;
  font-weight: 700;
  top: 10px;
  right: 10px;
  position: absolute;
}

#hojyokin_page .seko_jirei_box .jirei {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  padding: 3rem;
}

#hojyokin_page .seko_jirei_box .jirei .box {
  width: 31%;
  margin: 0 1% 20px;
  text-align: center;
  font-size: 1.4em;
}

#hojyokin_page .seko_jirei_box .jirei .box img {
  width: 100%;
  margin-bottom: 8px;
}

#hojyokin_page .mado_flex {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}

#hojyokin_page .mado_flex .m_box {
  width: 48%;
  margin: 1%;
  text-align: center;
}

#hojyokin_page .mado_flex .m_box img {
  width: 100%;
  margin-bottom: 8px;
}

#hojyokin_page .lo_bg {
  background: #f9f8ef;
  padding: 50px 0;
}

#hojyokin_page .mb20 {
  margin-bottom: 20px;
}

#hojyokin_page .mb30 {
  margin-bottom: 30px;
}

#hojyokin_page .mb50 {
  margin-bottom: 50px;
}

#hojyokin_page .mb80 {
  margin-bottom: 80px !important;
}
@media screen and (max-width: 750px) {
  #hojyokin_page .mb80 {
    margin-bottom: 50px !important;
  }
  }

#hojyokin_page .h_hr {
  display: none;
}

#hojyokin_page .lineup-cta-box .cmn-btns {
  width: 410px;
}

#hojyokin_page .lineup-cta__in {
  display: flex;
  justify-content: center;
}

#hojyokin_page .renov-cta .cmn-btns {
  display: flex;
  justify-content: center;
}

#hojyokin_page .renov-cta .btn_h {
  padding-top: 30px;
}

#hojyokin_page .cmn-cta-time {
  font-family: noto-sans-cjk-jp, sans-serif;
}

.hojokin_caution {
  border: solid 1px #b71c1c;
  margin-bottom: 20px !important;
  text-align: center;
  padding: 1em;
}

.hojokin_caution .ttl {
  background-color: #b71c1c;
  color: #fff;
  border-radius: 100px;
  font-weight: bold;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  padding: 0.4em 2em;
  margin-bottom: 1em;
}

.hojokin_caution .fv_l {
  font-size: 1.3em;
}

.hojokin_caution .marker {
  background: linear-gradient(transparent 60%, #ff6 60%);
}

.hojokin_caution p {
  font-weight: bold;
}

.hojokin_caution .red {
  font-size: 20px;
  font-weight: 700;
  color: #b71c1c;
  border-bottom: 1px solid #b71c1c;
}

.hojyokouji_fbox {
  display: flex;
  justify-content: flex-start;
}

.txt_tal {
  text-align: left;
}

.g_link {
  color: #00A599 !important;
  text-decoration: underline;
}

.g_link:hover {
  color: #ccc;
  text-decoration: none;
}


#hojyokin_page .cv-area{
    margin-top: 0;
    margin-bottom: 0;
    padding: 100px 0;
}
#hojyokin_page .cv-area.nobg{
  background: none;
}

#hojyokin_page .cv-area .inquiry-image {
  display: none;
}
#hojyokin_page .cv-area .inquiry-box {
  margin-left: auto;
  margin-right: auto;
}
#hojyokin_page .cv-area .inquiry-head {
  display: none;
}
#hojyokin_page .cv-area .inquiry {
  height: auto;
  padding-top: 5em;
  padding-bottom: 5em;
}
#hojyokin_page .cv-area * {
  font-family: "NotoSansJP", sans-serif;
  line-height: 1;
}
@media screen and (min-width: 751px) and (max-width: 1300px) {
  #hojyokin_page .mv .btn_h {
    position: absolute;
    right: 0;
    bottom: 20px;
    width: 24em;
    display: flex;
  }

  .h-btn {
    border: 2px solid #00A599;
    background: #fff;
    color: #00A599;
    padding: 1em;
    border-radius: 30px;
    width: 100%;
    font-size: 1.8em;
    text-align: center;
  }

  #hojyokin_page .p_btn {
    border: 2px solid #E66F78;
    background: #E66F78;
    color: #fff;
    padding: 1em 0;
    border-radius: 5px;
    text-align: center;
    font-size: 1.6em;
    font-weight: 700;
  }

  #hojyokin_page .p_btn:hover {
    border: 2px solid #E66F78;
    background: #fff;
    color: #E66F78;
    padding: 1em;
    border-radius: 5px;
    text-align: center;
  }

  #hojyokin_page .b_btn {
    border: 2px solid #65A1DA;
    background: #65A1DA;
    color: #fff;
    padding: 1em;
    border-radius: 5px;
    text-align: center;
    font-size: 1.6em;
    font-weight: 700;
  }

  #hojyokin_page .b_btn:hover {
    border: 2px solid #65A1DA;
    background: #fff;
    color: #65A1DA;
    padding: 1em;
    border-radius: 5px;
    text-align: center;
  }

  #hojyokin_page .o_btn {
    border: 2px solid #F09229;
    background: #F09229;
    color: #fff;
    padding: 1em;
    border-radius: 5px;
    text-align: center;
    font-size: 1.6em;
    font-weight: 700;
  }

  #hojyokin_page .o_btn:hover {
    border: 2px solid #F09229;
    background: #fff;
    color: #F09229;
    padding: 1em;
    border-radius: 5px;
    text-align: center;
  }

  #hojyokin_page .g_tit {
    color: #00A599;
    font-weight: 700;
    font-size: 3vw;
    line-height: 1.2;
  }

  #hojyokin_page .fsz2 {
    font-size: calc(20/ var(--break) * 100vw);
  }

  #hojyokin_page .fsz3 {
    font-size: calc(30 / var(--break) * 100vw);
  }

  #hojyokin_page .fsz4 {
    font-size: 4vw;
  }

  #hojyokin_page .table_box img {
    width: 100%;
  }

  #hojyokin_page .renov-cta .cmn-btns {
    display: flex;
    justify-content: center;
    width: 100%;
  }

  #hojyokin_page .renov-cta .btn_h {
    padding-top: 2.4vw;
  }

  #hojyokin_page .lineup-cta-box .cmn-btns {
    width: 31vw;
  }
}

@media screen and (max-width: 750px) {
  #hojyokin_page {
    margin-bottom: 0;
  }
  #hojyokin_page .cv-area {
    padding-top: 15vw;
    padding-bottom: 15vw;
  }
  #hojyokin_page .cv-area.nobg .layout__cv-inner{
      outline-offset:0;
      width: auto;
  }
  #hojyokin_page .cv-area.nobg .layout__cv-inner .layout__cv-inner__text{
    transform: translateY(-50%);
  }
  

  .contact-cta-btns a {
    position: relative;
    display: block;
    align-items: center;
    width: 84.66667vw;
    padding: 3vw;
    height: 14vw;
    font-size: 6vw;
    font-weight: 500;
    line-height: 1.2em;
    transition: color .3s, background-color .3s;
  }

  #hojyokin_page .mv {
    padding-left: 0;
    padding-bottom: 0;
  }
  #hojyokin_page .mv .btn_h {
    position: relative;
    right: 0;
    bottom: 1vw;
    max-width: 96%;
    width: 96%;
    display: flex;
  }

  #hojyokin_page .sec__in {
    display: block;
    margin: 0 auto;
    width: 92%;
    max-width: 92%;
  }

  #hojyokin_page .mv .btn_h {
    position: relative;
    right: 0;
    bottom: 0;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 4vw;
    width: 100%;
    max-width: 100%;
    display: flex;
  }

  .h-btn {
    border: 2px solid #00A599;
    background: #fff;
    color: #00A599;
    padding: 3vw 22vw;
    border-radius: 30px;
    width: 100%;
    font-size: 5vw;
    text-align: center;
  }

  #hojyokin_page .p_btn {
    border: 2px solid #E66F78;
    background: #E66F78;
    color: #fff;
    padding: 4vw 0;
    border-radius: 5px;
    text-align: center;
    font-size: 5vw;
    font-weight: 700;
  }

  #hojyokin_page .p_btn:hover {
    border: 2px solid #E66F78;
    background: #fff;
    color: #E66F78;
    padding: 4vw 2vw;
    border-radius: 5px;
    text-align: center;
  }

  #hojyokin_page .b_btn {
    border: 2px solid #65A1DA;
    background: #65A1DA;
    color: #fff;
    padding: 4vw 2vw;
    border-radius: 5px;
    text-align: center;
    font-size: 5vw;
    font-weight: 700;
  }

  #hojyokin_page .b_btn:hover {
    border: 2px solid #65A1DA;
    background: #fff;
    color: #65A1DA;
    padding: 4vw 2vw;
    border-radius: 5px;
    text-align: center;
  }

  #hojyokin_page .o_btn {
    border: 2px solid #F09229;
    background: #F09229;
    color: #fff;
    padding: 4vw 2vw;
    border-radius: 5px;
    text-align: center;
    font-size: 5vw;
    font-weight: 700;
  }

  #hojyokin_page .o_btn:hover {
    border: 2px solid #F09229;
    background: #fff;
    color: #F09229;
    padding: 4vw 2vw;
    border-radius: 5px;
    text-align: center;
  }

  #hojyokin_page .g_tit {
    color: #00A599;
    font-weight: 700;
    font-size: 6vw;
    line-height: 1.2;
  }

  #hojyokin_page .fsz2 {
    font-size: 4vw;
  }

  #hojyokin_page .fsz3 {
    font-size: 4vw;
  }

  #hojyokin_page .fsz4 {
    font-size: 7vw;
  }

  #hojyokin_page .btn_flex {
    display: block;
  }

  #hojyokin_page .btn_flex a {
    width: 100%;
    margin-bottom: 10px;
    display: block;
  }

  #hojyokin_page .btn_flex img {
    width: 100%;
  }

  #hojyokin_page .lg_bg {
    background: #eef4f4;
    padding: 50px 0;
    background-image: url(../img/3hojyokin/bg_house_sp.png);
    background-position: bottom 0 right 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
  }

  #hojyokin_page .c_flex {
    display: block;
  }

  #hojyokin_page .c_flex img {
    margin-bottom: 20px;
  }

  #hojyokin_page .seko_jirei_box .jirei {
    padding: 1rem;
  }

  #hojyokin_page .seko_jirei_box .tit {
    font-size: 2em;
    display: grid;
  }

  #hojyokin_page .seko_jirei_box .tit .hissu {
    font-size: 1em;
    padding: .2em;
    top: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
    width: 50%;
  }

  #hojyokin_page .seko_jirei_box .tit .nini {
    font-size: 1em;
    padding: .2em;
    top: 0;
    right: 0;
    position: relative;
    margin: 0 auto;
    width: 50%;
  }

  #hojyokin_page .seko_jirei_box .jirei .box {
    width: 48%;
    text-align: center;
    font-size: 1.6em;
  }

  #hojyokin_page .title_hukidashi_p:before {
    left: 45%;
  }

  #hojyokin_page .title_hukidashi_p:after {
    left: 45%;
  }

  #hojyokin_page .btn_h {
    width: 96%;
    margin: 1em auto;
  }

  #hojyokin_page .mb20 {
    margin-bottom: calc(23 / 750 * 100vw);
  }

  #hojyokin_page .mb30 {
    margin-bottom: calc(33 / 750 * 100vw);
  }

  #hojyokin_page .mb50 {
    margin-bottom: calc(40 / 750 * 100vw);
  }

  #hojyokin_page .mb80 {
    margin-bottom: calc(60 / 750 * 100vw);
  }

  #hojyokin_page .reserve-cta {
    margin-top: calc(80 / 750 * 100vw);
  }

  #hojyokin_page .table_box {
    display: flex;
    overflow-x: auto;
  }

  #hojyokin_page .table_box2 {
    overflow-x: auto;
  }
  
  #hojyokin_page .table_box img {
    width: 160%;
  }

  #hojyokin_page .h_hr {
    display: block;
    border: 2px solid #ccc;
    margin: calc(60 / 750 * 100vw) 0;
  }

  #hojyokin_page .lineup-cta__in {
    display: block;
  }

  #hojyokin_page .renov-cta .cmn-btns {
    display: block;
  }

  #hojyokin_page .lineup-cta-box .cmn-btns {
    width: 100%;
  }

  .hojyokouji_fbox {
    display: block;
  }
}



#hojyokin_page {
  /*jirei*/
  /*table*/
}
#hojyokin_page .box_hojokin {
  display: flex;
  justify-content: space-between;
}
#hojyokin_page .box_hojokin .col {
  width: calc(50% - 15 / var(--break) * 100vw);
  border: calc(5 / var(--break) * 100vw) solid var(--green);
  border-radius: calc(17 / var(--break) * 100vw);
  font-weight: bold;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
#hojyokin_page .box_hojokin .col * {
  font-weight: inherit;
}
#hojyokin_page .box_hojokin .ttl {
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: calc(32 / var(--break) * 100vw);
  line-height: 1;
  border-bottom: calc(5 / var(--break) * 100vw) solid var(--green);
  height: calc(84 / var(--break) * 100vw);
  font-weight: inherit;
}
#hojyokin_page .box_hojokin .cont {
  background-color: #fff;
  padding: calc(30 / var(--break) * 100vw) 0;
  flex-grow: 2;
}
#hojyokin_page .box_hojokin .head {
  text-align: center;
  font-size: calc(24 / var(--break) * 100vw);
  margin-bottom: calc(10 / var(--break) * 100vw);
  line-height: 1;
}
#hojyokin_page .box_hojokin .large {
  font-size: calc(41 / var(--break) * 100vw);
  margin-bottom: calc(30 / var(--break) * 100vw);
  line-height: 1;
  display: flex;
  justify-content: center;
  align-items: baseline;
}
#hojyokin_page .box_hojokin .lg {
  font-size: calc(90 / var(--break) * 100vw);
}
#hojyokin_page .box_hojokin .md {
  font-size: calc(42 / var(--break) * 100vw);
  line-height: 1.5;
}
#hojyokin_page .box_hojokin .txt {
  text-align: left;
  padding: 0 calc(24 / var(--break) * 100vw);
  font-size: calc(23 / var(--break) * 100vw);
}
#hojyokin_page .box_hojokin .txt2 {
  text-align: left;
  padding: 0 calc(30 / var(--break) * 100vw);
  font-size: calc(22 / var(--break) * 100vw);
}
#hojyokin_page .box_hojokin .txt2 + .txt2 {
  margin-top: 1em;
}
#hojyokin_page .box_hojokin.pink {
  position: relative;
}
#hojyokin_page .box_hojokin.pink::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  background-color: var(--pink);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  background-size: 70%;
  background-image: url(../img/hojokin/cross.svg);
  border-radius: 50%;
  width: calc(80 / var(--break) * 100vw);
  height: calc(80 / var(--break) * 100vw);
  z-index: 1;
}
#hojyokin_page .box_hojokin.pink .col {
  border-width: 1px !important;
  box-shadow: 0 calc(22 / var(--break) * 100vw) 0 0 rgba(230, 111, 121, 0.65);
  background-color: #fff;
  position: relative;
}
#hojyokin_page .box_hojokin.pink .ttl {
  margin: calc(37 / var(--break) * 100vw) calc(65 / var(--break) * 100vw) 0;
  border-radius: 999px;
  border-bottom: none;
  height: calc(52 / var(--break) * 100vw);
}
#hojyokin_page .box_lead {
  border-radius: calc(18 / var(--break) * 100vw);
  padding: calc(36 / var(--break) * 100vw) calc(55 / var(--break) * 100vw) calc(36 / var(--break) * 100vw) calc(300 / var(--break) * 100vw);
  background-position: left calc(48 / var(--break) * 100vw) center;
  background-size: cover;
  background-repeat: no-repeat;
  background-image: url(../img/hojokin/img_hojokin01.png);
  background-size: calc(202 / var(--break) * 100vw) calc(202 / var(--break) * 100vw);
  min-height: calc(240 / var(--break) * 100vw);
}
#hojyokin_page .box_lead .ttl {
  font-size: calc(36 / var(--break) * 100vw);
  margin-bottom: calc(20 / var(--break) * 100vw);
  line-height: 1;
  font-weight: bold;
  text-align: left;
}
#hojyokin_page .box_lead .txt {
  font-size: calc(14 / var(--break) * 100vw);
  line-height: 1.6;
  font-weight: bold;
  text-align: left;
}
#hojyokin_page .box_lead .txt + .txt {
  margin-top: 1.5em;
}
#hojyokin_page .box_lead.box_pink {
  background-image: url(../img/hojokin/img_hojokin01.png);
}
#hojyokin_page .box_lead.box_blue {
  background-image: url(../img/hojokin/img_hojokin02.png);
}
#hojyokin_page .box_lead.box_orange {
  background-image: url(../img/hojokin/img_hojokin03.png);
}
#hojyokin_page .box_jirei {
  display: flex;
  -moz-column-gap: calc(30 / var(--break) * 100vw);
       column-gap: calc(30 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei > .img {
  width: calc(55% - 15 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei > .txtarea {
  width: calc(45% - 15 / var(--break) * 100vw);
  text-align: left;
  font-weight: bold;
}
#hojyokin_page .box_jirei > .txtarea * {
  font-weight: inherit;
}
#hojyokin_page .box_jirei > .txtarea .ttl {
  font-size: calc(28 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei > .txtarea .large {
  font-size: calc(42 / var(--break) * 100vw);
  line-height: 1;
  margin-bottom: calc(20 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei > .txtarea .large span {
  font-size: calc(83 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei > .txtarea .small {
  font-size: calc(14 / var(--break) * 100vw);
  line-height: 1.5;
}
#hojyokin_page .box_jirei > .txtarea ol {
  counter-reset: item;
  font-size: calc(22 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei > .txtarea ol li {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
}
#hojyokin_page .box_jirei > .txtarea ol li span {
  white-space: nowrap;
}
#hojyokin_page .box_jirei > .txtarea ol li:before {
  display: block;
  counter-increment: item;
  content: counter(item);
  background-color: var(--pink);
  border-radius: 50%;
  color: #fff;
  margin-right: 0.5em;
  flex-shrink: 0;
  display: flex;
  align-items: center;
  letter-spacing: 0;
  justify-content: center;
  height: calc(24 / var(--break) * 100vw);
  width: calc(24 / var(--break) * 100vw);
  font-weight: 500;
  text-align: center;
  line-height: 1;
  font-size: calc(18 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei > .txtarea .head {
  width: calc(220 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei.ai_center {
  align-items: center;
}
#hojyokin_page .box_jirei.ai_center > .img {
  width: calc(50% - 15 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei.ai_center > .txtarea {
  width: calc(50% - 15 / var(--break) * 100vw);
}
#hojyokin_page .box_jirei:last-child > .txtarea .head {
  width: calc(280 / var(--break) * 100vw);
}
#hojyokin_page .tbl_hojokin {
  width: 100%;
  border-style: solid;
  border-width: 3px;
  table-layout: fixed;
}
#hojyokin_page .tbl_hojokin.bdr_blue th {
  border-color: var(--blue);
}
#hojyokin_page .tbl_hojokin.bdr_blue td {
  border-color: var(--blue);
}
#hojyokin_page .tbl_hojokin.bdr_orange {
  text-align: center;
}
#hojyokin_page .tbl_hojokin.bdr_orange th {
  border-color: var(--orange);
}
#hojyokin_page .tbl_hojokin.bdr_orange td {
  border-color: var(--orange);
}
#hojyokin_page .tbl_hojokin.bdr_green {
  text-align: center;
}
#hojyokin_page .tbl_hojokin.bdr_green th {
  border-color: var(--green);
}
#hojyokin_page .tbl_hojokin.bdr_green td {
  border-color: var(--green);
}
#hojyokin_page .tbl_hojokin thead th {
  border-style: solid;
  border-width: 3px;
  padding: calc(20 / var(--break) * 100vw);
  font-size: calc(20 / var(--break) * 100vw);
  line-height: 1.1;
  font-weight: bold;
  height: calc(100 / var(--break) * 100vw);
}
#hojyokin_page .tbl_hojokin thead th span {
  font-size: calc(15 / var(--break) * 100vw);
}
#hojyokin_page .tbl_hojokin thead th:not(:first-child):not(:last-child) {
  border-right-color: #fff !important;
}
#hojyokin_page .tbl_hojokin th,
#hojyokin_page .tbl_hojokin td {
  vertical-align: middle;
}
#hojyokin_page .tbl_hojokin tbody th {
  border-style: solid;
  border-width: 3px;
  padding: calc(20 / var(--break) * 100vw);
  font-size: calc(20 / var(--break) * 100vw);
  font-weight: bold;
  line-height: 1.1;
  height: calc(120 / var(--break) * 100vw);
}
#hojyokin_page .tbl_hojokin tbody th span {
  font-size: calc(18 / var(--break) * 100vw);
}
#hojyokin_page .tbl_hojokin tbody td {
  border-style: solid;
  border-width: 3px;
  font-weight: bold;
  padding: calc(20 / var(--break) * 100vw);
  font-size: calc(20 / var(--break) * 100vw);
  height: calc(120 / var(--break) * 100vw);
}
#hojyokin_page .tbl_hojokin tbody td p {
  font-size: calc(13 / var(--break) * 100vw);
  line-height: 1.6;
  text-align: left;
  font-weight: inherit;
}
#hojyokin_page .tbl_hojokin tbody td.tl {
  vertical-align: top;
  text-align: left;
}
#hojyokin_page .tbl_hojokin tbody td.cl {
  text-align: left;
}
#hojyokin_page .tbl_hojokin tbody td.md {
  font-size: calc(15 / var(--break) * 100vw);
}
#hojyokin_page .tbl_hojokin tbody td.sm {
  letter-spacing: 0;
  font-size: calc(14 / var(--break) * 100vw);
}
.cv-area {
  margin-top: 100px;
  margin-bottom: 100px;
}
@media screen and (max-width: 750px) {
  #hojyokin_page {
    /*jirei*/
    /*table*/
  }
  #hojyokin_page .box_hojokin {
    flex-direction: column;
  }
  #hojyokin_page .box_hojokin .col {
    width: 100%;
    border-width: 3px;
  }
  #hojyokin_page .box_hojokin .col + .col {
    margin-top: 1em;
  }
  #hojyokin_page .box_hojokin .ttl {
    font-size: calc(36 / var(--break) * 100vw);
    border-bottom: 3px solid var(--green);
  }
  #hojyokin_page .box_hojokin .cont {
    padding: calc(40 / var(--break) * 100vw) 0;
  }
  #hojyokin_page .box_hojokin .head {
    font-size: calc(28 / var(--break) * 100vw);
    margin-bottom: calc(20 / var(--break) * 100vw);
  }
  #hojyokin_page .box_hojokin .large {
    font-size: calc(50 / var(--break) * 100vw);
    margin-bottom: calc(40 / var(--break) * 100vw);
  }
  #hojyokin_page .box_hojokin .lg {
    font-size: calc(130 / var(--break) * 100vw);
  }
  #hojyokin_page .box_hojokin .md {
    font-size: calc(50 / var(--break) * 100vw);
  }
  #hojyokin_page .box_hojokin .txt {
    padding: 0 calc(30 / var(--break) * 100vw);
    font-size: calc(30 / var(--break) * 100vw);
  }
  #hojyokin_page .box_hojokin .txt2 {
    text-align: left;
    padding: 0 calc(35 / var(--break) * 100vw);
    font-size: calc(30 / var(--break) * 100vw);
  }
  #hojyokin_page .box_hojokin.pink {
    position: relative;
  }
  #hojyokin_page .box_hojokin.pink::before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, 0%);
    background-color: var(--pink);
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    background-size: 70%;
    background-image: url(../img/hojokin/cross.svg);
    border-radius: 50%;
    width: calc(100 / var(--break) * 100vw);
    height: calc(100 / var(--break) * 100vw);
    z-index: 1;
  }
  #hojyokin_page .box_hojokin.pink .col + .col {
    margin-top: calc(50 / var(--break) * 100vw);
  }
  #hojyokin_page .box_hojokin.pink .ttl {
    margin: calc(37 / var(--break) * 100vw) calc(65 / var(--break) * 100vw) 0;
    height: calc(60 / var(--break) * 100vw);
  }
  #hojyokin_page .box_lead {
    border-radius: calc(40 / var(--break) * 100vw);
    padding: calc(40 / var(--break) * 100vw);
    background-position: left calc(40 / var(--break) * 100vw) top calc(40 / var(--break) * 100vw);
    min-height: auto;
  }
  #hojyokin_page .box_lead .ttl {
    height: calc(202 / var(--break) * 100vw);
    line-height: 1.5;
    padding-left: calc(220 / var(--break) * 100vw);
    display: flex;
    align-items: center;
  }
  #hojyokin_page .box_lead .txt {
    font-size: calc(24 / var(--break) * 100vw);
    font-weight: 500;
    line-height: 1.5;
  }
  #hojyokin_page .box_jirei {
    flex-direction: column;
    row-gap: calc(30 / var(--break) * 100vw);
    padding-bottom: calc(50 / var(--break) * 100vw);
    border-bottom: 2px solid #999;
    margin-bottom: calc(50 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei > .img {
    width: 100% !important;
  }
  #hojyokin_page .box_jirei > .txtarea {
    width: 100% !important;
  }
  #hojyokin_page .box_jirei > .txtarea .ttl {
    font-size: calc(50 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei > .txtarea .large {
    font-size: calc(90 / var(--break) * 100vw);
    margin-bottom: calc(30 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei > .txtarea .large span {
    font-size: calc(150 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei > .txtarea .small {
    font-size: calc(20 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei > .txtarea ol {
    font-size: calc(40 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei > .txtarea ol li {
    justify-content: space-between;
    letter-spacing: 0;
  }
  #hojyokin_page .box_jirei > .txtarea ol li:before {
    height: calc(40 / var(--break) * 100vw);
    width: calc(40 / var(--break) * 100vw);
    font-size: calc(28 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei > .txtarea .head {
    width: auto;
    flex-grow: 2;
  }
  #hojyokin_page .box_jirei.ai_center > .txtarea .ttl {
    font-size: calc(40 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei.ai_center > .txtarea .large {
    font-size: calc(50 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei.ai_center > .txtarea .large span {
    font-size: calc(120 / var(--break) * 100vw);
  }
  #hojyokin_page .box_jirei.ai_center > .txtarea .small {
    font-size: calc(18 / var(--break) * 100vw);
    letter-spacing: 0;
  }
  #hojyokin_page .box_jirei:last-child {
    border-bottom: none;
  }
  #hojyokin_page .tbl_hojokin {
    width: 780px;
  }
  #hojyokin_page .tbl_hojokin thead th {
    padding: calc(10 / var(--break) * 100vw);
    font-size: calc(26 / var(--break) * 100vw);
  }
  #hojyokin_page .tbl_hojokin thead th span {
    font-size: calc(20 / var(--break) * 100vw);
  }
  #hojyokin_page .tbl_hojokin tbody th {
    padding: calc(10 / var(--break) * 100vw);
    font-size: calc(26 / var(--break) * 100vw);
  }
  #hojyokin_page .tbl_hojokin tbody th span {
    font-size: calc(22 / var(--break) * 100vw);
  }
  #hojyokin_page .tbl_hojokin tbody td {
    padding: calc(10 / var(--break) * 100vw);
    font-size: calc(26 / var(--break) * 100vw);
  }
  #hojyokin_page .tbl_hojokin tbody td.md {
    font-size: calc(24 / var(--break) * 100vw);
  }
  #hojyokin_page .tbl_hojokin tbody td.sm {
    font-size: calc(22 / var(--break) * 100vw);
  }
}
@media screen and (min-width: 1301px) {
  #hojyokin_page {
    /*jirei*/
    /*table*/
  }
  #hojyokin_page .box_hojokin .col {
    width: calc(50% - 15px);
    border: 5px solid var(--green);
    border-radius: 17px;
  }
  #hojyokin_page .box_hojokin .ttl {
    font-size: 32px;
    border-bottom: 5px solid var(--green);
    height: 84px;
  }
  #hojyokin_page .box_hojokin .cont {
    padding: 30px 0;
  }
  #hojyokin_page .box_hojokin .head {
    font-size: 24px;
    margin-bottom: 10px;
  }
  #hojyokin_page .box_hojokin .large {
    font-size: 41px;
    margin-bottom: 30px;
  }
  #hojyokin_page .box_hojokin .lg {
    font-size: 90px;
  }
  #hojyokin_page .box_hojokin .md {
    font-size: 42px;
  }
  #hojyokin_page .box_hojokin .txt {
    padding: 0 24px;
    font-size: 23px;
  }
  #hojyokin_page .box_hojokin .txt2 {
    padding: 0 30px;
    font-size: 21px;
  }
  #hojyokin_page .box_hojokin.pink::before {
    width: 80px;
    height: 80px;
  }
  #hojyokin_page .box_hojokin.pink .col {
    box-shadow: 0 22px 0 0 rgba(230, 111, 121, 0.65);
  }
  #hojyokin_page .box_hojokin.pink .ttl {
    margin: 37px 65px;
    height: 52px;
  }
  #hojyokin_page .box_lead {
    border-radius: 18px;
    padding: 36px 55px 36px 300px;
    background-position: left 48px center;
    background-size: 202px 202px;
    min-height: 240px;
  }
  #hojyokin_page .box_lead .ttl {
    font-size: 36px;
    margin-bottom: 20px;
  }
  #hojyokin_page .box_lead .txt {
    font-size: 14px;
  }
  #hojyokin_page .box_jirei {
    -moz-column-gap: 30px;
         column-gap: 30px;
  }
  #hojyokin_page .box_jirei > .img {
    width: calc(55% - 15px);
  }
  #hojyokin_page .box_jirei > .txtarea {
    width: calc(45% - 15px);
  }
  #hojyokin_page .box_jirei > .txtarea .ttl {
    font-size: 28px;
  }
  #hojyokin_page .box_jirei > .txtarea .large {
    font-size: 42px;
    margin-bottom: 20px;
  }
  #hojyokin_page .box_jirei > .txtarea .large span {
    font-size: 83px;
  }
  #hojyokin_page .box_jirei > .txtarea .small {
    font-size: 14px;
  }
  #hojyokin_page .box_jirei > .txtarea ol {
    font-size: 22px;
  }
  #hojyokin_page .box_jirei > .txtarea ol li:before {
    height: 24px;
    width: 24px;
    font-size: 18px;
  }
  #hojyokin_page .box_jirei > .txtarea .head {
    width: 220px;
  }
  #hojyokin_page .box_jirei.ai_center > .img {
    width: calc(50% - 15px);
  }
  #hojyokin_page .box_jirei.ai_center > .txtarea {
    width: calc(50% - 15px);
  }
  #hojyokin_page .box_jirei:last-child > .txtarea .head {
    width: 280px;
  }
  #hojyokin_page .tbl_hojokin thead th {
    padding: 20px;
    font-size: 20px;
    height: 100px;
  }
  #hojyokin_page .tbl_hojokin thead th span {
    font-size: 15px;
  }
  #hojyokin_page .tbl_hojokin tbody th {
    padding: 20px;
    font-size: 20px;
    height: 120px;
  }
  #hojyokin_page .tbl_hojokin tbody th span {
    font-size: 18px;
  }
  #hojyokin_page .tbl_hojokin tbody td {
    padding: 20px;
    font-size: 20px;
    height: 120px;
  }
  #hojyokin_page .tbl_hojokin tbody td p {
    font-size: 13px;
  }
  #hojyokin_page .tbl_hojokin tbody td.md {
    font-size: 15px;
  }
  #hojyokin_page .tbl_hojokin tbody td.sm {
    font-size: 14px;
  }
}

#hojyokin_page .f-normal {
  font-size: 1.5em;
}

/* 補助金フォーム */
#hojo_form {
  padding-bottom: 80px;
  background-image: url(./images/top/top__whole-bg.jpg);
  padding-top: 80px;
}
#hojo_form .sec__in {
  display: block;
  margin: 0 auto;
  width: 80vw;
  max-width: 1000px;
}
@media screen and (max-width: 750px) {
  #hojo_form {
    padding-bottom: 50px;
    padding-top: 50px;
  }
  #hojo_form .sec__in {
    width: 92%;
    max-width: 92%;
  }
}
.hojyokin-form .wpcf7-list-item {
    display: inline-block;
    margin: 0 0 0 1em;
}

#hojyokin_page + #contact-form-wrap .form-box--inquiry{
  margin-top: 0;
}
@media screen and (min-width: 751px) {
  #hojyokin_page + #contact-form-wrap .form-box--inquiry{
    margin-top: 2.8888888889vw;
  }
}
@media screen and (min-width: 1441px) {
  #hojyokin_page + #contact-form-wrap .form-box--inquiry{
    margin-top: 40px;
  }
}

.policy__list{
	line-height:1.4
}
.policy__list li {
	list-style-type: disc;
    padding: .3em .3em .6em 0;
}

.policy__list li::marker {
    color: #000;
    font-size: 1.1em;
}

.page--reserve-contact .form-box--inquiry {
  margin-top: 16vw;
}

.reserve-contact .mv .mv-title {
  font-size: 8.533vw;
  text-align: center;
}

.reserve-contact .mv .mv-title-main {
  font-size: 8.533vw;
  line-height: 1.4;
}

.reserve-contact .mv .mv-title-main > span {
  color: #ee781f;
}

.reserve-contact .mv .mv-title-sub {
  margin-top: 4vw;
  font-size: 3.73333vw;
  font-weight: 600;
  line-height: 1.4  ;
}

.reserve-contact .mv .mv-flow {
  display: flex;
  justify-content: space-between;
  margin-top: 6.667vw;
}

.reserve-contact .mv .mv-flow .item {
  position: relative;
  padding-top: 5.333vw;
  width: 29.333vw;
  height: 29.333vw;
  border: 0.8vw solid #ee781f;
  border-radius: 50%;
  text-align: center;
}

.reserve-contact .mv .mv-flow .item .en {
  color: #ee781f;
  font-size: 4.8vw;
  font-weight: 900;
}

.reserve-contact .mv .mv-flow .item .text {
  padding-top: 1.067vw;
  font-size: 2.933vw;
  font-weight: 700;
}

.reserve-contact .mv .mv-flow .item .text > span {
  display: block;
  padding-top: 1.067vw;
  font-size: 8.8vw;
  font-weight: 700;
}

.reserve-contact .mv .mv-flow .item:last-of-type {
  color: #fff;
  background-color: #ee781f;
}

.reserve-contact .mv .mv-flow .item:last-of-type .en {
  color: #fff;
}

@media screen and (min-width:751px) {
  .page--reserve-contact .form-box--inquiry {
    margin-top: 7.634vw;
  }

  .reserve-contact .mv .mv-title-main {
    font-size: 4.164vw;
  }

  .reserve-contact .mv .mv-title-sub {
    margin-top: 2.776vw;
    font-size: 1.11vw;
    font-size: 1.6rem;
  }

  .reserve-contact .mv .mv-flow {
    margin: 3.47vw auto 0;
    width: 65.232vw;
  }

  .reserve-contact .mv .mv-flow .item {
    padding-top: 2.776vw;
    width: 17.349vw;
    height: 17.349vw;
    border: 0.347vw solid #ee781f;
  }

  .reserve-contact .mv .mv-flow .item:not(:last-of-type)::after {
    content: '';
    position: absolute;
    top: 50%;
    right: -5.344vw;
    transform: translateY(-50%);
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 2.776vw solid #ee781f;
    border-top: 1.735vw solid transparent;
    border-bottom: 1.735vw solid transparent;
  }

  .reserve-contact .mv .mv-flow .item .en {
    font-size: 2.498vw;
  }

  .reserve-contact .mv .mv-flow .item .text {
    padding-top: 1.041vw;
    font-size: 1.804vw;
  }

  .reserve-contact .mv .mv-flow .item .text > span {
    padding-top: 0.694vw;
    font-size: 5.552vw;
  }
}

@media screen and (min-width:1441px) {
  .page--reserve-contact .form-box--inquiry {
    margin-top: 110px;
  }

  .reserve-contact .mv .mv-title-main {
    font-size: 6rem;
  }

  .reserve-contact .mv .mv-title-sub {
    margin-top: 40px;
    font-size: 16px;
    font-size: 1.6rem;
  }

  .reserve-contact .mv .mv-flow {
    margin: 50px auto 0;
    width: 940px;
  }

  .reserve-contact .mv .mv-flow .item {
    padding-top: 40px;
    width: 250px;
    height: 250px;
    border: 5px solid #ee781f;
  }

  .reserve-contact .mv .mv-flow .item:not(:last-of-type)::after {
    right: -77px;
    border-left: 40px solid #ee781f;
    border-top: 25px solid transparent;
    border-bottom: 25px solid transparent;
  }

  .reserve-contact .mv .mv-flow .item .en {
    font-size: 36px;
  }

  .reserve-contact .mv .mv-flow .item .text {
    padding-top: 15px;
    font-size: 26px;
  }

  .reserve-contact .mv .mv-flow .item .text > span {
    padding-top: 10px;
    font-size: 80px;
  }
}

.reserve-access-map {
  margin-top: 3.333vw;
  margin-bottom: 13.333vw;
}

@media screen and (min-width:751px) {
  .reserve-access-map {
    margin-top: 3.47vw;
    margin-bottom: 6.94vw;
  }
}

@media screen and (min-width:1441px) {
  .reserve-access-map {
    margin-top: 50px;
    margin-bottom: 100px;
  }
}