@charset "UTF-8";
* {
  box-sizing: border-box;
}

html {
  font-size: 62.5%;
  scroll-behavior: smooth;
  scroll-padding-top: 10rem;
}

/*@media screen and (min-width: 768px) and (max-width: 1920px) {
    html {
        font-size: calc(10 / 1920 * 100vw);
    }
}*/
body {
  font-family: "Zen Maru Gothic", serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.6rem;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  body {
    font-size: 1.5rem;
    line-height: 1.5;
  }
}

main {
  overflow-x: hidden;
}
@media (max-width: 767px) {
  main {
    padding-top: 5.8rem;
  }
}

li {
  list-style: none;
}

a {
  color: #2d2d2d;
  text-decoration: none;
}

img {
  max-width: 100%;
  vertical-align: bottom;
}

address,
em {
  font-style: normal;
}

@media (max-width: 767px) {
  .pc-only {
    display: none;
  }
}

@media (min-width: 768px) {
  .sp-only {
    display: none;
  }
}

.flex {
  display: flex;
}
@media (max-width: 767px) {
  .flex {
    flex-direction: column;
  }
}

.content-width {
  max-width: 110rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .content-width {
    width: 100%;
  }
}

.red {
  color: #ED1C24;
}

.page-terior main,
.page-faq main,
.page-company main {
  background: #F4EFE6;
}
.page-terior .cover,
.page-faq .cover,
.page-company .cover {
  width: 84.38%;
  margin: 0 auto 0 0;
}
@media (max-width: 767px) {
  .page-terior .cover,
  .page-faq .cover,
  .page-company .cover {
    width: 100%;
    padding-right: 1.5rem;
  }
}
.page-terior .section-title,
.page-faq .section-title,
.page-company .section-title {
  margin-bottom: 8rem;
  text-align: left;
}
@media (max-width: 767px) {
  .page-terior .section-title,
  .page-faq .section-title,
  .page-company .section-title {
    padding-left: 2rem;
    margin-bottom: 3.8rem;
  }
}
.page-terior .section-title span,
.page-faq .section-title span,
.page-company .section-title span {
  display: block;
}
.page-terior .section-title .en,
.page-faq .section-title .en,
.page-company .section-title .en {
  color: #7ABA09;
  font-size: 4.2rem;
}
@media (max-width: 767px) {
  .page-terior .section-title .en,
  .page-faq .section-title .en,
  .page-company .section-title .en {
    font-size: 2.1rem;
  }
}
.page-terior .section-title .ja,
.page-faq .section-title .ja,
.page-company .section-title .ja {
  font-size: 6.4rem;
  color: #2d2d2d;
}
@media (max-width: 767px) {
  .page-terior .section-title .ja,
  .page-faq .section-title .ja,
  .page-company .section-title .ja {
    font-size: 3.2rem;
  }
}

/*==================================================
セクション
===================================*/
.section-title {
  position: relative;
  font-family: "Zen Maru Gothic", serif;
  font-weight: 700;
}
.section-title .ja {
  color: #2d2d2d;
  font-size: 4.2rem;
  letter-spacing: 0.1em;
}
@media (max-width:1480px) {
  .section-title .ja {
    font-size: 2.9rem;
  }
}
.section-title .lato {
  font-family: "Lato", sans-serif;
  font-weight: 100;
  font-size: 21rem;
  color: rgba(45, 45, 45, 0.1);
  position: absolute;
  bottom: -9rem;
  left: -2rem;
  font-weight: 600;
}
@media (max-width: 767px) {
  .section-title .lato {
    font-size: 10.5rem;
    bottom: -5.7rem;
    left: 1.5rem;
  }
}

.section-title--or {
  position: relative;
}
.section-title--or .en {
  position: absolute;
  font-size: 33rem;
  color: rgba(242, 138, 0, 0.1);
  line-height: 1;
}
@media (max-width: 767px) {
  .section-title--or .en {
    font-size: 16.5rem;
  }
}
.section-title--or .ja {
  font-size: 5.2rem;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .section-title--or .ja {
    font-size: 2.9rem;
  }
}

.content-title {
  font-size: 5.2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1;
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .content-title {
    font-size: 3.5rem;
    margin-bottom: 7.5rem;
    line-height: 1.4;
  }
}
.content-title span {
  position: relative;
  padding-bottom: 3rem;
}
@media (max-width: 767px) {
  .content-title span {
    padding-bottom: 2.4rem;
  }
}
.content-title span::after {
  position: absolute;
  content: "";
  background: #7ABA09;
  width: 10rem;
  height: 2px;
  bottom: 0;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
@media (max-width: 767px) {
  .content-title span::after {
    width: 7rem;
  }
}

.section-text {
  font-family: "Noto Sans JP", serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.8888888889;
  margin-top: 7.5rem;
  text-align: center;
}
@media (max-width: 767px) {
  .section-text {
    margin-top: 0;
    font-size: 1.25rem;
    line-height: 1.88;
  }
}

/*==================================================
ボタン
===================================*/
.btn {
  font-family: "Zen Maru Gothic", serif;
  color: #fff;
  font-size: 2.8rem;
  font-weight: 700;
  display: flex;
  max-width: 43.4rem;
  width: 100%;
  height: 8rem;
  border-radius: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  transition: 0.3s;
  position: relative;
}
@media (max-width: 767px) {
  .btn {
    max-width: 86vw;
    height: 5.75rem;
    font-size: 2rem;
  }
}

.btn-sns {
  font-family: "Zen Maru Gothic", serif;
  color: #2d2d2d;
  background: #fff;
  font-size: 2.1rem;
  font-weight: 700;
  display: flex;
  max-width: 32rem;
  width: 100%;
  height: 8rem;
  border-radius: 4.5rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  margin: 0 auto;
  transition: 0.3s;
  position: relative;
}
@media (max-width: 767px) {
  .btn-sns {
    max-width: 59.7333333333vw;
    height: 5.6rem;
    font-size: 1.45rem;
    gap: 1.3333333333vw;
  }
}
.btn-sns .icon-line {
  width: 3.9rem;
}
@media (max-width: 767px) {
  .btn-sns .icon-line {
    width: 2.75rem;
  }
}
.btn-sns .icon-insta {
  width: 6.1rem;
}
@media (max-width: 767px) {
  .btn-sns .icon-insta {
    width: 4.3rem;
  }
}

.arrow-btn {
  position: relative;
}
.arrow-btn::after {
  position: absolute;
  content: "";
  background-image: url(../images/arrow-wh.svg);
  background-size: contain;
  width: 14.8px;
  height: 26px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  right: 4rem;
}
@media (max-width: 767px) {
  .arrow-btn::after {
    width: 8px;
    height: 16px;
    right: 2.75rem;
  }
}

.mail-btn {
  border: solid 1px #fff;
  font-size: 2.1rem;
  font-weight: 500;
  padding: 0 3.5rem;
}
@media (max-width: 767px) {
  .mail-btn {
    font-size: 1.45rem;
  }
}

/*==================================================
ヘッダー
===================================*/
.header {
  width: 100%;
  background: rgba(255, 255, 255, 0.8);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 12rem;
  padding: 0 1rem;
  z-index: 10;
}
@media (max-width: 1024px) {
  .header {
    height: 5.8rem;
    background: #fff;
    padding: 0 0 0 1.2rem;
    position: fixed;
  }
}
.header .header__inner {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 auto;
  height: 12rem;
  max-width: 185.6rem;
}
@media (max-width: 1024px) {
  .header .header__inner {
    width: 100%;
    height: 5.8rem;
  }
}
.header .header__logo {
  max-width: 9.375vw;
  width: 100%;
}
@media (min-width:1920px) {
  .header .header__logo {
    max-width: 18rem;
  }
}
@media (max-width: 767px) {
  .header .header__logo {
    max-width: 9rem;
  }
}
.header .header__logo a {
  display: flex;
}
.header .header__inner__right {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  max-width: 108.2rem;
  width: 100%;
}
.header .header__menu {
  display: flex;
  align-items: center;
  gap: 1.5625vw;
  margin-right: 2.34375vw;
}
@media (min-width:1920px) {
  .header .header__menu {
    gap: 3rem;
    margin-right: 4.5rem;
  }
}
@media (max-width: 1024px) {
  .header .header__menu {
    display: none;
  }
}
.header .header__menu a {
  font-size: 1.8rem;
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  transition: 0.3s;
}
@media (max-width:1480px) {
  .header .header__menu a {
    font-size: 1.4rem;
  }
}
.header .header__menu a:hover {
  color: #F28A00;
}
.header .contact-list {
  display: flex;
  align-items: center;
  gap: 1.3020833333vw;
  max-width: 36.6rem;
  width: 100%;
}
@media (min-width:1920px) {
  .header .contact-list {
    gap: 2.5rem;
  }
}
@media (min-width:768px) and (max-width: 1024px) {
  .header .contact-list {
    display: none;
  }
}
@media (max-width: 767px) {
  .header .contact-list {
    gap: 1rem;
    justify-content: flex-end;
    padding-right: 5.5rem;
  }
}
.header .contact-list li {
  width: 50%;
}
@media (max-width: 767px) {
  .header .contact-list li {
    width: auto;
  }
}
.header .cta-btn {
  border-radius: 1.8rem;
  max-width: 17rem;
  width: 100%;
  height: 3.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.8rem;
  color: #fff;
  transition: 0.3s;
}
@media (max-width: 767px) {
  .header .cta-btn {
    max-width: 25.5px;
    height: auto;
  }
}
.header .cta-btn:hover {
  opacity: 0.7;
}
.header .tel-btn {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 1.8rem;
  background: #7ABA09;
}
@media (max-width: 767px) {
  .header .tel-btn {
    background: transparent;
  }
}
.header .tel-btn .icon {
  width: 15px;
}
@media (max-width: 767px) {
  .header .tel-btn .icon {
    width: 25.5px;
  }
}
.header .contact-btn {
  background: #F28A00;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .header .contact-btn {
    background: transparent;
  }
}
@media (max-width: 767px) {
  .header .contact-btn .icon {
    width: 25.5px;
  }
}

/*=================================================
    SP ハンバーガーメニュー
===================================================*/
/* ハンバーガーメニューボタン */
.hamburger-btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 5.8rem;
  height: 5.8rem;
  z-index: 100;
  cursor: pointer;
  background: transparent;
}
.hamburger-btn .hamburger-btn__line {
  width: 23px;
  height: 18px;
  position: relative;
  transform: translateY(-50%) translateX(-50%);
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 50%;
}
.hamburger-btn .hamburger-btn__line .line {
  position: absolute;
  content: "";
  background: #707070;
  width: 23px;
  height: 2.5px;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
  transition: 0.3s;
}
.hamburger-btn .hamburger-btn__line .line:nth-child(1) {
  top: 0;
}
.hamburger-btn .hamburger-btn__line .line:nth-child(2) {
  top: 46%;
}
.hamburger-btn .hamburger-btn__line .line:nth-child(3) {
  bottom: 0px;
}

/* ×　オープン */
.hamburger-btn.active .line:nth-child(1), .hamburger-btn.active .line:nth-child(2), .hamburger-btn.active .line:nth-child(3) {
  top: 46%;
  left: 0;
}
.hamburger-btn.active .line:nth-child(1) {
  transform: rotate(-45deg);
}
.hamburger-btn.active .line:nth-child(2) {
  transform: rotate(45deg);
}
.hamburger-btn.active .line:nth-child(3) {
  transform: rotate(45deg);
}

/* メニューの中身 */
#hamburger-menu {
  width: 100%;
  height: 100%;
  background: #fff;
  position: fixed;
  top: 5.8rem;
  left: 0;
  z-index: 99;
  visibility: hidden;
  padding: 1.5rem 1.2rem;
}
#hamburger-menu .hamburger-menu__list .hamburger-menu__list__item {
  text-align: center;
  border-bottom: solid 1px #4D4D4D;
}
#hamburger-menu .hamburger-menu__list .hamburger-menu__list__item:last-of-type {
  border-bottom: none;
}
#hamburger-menu .hamburger-menu__list .hamburger-menu__list__item a {
  color: #231815;
  font-size: 1.9rem;
  font-weight: 700;
  text-align: left;
  padding: 1.5rem 0.6rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
#hamburger-menu .contact-btn {
  margin: 6rem auto 0;
  max-width: 26rem;
  width: 100%;
  height: 5rem;
  font-size: 1.8rem;
  letter-spacing: 1.35px;
  line-height: 1.4444444444;
  gap: 3.5rem;
  padding: 1.8rem 2rem;
  justify-content: flex-start;
}
#hamburger-menu .contact-btn .icon {
  width: 1.8rem;
}

/* ハンバーガーメニュー開いた時 */
#hamburger-menu.active {
  overflow: scroll;
  visibility: visible;
  transition: all 0.5s;
  left: 0;
  -webkit-overflow-scrolling: touch;
}

body.active {
  overflow: hidden;
  width: 100%;
  height: 100%;
}

@media (min-width: 768px) {
  .hamburger-btn,
  .hamburger-menu {
    display: none;
  }
}
@media (max-width: 1024px) {
  .hamburger-btn,
  .hamburger-menu {
    display: block;
  }
}

/*==================================================
メインビジュアル
===================================*/
.mv {
  position: relative;
  height: 47.9166666667vw;
  background-image: url(../images/bg-mv.jpg);
  background-size: cover;
}
@media (max-width: 767px) {
  .mv {
    background-image: url(../images/sp_bg-mv.jpg);
    height: 133.3333333333vw;
  }
}
.mv::after {
  position: absolute;
  content: "";
  background-image: url(../images/mv-label.png);
  background-size: contain;
  height: 28.0208333333vw;
  width: 27.0833333333vw;
  bottom: -22%;
  right: 5.2083333333vw;
}
@media (min-width:1920px) {
  .mv::after {
    height: 53.8rem;
    width: 52rem;
    right: 10rem;
  }
}
@media (max-width: 767px) {
  .mv::after {
    width: 55.3333333333vw;
    height: 57.2vw;
    bottom: -28%;
  }
}
.mv .mv__photo {
  width: 61.09375vw;
  position: absolute;
  right: 0;
  top: 12rem;
}
@media (max-width: 1024px) {
  .mv .mv__photo {
    top: 5.8rem;
  }
}
@media (max-width: 767px) {
  .mv .mv__photo {
    top: 0;
    width: 74.9333333333vw;
  }
}
.mv .mv__text {
  position: absolute;
  bottom: 2.0833333333vw;
  left: 5.2083333333vw;
  z-index: 1;
}
@media (max-width: 767px) {
  .mv .mv__text {
    top: 6.6666666667vw;
    bottom: inherit;
    left: 4vw;
  }
}
.mv .mv__text .top-text {
  color: #fff;
  font-weight: 700;
  font-family: "Zen Maru Gothic", serif;
  font-size: 2.1875vw;
}
@media (max-width: 767px) {
  .mv .mv__text .top-text {
    font-size: 5.6vw;
    line-height: 1.7619047619;
  }
}
.mv .mv__title {
  font-size: 6.9270833333vw;
  font-weight: 500;
  font-family: "Zen Maru Gothic", serif;
  color: #fff;
  text-shadow: 0px 0px 6px rgba(66, 46, 0, 0.75);
  line-height: 1.2;
}
@media (min-width:1920px) {
  .mv .mv__title {
    font-size: 13.3rem;
  }
}
@media (max-width: 767px) {
  .mv .mv__title {
    font-size: 17.7333333333vw;
    text-align: left;
    margin-top: 10vw;
  }
}
.mv .mv__title .min {
  font-size: 7.9166666667vw;
  font-family: "Shippori Mincho", serif;
  font-weight: 800;
  color: #FFB864;
}
@media (min-width:1920px) {
  .mv .mv__title .min {
    font-size: 15.2rem;
  }
}
@media (max-width: 767px) {
  .mv .mv__title .min {
    font-size: 20.2666666667vw;
  }
}
.mv .mv__contact {
  font-family: "Zen Maru Gothic", serif;
  background-image: url(../images/contact-bg.png);
  background-size: contain;
  width: 36.8958333333vw;
  height: 16.9583333333vw;
  padding-top: 2.6041666667vw;
}
.mv .mv__contact .b-1207 {
  display: none;
}
@media (min-width:1920px) {
  .mv .mv__contact {
    width: 57.4rem;
    height: 26.8rem;
    padding-top: 5rem;
  }
}
@media (max-width: 767px) {
  .mv .mv__contact {
    display: none;
  }
}
.mv .mv__contact .title {
  color: #7ABA09;
  font-weight: 500;
  text-align: center;
  font-size: 0.9375vw;
  position: relative;
}
.mv .mv__contact .title::before {
  position: absolute;
  content: "";
  background-image: url(../images/icon-sun.svg);
  background-size: contain;
  width: 41px;
  height: 15px;
  top: -18px;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
.mv .mv__contact .contact-btn {
  margin-top: 10px;
}
.mv .mv__contact .text {
  font-size: 1.0416666667vw;
  font-weight: 700;
  text-align: center;
}
.mv .mv__contact .text .fukidashi {
  font-size: 0.9375vw;
  position: relative;
  padding: 0 1.3020833333vw;
}
.mv .mv__contact .text .fukidashi::before, .mv .mv__contact .text .fukidashi::after {
  position: absolute;
  content: "";
  background-size: contain;
  width: 0.78125vw;
  height: 0.8854166667vw;
  top: 0.2604166667vw;
}
.mv .mv__contact .text .fukidashi::before {
  background-image: url(../images/fukidashi-l.svg);
  left: 0;
}
.mv .mv__contact .text .fukidashi::after {
  background-image: url(../images/fukidashi-r.svg);
  right: 0;
}
.mv .mv__contact .t1207 {
  font-size: 14px;
  margin-top: 10px;
}
@media (min-width: 1800px) {
  .mv .mv__contact {
    font-family: "Zen Maru Gothic", serif;
    width: 603px;
    padding-top: 42px;
    position: relative;
  }
}
@media (min-width: 1800px) and (min-width:1920px) {
  .mv .mv__contact {
    width: 57.4rem;
    height: 26.8rem;
    padding-top: 5rem;
  }
}
@media (min-width: 1800px) and (max-width: 767px) {
  .mv .mv__contact {
    display: none;
  }
}
@media (min-width: 1800px) {
  .mv .mv__contact .title {
    color: #7ABA09;
    font-weight: 500;
    text-align: center;
    font-size: 14px;
    position: relative;
  }
  .mv .mv__contact .title::before {
    position: absolute;
    content: "";
    background-image: url(../images/icon-sun.svg);
    background-size: contain;
    width: 41px;
    height: 15px;
    top: -18px;
    left: 50%;
    right: 50%;
    transform: translateX(-50%);
  }
  .mv .mv__contact .contact-btn {
    z-index: 2;
    position: relative;
    font-size: 20px;
    width: 350px;
    max-width: unset;
    height: 68px;
    margin: 21px auto 0 !important;
    padding: 0 40px;
  }
  .mv .mv__contact .contact-btn .icon-text {
    gap: 20px;
  }
  .mv .mv__contact .contact-btn .icon-text img:first-child {
    width: 40px;
  }
  .mv .mv__contact .contact-btn .icon-text img:last-child {
    width: 9px;
  }
  .mv .mv__contact .text {
    font-size: 20px;
    font-weight: 700;
    text-align: center;
    z-index: 2;
    position: relative;
  }
  .mv .mv__contact .text .fukidashi {
    font-size: 18px;
    position: relative;
    padding: 0 1.3020833333vw;
  }
  .mv .mv__contact .text .fukidashi::before, .mv .mv__contact .text .fukidashi::after {
    position: absolute;
    content: "";
    background-size: contain;
    width: 0.78125vw;
    height: 0.8854166667vw;
    top: 0.2604166667vw;
  }
  .mv .mv__contact .text .fukidashi::before {
    background-image: url(../images/fukidashi-l.svg);
    left: 0;
  }
  .mv .mv__contact .text .fukidashi::after {
    background-image: url(../images/fukidashi-r.svg);
    right: 0;
  }
  .mv .mv__contact .t1207 {
    font-size: 12px;
  }
}
@media (min-width: 1800px) and (max-width: 1800px) {
  .mv .mv__contact .t1207 {
    padding-bottom: 20px;
  }
}
@media (min-width: 1800px) {
  .mv .mv__contact .b-1207 {
    position: absolute;
    width: 100%;
    top: 0;
    left: 0;
  }
}
.mv .contact-btn {
  background: #F28A00;
  border: solid 1px #fff;
  border-radius: 4.5rem;
  color: #fff;
  max-width: 22.6041666667vw;
  width: 100%;
  height: 4.1666666667vw;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.09375vw;
  padding: 0 1.8229166667vw;
  transition: 0.3s;
  margin: 1.3020833333vw auto 0;
}
@media (min-width:1920px) {
  .mv .contact-btn {
    margin: 2.5rem auto 0;
  }
}
.mv .contact-btn:hover {
  background: #7ABA09;
}
.mv .contact-btn .icon-text {
  display: flex;
  align-items: center;
  gap: 3rem;
}
.mv .contact-btn .icon {
  width: 2.5520833333vw;
}
.mv .contact-btn .arrow {
  width: 0.9rem;
}

.works {
  background-image: url(../images/bg-works.jpg);
  background-size: cover;
  font-weight: 700;
  padding: 3rem 0 11rem;
}
@media (max-width: 767px) {
  .works {
    padding: 15rem 0 3.5rem 2rem;
    background-image: url(../images/sp_bg-works.jpg);
  }
}
.works .section-title--or {
  position: relative;
}
.works .section-title--or .en {
  font-size: 14.6rem;
  line-height: 1;
  position: inherit;
}
@media (max-width: 767px) {
  .works .section-title--or .en {
    font-size: 10.2rem;
  }
}
.works .section-title--or .ja {
  font-size: 4.2rem;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .works .section-title--or .ja {
    font-size: 7.7333333333vw;
  }
}
.works .works__slider {
  margin-top: 6rem;
}
@media (max-width: 767px) {
  .works .works__slider {
    margin-top: 2.5rem;
  }
}
.works .works__slider .works__slider__body {
  margin-top: 2rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .works .works__slider .works__slider__body {
    margin-top: 1.5rem;
  }
}
.works .works__slider .works__slider__img {
  min-height: 320px;
  overflow: hidden;
  position: relative;
  border-radius: 25px;
  aspect-ratio: 2/3;
}
.works .works__slider .works__slider__img img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
}
.works .works__slider .works__slider__title span {
  display: block;
}
.works .works__slider .works__slider__title .name {
  font-size: 18px;
}
@media (max-width: 767px) {
  .works .works__slider .works__slider__title .name {
    font-size: 1.7rem;
  }
}
.works .works__slider .works__slider__title .date {
  color: #7ABA09;
  font-size: 1.6rem;
  margin-top: 1rem;
  font-size: 15px;
}
@media (max-width: 767px) {
  .works .works__slider .works__slider__title .date {
    font-size: 1.2rem;
    margin-top: 0.5rem;
  }
}
.works .works__slider .icon-blank {
  width: 40px;
}
@media (max-width: 767px) {
  .works .works__slider .icon-blank {
    width: 28px;
  }
}
.works .btn-wrap {
  margin: 12rem auto 0;
  position: relative;
  z-index: 1;
}
@media (max-width: 767px) {
  .works .btn-wrap {
    margin-top: 4.5rem;
  }
}
.works .btn-wrap .btn {
  background: #7ABA09;
}
@media (max-width: 767px) {
  .works .btn-wrap .btn {
    margin: 0 auto 0 0;
  }
}
.works .btn-wrap .btn:hover {
  background: #F28A00;
}

.movie {
  background-image: url(../images/bg-movie.jpg);
  background-size: cover;
  padding: 7.5rem 2rem 10rem;
  position: relative;
}
@media (max-width: 767px) {
  .movie {
    padding: 3.5rem 2rem;
    background-image: url(../images/sp_bg-movie.jpg);
  }
}
.movie .content-width-l {
  width: 148rem;
  margin: 0 auto;
  position: absolute;
  top: -21%;
  left: 50%;
  right: 50%;
  transform: translateX(-50%);
}
@media (max-width:1480px) {
  .movie .content-width-l {
    width: 100%;
    top: -7%;
    padding: 0 2rem;
  }
}
@media (max-width: 767px) {
  .movie .content-width-l {
    display: none;
  }
}
.movie .movie__photo {
  margin-bottom: 15rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  max-width: 148rem;
}
@media (max-width:1480px) {
  .movie .movie__photo {
    width: 100%;
  }
}
.movie .movie__photo:last-of-type {
  margin-bottom: 0;
}
.movie .movie__photo img {
  max-width: 19.2rem;
  width: 100%;
}
@media (max-width:1480px) {
  .movie .movie__photo img {
    max-width: 10vw;
  }
}
.movie .section-title {
  text-align: center;
}
.movie .section-title span {
  display: block;
}
.movie .section-title .en {
  color: #F28A00;
  font-size: 3.2rem;
}
@media (max-width: 767px) {
  .movie .section-title .en {
    font-size: 2.2rem;
    margin-bottom: 1.5rem;
  }
}
.movie .movie-wrap {
  margin: 3.5rem auto 0;
  max-width: 87.6rem;
}
.movie .movie-wrap iframe {
  width: 100%;
  height: 500px;
  position: relative;
  z-index: 2;
}
@media (max-width: 767px) {
  .movie .movie-wrap iframe {
    height: 300px;
  }
}

/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/
.fadeUp {
  animation-name: fadeUpAnime;
  animation-duration: 0.8s;
  animation-fill-mode: forwards;
  opacity: 0;
}

/*==================================================
ふわっ
===================================*/
@keyframes fadeUpAnime {
  from {
    opacity: 0;
    transform: translateY(30px);
  }
  to {
    opacity: 1;
    transform: translateY(0px);
  }
}
.fadeUpTrigger {
  opacity: 0;
}

/*==================================================
順番指定
===================================*/
.delay-time02 {
  animation-delay: 0.2s;
}

.delay-time04 {
  animation-delay: 0.4s;
}

.reason {
  background-image: url(../images/bg-works.jpg);
  background-size: cover;
  padding: 19rem 0 11rem;
}
@media (max-width: 767px) {
  .reason {
    padding: 9.5rem 0 5rem;
    background-image: url(../images/sp_bg-works.jpg);
  }
}
.reason .section-title--or {
  text-align: center;
  position: relative;
}
.reason .section-title--or .en {
  top: -21.8rem;
  left: 0;
  line-height: 1;
}
@media (max-width: 767px) {
  .reason .section-title--or .en {
    top: -9.6rem;
  }
}
.reason .section-title--or .ja {
  font-size: 5.6rem;
}
@media (max-width: 767px) {
  .reason .section-title--or .ja {
    font-size: 2.9rem;
  }
}
.reason .reason__list {
  margin-top: 8rem;
}
@media (max-width: 767px) {
  .reason .reason__list {
    margin-top: 3rem;
  }
}
.reason .reason__list li {
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .reason .reason__list li {
    margin-bottom: 4rem;
  }
}
.reason .reason__list li .num {
  width: 127px;
}
@media (max-width: 767px) {
  .reason .reason__list li .num {
    width: 8.9rem;
  }
}
.reason .reason__list li .inner {
  margin: 0 auto 0 0;
  max-width: 120rem;
}
.reason .reason__list li .bg-white {
  background: #fff;
  border-radius: 10rem 0 0 10rem;
  width: 81.51%;
  margin: 0 0 0 auto;
  padding: 5rem;
}
@media (max-width: 767px) {
  .reason .reason__list li .bg-white {
    width: 96.4%;
    border-radius: 5rem 0 0 5rem;
    padding: 2.5rem;
  }
}
.reason .reason__list li .list-img {
  max-width: 31.25vw;
  width: 100%;
}
@media (min-width:1920px) {
  .reason .reason__list li .list-img {
    max-width: 60rem;
  }
}
@media (max-width: 767px) {
  .reason .reason__list li .list-img {
    max-width: 100%;
  }
}
.reason .reason__list li .flex {
  gap: 5.5rem;
  align-items: center;
}
@media (max-width: 767px) {
  .reason .reason__list li .flex {
    gap: 2.5rem;
  }
}
.reason .reason__list li .list-title {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1.5238095238;
  margin-top: 2rem;
}
@media (max-width: 767px) {
  .reason .reason__list li .list-title {
    font-size: 2.9rem;
    line-height: 1.5862068966;
  }
}
.reason .reason__list li .list-text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7222222222;
  margin-top: 4rem;
  max-width: 43.7rem;
}
@media (max-width: 767px) {
  .reason .reason__list li .list-text {
    font-size: 1.3rem;
    line-height: 1.7307692308;
    margin-top: 3rem;
  }
}
.reason .reason__list li:last-child {
  margin-bottom: 0;
}
.reason .reason__list li:nth-child(2n) .inner {
  margin: 0 0 0 auto;
}
.reason .reason__list li:nth-child(2n) .bg-white {
  border-radius: 0 10rem 10rem 0;
  width: 81.51%;
  margin: 0 auto 0 0;
}
@media (max-width: 767px) {
  .reason .reason__list li:nth-child(2n) .bg-white {
    border-radius: 0 5rem 5rem 0;
    width: 96.4%;
  }
}

.category .flex {
  align-items: stretch;
}
.category .category__item {
  width: 50%;
  color: #fff;
  padding: 12rem 2rem 10rem;
  text-align: center;
  font-weight: 700;
}
@media (max-width: 767px) {
  .category .category__item {
    width: 100%;
    padding: 3rem 2rem 2.5rem;
  }
}
.category .category__item .category-text {
  font-size: 1.8rem;
  line-height: 1.7222222222;
}
@media (max-width: 767px) {
  .category .category__item .category-text {
    font-size: 1.3rem;
    line-height: 1.7307692308;
  }
}
.category .category__item .category-title {
  font-size: 5.6rem;
  border-bottom: solid 0.75px #fff;
  display: inline-block;
  margin-top: 1.5rem;
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .category .category__item .category-title {
    font-size: 3.9rem;
    margin-bottom: 3.5rem;
  }
}
.category .category__item .category-title small {
  font-size: 2.1rem;
}
@media (max-width: 767px) {
  .category .category__item .category-title small {
    font-size: 1.45rem;
  }
}
.category .category__item .btn {
  max-width: 46rem;
}
.category .category__item:nth-of-type(1) {
  background-image: url(../images/bg-gaisou.jpg);
  background-size: cover;
}
.category .category__item:nth-of-type(1) .btn {
  background: #7ABA09;
}
.category .category__item:nth-of-type(1) .btn:hover {
  color: #7ABA09;
  background: #fff;
}
.category .category__item:nth-of-type(1) .btn:hover::after {
  background-image: url(../images/arrow-gr.svg);
}
.category .category__item:nth-of-type(2) {
  background-image: url(../images/bg-naisou.jpg);
  background-size: cover;
}
.category .category__item:nth-of-type(2) .btn {
  background: #F28A00;
}
.category .category__item:nth-of-type(2) .btn:hover {
  color: #F28A00;
  background: #fff;
}
.category .category__item:nth-of-type(2) .btn:hover::after {
  background-image: url(../images/arrow-or.svg);
}

/*==================================================
外装工事・内装工事
===================================*/
.terior {
  padding: 24rem 0 0;
}
@media (max-width: 767px) {
  .terior {
    padding: 2.3rem 0 5rem;
  }
}
.terior .intro {
  padding: 10rem 2rem 0;
}
@media (max-width: 767px) {
  .terior .intro {
    padding: 4rem 1rem 0;
  }
}
.terior .worries {
  padding: 11rem 2rem 8rem;
}
@media (max-width: 767px) {
  .terior .worries {
    padding: 5rem 1.5rem 3rem;
  }
}
.terior .worries .worries-title {
  font-size: 5.2rem;
  font-weight: 700;
  text-align: center;
  line-height: 1;
}
.terior .worries .worries-text {
  font-family: "Noto Sans JP", serif;
  font-size: 2.1rem;
  font-weight: 500;
  line-height: 1.5238095238;
  letter-spacing: 0.13em;
  margin-top: 5rem;
  text-align: center;
}
@media (max-width: 767px) {
  .terior .worries .worries-text {
    font-size: 1.4rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
}
.terior .worries .worries__list {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  row-gap: 5rem;
  -moz-column-gap: 3.5rem;
       column-gap: 3.5rem;
  margin-top: 6.5rem;
}
@media (max-width: 767px) {
  .terior .worries .worries__list {
    align-items: flex-start;
    row-gap: 3.5rem;
    -moz-column-gap: 1.5rem;
         column-gap: 1.5rem;
    margin-top: 6.5rem;
  }
}
.terior .worries .worries__list li {
  width: calc(33.3333333333% - 2.4rem);
}
@media (max-width: 767px) {
  .terior .worries .worries__list li {
    width: calc(50% - 0.8rem);
  }
}
.terior .worries .worries__list li .list-img {
  max-width: 32.2rem;
  width: 100%;
  margin: 0 auto;
}
.terior .worries .worries__list li .list-tile {
  text-align: center;
  font-size: 2.8rem;
  letter-spacing: 0.1em;
  margin-top: 2.5rem;
}
@media (max-width: 767px) {
  .terior .worries .worries__list li .list-tile {
    font-size: 1.9rem;
    letter-spacing: 0.05em;
    margin-top: 2rem;
  }
}
.terior .worries .worries__list li .list-text {
  font-family: "Noto Sans JP", serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7222222222;
  letter-spacing: 0.103em;
  margin-top: 2.5rem;
  text-align: left;
}
@media (max-width: 767px) {
  .terior .worries .worries__list li .list-text {
    font-size: 1.2rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
    margin-top: 1.5rem;
  }
}
.terior .worries .catch {
  text-align: center;
  font-size: 5.2rem;
  font-weight: 700;
  line-height: 1.75;
  max-width: 74.1rem;
  margin: 8.5rem auto 0;
}
@media (max-width: 767px) {
  .terior .worries .catch {
    width: 80vw;
    margin: 7rem auto 0;
  }
}
.terior .recommend {
  background: #fff;
  padding: 7rem 2rem;
}
@media (max-width: 767px) {
  .terior .recommend {
    padding: 3rem 2.5rem 3.5rem;
  }
}
.terior .recommend .recommend__item {
  align-items: center;
  justify-content: space-between;
  gap: 4rem;
  margin-bottom: 9rem;
}
@media (max-width: 767px) {
  .terior .recommend .recommend__item {
    margin-bottom: 6.5rem;
  }
}
.terior .recommend .recommend__item .recommend__img {
  max-width: 54rem;
  width: 100%;
}
@media (max-width: 767px) {
  .terior .recommend .recommend__item .recommend__img {
    margin-top: 3rem;
  }
}
.terior .recommend .recommend__item .reccomend__text {
  max-width: 54.6rem;
}
.terior .recommend .recommend__item .reccomend__text .title {
  font-size: 4.2rem;
  font-weight: 700;
  line-height: 1.4523809524;
  letter-spacing: 0;
  font-feature-settings: "palt";
}
@media (max-width: 767px) {
  .terior .recommend .recommend__item .reccomend__text .title {
    font-size: 2.8rem;
  }
}
.terior .recommend .recommend__item .reccomend__text p {
  font-family: "Noto Sans JP", serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.103em;
  margin-top: 3.5rem;
}
@media (max-width: 767px) {
  .terior .recommend .recommend__item .reccomend__text p {
    font-size: 1.2rem;
    line-height: 1.9166666667;
    letter-spacing: 0.05em;
    margin-top: 2.4rem;
  }
}
.terior .recommend .recommend__item:nth-of-type(2n) {
  flex-direction: row-reverse;
}
.terior .recommend .recommend__item:last-of-type {
  margin-bottom: 0;
}

.exterior .worries-title {
  max-width: 72.8rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .exterior .worries-title {
    width: 77.6vw;
    margin: 0 auto;
  }
}
.exterior .worries-title span {
  position: relative;
  padding-bottom: 1rem;
}
.exterior .worries-title span::after {
  position: absolute;
  content: "";
  background-image: url(../images/line-714.svg);
  background-size: contain;
  width: 71.6rem;
  height: 9px;
  bottom: 0;
  left: 0;
}
.exterior .catch .top-text,
.exterior .catch .bottom-text {
  position: relative;
  padding-bottom: 1rem;
}
.exterior .catch .top-text::after,
.exterior .catch .bottom-text::after {
  position: absolute;
  content: "";
  background-size: contain;
  height: 9px;
  bottom: 0;
  left: 0;
}
.exterior .catch .top-text::after {
  background-image: url(../images/line-714.svg);
  width: 71.6rem;
}
.exterior .catch .bottom-text::after {
  background-image: url(../images/line-306.svg);
  width: 30.7rem;
}

@media (max-width: 767px) {
  .interior .content-title span::after {
    left: 53%;
    right: inherit;
    transform: inherit;
  }
}
.interior .worries {
  padding-bottom: 0;
}
.interior .worries .worries-title {
  max-width: 72.9rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .interior .worries .worries-title {
    width: 90.5333333333vw;
    margin: 0 auto;
  }
}
.interior .worries .worries-title span {
  position: relative;
  padding-bottom: 1rem;
}
.interior .worries .worries-title span::after {
  position: absolute;
  content: "";
  background-image: url(../images/line-729.svg);
  background-size: contain;
  width: 73.2rem;
  height: 9px;
  bottom: 0;
  left: 0;
}
@media (max-width: 767px) {
  .interior .worries .worries__list {
    flex-direction: revert;
    margin-bottom: 5rem;
  }
}
@media (max-width: 767px) {
  .interior .worries .worries__list li:first-child {
    width: 100%;
  }
  .interior .worries .worries__list li:first-child .list-img {
    width: 43.8666666667vw;
    margin: 0 auto;
  }
}

.service {
  padding: 13rem 2rem;
}
@media (max-width: 767px) {
  .service {
    padding: 4rem 2.5rem 5rem;
  }
}
@media (max-width: 767px) {
  .service .content-title span::after {
    left: 61%;
    right: inherit;
    transform: inherit;
  }
}
.service .service__item .title,
.service .list-title {
  font-size: 4.2rem;
  font-weight: 700;
  border-bottom: solid 1px #B3B3B3;
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .service .service__item .title,
  .service .list-title {
    font-size: 2.6rem;
  }
}
.service .service__item {
  margin-top: 17.5rem;
}
@media (max-width: 767px) {
  .service .service__item {
    margin-top: 7rem;
  }
}
.service .service__item .flex {
  padding-top: 4.5rem;
  align-items: flex-start;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .service .service__item .flex {
    flex-direction: column-reverse;
    padding-top: 2rem;
  }
}
.service .service__item .flex p {
  font-family: "Noto Sans JP", serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 2.2222222222;
  letter-spacing: 0.103em;
  max-width: 56.6rem;
}
@media (max-width: 767px) {
  .service .service__item .flex p {
    font-size: 1.25rem;
    line-height: 2.24;
    letter-spacing: 0.05em;
    margin-top: 2.5rem;
  }
}
.service .service__item .flex .item-img {
  max-width: 46rem;
  width: 100%;
}
.service .service__list {
  margin-top: 14rem;
  display: grid;
  justify-content: space-between;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 10rem;
       column-gap: 10rem;
  row-gap: 7.5rem;
}
@media (max-width: 767px) {
  .service .service__list {
    display: flex;
    flex-direction: column;
    margin-top: 6rem;
    gap: 5rem;
  }
}
.service .service__list .list-img {
  padding-top: 3rem;
}
@media (max-width: 767px) {
  .service .service__list .list-img {
    padding-top: 1.75rem;
  }
}
.service .border-box {
  border: solid 1px #7ABA09;
  color: #7ABA09;
  font-family: "Noto Sans JP", serif;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7222222222;
  letter-spacing: 0.103em;
  max-width: 61.6rem;
  margin: 9rem auto 0;
  padding: 5rem;
  width: 100%;
}
@media (max-width: 767px) {
  .service .border-box {
    padding: 2.5rem;
    font-size: 1.2rem;
    line-height: 1.75;
    letter-spacing: 0.05em;
  }
}

.review {
  background-image: url(../images/bg-works.jpg);
  background-size: cover;
  padding: 31rem 0 16.5rem;
}
@media (max-width: 767px) {
  .review {
    padding: 15rem 0 9rem;
    background-image: url(../images/sp_bg-works.jpg);
  }
}
.review .section-title--or {
  text-align: center;
  position: relative;
}
.review .section-title--or .en {
  position: absolute;
  top: -21.8rem;
  left: 3rem;
}
@media (max-width: 767px) {
  .review .section-title--or .en {
    top: -8.8rem;
    left: 0.2rem;
  }
}
.review .section-title--or .ja .google {
  font-size: 5.2rem;
  letter-spacing: -0.15em;
  margin-right: 1rem;
}
@media (max-width: 767px) {
  .review .section-title--or .ja .google {
    font-size: 3.6rem;
  }
}
.review .section-title--or .ja .review-get {
  font-size: 8.7rem;
}
@media (max-width: 767px) {
  .review .section-title--or .ja .review-get {
    font-size: 6.05rem;
  }
}
.review .section-title--or .ja .review-get em {
  color: #F28A00;
  font-size: 13.1rem;
}
@media (max-width: 767px) {
  .review .section-title--or .ja .review-get em {
    font-size: 9.15rem;
  }
}
.review .caution {
  text-align: center;
  font-size: 1.6rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .review .caution {
    font-size: 1.2rem;
  }
}
.review .review-star {
  max-width: 40.1rem;
  width: 100%;
  margin: 2rem auto 0;
  position: relative;
}
@media (max-width: 767px) {
  .review .review-star {
    max-width: 28.1rem;
  }
}
.review .swiper-area {
  max-width: 163rem;
  padding-left: 11rem;
  margin: 7rem 0 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .review .swiper-area {
    margin-top: 5rem;
    padding-left: 0;
  }
}
.review .swiper-wrapper {
  min-height: 440px !important;
}
@media (max-width: 1500px) {
  .review .swiper-wrapper {
    min-height: 500px !important;
  }
}
@media (max-width: 767px) {
  .review .swiper-wrapper {
    min-height: 348px !important;
  }
}
.review .swiper-slide {
  background: #fff;
  height: 100%;
}
.review .swiper-button-next,
.review .swiper-button-prev {
  position: absolute;
  top: inherit;
  top: 50%;
  width: 60px;
  height: 60px;
  z-index: 10;
  cursor: pointer;
}
@media (max-width: 767px) {
  .review .swiper-button-next,
  .review .swiper-button-prev {
    width: 42px;
    height: 42px;
  }
}
.review .swiper-button-next {
  background-image: url(../images/arrow-next.svg);
  right: 18.4%;
}
@media (max-width: 767px) {
  .review .swiper-button-next {
    right: 2.3rem;
  }
}
.review .swiper-button-prev {
  background-image: url(../images/arrow-prev.svg);
  left: 0;
}
@media (max-width: 1024px) {
  .review .swiper-button-prev {
    left: 2.3rem;
  }
}
.review .swiper-button-prev:after,
.review .swiper-rtl .swiper-button-next:after {
  display: none;
}
.review .swiper-button-next:after,
.review .swiper-rtl .swiper-button-prev:after {
  display: none;
}
.review .review__slider {
  position: relative;
  padding-top: 2rem;
  padding-bottom: 2rem;
}
.review .review__slider .review__block {
  background: #fff;
  padding: 3rem 2rem;
  height: 100%;
  position: relative;
}
@media (max-width: 767px) {
  .review .review__slider .review__block {
    padding: 1rem 1.5rem;
  }
}
.review .review__slider .review__block::before, .review .review__slider .review__block::after {
  position: absolute;
  content: "";
  background-size: contain;
  width: 4rem;
  height: 2.8rem;
}
.review .review__slider .review__block::before {
  background-image: url(../images/colon-top.svg);
  top: -1.5rem;
  left: 2rem;
}
.review .review__slider .review__block::after {
  background-image: url(../images/colon-bottom.svg);
  bottom: -1.5rem;
  right: 2rem;
}
.review .review__slider .review__star {
  width: 72px;
}
@media (max-width: 767px) {
  .review .review__slider .review__star {
    width: 55.5px;
  }
}
.review .review__slider .review-title {
  font-size: 2.1rem;
  font-weight: 700;
  margin-top: 1rem;
  border-bottom: solid 1px #B3B3B3;
  padding-bottom: 0.5rem;
}
@media (max-width: 1500px) {
  .review .review__slider .review-title {
    font-size: 1.8rem;
  }
}
@media (max-width: 767px) {
  .review .review__slider .review-title {
    font-size: 1.6rem;
    padding-bottom: 0.5rem;
  }
}
.review .review__slider p {
  font-family: "Noto Sans JP", serif;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.75;
  padding-top: 2rem;
}
@media (max-width: 1500px) {
  .review .review__slider p {
    font-size: 1.4rem;
  }
}
@media (max-width: 767px) {
  .review .review__slider p {
    font-size: 1.2rem;
    line-height: 1.9166666667;
  }
}

.area {
  background-image: url(../images/bg-area.jpg);
  background-size: cover;
  position: relative;
  padding-bottom: 9rem;
}
@media (max-width: 767px) {
  .area {
    padding: 1.5rem 1rem 4.5rem;
    background-image: url(../images/sp_bg-area.jpg);
  }
}
.area .bg-area-map {
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
}
.area .content-width {
  position: relative;
}
.area .area__label {
  max-width: 44.5rem;
  width: 100%;
  margin: 0 0 0 auto;
  padding-top: 4rem;
}
@media (max-width: 767px) {
  .area .area__label {
    max-width: 20.75rem;
    padding-top: 0;
    padding-right: 0.5rem;
  }
}
.area .area__ace {
  position: relative;
  background: #fff;
  border-radius: 2rem;
  border: solid 5px #fff;
  font-weight: 500;
  letter-spacing: 0.1em;
  max-width: 56.4rem;
  margin: 3.5rem 6.5rem 0 auto;
}
@media (max-width: 767px) {
  .area .area__ace {
    border-radius: 1rem;
    margin: 3.5rem auto 3rem;
    border: solid 2px #fff;
  }
}
.area .area__ace .title {
  border-radius: 2rem 2rem 0 0;
  background: #F28A00;
  color: #fff;
  text-align: center;
  font-size: 2.8rem;
  padding: 1.5rem 0;
}
@media (max-width: 767px) {
  .area .area__ace .title {
    border-radius: 1rem 1rem 0 0;
    font-weight: 500;
    font-size: 1.95rem;
  }
}
.area .area__ace .area__ace__block {
  padding: 3rem 0;
  font-size: 2.8rem;
  line-height: 1.8571428571;
  text-align: center;
}
@media (max-width: 767px) {
  .area .area__ace .area__ace__block {
    font-size: 1.95rem;
    padding: 2.5rem 0;
  }
}
.area .area-text {
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
  line-height: 1.8571428571;
  letter-spacing: 0.1em;
  width: -moz-fit-content;
  width: fit-content;
  margin: 5rem 0 0 auto;
}
@media (max-width: 767px) {
  .area .area-text {
    font-size: 1.9rem;
    margin: 0 auto;
  }
}
.area .area__contact {
  background: #F28A00;
  border-radius: 3rem;
  outline: solid 5px #fff;
  outline-offset: -10px;
  padding: 3.5rem 0 4.5rem;
  margin-top: 10rem;
}
@media (max-width: 767px) {
  .area .area__contact {
    border-radius: 1.5rem;
    margin-top: 4rem;
    outline: solid 2px #fff;
    outline-offset: -6px;
  }
}
.area .area__contact .title {
  color: #F28A00;
  font-size: 2.6rem;
  font-weight: 500;
  text-align: center;
  position: relative;
  width: 49.8rem;
  height: 3.9rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .area .area__contact .title {
    font-size: 1.9rem;
    width: 84.5333333333vw;
    height: 7.3333333333vw;
  }
}
.area .area__contact .title span {
  position: relative;
  z-index: 1;
}
.area .area__contact .title::before {
  position: absolute;
  content: "";
  background-image: url(../images/ribon.svg);
  background-size: contain;
  width: 49.8rem;
  height: 3.9rem;
  top: 0;
  left: 0;
}
@media (max-width: 767px) {
  .area .area__contact .title::before {
    width: 84.5333333333vw;
    height: 7.3333333333vw;
    top: 2px;
  }
}
.area .area__contact .btn-wrap {
  margin-top: 1.5rem;
}
.area .area__contact .mail-btn {
  background: #fff;
  color: #F28A00;
  position: relative;
}
.area .area__contact .mail-btn::before {
  position: absolute;
  content: "";
  background-image: url(../images/icon-mail-or.svg);
  background-size: contain;
  width: 47px;
  height: 31px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  left: 3.5rem;
}
@media (max-width: 767px) {
  .area .area__contact .mail-btn::before {
    width: 35px;
    height: 22px;
    left: 2.5rem;
  }
}
.area .area__contact .mail-btn::after {
  position: absolute;
  content: "";
  background-image: url(../images/arrow-or.svg);
  background-size: contain;
  width: 7.9px;
  height: 15px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  right: 4rem;
}
.area .area__contact .mail-btn:hover {
  background: #7ABA09;
  color: #fff;
}
.area .area__contact .mail-btn:hover::before {
  background-image: url(../images/icon-mail.svg);
}
.area .area__contact .mail-btn:hover::after {
  background-image: url(../images/arrow-wh.svg);
}
.area .area__contact .flex {
  align-items: flex-start;
  margin-top: 2rem;
}
.area .area__contact__item {
  width: 50%;
  color: #fff;
  font-weight: 500;
}
@media (max-width: 767px) {
  .area .area__contact__item {
    width: 100%;
  }
}
.area .area__contact__item .top-text {
  text-align: center;
  font-size: 2rem;
}
@media (max-width: 767px) {
  .area .area__contact__item .top-text {
    font-size: 1.4rem;
  }
}
.area .area__contact__item .top-text .fukidashi {
  font-size: 1.8rem;
  padding: 0 2.5rem;
  position: relative;
}
@media (max-width: 767px) {
  .area .area__contact__item .top-text .fukidashi {
    font-size: 1.25rem;
    padding: 0 1.75rem;
  }
}
.area .area__contact__item .top-text .fukidashi::before, .area .area__contact__item .top-text .fukidashi::after {
  position: absolute;
  content: "";
  background-size: contain;
  width: 15px;
  height: 17px;
  top: 5px;
}
@media (max-width: 767px) {
  .area .area__contact__item .top-text .fukidashi::before, .area .area__contact__item .top-text .fukidashi::after {
    width: 10.5px;
    height: 12px;
  }
}
.area .area__contact__item .top-text .fukidashi::before {
  background-image: url(../images/fukidashi-l-wh.svg);
  left: 0;
}
.area .area__contact__item .top-text .fukidashi::after {
  background-image: url(../images/fukidashi-r-wh.svg);
  right: 0;
}
.area .area__contact__item .tel-text {
  font-size: 2rem;
  text-align: center;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .area .area__contact__item .tel-text {
    font-size: 1.4rem;
    margin-top: 4.5rem;
  }
}
.area .area__contact__item .tel-wrap {
  margin-top: 2rem;
  position: relative;
}
@media (max-width: 767px) {
  .area .area__contact__item .tel-wrap {
    margin-top: 1.5rem;
  }
}
.area .area__contact__item .tel-wrap .tel {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 6.6rem;
  display: flex;
  align-items: center;
  gap: 1rem;
  line-height: 1;
}
.area .area__contact__item .tel-wrap .tel a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .area .area__contact__item .tel-wrap .tel {
    font-size: 4.6rem;
    justify-content: center;
    gap: 0.4rem;
  }
}
.area .area__contact__item .tel-wrap .icon {
  width: 35px;
}
@media (max-width: 767px) {
  .area .area__contact__item .tel-wrap .icon {
    width: 24px;
  }
}
.area .area__contact__item .hour {
  font-size: 1.9rem;
}
@media (max-width: 767px) {
  .area .area__contact__item .hour {
    font-size: 1.3rem;
    text-align: center;
    margin-top: 1rem;
  }
}

.area-map {
  margin: 0.5rem 2rem 7.5rem;
}
@media (max-width: 767px) {
  .area-map {
    padding: 4rem 2rem 7rem;
    margin: 0.5rem 2rem 0.5rem;
  }
}
.area-map .flex {
  padding: 20px;
  align-items: center;
  justify-content: space-between;
  gap: 5%;
  background: #fff;
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 25px;
}
@media (max-width: 767px) {
  .area-map .flex {
    flex-direction: column-reverse;
    gap: 3rem;
  }
}
.area-map .section-title--or .en {
  font-size: 26rem;
  bottom: -90px;
}
@media (max-width: 767px) {
  .area-map .section-title--or .en {
    font-size: 12.2rem;
    top: -3.8rem;
    left: -0.5rem;
  }
}
@media (max-width: 767px) {
  .area-map .section-title--or .ja {
    font-size: 2.2rem;
  }
}
.area-map .area-map__img {
  max-width: 40%;
  width: 100%;
  text-align: right;
}
@media (max-width: 767px) {
  .area-map .area-map__img {
    max-width: 28.25rem;
  }
}
.area-map .area-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 3.5rem;
  letter-spacing: 0.1em;
  line-height: 1.7857142857;
}
@media (max-width: 767px) {
  .area-map .area-text {
    font-size: 1.65rem;
    margin-top: 2.5rem;
  }
}
.area-map .area-text .underline {
  border-bottom: solid 1px #B3B3B3;
}
@media (max-width: 767px) {
  .area-map .area-map__text {
    margin: 0 auto 0 0;
    padding-left: 1.5rem;
  }
}

.top-map {
  margin: 120px 2rem 7.5rem;
}
@media (max-width: 767px) {
  .top-map {
    padding: 4rem 2rem 7rem;
    margin: 60px 2rem 0rem;
  }
}
.top-map .flex {
  padding: 20px;
  align-items: center;
  justify-content: space-between;
  gap: 5%;
  background: #fff;
  max-width: 1000px;
  margin: 0 auto;
  border-radius: 25px;
}
@media (max-width: 767px) {
  .top-map .flex {
    flex-direction: column-reverse;
    gap: 3rem;
  }
}
.top-map .section-title--or .en {
  font-size: 26rem;
  bottom: -90px;
}
@media (max-width: 767px) {
  .top-map .section-title--or .en {
    font-size: 12.2rem;
    top: -3.8rem;
    left: -1.5rem;
  }
}
@media (max-width: 767px) {
  .top-map .section-title--or .ja {
    font-size: 2.2rem;
  }
}
.top-map .area-map__img {
  max-width: 40%;
  width: 100%;
  text-align: right;
}
@media (max-width: 767px) {
  .top-map .area-map__img {
    max-width: 28.25rem;
  }
}
.top-map .area-text {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 3.5rem;
  letter-spacing: 0.1em;
  line-height: 1.7857142857;
}
@media (max-width: 767px) {
  .top-map .area-text {
    font-size: 1.65rem;
    margin-top: 2.5rem;
  }
}
.top-map .area-text .underline {
  border-bottom: solid 1px #B3B3B3;
}
@media (max-width: 767px) {
  .top-map .area-map__text {
    margin: 0 auto 0 0;
    padding-left: 1.5rem;
  }
}

.company {
  background-image: url(../images/bg-works.jpg);
  background-size: cover;
  padding: 17rem 2rem 7rem;
}
@media (max-width: 767px) {
  .company {
    padding: 9.5rem 2.5rem 5.5rem;
    background-image: url(../images/sp_bg-works.jpg);
  }
}
.company .section-title--or {
  text-align: left;
}
.company .section-title--or .en {
  top: -11rem;
  right: 3rem;
}
@media (max-width: 767px) {
  .company .section-title--or .en {
    right: inherit;
    left: -3.2rem;
  }
}
.company .btn-wrap {
  margin-top: 4rem;
}
.company .btn {
  background: #7ABA09;
}
.company .btn:hover {
  background: #F28A00;
}

.company-title {
  font-size: 5.6rem;
  line-height: 1.625;
  letter-spacing: 0.1em;
}
@media (max-width: 767px) {
  .company-title {
    font-size: 2.8rem;
  }
}

.company__about {
  align-items: flex-start;
  justify-content: space-between;
  gap: 4rem;
  margin-top: 5.6rem;
}
@media (max-width: 767px) {
  .company__about {
    margin-top: 4rem;
    align-items: center;
    flex-direction: column-reverse;
  }
}
.company__about .company__text {
  max-width: 54.9rem;
}
.company__about .company__text p {
  font-family: "Noto Sans JP", serif;
  font-size: 1.8rem;
  line-height: 2;
  font-weight: 500;
}
@media (max-width: 767px) {
  .company__about .company__text p {
    font-size: 1.2rem;
    line-height: 1.9166666667;
  }
}

.company__img {
  max-width: 50.6rem;
  width: 100%;
  position: relative;
  text-align: center;
}
.company__img img {
  width: 80%;
  border-radius: 25px;
}
@media (max-width: 767px) {
  .company__img img {
    width: 60%;
  }
}
.company__img .b60 {
  width: 60%;
}

.company-about {
  padding: 24rem 0 12rem;
}
@media (max-width: 767px) {
  .company-about {
    padding: 2.3rem 0 5rem;
  }
}
.company-about .greeting {
  padding-top: 11rem;
}
@media (max-width: 767px) {
  .company-about .greeting {
    padding: 3.5rem 1.5rem 0;
  }
}
.company-about .greeting .company-title {
  font-size: 4.2rem;
  line-height: 1.5;
}
@media (max-width: 767px) {
  .company-about .greeting .company-title {
    font-size: 2.9rem;
    line-height: 1.5689655172;
  }
}
.company-about .greeting .company__about {
  gap: 5rem;
  align-items: center;
}
@media (max-width: 767px) {
  .company-about .greeting .company__about {
    gap: 4rem;
  }
}
.company-about .greeting .company__text {
  max-width: 71.8rem;
}
.company-about .greeting .company__img {
  max-width: 33.7rem;
}
.company-about .staff {
  padding-top: 15rem;
}
@media (max-width: 767px) {
  .company-about .staff {
    padding: 7rem 1.5rem 0;
  }
}
.company-about .staff__list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  -moz-column-gap: 1.4rem;
       column-gap: 1.4rem;
  row-gap: 3rem;
  margin-top: 11rem;
}
@media (max-width: 767px) {
  .company-about .staff__list {
    grid-template-columns: 1fr 1fr;
    -moz-column-gap: 0.5rem;
         column-gap: 0.5rem;
    row-gap: 1.75rem;
    margin-top: 5.5rem;
  }
}
.company-about .staff__list li {
  background: #fff;
  border-radius: 1.5rem;
  padding: 3.5rem 3rem 2rem;
}
@media (max-width: 767px) {
  .company-about .staff__list li {
    padding: 2rem 2.25rem 1.3rem;
    border-radius: 7.5px;
  }
}
.company-about .staff__list li .list-text {
  margin-top: 2rem;
  font-weight: 700;
}
@media (max-width: 767px) {
  .company-about .staff__list li .list-text {
    margin-top: 1.5rem;
  }
}
.company-about .staff__list li .list-text .name {
  font-size: 2.1rem;
  padding-bottom: 1rem;
  border-bottom: solid 1px #B3B3B3;
}
@media (max-width: 767px) {
  .company-about .staff__list li .list-text .name {
    font-size: 1.3rem;
    padding-bottom: 0.5rem;
  }
}
.company-about .staff__list li .list-text .post {
  padding-top: 1rem;
  color: #7ABA09;
  font-size: 1.8rem;
}
@media (max-width: 767px) {
  .company-about .staff__list li .list-text .post {
    font-size: 1.1rem;
    padding-top: 0.5rem;
  }
}
.company-about .company-detail {
  padding-top: 14rem;
}
@media (max-width: 767px) {
  .company-about .company-detail {
    padding: 7rem 2rem 0;
  }
}
.company-about .company__table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Noto Sans JP", serif;
  margin-top: 8rem;
}
@media (max-width: 767px) {
  .company-about .company__table {
    margin-top: 5.7rem;
  }
}
@media (max-width: 767px) {
  .company-about .company__table tr {
    display: flex;
  }
}
.company-about .company__table tr th,
.company-about .company__table tr td {
  border-bottom: solid 1px #B3B3B3;
}
.company-about .company__table tr th {
  width: 19%;
  padding-left: 2rem;
  position: relative;
}
@media (max-width: 767px) {
  .company-about .company__table tr th {
    width: 43%;
    padding: 2.5rem 0 2.5rem 2rem;
  }
}
.company-about .company__table tr th .table-title {
  text-align: left;
  font-size: 1.8rem;
  font-weight: 500;
}
@media (max-width: 767px) {
  .company-about .company__table tr th .table-title {
    font-size: 1.2rem;
  }
}
.company-about .company__table tr td {
  padding: 3rem 0;
  width: 81%;
}
@media (max-width: 767px) {
  .company-about .company__table tr td {
    width: 57%;
    padding: 2.5rem 0;
  }
}
.company-about .company__table tr td .table-text {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7222222222;
}
@media (max-width: 767px) {
  .company-about .company__table tr td .table-text {
    font-size: 1.2rem;
  }
}

@media (max-width: 767px) {
  .page-about .header {
    background: transparent;
  }
}
.page-about main {
  margin-top: 0;
}
.page-about .section-title {
  padding-bottom: 1rem;
}
@media (max-width: 767px) {
  .page-about .section-title {
    padding-bottom: 2rem;
  }
}

.info {
  padding: 25.2rem 2rem 22.6rem;
  background-image: url(../images/bg-pink.png);
  background-size: 100% 100%;
  background-position: right top;
  overflow: hidden;
}
@media (max-width: 767px) {
  .info {
    padding: 12rem 2rem 13.9rem;
    background-image: url(../images/sp_bg-pink.png);
  }
}

.info__table {
  max-width: 71rem;
  width: 100%;
  border-collapse: collapse;
  margin: 5rem auto 0;
  border: solid 1px #ED1C24;
}
@media (max-width: 767px) {
  .info__table tr {
    display: flex;
    flex-direction: column;
  }
}
.info__table tr th,
.info__table tr td {
  border-bottom: 1px solid #ED1C24;
}
.info__table tr th {
  text-align: center;
  font-weight: 500;
  font-size: 1.6rem;
  width: 21%;
  background: rgba(166, 82, 87, 0.2);
  border-right: 1px solid #ED1C24;
}
@media (max-width: 767px) {
  .info__table tr th {
    border-right: none;
    text-align: left;
    width: 100%;
    padding: 1rem;
  }
}
.info__table tr td {
  padding: 2rem 5rem;
  width: 79%;
  background: rgba(255, 255, 255, 0.3);
}
@media (max-width: 767px) {
  .info__table tr td {
    width: 100%;
    padding: 2rem 1rem;
  }
}
.info__table tr td .table-text {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.4375;
}
@media (max-width: 767px) {
  .info__table tr:last-of-type th,
  .info__table tr:last-of-type td {
    border-bottom: none;
  }
}

.message {
  padding: 19.8rem 2rem 13rem;
  background-image: url(../images/bg-pink-g.png);
  background-size: 100%;
  background-position: right bottom;
}
@media (max-width: 767px) {
  .message {
    background-image: url(../images/sp_bg-pink-g.png);
    padding: 12rem 2rem;
  }
}
.message .message__name {
  margin-top: 5rem;
  font-weight: 700;
}
.message .message__name span {
  display: block;
}
.message .message__name .post {
  font-size: 1.6rem;
}
.message .message__name .name {
  font-size: 3.2rem;
  line-height: 1.4375;
}
@media (max-width: 767px) {
  .message .message__name .name {
    font-size: 2.7rem;
    line-height: 1.4444444444;
  }
}
.message .flex {
  align-items: flex-start;
  justify-content: space-between;
  gap: 2.6041666667vw;
}
@media (min-width:1920px) {
  .message .flex {
    gap: 5rem;
  }
}
@media (max-width: 767px) {
  .message .flex {
    flex-direction: column-reverse;
    margin-top: 5rem;
    gap: 7rem;
  }
}
.message .message__qualification {
  margin-top: 5rem;
  position: relative;
}
@media (max-width: 767px) {
  .message .message__qualification {
    margin-top: 0;
    padding-left: 2rem;
  }
}
.message .message__qualification::after {
  position: absolute;
  content: "";
  background-image: url(../images/icon-dash.svg);
  background-size: contain;
  width: 2.6rem;
  height: 2px;
  bottom: -1px;
  left: -26px;
}
.message .message__list {
  margin-top: 2rem;
  border: solid 1px #ED1C24;
  border-top: none;
  border-left: none;
  border-radius: 0 0 3rem 0;
  padding-bottom: 3rem;
  padding-right: 3rem;
}
.message .message__list li {
  display: flex;
  align-items: center;
  gap: 1.5rem;
  margin-bottom: 1rem;
}
.message .message__list li:last-child {
  margin-bottom: 0;
}
.message .message__list li p {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4375;
}
.message .qualification-title {
  color: #ED1C24;
  font-size: 2rem;
  line-height: 1;
}
.message .message__photo {
  max-width: 35.2rem;
  width: 100%;
}
@media (max-width: 767px) {
  .message .message__photo {
    max-width: 25rem;
    margin: 0 auto;
  }
}
.message .message__about {
  margin-top: 5rem;
}
@media (max-width: 767px) {
  .message .message__about {
    margin-top: 12rem;
  }
}

.message-title {
  color: #ED1C24;
  font-size: 2.4rem;
  font-weight: 800;
  line-height: 0.8333333333;
}
@media (max-width: 767px) {
  .message-title {
    padding: 0 2rem;
  }
}

.message-text {
  margin-top: 0.5rem;
  padding: 2rem 0 2rem 0;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.5;
}
@media (max-width: 767px) {
  .message-text {
    padding: 0 2rem;
    margin-top: 3rem;
    line-height: 2.1875;
  }
}
.message-text b {
  font-weight: 800;
}

.history {
  padding: 10rem 2rem 13rem;
}
@media (max-width: 767px) {
  .history {
    padding: 0 2rem 10rem 4rem;
  }
}

.message__history .message-text {
  border: solid 1px #ED1C24;
  border-left: none;
  border-bottom: none;
  border-radius: 0 2rem 0 0;
  margin-top: 1rem;
  padding-right: 3rem;
  position: relative;
}
@media (max-width: 767px) {
  .message__history .message-text {
    padding: 2rem 2rem 2rem 0;
    font-size: 1.4rem;
    line-height: 2.8571428571;
  }
}
.message__history .message-text::after {
  position: absolute;
  content: "";
  background-image: url(../images/icon-dash.svg);
  background-size: contain;
  width: 2.6rem;
  height: 2px;
  top: -1px;
  left: -26px;
}

/*==================================================
FAQ
===================================*/
.faq {
  background-image: url(../images/bg-faq.jpg);
  background-size: cover;
  padding: 12rem 2rem;
}
@media (max-width: 767px) {
  .faq {
    padding: 5rem 1rem;
  }
}
.faq .faq__item {
  margin-bottom: 10rem;
}
@media (max-width: 767px) {
  .faq .faq__item {
    margin-bottom: 6.5rem;
  }
}
.faq .faq__item:last-of-type {
  margin-bottom: 0;
}
.faq .section-title {
  color: #fff;
  text-align: center;
  margin-bottom: 10rem;
}
@media (max-width: 767px) {
  .faq .section-title {
    margin-bottom: 5rem;
  }
}
.faq .section-title span {
  display: block;
}
.faq .section-title .en {
  font-size: 3.2rem;
}
@media (max-width: 767px) {
  .faq .section-title .en {
    font-size: 2.2rem;
  }
}
.faq .section-title .ja {
  color: #fff;
}
@media (max-width: 767px) {
  .faq .section-title .ja {
    font-size: 3.9rem;
  }
}
.faq .faq-title {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 700;
  border-bottom: solid 1px #fff;
  padding-bottom: 2rem;
  margin-bottom: 5rem;
}
@media (max-width: 767px) {
  .faq .faq-title {
    font-size: 2.9rem;
    padding-bottom: 1rem;
    margin-bottom: 2rem;
  }
}
.faq .btn-wrap {
  margin-top: 9rem;
}
@media (max-width: 767px) {
  .faq .btn-wrap {
    margin-top: 5.8rem;
  }
}
.faq .btn {
  background: #7ABA09;
}
.faq .btn:hover {
  background: #F28A00;
}

.question-width {
  margin: 10rem auto 0;
}
@media (max-width: 767px) {
  .question-width {
    margin-top: 5rem;
  }
}

.question__item {
  margin-bottom: 3rem;
  background: #fff;
  border-radius: 1.5rem;
  font-family: "Noto Sans JP", serif;
}
@media (max-width: 767px) {
  .question__item {
    margin-bottom: 3.5rem;
    border-radius: 7.5px;
  }
}
.question__item:last-of-type {
  margin-bottom: 0;
}
.question__item .q,
.question__item .a {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 700;
  font-size: 2.8rem;
  font-weight: 700;
  line-height: 1;
}
@media (max-width: 767px) {
  .question__item .q,
  .question__item .a {
    font-size: 1.95rem;
  }
}
.question__item .q {
  color: #7ABA09;
}
.question__item .a {
  color: #F28A00;
}
.question__item .question {
  padding: 3rem;
  cursor: pointer;
  position: relative;
  transition: 0.3s;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .question__item .question {
    padding: 2rem 1.5rem;
    gap: 0.5rem;
  }
}
.question__item .question .q-title {
  font-weight: 700;
  font-size: 2.1rem;
  letter-spacing: 0px;
  line-height: 1.7142857143;
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .question__item .question .q-title {
    font-size: 1.45rem;
    line-height: 1.7586206897;
    gap: 0.5rem;
    align-items: flex-start;
  }
}
.question__item .question .toggle {
  width: 21px;
  height: 21px;
  transition: 0.3s;
  position: relative;
}
@media (max-width: 767px) {
  .question__item .question .toggle {
    width: 14.5px;
    height: 14.5px;
  }
}
.question__item .question .toggle:before, .question__item .question .toggle:after {
  position: absolute;
  content: "";
  background: #2d2d2d;
  transform: translateY(-50%);
  top: 50%;
  right: 3rem;
  width: 21px;
  height: 3.87px;
}
@media (max-width: 767px) {
  .question__item .question .toggle:before, .question__item .question .toggle:after {
    top: 0;
    width: 14.5px;
    height: 1.9px;
    right: 0;
  }
}
.question__item .question .toggle:after {
  transform: translateY(-50%) rotate(90deg);
  transition: 0.3s;
}
.question__item .answer {
  padding: 0 3rem 3rem;
  display: none;
}
.question__item .answer .answe-wrap {
  display: flex;
  align-items: flex-start;
  gap: 0.5rem;
}
@media (max-width: 767px) {
  .question__item .answer {
    padding: 0 2rem 2rem;
  }
}
.question__item .answer .answer__text {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.7222222222;
}
@media (max-width: 767px) {
  .question__item .answer .answer__text {
    font-size: 1.25rem;
    line-height: 1.76;
  }
}

.question.open .toggle::before {
  opacity: 0;
}
.question.open .toggle:after {
  transform: rotate(180deg);
}

.page-faq .cover {
  width: 84.38%;
  margin: 0 auto 0 0;
}
@media (max-width: 767px) {
  .page-faq .cover {
    width: 100%;
    padding-right: 1.5rem;
  }
}
.page-faq .section-title {
  margin-bottom: 8rem;
}
@media (max-width: 767px) {
  .page-faq .section-title {
    margin-bottom: 3.8rem;
  }
}
.page-faq .section-title .en {
  font-size: 4.2rem;
}
@media (max-width: 767px) {
  .page-faq .section-title .en {
    font-size: 2.1rem;
  }
}
.page-faq .section-title .ja {
  font-size: 6.4rem;
}
@media (max-width: 767px) {
  .page-faq .section-title .ja {
    font-size: 3.2rem;
  }
}
.page-faq .page-link {
  margin-top: 8rem;
  margin-bottom: 10rem;
}
@media (max-width: 767px) {
  .page-faq .page-link {
    margin-top: 4.9rem;
    margin-bottom: 6rem;
    padding: 0 1.5rem;
  }
}
.page-faq .page-link ul {
  justify-content: space-between;
  gap: 10rem;
}
@media (max-width: 767px) {
  .page-faq .page-link ul {
    gap: 2.5rem;
    width: 56vw;
    margin: 0 auto;
  }
}
.page-faq .page-link ul li {
  width: 33.3333333333%;
}
@media (max-width: 767px) {
  .page-faq .page-link ul li {
    width: 100%;
  }
}
.page-faq .page-link ul li a {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 2.4rem;
  font-weight: 700;
  padding-bottom: 1.9rem;
  border-bottom: solid 1px #B3B3B3;
}
@media (max-width: 767px) {
  .page-faq .page-link ul li a {
    font-size: 1.65rem;
  }
}
.page-faq .page-link ul .arrow {
  width: 4rem;
}
@media (max-width: 767px) {
  .page-faq .page-link ul .arrow {
    width: 2.8rem;
  }
}
.page-faq .faq {
  background: #F4EFE6;
  padding: 24rem 0 12rem;
}
@media (max-width: 767px) {
  .page-faq .faq {
    padding: 2.3rem 0 5rem;
  }
}
.page-faq .faq .section-title {
  text-align: left;
}
@media (max-width: 767px) {
  .page-faq .faq .section-title {
    padding-left: 2rem;
  }
}
.page-faq .faq .section-title .en {
  color: #7ABA09;
}
.page-faq .faq .section-title .ja {
  color: #2d2d2d;
}
.page-faq .faq .faq-title {
  color: #2d2d2d;
  border-bottom: solid 1px #B3B3B3;
}
@media (max-width: 767px) {
  .page-faq .faq .faq-title--other {
    font-size: 4rem;
  }
}
.page-faq .faq__item {
  padding: 0 1.5rem;
}

/*==================================================
お問い合わせ
===================================*/
.contact .flex {
  align-items: stretch;
}
.contact .contact__item {
  width: 50%;
  color: #fff;
  text-align: center;
  padding: 15rem 0 14.5rem;
}
@media (max-width: 767px) {
  .contact .contact__item {
    width: 100%;
    padding: 3rem 2rem 2.5rem;
  }
}
.contact .contact__item:nth-of-type(1) {
  background-image: url(../images/bg-contact.jpg);
  background-size: cover;
}
.contact .contact__item:nth-of-type(2) {
  background-image: url(../images/bg-sns.jpg);
  background-size: cover;
}
.contact .contact__item .company-name {
  text-align: center;
  font-weight: 700;
  font-size: 3.6rem;
}
@media (max-width: 767px) {
  .contact .contact__item .company-name {
    font-size: 2.5rem;
  }
}
.contact .contact__item .company-name .small {
  font-size: 2.1rem;
}
@media (max-width: 767px) {
  .contact .contact__item .company-name .small {
    font-size: 1.45rem;
  }
}
.contact .tel-text {
  font-size: 2.5rem;
  text-align: center;
}
@media (max-width: 767px) {
  .contact .tel-text {
    font-size: 1.75rem;
  }
}
.contact .tel-wrap {
  margin-top: 2rem;
  text-align: center;
}
.contact .tel-wrap .tel {
  font-family: "Roboto", sans-serif;
  font-weight: 700;
  font-size: 6.6rem;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 1rem;
  line-height: 1;
  position: relative;
}
.contact .tel-wrap .tel a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media (max-width: 767px) {
  .contact .tel-wrap .tel {
    font-size: 4.6rem;
  }
}
.contact .tel-wrap .icon {
  width: 35px;
}
@media (max-width: 767px) {
  .contact .tel-wrap .icon {
    width: 24px;
  }
}
.contact .hour {
  font-size: 1.9rem;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .contact .hour {
    font-size: 1.3rem;
  }
}
.contact .mail-btn {
  background: transparent;
  color: #fff;
  position: relative;
  margin: 5rem auto 0;
}
@media (max-width: 767px) {
  .contact .mail-btn {
    margin-top: 4rem;
    max-width: 80.9333333333vw;
  }
}
.contact .mail-btn::before {
  position: absolute;
  content: "";
  background-image: url(../images/icon-mail.svg);
  background-size: contain;
  width: 47px;
  height: 31px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  left: 3.5rem;
}
@media (max-width: 767px) {
  .contact .mail-btn::before {
    width: 33px;
    height: 22px;
  }
}
.contact .mail-btn::after {
  position: absolute;
  content: "";
  background-image: url(../images/arrow-wh.svg);
  background-size: contain;
  width: 7.9px;
  height: 15px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  right: 4rem;
}
.contact .mail-btn:hover {
  background: #fff;
  color: #F28A00;
}
.contact .mail-btn:hover::before {
  background-image: url(../images/icon-mail-or.svg);
}
.contact .mail-btn:hover::after {
  background-image: url(../images/arrow-or.svg);
}
.contact .sns-link {
  margin-top: 4rem;
}
@media (max-width: 767px) {
  .contact .sns-link {
    margin-top: 2.5rem;
  }
}
.contact .sns-link li {
  margin-bottom: 2rem;
}
.contact .sns-link li:last-child {
  margin-bottom: 0;
}

/*==================================================
お問い合わせページ
===================================*/
.contact-form {
  padding: 12.1rem 2rem;
}
@media (max-width: 767px) {
  .contact-form {
    padding: 7rem 2rem 15rem;
  }
}

/*==================================================
フォーム
===================================*/
.form-width {
  background: #F2F2F2;
  border-radius: 2rem;
  margin-top: 5rem;
  padding: 8.5rem 2rem 10rem;
}
@media (max-width: 767px) {
  .form-width {
    border-radius: 1rem;
    padding: 5rem 1.5rem;
  }
}
.form-width .section-title {
  max-width: 100rem;
  margin: 0 auto;
  padding-bottom: 2rem;
  border-bottom: solid 1px #273E63;
}
@media (max-width: 767px) {
  .form-width .section-title {
    padding-bottom: 1rem;
  }
}
.form-width .section-title .ja {
  margin: 0 auto;
}
@media (max-width: 767px) {
  .form-width .section-title .ja {
    font-size: 1.75rem;
  }
}

.Form {
  margin: 10rem auto 0;
  /* セレクト */
}
@media (max-width: 767px) {
  .Form {
    margin-top: 0;
  }
}
.Form .flex {
  gap: 3rem;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 3rem;
}
@media (max-width: 767px) {
  .Form .flex {
    gap: 0;
  }
}
.Form .Form-Item-Label-Required {
  color: #ED1C24;
}
@media (max-width: 767px) {
  .Form .Form-Item-Label-Required {
    font-size: 1rem;
    padding: 3px 7px 3px;
  }
}
.Form .Form-Item {
  display: flex;
  align-items: flex-start;
  flex-direction: column;
  border-bottom: solid 1px #2d2d2d;
  width: 50%;
  padding: 1rem;
}
@media (max-width: 767px) {
  .Form .Form-Item {
    flex-direction: column;
    gap: 1.2rem;
    width: 100%;
  }
}
.Form .Form-Item .Form-Item-Label {
  font-size: 1.6rem;
  font-weight: 800;
  line-height: 1.4375;
}
@media (max-width: 767px) {
  .Form .Form-Item .Form-Item-Label {
    width: 100%;
    padding-top: 3rem;
  }
}
.Form .Form-Item .Form-Item-Input {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4375;
  word-break: break-all;
}
@media (max-width: 767px) {
  .Form .Form-Item .Form-Item-Input {
    width: 100%;
    font-size: 1.5rem;
    padding: 0;
  }
}
.Form .Form-Item .Form-Item-Input .text {
  margin-bottom: 2rem;
}
.Form .Form-Item .Form-Item-Input .caution {
  margin-top: 2rem;
  line-height: 1.8;
}
@media (max-width: 767px) {
  .Form .Form-Item .Form-Item-Input .caution {
    line-height: 1.5;
    font-size: 1.5rem;
    display: flex;
    align-items: flex-start;
  }
}
.Form .Form-Item .input-text {
  height: 5rem;
  width: 100%;
  padding: 15px;
  font-size: 16px;
}
@media (max-width: 767px) {
  .Form .Form-Item .input-text {
    height: 3.5rem;
    font-size: 15px;
    padding: 10px;
    border-radius: 0.5rem;
  }
}
.Form .Form-Item textarea::-moz-placeholder, .Form .Form-Item input::-moz-placeholder {
  font-size: 14px;
  color: #CCCCCC;
}
.Form .Form-Item textarea::placeholder,
.Form .Form-Item input::placeholder {
  font-size: 14px;
  color: #CCCCCC;
}
@media (max-width: 767px) {
  .Form .Form-Item textarea::-moz-placeholder, .Form .Form-Item input::-moz-placeholder {
    font-size: 15px;
  }
  .Form .Form-Item textarea::placeholder,
  .Form .Form-Item input::placeholder {
    font-size: 15px;
  }
}
.Form .Form-Item textarea {
  height: 10rem;
  width: 100%;
  padding: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4375;
}
@media (max-width: 767px) {
  .Form .Form-Item textarea {
    font-size: 15px;
    padding: 10px;
    height: 10rem;
  }
}
.Form .select-wrap {
  width: 100%;
  position: relative;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .Form .select-wrap {
    height: 4rem;
  }
}
.Form .select-wrap::before {
  position: absolute;
  content: "";
  background-image: url(../images/select-arrow.svg);
  background-size: contain;
  width: 16.56px;
  height: 15.88px;
  top: 50%;
  bottom: 50%;
  transform: translateY(-50%);
  right: 0;
}
@media (max-width: 767px) {
  .Form .select-wrap::before {
    width: 16.5px;
    height: 15.88px;
    right: 1rem;
  }
}
.Form select {
  width: 100%;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.4375;
  cursor: pointer;
  text-align: center;
  padding: 1rem;
}
@media (max-width: 767px) {
  .Form select {
    padding: 0 10px;
  }
}
.Form .Form-Item--textarea {
  width: 100%;
}
.Form .btn-wrap {
  margin-top: 10rem;
}
.Form .btn-wrap .btn {
  margin: 0 auto;
  max-width: 10.6rem;
  line-height: 1;
  font-size: 2rem;
  font-weight: 700;
  letter-spacing: 0.03em;
  color: #EBE8E5;
}

.contact-form--confirm .form-width,
.contact-form--thanks .form-width {
  background: #fff;
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 0;
  padding-right: 0;
  padding-left: 0;
}

/*==================================================
お問い合わせ確認画面
===================================*/
@media (max-width: 767px) {
  .contact-form--confirm .Form {
    margin-top: 4rem;
  }
}
.contact-form--confirm .Form .Form-Item--check .Form-Item-Label {
  margin-top: 0rem;
}
@media (max-width: 767px) {
  .contact-form--confirm .Form .Form-Item--check .Form-Item-Label {
    padding-top: 0;
  }
}
.contact-form--confirm .Form-Item {
  margin-bottom: 4rem;
}
@media (max-width: 767px) {
  .contact-form--confirm .Form-Item {
    margin-bottom: 3.5rem;
  }
}
.contact-form--confirm .Form-Item:last-child {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .contact-form--confirm .Form-Item .Form-Item-Label {
    padding-top: 0;
  }
}
.contact-form--confirm .confirm-btn-wrap {
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin-top: 10rem;
}
@media (max-width: 767px) {
  .contact-form--confirm .confirm-btn-wrap {
    margin-top: 5rem;
  }
}
.contact-form--confirm .confirm-btn-wrap .btn {
  margin-top: 0;
}
.contact-form--confirm .confirm-btn-wrap .btn--navy {
  justify-content: center;
}

/*==================================================
お問い合わせ完了画面
===================================*/
.contact-form--thanks .thanks-text {
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.4285714286;
  margin-top: 10rem;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
}
@media (max-width: 767px) {
  .contact-form--thanks .thanks-text {
    font-size: 1.5rem;
    line-height: 1.5;
    margin-top: 5rem;
    text-align: left;
  }
}

/*==================================================
フッター
===================================*/
.googlemap iframe {
  width: 100%;
  height: 30rem;
}
@media (max-width: 767px) {
  .googlemap iframe {
    height: 15rem;
  }
}

.line-banner {
  position: fixed;
  left: 1rem;
  bottom: 5rem;
  z-index: 10;
}
.line-banner .close-btn {
  width: 22px;
  margin-bottom: 5px;
  cursor: pointer;
}

.line-cta {
  width: 40rem;
  z-index: 9;
}
@media (max-width: 767px) {
  .line-cta {
    width: 20rem;
  }
}

.pagetop {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 1rem;
  padding-right: 5.5rem;
  margin-top: 13.5rem;
}
@media (max-width: 767px) {
  .pagetop {
    padding-right: 1.7rem;
    margin-top: 7.5rem;
  }
}
.pagetop .arrow {
  width: 15px;
}
@media (max-width: 767px) {
  .pagetop .arrow {
    width: 9.5px;
  }
}

.footer {
  background: #4C4640;
  color: #fff;
  padding: 2.5rem 2rem 1rem;
}
@media (max-width: 767px) {
  .footer {
    padding: 1.5rem 1.3rem 0.5rem;
  }
}
.footer a {
  color: #fff;
}
.footer .flex {
  align-items: center;
  justify-content: space-between;
}
@media (max-width: 767px) {
  .footer .flex {
    align-items: flex-start;
  }
}
.footer .footer__logo {
  max-width: 34.7rem;
  width: 100%;
}
@media (max-width: 767px) {
  .footer .footer__logo {
    max-width: 24.3rem;
    margin: 0 auto 0 0;
  }
}
.footer .address {
  font-family: "Noto Sans JP", serif;
  font-size: 1.8rem;
  font-weight: 400;
  line-height: 1.7222222222;
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .footer .address {
    font-size: 1.2rem;
    line-height: 1.75;
    margin-top: 1.5rem;
  }
}
.footer .footer__menu {
  display: flex;
  align-items: flex-start;
  gap: 7rem;
}
@media (max-width: 767px) {
  .footer .footer__menu {
    gap: 0;
    justify-content: space-between;
    margin-top: 4rem;
    width: 100%;
  }
}
.footer .footer__menu .menu-list:last-of-type {
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .footer .footer__menu .menu-list:last-of-type {
    padding-bottom: 0;
  }
}
.footer .footer__menu .menu-list li {
  margin-bottom: 3rem;
  line-height: 1;
}
@media (max-width: 767px) {
  .footer .footer__menu .menu-list li {
    margin-bottom: 1.75rem;
  }
}
.footer .footer__menu .menu-list li a {
  font-size: 1.8rem;
  font-weight: 700;
  transition: 0.3s;
}
.footer .footer__menu .menu-list li a:hover {
  text-decoration: underline;
}
@media (max-width: 767px) {
  .footer .footer__menu .menu-list li a {
    font-size: 1.2rem;
    line-height: 1.75;
  }
}
.footer .footer__menu .menu-list li .link-cate {
  font-weight: 500;
}
.footer .footer__menu .menu-list li:last-child {
  margin-bottom: 0;
}
.footer .copyright {
  font-family: "Noto Sans JP", serif;
  font-size: 1.8rem;
  font-weight: 300;
  text-align: center;
  margin-top: 1rem;
}
@media (max-width: 767px) {
  .footer .copyright {
    font-size: 1rem;
    margin-top: 2rem;
  }
}

.bg1125 {
  background-color: #F4EFE6 !important;
}

.works-b {
  max-width: 1220px;
  margin: 0 auto;
  margin-top: 220px;
  padding: 0 5%;
}
@media (max-width: 1025px) {
  .works-b {
    margin-top: 120px;
  }
}
@media (max-width: 768px) {
  .works-b {
    margin-top: 60px;
  }
}
.works-b .section-ttl p {
  font-size: 4.2rem;
  font-weight: bold;
  color: #7ABA09;
}
@media (max-width: 600px) {
  .works-b .section-ttl p {
    font-size: 18px;
  }
}
.works-b .section-ttl h2 {
  margin-top: 12px;
  font-size: 6.4rem;
}
@media (max-width: 600px) {
  .works-b .section-ttl h2 {
    font-size: 28px;
  }
}
.works-b .section-ttl span {
  margin-top: 8px;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #7ABA09 0px, #7ABA09 260px, #d9d9d9 250px, #d9d9d9 100%);
  display: block;
}
.works-b .line-b span {
  background: #d9d9d9;
}
.works-b .main-content .content {
  display: none; /* 初期状態では非表示 */
  font-size: 24px;
  margin-bottom: 20px;
}
.works-b .main-content .content.active {
  display: block; /* 表示する要素 */
}
.works-b .main-content .btn-b {
  display: flex;
  max-width: 800px;
  margin: 0 auto;
  justify-content: space-between;
  margin-top: 60px;
}
@media (max-width: 600px) {
  .works-b .main-content .btn-b {
    justify-content: unset;
    gap: 20px;
    flex-wrap: wrap;
  }
}
.works-b .main-content .btn-b button {
  font-size: 18px;
  padding: 10px 20px;
  margin: 5px;
  cursor: pointer;
  color: #2d2d2d;
  border: #7ABA09 2px solid;
  border-radius: 10px;
  width: 200px;
  cursor: pointer;
}
@media (max-width: 600px) {
  .works-b .main-content .btn-b button {
    width: 150px;
  }
}
.works-b .main-content .btn-b .btn-ac {
  background: #7ABA09;
  color: #fff;
}
.works-b .main-content .blog {
  margin: 60px 0;
}
.works-b .main-content .blog .f-b {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  align-items: top;
}
@media (max-width: 1000px) {
  .works-b .main-content .blog .f-b {
    justify-content: unset;
  }
}
.works-b .main-content .blog .f-b .item:after {
  content: "";
  display: block;
  width: 32%; /* .boxに指定したwidthと同じ幅を指定する */
  height: 0;
}
.works-b .main-content .blog .f-b .item, .works-b .main-content .blog .f-b .item2 {
  width: 32%; /* お好みの幅で指定 */
  padding: 16px; /* お好みの幅で指定 */
  /* paddingと合わせてbox-sizingも指定 */
  min-width: 300px;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
}
@media (max-width: 800px) {
  .works-b .main-content .blog .f-b .item, .works-b .main-content .blog .f-b .item2 {
    margin: 0 auto;
  }
}
.works-b .main-content .blog .f-b .item .item-img, .works-b .main-content .blog .f-b .item2 .item-img {
  height: 420px;
  overflow: hidden;
  position: relative;
  border-radius: 25px;
}
.works-b .main-content .blog .f-b .item .item-img img, .works-b .main-content .blog .f-b .item2 .item-img img {
  height: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  max-width: unset;
}
.works-b .main-content .blog .f-b .item .info-bay, .works-b .main-content .blog .f-b .item2 .info-bay {
  display: flex;
  align-items: center;
  position: relative;
}
.works-b .main-content .blog .f-b .item .info-bay > a, .works-b .main-content .blog .f-b .item2 .info-bay > a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.works-b .main-content .blog .f-b .item .info-bay .txt, .works-b .main-content .blog .f-b .item2 .info-bay .txt {
  width: 90%;
}
.works-b .main-content .blog .f-b .item .info-bay .txt h3, .works-b .main-content .blog .f-b .item2 .info-bay .txt h3 {
  font-size: 24px;
}
.works-b .main-content .blog .f-b .item .info-bay .txt p, .works-b .main-content .blog .f-b .item2 .info-bay .txt p {
  font-size: 16px;
  color: #7ABA09;
  font-weight: bold;
}
.works-b .main-content .blog .f-b .item .info-bay .btn, .works-b .main-content .blog .f-b .item2 .info-bay .btn {
  width: 10%;
}
.works-b .main-content .blog .f-b .item .info-bay .btn a img, .works-b .main-content .blog .f-b .item2 .info-bay .btn a img {
  width: 30px;
  height: 30px;
  transform: rotate(-90deg);
}
.works-b .main-content .blog .pagination {
  margin: 40px auto;
  display: flex;
  gap: 50px;
  font-weight: bold;
  padding-bottom: 30px;
  justify-content: center;
}
@media (max-width: 600px) {
  .works-b .main-content .blog .pagination {
    margin: 20px auto;
  }
}
.works-b .main-content .blog .pagination > button:disabled {
  display: none;
}
.works-b .main-content .blog .pagination .page-numbers {
  display: flex;
  gap: 50px;
  align-items: center;
}
.works-b .main-content .blog .pagination .page-numbers > button {
  padding: 5px;
}
.works-b .content-b {
  margin-top: 80px;
}
@media (max-width: 600px) {
  .works-b .content-b {
    margin-top: 40px;
  }
}
.works-b .content-b .img-item {
  display: flex;
  justify-content: space-between;
  padding-bottom: 60px;
  border-bottom: 2px solid #d9d9d9;
}
@media (max-width: 600px) {
  .works-b .content-b .img-item {
    flex-flow: column;
    gap: 20px;
    border: unset;
    padding-bottom: 30px;
  }
}
.works-b .content-b .img-item div {
  width: 45%;
}
@media (max-width: 600px) {
  .works-b .content-b .img-item div {
    width: 100%;
  }
}
.works-b .content-b .img-item div .colorb {
  color: #F28A00;
}
.works-b .content-b .img-item div p {
  font-size: 26px;
  font-weight: 700;
}
.works-b .content-b .img-item div img {
  margin-top: 8px;
  border-radius: 25px;
}
.works-b .content-b .data-item {
  padding: 20px 0;
  display: flex;
  align-items: center;
  border-bottom: 2px solid #d9d9d9;
}
@media (max-width: 600px) {
  .works-b .content-b .data-item {
    border: unset;
    flex-flow: column;
    align-items: unset;
  }
}
.works-b .content-b .data-item .ttl {
  width: 300px;
}
@media (max-width: 810px) {
  .works-b .content-b .data-item .ttl {
    width: 150px;
  }
}
@media (max-width: 600px) {
  .works-b .content-b .data-item .ttl {
    width: 100%;
    border-bottom: #d9d9d9 solid 2px;
  }
}
.works-b .content-b .data-item .ttl h3 {
  font-size: 26px;
}
.works-b .content-b .data-item .info-d {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
@media (max-width: 600px) {
  .works-b .content-b .data-item .info-d {
    margin-top: 40px;
  }
}
.works-b .content-b .data-item .info-d p {
  font-size: 24px;
  width: 45%;
  font-weight: 700;
}
@media (max-width: 600px) {
  .works-b .content-b .data-item .info-d p {
    width: 50%;
    font-size: 14px;
  }
}
.works-b .content-b .point-item {
  padding: 20px 0;
  display: flex;
}
@media (max-width: 600px) {
  .works-b .content-b .point-item {
    border: unset;
    flex-flow: column;
    align-items: unset;
  }
}
.works-b .content-b .point-item .ttl {
  width: 300px;
}
@media (max-width: 810px) {
  .works-b .content-b .point-item .ttl {
    width: 150px;
  }
}
@media (max-width: 600px) {
  .works-b .content-b .point-item .ttl {
    width: 100%;
    border-bottom: #d9d9d9 solid 2px;
  }
}
.works-b .content-b .point-item .ttl h3 {
  font-size: 26px;
}
.works-b .content-b .point-item .info-d {
  display: flex;
  flex-wrap: wrap;
  flex: 1;
}
@media (max-width: 600px) {
  .works-b .content-b .point-item .info-d {
    margin-top: 40px;
  }
}
.works-b .content-b .point-item .info-d p {
  font-size: 20px;
  width: 100%;
  font-weight: 700;
}
@media (max-width: 600px) {
  .works-b .content-b .point-item .info-d p {
    font-size: 14px;
  }
}
@media (min-width: 471px) {
  .works-b .content-b .p-sp {
    display: none !important;
  }
  .works-b .content-b .page-nation {
    margin: 0 auto;
    margin-top: 100px;
    margin-bottom: 100px;
    display: flex;
    max-width: 800px;
    justify-content: space-between;
  }
  .works-b .content-b .page-nation a {
    width: 120px;
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: bold;
    justify-content: center;
  }
  .works-b .content-b .page-nation a img {
    width: 30px;
  }
  .works-b .content-b .page-nation a:first-child img, .works-b .content-b .page-nation a:last-child img {
    transition: all 0.3s;
  }
  .works-b .content-b .page-nation a:first-child:hover img {
    transform: translateX(-10px); /* 左に10px移動 */
    transition: transform 0.3s ease; /* スムーズなアニメーション */
  }
  .works-b .content-b .page-nation a:last-child:hover img {
    transform: translateX(10px); /* 左に10px移動 */
    transition: transform 0.3s ease; /* スムーズなアニメーション */
  }
  .works-b .content-b .page-nation a:nth-child(2) {
    width: auto;
    color: #fff;
    background: #7ABA09;
    border-radius: 25px;
    width: 230px;
    height: 50px;
    transition: all 0.3s;
  }
  .works-b .content-b .page-nation a:nth-child(2):hover {
    width: auto;
    color: #fff;
    background: #F28A00;
    border-radius: 25px;
    width: 230px;
    height: 50px;
  }
  .works-b .content-b .page-nation a:nth-child(2):after {
    content: url("../images/arrow-wh.svg");
    width: 8px;
  }
}
@media (max-width: 470px) {
  .works-b .content-b .p-pc {
    display: none;
  }
  .works-b .content-b .p-sp {
    margin: 0 auto;
    margin-top: 40px;
    margin-bottom: 40px;
    display: flex;
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
    gap: 40px;
  }
  .works-b .content-b .p-sp a {
    width: auto;
    display: flex;
    align-items: center;
    gap: 16px;
    font-weight: bold;
    justify-content: center;
  }
  .works-b .content-b .p-sp a img {
    width: 30px;
  }
  .works-b .content-b .p-sp a:nth-child(1) {
    width: auto;
    color: #fff;
    background: #7ABA09;
    border-radius: 25px;
    width: 280px;
    height: 50px;
  }
  .works-b .content-b .p-sp a:nth-child(1):after {
    content: url("../images/arrow-wh.svg");
    width: 8px;
  }
}

.privacy-b {
  padding-bottom: 60px;
}
.privacy-b .section-ttl span {
  background: linear-gradient(to right, #7ABA09 0px, #7ABA09 640px, #d9d9d9 601px, #d9d9d9 100%) !important;
}
.privacy-b .main-content .ma10 {
  margin-top: 36px;
}
.privacy-b .main-content h3 {
  margin-top: 36px;
  border-bottom: 1px solid #2d2d2d;
}
.privacy-b .main-content p {
  margin-top: 10px;
}

.contact-b .main-content {
  margin-top: 80px;
}
.contact-b .main-content .info-1 {
  text-align: center;
  max-width: 800px;
  width: 100%;
  background-image: url("../images/pc-waku.png");
  height: 134px;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
}
@media (min-width: 881px) {
  .contact-b .main-content .info-1 img {
    display: none;
  }
}
@media (max-width: 880px) {
  .contact-b .main-content .info-1 {
    background-image: unset;
    height: auto;
  }
  .contact-b .main-content .info-1 p {
    display: none;
  }
}
.contact-b .main-content .info-1 p {
  font-weight: bold;
  font-size: 18px;
}
.contact-b .main-content .info-2 {
  margin: 0 auto;
  margin-top: 60px;
  text-align: center;
  max-width: 800px;
  width: 100%;
}
.contact-b .main-content .info-2 p:first-child {
  font-size: 26px;
  font-weight: bold;
}
@media (max-width: 600px) {
  .contact-b .main-content .info-2 p:first-child {
    font-size: 16px;
  }
}
.contact-b .main-content .info-2 p:nth-child(2) {
  display: flex;
  align-items: center;
  color: #7ABA09;
  font-size: 6.6rem;
  gap: 10px;
  justify-content: center;
  font-weight: bold;
  margin: 0 auto;
  margin-top: 10px;
  font-family: "Roboto", sans-serif;
  text-decoration: none;
  cursor: pointer;
  position: relative;
  width: 600px;
}
@media (max-width: 600px) {
  .contact-b .main-content .info-2 p:nth-child(2) {
    font-size: 38px;
    width: auto;
  }
}
.contact-b .main-content .info-2 p:nth-child(2) a {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.contact-b .main-content .info-2 p:nth-child(2) img {
  width: 60px;
}
@media (max-width: 600px) {
  .contact-b .main-content .info-2 p:nth-child(2) img {
    width: 40px;
  }
}
.contact-b .main-content .info-2 p:last-child {
  font-weight: bold;
  margin-top: 10px;
  font-size: 18px;
}
@media (max-width: 880px) {
  .contact-b .main-content .info-2 p:last-child {
    font-size: 12px;
  }
}
.contact-b .main-content .mw_wp_form {
  max-width: 1000px;
  width: 100%;
  margin: 0px auto;
  padding-bottom: 80px;
}
@media (max-width: 600px) {
  .contact-b .main-content .mw_wp_form {
    margin: 0px auto;
  }
}
.contact-b .main-content .mw_wp_form form {
  padding-top: 80px;
}
.contact-b .main-content .mw_wp_form form .item {
  display: flex;
  gap: 100px;
}
@media (max-width: 1070px) {
  .contact-b .main-content .mw_wp_form form .item {
    flex-flow: column;
    gap: 24px;
  }
}
.contact-b .main-content .mw_wp_form form .item p:first-child {
  width: 260px;
  font-weight: bold;
}
.contact-b .main-content .mw_wp_form form .item p:first-child span {
  color: #fff;
  background: #C1573F;
  padding-bottom: 2px;
  border-radius: 25px;
  width: 60px;
  display: inline-block;
  text-align: center;
  margin-left: 20px;
}
.contact-b .main-content .mw_wp_form form .item p {
  font-size: 18px;
}
.contact-b .main-content .mw_wp_form form .item p .yuba:before {
  content: "〒"; /* 「〒」を表示 */
  margin-right: 5px; /* テキストとの間隔 */
  font-size: 18px; /* サイズを指定 (任意) */
  font-weight: bold;
}
.contact-b .main-content .mw_wp_form form .item p .yuba input {
  width: 200px;
}
.contact-b .main-content .mw_wp_form form .item p input {
  background-color: #fff;
  height: 50px;
  border-radius: 5px;
  padding: 0 10px;
}
@media (max-width: 1070px) {
  .contact-b .main-content .mw_wp_form form .item p input {
    width: 100%;
  }
}
.contact-b .main-content .mw_wp_form form .item p .adr {
  margin-top: 24px;
}
.contact-b .main-content .mw_wp_form form .item p textarea {
  background: #fff;
  padding: 10px 10px;
}
@media (max-width: 1070px) {
  .contact-b .main-content .mw_wp_form form .item p textarea {
    width: 100%;
  }
}
.contact-b .main-content .mw_wp_form form .item p:first-child {
  padding-top: 20px;
}
@media (max-width: 600px) {
  .contact-b .main-content .mw_wp_form form .item p:first-child {
    padding-top: 0;
  }
}
.contact-b .main-content .mw_wp_form form div:nth-child(n+2) {
  margin-top: 24px;
}
.contact-b .main-content .mw_wp_form form .nob {
  display: flex;
  margin: 0 auto;
  margin-top: 50px;
  width: 450px;
  justify-content: center;
  margin-top: 50px !important;
  align-items: center;
}
.contact-b .main-content .mw_wp_form form .nob > span {
  margin-right: 4px;
}
.contact-b .main-content .mw_wp_form form .nob > span label input {
  transform: scale(1.7);
  cursor: pointer;
  accent-color: #F28A00;
}
.contact-b .main-content .mw_wp_form form .nob p {
  font-weight: bold;
  font-size: 18px;
}
.contact-b .main-content .mw_wp_form form .nob p span {
  color: #fff;
  background: #C1573F;
  padding-bottom: 2px;
  border-radius: 25px;
  width: 60px;
  display: inline-block;
  text-align: center;
  margin-left: 20px;
}
.contact-b .main-content .mw_wp_form form .nob p a {
  text-decoration: underline;
}
.contact-b .main-content .mw_wp_form form .c-sub {
  margin: 0 auto;
  margin-top: 50px !important;
  width: 300px;
  background: #000;
  color: #fff;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  height: 60px;
  border-radius: 50px;
}
.contact-b .main-content .mw_wp_form form .c-sub input {
  width: 100%;
  height: 100%;
}
.contact-b .main-content .mw_wp_form_preview .item p:first-child {
  padding-top: 0 !important;
}
.contact-b .main-content .mw_wp_form_preview .item {
  border-bottom: 2px solid #d9d9d9;
  padding-bottom: 24px;
}
.contact-b .main-content .mw_wp_form_preview .c-sub {
  background-color: unset !important;
  gap: 40px;
  width: 500px !important;
}
@media (max-width: 600px) {
  .contact-b .main-content .mw_wp_form_preview .c-sub {
    flex-flow: column;
    align-items: center;
    height: auto !important;
    gap: 10px;
  }
}
.contact-b .main-content .mw_wp_form_preview .c-sub .return_btn {
  background: #C1573F !important;
  border-radius: 50px;
  border: #C1573F 2px solid;
  width: 200px;
}
@media (max-width: 600px) {
  .contact-b .main-content .mw_wp_form_preview .c-sub .return_btn {
    height: 60px;
  }
}
.contact-b .main-content .mw_wp_form_preview .c-sub .kakunin {
  width: 300px;
  border-radius: 50px;
  background: #7ABA09;
}
@media (max-width: 600px) {
  .contact-b .main-content .mw_wp_form_preview .c-sub .kakunin {
    height: 60px;
  }
}
.contact-b .main-content .mw_wp_form_complete {
  padding-top: 80px;
}/*# sourceMappingURL=style.css.map */