@charset "UTF-8";
/* CSS Document */
html {
  font-size: 62.5%; /* 16px * 62.5% = 10px */
  width: 100%;
  overflow-x: hidden;
}
body {
  background-color: #FEEBD9;
  color: #333; /* RGB */
  font-family: "heisei-maru-gothic-std", sans-serif;
  font-weight: 300;
  font-style: normal;
  font-size: 1.6rem;
  line-height: 1;
  text-align: left;
  overflow-x: hidden;
  position: relative;
  z-index: -2;
}
body.fixed {
  width: 100%;
  height: 100%;
  position: fixed;
}

.ichiran-back-font:hover .font_color_red{
  color: #fff;
}

a {
  text-decoration: none;
}
*, *:before, *:after {
  box-sizing: border-box;
}
main {
  z-index: 0;
}
.br-span {
  display: inline-block;
}
li {
  list-style: none;
}
.br-sp {
  display: none;
}
@media screen and  (max-width: 519px) {
  .br-sp {
    display: block;
  }
}


/*----------------------------------------------------------
  モーダルウィンドウ
-----------------------------------------------------------*/
.modal-default {
  width: 80%;
}
.close {
  text-align: right;
}
.close__a {
  font-size: 2.4rem;
  cursor: pointer;
}
.close__p {
  line-height: 1.5;
}

/*----------------------------------------------------------
  ヘッダー
-----------------------------------------------------------*/

.header {
  background-color: #A62E2F;
  position: fixed;
  z-index: 900;
  width: 100%;
  background-color: #A62E2F;
  padding: 0 2rem;
}

.header__area {
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
}

.header__logo {
  height: 6.4rem;
}

.header__nav-ui {
  display: flex;
}

.header__nav-ui a {
  color: #FFFFFF;
}

.header__nav-li {
  margin-left: 6.4rem;
}

.header__space {
  width: 100%;
  height: 64px;
  background-color: #A62E2F;
}

/*-----------------------------
  ハンバーガーメニュー（PC版）
------------------------------*/
nav.globalMenuSp {
  display: none;
}

nav.globalMenuSp a {
  color: #fff;
}
/*media Queries 960
------------------------------------------*/
@media screen and  (max-width: 960px) {
  /*-----------------------------
    ヘッダー（SP版）
  ------------------------------*/
  .header {
    padding: none;
  }
  /*-----------------------------
    ハンバーガーメニュー（SP版）
  ------------------------------*/
  .header__nav {
    display: none;
  }

  .hamburger_dippo{
      width: 60%;
  }

  .hamburger__navbar-brand--margin-bottom{
    margin-bottom: 1rem;
  }

  .hamburger {
      display : block;
      position: fixed;
      z-index : 3;
      right : 13px;
      top   : 12px;
      width : 42px;
      height: 42px;
      cursor: pointer;
      text-align: center;
  }

  .hamburger span {
      display : block;
      position: absolute;
      width   : 30px;
      height  : 2px ;
      left    : 6px;
      background : #FFF;
      -webkit-transition: 0.3s ease-in-out;
      -moz-transition   : 0.3s ease-in-out;
      transition        : 0.3s ease-in-out;
  }

  .hamburger span:nth-child(1) {
      top: 10px;
  }

  .hamburger span:nth-child(2) {
      top: 20px;
  }

  .hamburger span:nth-child(3) {
      top: 30px;
  }

  .hamburger__whiteline--fix {
    vertical-align: middle;
    margin-right: 1rem;
  }

  /* ホームページメニュー */
  .hamburger__nav-home--text-align {
    text-align: left;
  }

  /* 実績ページメニュー */
  .hamburger__nav-achievement--text-align {
  text-align: left;
  }

  /* SNSボタン */

  .hamburger__SNS-btn {
    display: flex;
    margin-top: 2rem;
  }

  .hamburger__twitter-btn--margin-right {
    margin-right: 2rem;
  }

  /* メニュー全体へのCSS */
  .hamburger__nav-heading {
    font-size: 2rem;
  }

  .hamburger__nav-heading--text-align {
    text-align: center;
  }

  .hamburger__nav-heading--margin {
    margin: 2rem 0;
  }

  .hamburger__nav-subheading {
    font-size: 1.4rem;
  }

  .hamburger__nav-subheading--margin-left {
    margin-left: 3rem;
  }

  .hamburger__nav-subheading--margin-left-2rem {
    margin-left: 2rem;
  }

  .hamburger__nav-subheading--margin-bottom {
    margin-bottom: 2rem;
  }


  /* ナビ開いてる時のボタン */
  .hamburger.active span:nth-child(1) {
      top : 16px;
      left: 6px;
      background :#fff;
      -webkit-transform: rotate(-45deg);
      -moz-transform   : rotate(-45deg);
      transform        : rotate(-45deg);
  }

  .hamburger.active span:nth-child(2),
  .hamburger.active span:nth-child(3) {
      top: 16px;
      background :#fff;
      -webkit-transform: rotate(45deg);
      -moz-transform   : rotate(45deg);
      transform        : rotate(45deg);
  }

  nav.globalMenuSp {
      display: none;
      position: fixed;
      z-index : 2;
      top  : 0;
      left : 0;
      color: #fff;
      background: #A62D2E;
      text-align: center;
      height: 100%;
      width: 100%;
      vertical-align: middle;
      opacity: 0;
      animation-name:fadeIn;
      animation-duration:0.7s;
      opacity:0;
  }

      @keyframes fadeIn {
          from {
          opacity: 0;
          }
          to {
          opacity: 50;
          }
      }
  nav.globalMenuSp ul {
      margin: 0 auto;
      padding: 0;
  }

  nav.globalMenuSp ul li {
      list-style-type: none;
      padding: 0;
      width: 100%;
      transition: .4s all;
  }

  nav.globalMenuSp ul li:last-child {
      padding-bottom: 0;
  }

  nav.globalMenuSp ul li a {
      display: block;
      color: #fff;
      padding: 1em 0;
      text-decoration :none;
  }

  nav.globalMenuSp.active {
  opacity: 100;
  display: flex;
  flex-direction: column;
  align-items: center; 
  padding-top: 6.4rem;
  }

/*media Queries 
------------------------------------------*/
@media screen and  (max-width: 380px) {
  /* ハンバーガーメニュー（SP版） */
  nav.globalMenuSp.active {
    padding-top: 2.4rem;
    }
  
}


  /* ------------- 小型スマホ用 ------------- */
  @media screen and  (max-height: 740px) {
  /* ハンバーガーメニュー */

  .hamburger_dippo {
    width: 55%;
  }
    nav.globalMenuSp ul li a {
      padding: 0.5em 0;
  }

  .hamburger__nav-heading--margin {
    margin: 1rem 0;
  }
  
  /* SNSボタン */

  .hamburger__twitter-btn {
    width: 100%;
    max-width: 50px;
  }

  .hamburger__twitter-btn--margin {
    margin-top: 0;
  }

  .hamburger__instagram-btn {
    width: 100%;
    max-width: 50px;
  }

  .hamburger__SNS-btn {
    margin-top: 2rem;
  }


  }

}

/*----------------------------------------------------------
  フッター
-----------------------------------------------------------*/
/*-----------------------------
  上部
------------------------------*/
.footer__upper-area {
  background-color: #A62D2E;
  padding: 6.4rem 1.6rem;
  margin-top: 16rem;
}
.footer__upper-area--flex {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 850px;
  margin: 0 auto;
}
.footer__logo {
  max-width: 25rem;
  width: 100%;
  height: auto;
}
.footer__upper-nav--flex {
  display: flex;
}
.footer__upper-nav--flex a {
  color: #fff;
}
.footer__upper-nav__items {
  margin-left: 8rem;
}
.footer__upper-nav__h {
  font-size: 2rem;
}
.footer__upper-nav__p {
  font-size: 1.4rem;
  margin-top: 1.6rem;
  margin-left: 0.4rem;
}
.footer__upper-nav__p-first {
  margin-top: 2.4rem;
}
.footer__p-img {
  vertical-align: middle;
  margin-right: 0.8rem;
}
/*-----------------------------
  下部
------------------------------*/
.footer__lower-area {
  background-color: #fff;
  padding: 1.6rem;
}
.footer__lower-area-flex {
  display: flex;
  justify-content: space-between;
  max-width: 850px;
  margin: 0 auto;
  margin-top: 0.2em;
}
.footer__lower-link-external {
  display: flex;
  align-items: center;
}
.footer__lower-link-items img {
  vertical-align: middle;
  margin-right: 0.8rem;
}
.footer__lower-link-items {
  margin-right: 4rem;
  font-size: 1.2rem;
}
.footer__lower-link-items a {
  color: #A62E2F;
}
.footer__link-mist {
  font-size: 1.6rem;
}
.footer__lower-area--right {
  color: #A62E2F;
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}
.footer__lower-area--right img {
  margin: 0 auto;
}
.footer__img-insta {
  max-width: 30px;
  width: 100%;
  height: auto;
  margin-left: 20px;
}
.footer__logo2{
  text-align: center;
  margin: 0 1em;
  margin-right: 2.4em;
}

/*media Queries 960
------------------------------------------*/
@media screen and (max-width: 959px) {
/*-----------------------------
  上部
------------------------------*/
  .footer__upper-area--flex {
    justify-content: center;
  }
  .footer__upper-nav--flex {
    display: none;
  }
/*-----------------------------
  下部
------------------------------*/
  .footer__lower-area-flex {
    display: block;
    text-align: center;
  }
  .footer__lower-link-external {
  display: block;
  }
  .footer__lower-link-items {
    margin-right: auto;
    margin-top: 2.4rem;
  }
  .footer__lower-area--right img {
    display: none;
  }
  .footer__lower-area--right {
    display: block;
    margin-top: 2.4rem;
  }  
  .footer__logo2 {
    margin: 0;
}
}
/*media Queries 960
------------------------------------------*/
@media screen and (max-width: 959px) {
  .footer__lower-link-items {
    font-size: 1.6rem;
  } 
  .footer__link-mist {
    font-size: 1.8rem;
  }
}

/*media Queries 520
------------------------------------------*/
@media screen and (max-width: 519px) {
.footer__upper-area {
    padding: 4rem 1.6rem;
    /* margin-top: 6.4rem; */
}
  .footer__logo {
    max-width: 15rem;
}
.footer__lower-link-items {
  font-size: 1.2rem;
} 
.footer__link-mist {
  font-size: 1.6rem;
}

}


/*----------------------------------------------------------
  トップページ
-----------------------------------------------------------*/
  /*-----------------------------
  FV（PC版）
------------------------------*/
#fv__big-circle--js-fadeIn div {
  display: none;
}

#fv__big-circle--js-fadeIn-sp div {
  display: none;
}

.fv {
  background-color: #A62D2E;
}

.fv__area {
  height: calc(100vh - 6.4rem );
  background-color: #A62D2E;
  padding: 0 2rem;
  position: relative;
  overflow: hidden;
  color: #fff;
  max-width: 1300px;
  margin: 0 auto;
  min-height: 656px;
}

.fv__area-sp {
  display: none;
}

/* 背景図形の配置 */
.fv__shape-cicle1 {
  position: absolute;
  top: 4%;
  right: 94%;
}

.fv__shape-cicle2 {
  position: absolute;
  top: 33%;
  right: 74%;
}

.fv__shape-cicle3 {
  position: absolute;
  top: 2%;
  right: 40%;
}

.fv__shape-cicle4 {
  position: absolute;
  top: 40%;
  right: 9%;
}

.fv__shape-cicle5 {
  position: absolute;
  top: 76%;
  right: 79%;
}

.fv__shape-cicle6 {
  position: absolute;
  top: 88%;
  right: 44%;
}

.fv__shape-cicle7 {
  position: absolute;
  top: 85%;
  right: 4%;
}

.fv__shape-triangle1 {
  position: absolute;
  top: 29%;
  right: 93%;

}

.fv__shape-triangle2 {
  position: absolute;
  top: 22%;
  right: 68%;
}

.fv__shape-triangle3 {
  position: absolute;
  top: 0%;
  right: 13%;
}

.fv__shape-triangle4 {
  position: absolute;
  top: 86%;
  right: 84%;
}

.fv__shape-triangle5 {
  position: absolute;
  top: 79%;
  right: 30%;
}

.fv__shape-triangle6 {
  position: absolute;
  top: 60%;
  right: 5%;
}

.fv__shape-square1 {
  position: absolute;
  top: 5%;
  right: 26%;
}

.fv__shape-square2 {
  position: absolute;
  top: 3%;
  right: 5%;
}

.fv__shape-square3 {
  position: absolute;
  top: 82%;
  right: 93%;
}

.fv__shape-square4 {
  position: absolute;
  top: 90%;
  right: 12%;
}

/* 小さい丸画像 */
.cicle {
  width: 23px;
  height: 17px;
  display: block;
}

.triangle {
  width: 23px;
  height: 15px;
  display: block;
}

.square {
  width: 21px;
  height: 20px;
  display: block;
}

.fv__shape--display {
  display: none;
}

/* 大きい丸画像 */
.fv__big-circle1 {
  position: absolute;
  top: 3%;
  right: 75%;
}

.fv__big-circle1--position {
  position: relative;
  width: 215px;
}

.fv__big-circle1--position p {
  position: absolute;
  top: 35%;
  left: 10%;
  line-height: 3rem;
  text-align: center;
  font-family: YuGothic, sans-serif;
  font-weight: bold;
}

.fv__big-circle2 {
  position: absolute;
  top: 48%;
  right: 13%;
}

.fv__big-circle2--position {
  position: relative;
  width: 215px;
}

.fv__big-circle2-string {
  position: absolute;
  top: 19%;
  left: 16%;
}

.fv__big-circle3 {
  position: absolute;
  top: 65%;
  right: 58%;
}

.fv__big-circle3--position {
  position: relative;
  width: 215px;
}

.fv__big-circle3--position p {
  position: absolute;
  top: 40%;
  left: 8%;
  line-height: 3rem;
  text-align: center;
  font-family: YuGothic, sans-serif;
  font-weight: bold;
}

.fv__big-circle--font-color {
  color: #FFF;
}

/* デザイナーのイラスト配置 */
.fv__designer-string {
  position: absolute;
  top: 41%;
  right: 60%;
}

.fv__designer-illustration {
  position: absolute;
  top: 13%;
  left: 52%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  max-width: 300px;
  height: auto;
  width: 100%;
}

.fv__consultation-string {
  position: absolute;
  top: 9%;
  left: 63%;
}

#fv__designer--js-fadeIn {
  display: none;
}

/* スクロール文字 */
.fv__scroll-font--position {
  position: absolute;
  top: 96%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}

/* バナー画像 */
.fv__banner {
  position: fixed;
  z-index: 99;
  bottom: 25px;
  right: 20px;
  width: 100%;
  max-width: 320px;
  box-shadow: 0px 10px 8px rgb(0 0 0 / 20%);
}

.fv__banner:hover {
  opacity: 0.8;
}


/*-------------------------
共通
-------------------------*/
.top__h-area {
  text-align: center;
  color: #a62e2f;
  font-weight: 600;
  line-height:1.1;
}
.top__h-area h2 {
  font-size: 5.6rem;
}
.top__h-area p {
  font-size: 1.6rem;
  margin-top: 0.8rem;
  line-height:1.3;
}
.yen{
  font-size:.8em;
}
/*-------------------------
共通タイトル動き
-------------------------*/
span.smoothText {
	overflow: hidden;
	display: block;
}

/* アニメーションで傾斜がついている文字列を水平に戻す*/
span.smoothTextTrigger{
	transition: .9s ease-in-out;
	transform: translate3d(0,100%,0) skewY(12deg);
	transform-origin: left;
	display: block;
}
span.smoothTextTrigger.smoothTextAppear{
  transform: translate3d(0,0,0) skewY(0);
}
    


/*-------------------------
疑問セクション(PC版)
-------------------------*/
.question {
  padding: 12rem 1.6rem 0;
}
.question__h {
  text-align: center;
  color: #a62e2f;
  font-size: 3.5rem;
  line-height: 1.7;
  font-weight: 600;
}
.qustion__cloud {
  background-image: url(../image/white_cloud.png);
  background-repeat: no-repeat;
  background-size: contain;
  height: 20rem;
  width: 24rem;
  display: flex;
  align-items: center;
  text-align: center;
  justify-content: center;
  color: #a62e2f;
  font-size: 1.6rem;
  line-height: 1.5;
}
.qustion__cloud-red {
  background-image: url(../image/red_cloud.png);
  color: #fff;
}
.qustion__cloud span {
  font-weight: 600;
}
.qustion__cloud__first {
  margin: 4.8rem auto 0;
}
.qustion__cloud--flex {
  display: flex;
  justify-content: space-between;
  max-width: 70rem;
  margin: 0 auto;
  margin-top: -80px;
}
.qustion__cloud-under--flex {
  max-width: 85rem;
  align-items: flex-end;
  margin-top: -60px;
}
.question__human {
  max-width: 350px;
  width: 100%;
  height: auto;
}

.question__sp {
  display: none;
}


/*-----------------------------
疑問セクション(遅れてFadeUP)
------------------------------*/
.fadeup-child {
  opacity: 0;
}
.fadeUp2 {
  animation-name:fadeUpAnime2;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity: 0;
  }
  
  @keyframes fadeUpAnime2{
    from {
      opacity: 0;
    }
  
    to {
      opacity: 1;
    }
  }

/*-----------------------------
疑問セクション以外(遅れてFadeUP)
------------------------------*/
.fadeUp {
  animation-name:fadeUpAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
  opacity: 0;
  }
  
  @keyframes fadeUpAnime{
    from {
      opacity: 0;
    transform: translateY(100px);
    }
  
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .fadeUpTrigger {
    opacity: 0;
  }


/*-------------------------
解決セクション
-------------------------*/
.solve {
  padding-top: 8rem;
  padding: 0 1.6rem;
  text-align: center;
  padding-bottom: 12rem;
  background-color: #FEEBD9;
  position: relative;
  z-index: 1;
}
.solve__h {
  color: #a62e2f;
  font-size: 3.5rem;
  line-height: 1.8;
  font-weight: 300;
  letter-spacing: 0.01em;
  margin-top: 1em;
}
.solve__area {
  background-image: url(../image/red_background.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center center;
  margin: 5.8rem auto 0;
  max-width: 920px;
  width: 100%;
  height: auto;
  padding: 5.6rem 1.6rem;
  color: #fff;
  font-size: 1.76rem;
  line-height: 1.65;
  font-weight: 300;
}
.solve__area img {
  max-width: 50rem;
  width: 100%;
  height: auto;
  margin: 1.6rem 0;
}
.solve__p{
  margin-top: 3.2rem;
}
.solve__br-under800 {
  display: none;
}


/*-------------------------
SERVICE
-------------------------*/
.service {
  background-color: #fff4eb;
  padding: 12rem 5.6rem 12rem 5.6rem;
  position: relative;
  z-index: -1;
}
.service__ul {
  max-width: 750px;
  margin: 0 auto;
}
.service__li {
  margin-top: 8rem;
  background-color: #fff;
  border-radius: 30px;
  padding: 4rem 8rem;
  position: relative;
}
.service__number {
  position: absolute;
  top: -40px;
  left: -40px;
  background-color: #a62e2f;
  color: #fff;
  font-weight: 600;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
  font-size: 4.8rem;
  padding-top: 10px;
}
.service__h-area {
width: fit-content;
position: relative;
}
.service__h-area h3 {
  color: #a62e2f;
  font-size: 4rem;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0 1.6rem;
}
.service__h-border {
  background-color: #feebd9;
  width: 100%;
  height: 2rem;
  border-radius: 20px;
  position: absolute;
  bottom: 0px;
  z-index: 0;
}
.service__description dd {
  padding: 0 1.6rem;
  margin-top: 2.4rem;
  line-height: 1.9;
}
.service__p--red {
  color: #a62e2f;
}



/*-------------------------
PLAN
-------------------------*/
.plan {
  background-color: #FEEBD9;
  padding: 12rem 1.6rem;
  position: relative;
  z-index: -2;
}
.plan__contents--flex {
  margin: 5.6rem auto 0;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
}
.plan__contents {
  max-width: 528px;
  width: 100%;
  height: auto;
}
.plan__contents-decoration {
  display: flex;
  align-items: center;
  margin: 0 auto;
  width: fit-content;
  color: #a62e2f;
  font-size: 3.2rem;
  font-weight: 600;

}
.plan__contents-decoration p {
  margin: 0.8rem 1.6rem 0;
}
.plan__contents-decoration-border {
  width: 40px;
  height: 3px;
  background-color: #a62e2f;
  border-radius: 5px;
  transform: rotate(60deg);
  -moz-transform: rotate(60deg);
  -webkit-transform: rotate(60deg);
}
.plan__contents-decoration-border-right {
  transform: rotate(-60deg);
  -moz-transform: rotate(-60deg);
  -webkit-transform: rotate(-60deg);
}
.plan__card {
  margin: 1.6rem auto 0;
  background-color: #a62e2f;
  border-radius: 30px;
  text-align: center;
  padding: 2.4rem;
}
.plan__card h3 {
  color: #fff;
  font-size: 3.2rem;
  font-weight: 600;
}
.plan__bg-white {
  background-color: #fff;
  border-radius: 30px;
  margin-top: 2.4rem;
  padding: 2.4rem 0 4.8rem;
  color: #a62e2f;
}
.plan__price-sub {
  font-size: 2rem;
  font-weight: 600;
}
.plan__price-area {
  width: fit-content;
  position: relative;
  margin: 0 auto;
 }   
.plan__price {
  color: #a62e2f;
  font-size: 8rem;
  font-weight: 600;
  margin-top: 1.6rem;
  display: inline-block;
  position: relative;
  z-index: 1;
  padding: 0 1rem;
}
.plan__price-span {
  font-size: 2.4rem;
}
.plan__price-border {
  background-color: #feebd9;
  width: 100%;
  height: 1.6rem;
  border-radius: 24px;
  position: absolute;
  bottom: 3px;
  z-index: 0;
}
.plan__price-taxin {
  font-size: 2rem;
  margin-top: 0.8rem;
  font-weight: 600;
}
.plan__ul li {
  display: flex;
  margin-top: 2.4rem;
  margin-left: 10%;
  padding-left: 1.6rem;
}
.plan__ul img {
  width: 1.6rem;
  height: 1.6rem;
  margin-right: 1.6rem;
}
.plan__ul p {
  font-size: 1.8rem;
}
.plan__ul--bg-red li {
  margin-top: 1.25rem;
}
.plan__li--bg-red {
  background-color: #a62e2f;
  color: #fff;
  margin-top: 1.6rem;
  padding: 0.8rem 1.6rem 0.4rem;
  width: fit-content;
  border-radius: 20px;
}


/*-------------------------
OPTION
-------------------------*/
.option {
  padding-top: 9.6rem;
  margin-top: -4rem;
}
.option h3 {
  font-size: 3rem;
}
.option-border {
  width: 30px;
  height: 3px;
}
.option__sub-title {
  font-size: 1.6rem;
  margin-top: 1.6rem;
  color: #a62e2f;
  text-align: center;
  justify-content: space-between;
}
.option__dl {
  margin: 4rem auto 0;
  max-width: 820px;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 4rem 8rem;
}
.option__items {
  background-color: #fff;
  text-align: center;
  color: #a62e2f;
  max-width: 220px;
  width: 100%;
  height: 240px;
  border-radius: 20px;
  padding-top: 3.2rem;
}
.option__img {
  max-width: 140px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
}
.option__title {
  font-size: 1.8rem;
  font-weight: 600;
  margin-top: 2.7rem;
  display: block;
}
.option__price {
  font-size: 1.6rem;
  margin-top: 0.8rem;
}
.option__price-small {
  margin-top: 0.5rem;
}
.option__img-illust {
  margin-top: 0rem;
  line-height: 1.3;
}
.option_img4{
  max-width: 120px;
  margin-bottom: 16.69px;
}


/*-------------------------
PROCESS
-------------------------*/
.process {
  background-color: #fff4eb;
  padding: 12rem 1.6rem;
  position: relative;
  z-index: -3;
}
.process__dl {
  margin: 8rem auto 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 950px;
  gap: 8rem;
}
.process__items {
  max-width: 260px;
  width: 100%;
  text-align: center;
}
.process__step {
  font-size: 2.4rem;
  background-color: #a62e2f;
  border-radius: 22px;
  color: #fff;
  padding: 1.6rem 2.4rem 1rem 2.4rem;
  width: fit-content;
  margin: 0 auto;
}
.process__img {
  margin-top: 3.2rem;
}
.process__title {
  margin-top: 3.2rem;
  font-size: 3.2rem;
  color: #a62e2f;
  font-weight: 600;
}
.process__description {
  margin-top: 2.4rem;
  font-size: 1.6rem;
  line-height: 1.5;
}
.process__description-a {
  color: #a62e2f;
  display: inline-block;
  margin-top: 1rem;
}


/*-------------------------
WORK
-------------------------*/
.work {
  padding: 12rem 1.6rem;
  background-color: #FEEBD9;
}
.work__dl {
  margin: 11.2rem auto 0;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
}
.work__items {
  font-family: "kozuka-gothic-pr6n", sans-serif;
}
.work__items a {
  color: #333;
}
.work__items dt {
  max-width: 320px;
}
.work__img {
  max-width: 320px;
  width: 100%;
  height: auto;
}
.work__title {
  margin-top: 2.4rem;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
}
.work__description {
  margin-top: 0.8rem;
  font-weight: 400;
  font-style: normal;
}
.work__link-area {
  margin-top: 8rem;
  text-align: center;
}
.work__link-button {
  display: inline-block;
  background-color: #a62e2f;
  padding: 1.6rem 6.4rem 1.2rem;
  border-radius: 50px;
  max-width: 320px;
  width: 100%;
}
.work__link-button:hover .work__link-img{
 margin-right:10px;
 transition: .5s;
}
.work__button-flex {
  display: flex;
  align-items: center;
  justify-content: center;
  max-width: 180px;
  width: 100%;
  margin-left:4px;
}
.work__link-img {
  max-width: 14px;
  width: 100%;
  height: auto;
  margin-right: 20px;
}
.work__link-p {
  color: #fff;
  font-size: 2.4rem;
  letter-spacing: 0.2em;
}


/*-------------------------
MEMBER
-------------------------*/
.member {
  background-color: #fff4eb;
  padding: 12rem 1.6rem;
  position: relative;
  z-index: -1;
}
.member__contents {
  text-align: center ;
  color: #a62e2f;
  width: 155px;
}
.member__dl {
  margin: 8.4rem auto 0;
  display: flex;
  flex-wrap: wrap;
  max-width: 750px;
  gap: 7rem;
  justify-content: center;
}
.member__dt img {
  max-width: 135px;
  width: 100%;
  height: auto;
}
.member__dt p {
  font-size: 1.6rem;
  font-weight: 600;
  margin-top: 1rem;
}
.member__comment {
  margin-top: 1rem;
  font-size: 1.4rem;
  line-height: 1.4;
}
.member__hobby {
  margin-top: 0.8rem;
  font-size: 1.4rem;
  line-height: 1.3;
}


/*-------------------------
CONTACT
-------------------------*/
.contact {
  padding: 0 1.6rem;
  padding-top: 12rem;
}
.form__area{
  margin: 8rem auto 0;
  max-width: 90rem;
  border: #A62E2F 5px dashed;
  border-radius: 30px;
  padding: 4.8rem 2.4rem;
}
.form {
  max-width: 80rem;
  margin: 0 auto;
}
.fieldset {
  margin-top: 3.2rem;
}
.form__items {
  display: block;
  font-size: 1.6rem;
}
.form__items--required::after {
  content: "必須";
  color: #fff;
  font-size: 1.2rem;
  background-color: #A62E2F;
  border-radius: 5px;
  padding: 0.2rem 0.4rem 0;
  vertical-align: middle;
  margin-left: 0.8rem;
}
.form__input-field {
  width: 100%;
  border: none;
  border-radius: 1rem;
  padding: 1rem 1.6rem;
  margin-top: 1.6rem;
}
.form__radio-area {
  margin-top: 1.6rem;
}
.form__radio-area li:nth-of-type(n+2) {
  margin-top: 0.8rem;
}
.form__agree--flex {
  display: flex;
  justify-content: space-between;
  max-width: 40rem;
  margin: 4rem auto 0;
  align-items: center;
}
.form__agree-area {
  width: fit-content;
  position: relative;
  margin: 0 auto;
}
.form__agree-a {
  color: #A62E2F;
  position: relative;
  z-index: 1;
}
.form__agree-line {
  background-color: #fff;
  width: 100%;
  height: 0.8rem;
  border-radius: 24px;
  position: absolute;
  bottom: 0px;
  z-index: 0;
}
.form__required {
  color: #fff;
  font-size: 1.2rem;
  background-color: #A62E2F;
  border-radius: 5px;
  padding: 0.55rem 0.4rem 0.2rem;
  margin-left: 0.8rem;
  transform: translate(-3%, -13%);
  -webkit-transform: translate(0%, -13%);
}
.form__submit-button-area {
  text-align: center;
}
.form__submit-button {
  background-color: #A62E2F;
  font-size: 1.6rem;
  color: #fff;
  border: none;
  padding: 1.6rem 12rem;
  border-radius: 50px;
  margin: 4.8rem auto 0;
  text-align: center;
  opacity: 0.5;
  cursor: pointer;
}
/*-------------------------
  ラジオボタン
-------------------------*/
.form__radio-label::before {
  content: '';
  display: block;
  border-radius: 50%;
  background-color: #fff;
  border: 1px solid #A62E2F;
  width: 16px;
  height: 16px;
  margin-right: 5px;
}
.form__radio-input:checked + .form__radio-label::after {
  content: '';
  display: block;
  border-radius: 50%;
  width: 10px;
  height: 10px;
  background-color: #A62E2F;
  position: absolute;
  left: calc(8px - 5px);
  ;
}
.form__radio-label {
  display: flex;
  position: relative;
  align-items: center;
  width: fit-content;
}
.textarea {
  resize: vertical;
}
/*-------------------------
  チェックボックス（同意するボタン）
-------------------------*/
.agree-button__label::before {
  content: '';
  display: block;
  border: 1px solid #333;
  border-radius: 3px;
  background-color: #fff;
  width: 16px;
  height: 16px;
  margin-right: 10px;
  margin-bottom: auto;
  margin-top: 0.8px;
}
.agree-button:checked + .agree-button__label::before {
  content: '';
  display: block;
  border: 1px solid #ab2924;
  background-color: #ab2924;
}
.agree-button:checked + .agree-button__label::after {
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 6px;
  width: 5px;
  height: 10px;
  border-right: solid 2px #fff;
  border-bottom: solid 2px #fff;
  transform: rotate(45deg);
}
.agree-button__label {
  display: flex;
  position: relative;
  align-items: center;
}
.fv__consultation-string {
  position: absolute;
  top: 9%;
  left: 62%;
}
/*-------------------------
  エラーメッセージ
-------------------------*/
.error2 {
  color: #A62E2F;
  margin-top: 1rem;
}
/*media Queries 1480-min-width
----------------------------------------------------*/
  /*-----------------------------
  FV（PC版）
------------------------------*/
@media screen and (min-width: 1480px) {
  .fv {
    position: relative;
  }

  .fv__shape--display {
    display: block;
  }

  /* 背景図形の配置 */
.fv__shape-cicle8 {
  position: absolute;
  top: 19%;
  right: 93%;
}

.fv__shape-triangle7 {
  position: absolute;
  top: 67%;
  left: 96%;

}

.fv__shape-square5 {
  position: absolute;
  top: 27%;
  left: 95%;
}

.fv__shape-square6 {
  position: absolute;
  top: 59%;
  right: 94%;
}
}

/*media Queries 1280
----------------------------------------------------*/
@media screen and (max-width: 1279px) {
/*-------------------------
PLAN
-------------------------*/
/* デザイナーのイラスト配置 */
.fv__designer-string {
  top: 39%;
  right: 58%;
  width: 370px;
}

.fv__consultation-string {
  top: 14%;
  left: 60%;
  width: 370px;
}

  }

/*media Queries 1100
----------------------------------------------------*/
@media screen and (max-width: 1099px) {
  /*-------------------------
  PLAN
  -------------------------*/
  .plan__contents--flex {
      max-width: 1100px;
      display: block;
  }
  .plan__contents {
      margin: 0 auto;
  }
  .plan-platinum {
      margin-top: 8rem;
  }
}


/*media Queries 1050
----------------------------------------------------*/
@media screen and (max-width: 1049px) {
  /*-------------------------
  WORK
  -------------------------*/
  .work__dl {
      display: block;
      margin-top: 4.8rem;
  }
  .work__items {
      width: fit-content;
      margin: 5.6rem auto 0;
  }

}


/*media Queries 960
----------------------------------------------------*/
@media screen and (max-width: 959px) {
  /*-----------------------------
FV（SP版）
------------------------------*/
.fv__area {
  display: none;
}

.fv__area-sp {
  height: calc(100vh - 6.4rem );
  background-color: #A62D2E;
  padding: 0 2rem;
  position: relative;
  display: block;
  overflow: hidden;
  min-height: 648px;
}

/* 背景図形の配置 */
.fv__shape-cicle1 {
  right: 54%;

}

.fv__shape-cicle2 {
  top: 52%;
  right: 71%;
}

.fv__shape-cicle3 {
  top: 92%;
  right: 4%;
}

.fv__shape-cicle4 {
  top: 47%;
  right: 86%;
}

.fv__shape-cicle5 {
  top: 40%;
  right: 17%;
}

.fv__shape-cicle6 {
  position: absolute;
}

.fv__shape-triangle1 {
  top: 13%;
  right: 46%;
}

.fv__shape-triangle2 {
  top: 64%;
  right: 62%;
}

.fv__shape-triangle3 {
  top: 4%;
  right: 21%;
}

.fv__shape-triangle4 {
  top: 93%;
  right: 32%;
}

.fv__shape-square1 {
  top: 23%;
  right: 86%;
}

.fv__shape-square2 {
  top: 53%;
  right: 18%;
}

.fv__shape-square3 {
  top: 63%;
  right: 75%;
}

.fv__shape-square4 {
  top: 93%;
  right: 50%;
}

/* 大きい丸背景 */
.fv__big-circle1 {
  top: 0%;
  right: 61%;
}

.fv__big-circle1--position {
  width: 170px;
}

.fv__big-circle1--position p {
  top: 24%;
  left: 18%;
  font-size: 1rem;
}

.fv__big-circle2 {
  top: 62%;
  right: 12%;
}

.fv__big-circle2--position {
  width: 150px;
}

.fv__big-circle2-string {
  top: 19%;
  left: 19%;
  width: 100px;
}

.fv__big-circle3 {
  top: 69%;
  right: 60%;
}

.fv__big-circle3--position {
  width: 150px;
}

.fv__big-circle3--position p {
  top: 33%;
  left: 15%;
  font-size: 1rem;
}

/* デザイナーのイラスト配置 */
.fv__designer-illustration {
  max-width: 240px;
  top: 32%;
}

.fv__designer-string-sp {
  position: absolute;
  top: 13%;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  max-width: 500px;
  width: 100%;
}

#fv__designer--js-fadeIn-sp {
  display: none;
}

.fv__banner {
  max-width: 240px;
}

  /*-------------------------
  解決セクション
  -------------------------*/
  .solve__area {
      background-image: url(../image/red_background_tab.png);
      margin: 4.8rem auto 0;
      max-width: 770px;
      padding: 5.6rem 1.6rem;
  } 
}   


/*media Queries 900
----------------------------------------------------*/
@media screen and (max-width: 899px) {
  /*-------------------------
  疑問セクション(PC版)
  -------------------------*/
  .qustion__cloud {
      height: 18rem;
      width: 22rem;
      font-size: 1.4rem;
  }
  .qustion__cloud--flex {
      max-width: 62rem;
  }
  .qustion__cloud-under--flex {
      max-width: 77rem;
      margin-top: -40px;
  }
  .question__human {
      max-width: 300px;
  }
}


/*media Queries 850
----------------------------------------------------*/
@media screen and (max-width: 849px) {
  /*-------------------------
  SERVICE
  -------------------------*/
  .service__li {
    padding: 4rem 5rem;
  }
}


/*media Queries 800
----------------------------------------------------*/
@media screen and (max-width: 799px)  {
  /*-------------------------
  疑問セクション(SP版)
  -------------------------*/
  .question__pc {
      display: none;
  }
  .question__sp {
      display: block;
      max-width: 420px;
      margin: 3.2rem auto 0;
  }

  .question__sp__ul {
      display: flex;
      flex-wrap: wrap;
      width: 100%;
      margin-bottom: -150px;
  }
  .question__sp__li {
      width: 50%;
      position: relative;
      min-width: 180px;
      color: #a62e2f;
  }
  .question__p {
      font-size: clamp(1.6rem,100vw/35,2rem);
      position: absolute;
      top: 52%;
      left: 16%;
      transform: translate(-3%, -50%);
      -webkit-transform: translate(-3%, -50%);
      text-align: center;
      font-size: 1.3rem;
      line-height: 1.5;
  }
  .question__p span {
      font-weight: 600;
  }
  .question__sp__ul li:nth-of-type(1) {
      margin-left: auto;
  }
  .question__sp__ul li:nth-of-type(2) {
      transform: translate(-3%, -40%);
      -webkit-transform: translate(-3%, -40%);
      color: #fff;
  }
  .question__sp__ul li:nth-of-type(2) p {
      left:19%;
  }
  .question__sp__ul li:nth-of-type(3) {
      transform: translate(2%, -20%);
      -webkit-transform: translate(2%, -20%);
  }
  .question__sp__ul li:nth-of-type(3) p {
      top: 48%;
      left: 25%;
      transform: translate(-3%, -50%);
      -webkit-transform: translate(-3%, -50%);
  }    
  .question__sp__ul li:nth-of-type(4) {
      width: 145px;
      margin-left: auto;
      transform: translate(-3%, -25%);
      -webkit-transform: translate(-3%, -25%);
  }
  .question__sp__ul li:nth-of-type(5) {
      color: #fff;
      transform: translate(2%, -20%);
      -webkit-transform: translate(2%, -20%);
  }
  .question__sp__ul li:nth-of-type(5) p {
      top: 50%;
      left: 16%;
  }
  .question__br--width-under400 {
      display: none;
  }
  .question__sp__ul li:nth-of-type(6) {
      margin-left: auto;
      transform: translate(2%, -55%);
      -webkit-transform: translate(2%, -55%);
  }
  .question__sp__ul li:nth-of-type(6) p {
      left: 17%;
  }
  .question__sp__ul li:nth-of-type(7) {
      width: 160px;
      transform: translate(15%, -90%);
      -webkit-transform: translate(15%, -90%);
  }
  .question_div {
      width: 100%;
  }
  .question__sp__img {
      min-width: 145px;
  }


  /*-------------------------
  解決セクション
  -------------------------*/
  .solve__area {
      background-image: url(../image/red_background_tab2.png);
      max-width: 564px;
  }
  .solve__area img {
      max-width: 40rem;
  }
  .solve__br-under800 {
    display: block;
  }  


  /*-------------------------
  SERVICE
  -------------------------*/
  .service__br {
      display: none;
  }

}
/*media Queries 670
----------------------------------------------------*/
@media screen and (max-width: 669px) {
  /*-------------------------
  SERVICE
  -------------------------*/
  .service__number {
      top: -16px;
      left: 0;
      width: 4.8rem;
      height: 4.8rem;
      font-size: 3.2rem;
      padding-top: 7px;
  }
  .service__h-area {
      margin: 0 auto;
  }
  .service__h-area h3 {
      font-size: 2.4rem;
      padding: 0 0.8rem;
  }
  .service__h-border {
      height: 1.5rem;
      bottom: -3px;
  }
  .service__description dd {
      margin-top: 1.6rem;
      padding: 0;
  }
}

/*media Queries 520
----------------------------------------------------*/
@media screen and (max-width: 519px) {
/*-----------------------------
  FV（SP版）
------------------------------*/
  /* 背景図形の配置 */
  .fv__shape-cicle1 {
    right: 40%;

  }

  .fv__shape-cicle6 {
    position: absolute;
  }

  .fv__shape-triangle1 {
    right: 42%;
  }

  .fv__big-circle1--position p {
    left: 15%;
  }

  /* 大きい丸背景 */
  .fv__big-circle1 {
    right: 50%;
  }

  .fv__big-circle1--position {
    width: 150px;
  }

  .fv__big-circle2 {
    top: 64%;
    right: 2%;
    
  }

  .fv__big-circle3 {
    top: 70%;
    right: 51%;
    
  }

  /* デザイナーのイラスト配置 */
  .fv__designer-illustration {
    max-width: 145px;
  }

  .fv__designer-string-sp {
    position: absolute;
    top: 16%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    max-width: 300px;
    width: 100%;
  }

  .fv__banner {
    max-width: 180px;
  }

  /*-------------------------
  共通
  -------------------------*/
  .top__h-area h2 {
      font-size: 4rem;
  }
  .top__h-area p {
      font-size: 1.4rem;
      margin-top: 0.4rem;
  }


  /*-------------------------
  疑問セクション(SP版)
  -------------------------*/
  .question {
      padding-top: 5.6rem;
  }
  .question__h {
      font-size: 1.8rem;
      line-height: 1.5;
  }


  /*-------------------------
  解決セクション
  -------------------------*/
  .solve {
      margin-top: 4.8rem;
      padding-bottom: 5.6rem;
  }
  .solve__h {
      color: #a62e2f;
      font-size: 1.6rem;
      line-height: 1.5;
  }
  .solve__area {
      background-image: url(../image/red_background_sp.png);
      margin: 4.8rem auto 0;
      max-width: 343px;
      width: 100%;
      height: auto;
      padding: 4.8rem 1.6rem;
      font-size: 1.4rem;
      line-height: 1.5;
  }
  .solve__area img {
      max-width: 19rem;
      width: 100%;
      height: auto;
      margin: 1.6rem 0;
  }
  .solve__p{
      margin-top: 3.2rem;
  }


  /*-------------------------
  SERVICE
  -------------------------*/
  .service {
    padding: 9.6rem 1.6rem 5.6rem 1.6rem;
    margin-top: -4rem;
  }
  .service__li {
      padding: 4rem 2.4rem;
  }


   /*-------------------------
  PLAN
  -------------------------*/
  .plan {
    padding: 9.6rem 1.6rem 5.6rem;
    margin-top: -4rem;
}
  
  .plan__contents--flex {
      margin: 4.8rem auto 0;
  }
  .plan__contents-decoration {
      font-size: 2.4rem;
  }
  .plan__contents-decoration-border {
      width: 20px;
      height: 2px;
      border-radius: 5px;
  }
  .plan__contents-decoration p {
      margin: 0.4rem 0.8rem 0;
  }
  .plan__card {
      padding: 1.6rem;
  }
  .plan__card h3 {
      font-size: 2.4rem;
  }
  .plan__bg-white {
      margin-top: 1.6rem;
      padding: 3.2rem 0;
  }
  .plan__price-sub {
      font-size: 1.8rem;
  }
  .plan__price {
      font-size: 4.8rem;
      margin-top: 1.6rem;
      padding: 0 1.6rem;
  }
  .plan__price-span {
      font-size: 1.4rem;
  }
  .plan__price-taxin {
      font-size: 1.6rem;
  }
  .option {
    padding-top: 8rem;
    margin-top: -4rem;
  }
  .option h3 {
    font-size: 2.4rem;
  }
  .option__sub-title {
    line-height: 1.5;
}


 /*-------------------------
  PROCESS
  -------------------------*/
  .process {
    padding: 9.6rem 1.6rem 5.6rem;
    margin-top: -4rem;
  }


  /*-------------------------
  WORK
  -------------------------*/
  .work {
    padding: 5.6rem 1.6rem;
}
  .work__button-flex {
      max-width: 175px;
  }    
  .work__link-img {
      max-width: 14px;
  }    
  .work__link-p {
      font-size: 1.6rem;
  }


  /*-------------------------
  MEMBER
  -------------------------*/
  .member {
    padding: 9.6rem 1.6rem 5.6rem;
    margin-top: -4rem;
  }
  .member__dl {
      margin: 4.8rem auto 0;
      gap: 4rem 1.6rem;
      justify-content: space-between;
      max-width: 400px;
  }


  /*-------------------------
  CONTACT
  -------------------------*/
  .contact {
    padding: 0 1.6rem;
    padding-top: 5.6rem;
}
  .form__area {
    padding: 4rem 4rem;
}
  .form__agree--flex {
    display: block;
    text-align: center;
  }
  .form__agree-line {
      height: 0.8rem;
      bottom: 0;
  }
  .agree-button--flex {
    margin: 2.4rem auto 0;
    width: fit-content;
  }
  .form__submit-button {
    padding: 1.6rem 1.6rem;
    width: 100%;
}
}


/*media Queries 450
----------------------------------------------------*/
@media screen and (max-width: 449px) {
  /*-------------------------
  疑問セクション(SP版)
  -------------------------*/
  .question__p {
      top: 52%;
      left: 10%;
      transform: translate(-3%, -50%);
      -webkit-transform: translate(-3%, -50%);
  }
}


/*media Queries 430
----------------------------------------------------*/
@media screen and (max-width: 429px) {
  /*-------------------------
  疑問セクション(SP版)
  -------------------------*/
  .question__sp__ul li:nth-of-type(5) p {
      top: 50%;
      left: 11%;
  }
}


/*media Queries 400
----------------------------------------------------*/
@media screen and (max-width: 399px) {
  /*-------------------------
  疑問セクション(SP版)
  -------------------------*/
  .question__p {
      left: 9%;
  }
  .service__h-area {
      width: auto;
      text-align: center;
  }
  .service__h-area h3 {
      padding: 0;
  }
  .question__sp__ul li:nth-of-type(2) p {
      left: 15%;
  }
  .question__sp__ul li:nth-of-type(3) p {
      top: 52%;
      left: 20%;
  }
  .question__sp__ul li:nth-of-type(5) {
      transform: translate(2%, -40%);
      -webkit-transform: translate(2%, -40%);
  }
  .question__sp__ul li:nth-of-type(5) p {
      top: 52%;
      left: 27%;
  }
  .question__br--width-under400 {
      display: block;
  }
  .question__sp__ul li:nth-of-type(6) {
      transform: translate(2%, -70%);
      -webkit-transform: translate(2%, -70%);
  }
  .question__sp__ul li:nth-of-type(6) p {
      left: 12%;
  }
  .question__sp__ul li:nth-of-type(3) p {
      top: 42%;
      left: 21%;
      transform: translate(-3%, -50%);
      -webkit-transform: translate(-3%, -50%);
  }
  .question__sp__ul li:nth-of-type(4) {
      width: 145px;
      margin-left: auto;
      transform: translate(-3%, -35%);
      -webkit-transform: translate(-3%, -35%);
  }


  /*-------------------------
  PLAN
  -------------------------*/
  .plan__ul li {
      display: flex;
      margin-top: 1.6rem;
      margin-left: 5%;
      padding-left: 0.8rem;
  }
  .plan__ul--bg-red li {
    margin-top: 0.8rem;
  }
}

/*media Queries 370
----------------------------------------------------*/
@media screen and (max-width: 369px) {
  .member__contents {
    width: 145px;
  }
  .member__comment {
    font-size: 1.3rem;
  }
  .member__hobby {
    font-size: 1.3rem;
  }

}

/*media Queries 360
----------------------------------------------------*/
@media screen and (max-width: 359px) {
  /*-------------------------
  疑問(SP)
  -------------------------*/
  .question__sp__ul li:nth-of-type(4) {
      transform: translate(-3%, -25%);
      -webkit-transform: translate(-3%, -25%);
  }
  .question__sp__ul {
      display: block;
  }
  .question__sp__ul li:nth-of-type(2) {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
  }
  .question__sp__ul li:nth-of-type(3) {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
  }
  .question__sp__ul li:nth-of-type(3) p {
      top: 54%;
  }
  .question__sp__ul li:nth-of-type(4) {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
  }
  .question__sp__ul li:nth-of-type(5) {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
  }
  .question__sp__ul li:nth-of-type(6) {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
  }
  .question__sp__ul li:nth-of-type(7) {
      transform: translate(0, 0);
      -webkit-transform: translate(0, 0);
  }


  /*-------------------------
  疑問セクション(SP版)
  -------------------------*/
  .question__sp__ul {
    margin-bottom: 0;
}
  .question__sp--flex {
      display: block;
      position: relative;
      text-align: right;
  }
  .qustion__first-white-cloud {
      margin-left: auto;
  }
  .qustion__first-red-cloud {
      margin-top: -1rem;
      margin-right: 0;
  }
  .question__man {
      display: inline-block;
      margin-top: -5rem;
  }
  .qustion__second-white-cloud {
      margin-top: -2rem;
      margin-left: 4%;
  }
  .qustion__second-red-cloud {
      margin-top: 2rem;
  }
  .qustion__third-white-cloud {
      margin-top: 0;
      margin-left: auto;
  } 
  .solve__area {
      background-image: url(../image/red_background_sp2.png);
      max-width: 278px;
      padding: 2.4rem 1.6rem;
  }
  .solve__area img {
      max-width: 19rem;
      width: 100%;
      height: auto;
      margin: 1.6rem 0;
  }
  .solve__p{
      margin-top: 2.4rem;
  }



  /*-------------------------
  SERVICE
  -------------------------*/
  .service__h-area h3 {
      line-height: 1.2;
  }
}

/*media Queries height 650
----------------------------------------------------*/
@media screen and (max-height: 650px) {

  .fv__big-circle3 {
    top: 61%;
  }

  .fv__designer-string {
    top: 43%;
    right: 60%;
    width: 370px;
  }
  
  .fv__consultation-string {
    position: absolute;
    top: 13%;
    left: 59%;
    width: 370px;
  }

}

/*----------------------------------------------------------
  FAQページ
-----------------------------------------------------------*/

/*-------------------------
  ページタイトル
-------------------------*/
.faq {
  margin: 6.4rem 2.4rem;
}
.page-title__h-area {
  margin: 0 auto;
  text-align: center;
  color: #a62e2f;
}
.page-title__h-area h2 {
  font-size: 5.6rem;
  font-weight: 600;
}
.page-title__h-area p {
  margin-top: 0.8rem;
  font-weight: 600;
}


/*-------------------------
遷移ボタン
-------------------------*/
.transition-button {
  max-width: 820px;
  width: 100%;
  margin: 4rem auto 0;
  display: flex;
  justify-content: space-between;
}
.transition-button__li {
  max-width: 350px;
  width: 100%;
}
.transition-button__a {
  position: relative;
  max-width: 350px;
  width: 100%;
  height: 48px;
  display: inline-block;
  border: #a62e2f 2px solid;
  padding: 1.6rem 0;
}
.transition-button__a img{
  position: absolute;
  left: 20px;
  width: 18px;
  height: auto;
}
.transition-button__a p{
  font-weight: 600;
  color: #a62e2f;
  letter-spacing: 0.2em;
  position: absolute;
  top: 55%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  white-space: nowrap;
}
.transition-button__br-sp {
  display: none;
}


/*-------------------------
FAQ部分
-------------------------*/
.faq__contents {
  margin: 12rem auto;
  max-width: 1100px;
  width: 100%;
}
.faq__contents h3 {
  text-align: center;
  font-size: 4rem;
  font-weight: 600;
  color: #a62e2f;
  letter-spacing: 1rem;
}
.faq__contents-dl {
  margin: 4.8rem auto;
}
.faq__contents-item {
  margin-top: 5.6rem;
  border: #a62e2f 2px solid;
  border-radius: 15px;
  overflow: hidden;
}
.faq__contents-item dt {
  background-color: #a62e2f;
  color: #fff;
  padding: 1.6rem;
  font-weight: 300;
  display: flex;
  align-items: center;
}
.faq__contents-qa {
  width: 26px;
  height: 26px;
  border: #fff 2px solid;
  border-radius: 50%;
  font-weight: bold;
  text-align: center;
  line-height: 1.6;
  margin-right: 2.4rem;
  aspect-ratio: 1/1;
  margin-top: -0.2em;
}
.faq__contents-item dd {
  background-color: #fff;
  color: #a62e2f;
  padding: 1.6rem;
  font-weight: 300;
  line-height: 1.5;
  display: flex;
}
.faq__contents-item dd p  {
  margin-top: -0.05em;
}
.faq__contents__margin {
  padding-left: 2.4rem;
}
.faq__contents-qa__back-red {
  border: #a62e2f 2px solid;
  background-color: #a62e2f;
  color: #fff;
}
.faq__link-top {
  border-bottom: #a62e2f 1px solid;
  color: #A62E2F;
}
.faq__link-top:hover {
  opacity: 0.5;
}

/*-------------------------
お問い合わせへボタン
-------------------------*/
.contact-button {
  margin: 13.6rem 1.6rem 0;
  text-align: center;
}
.contact-button__a {
  display: inline-block;
}
.contact-button__a__flex {
  display: flex;
  align-items: baseline;
  background-color: #a62e2f;
  border-radius: 15px;
  overflow: hidden;
  height: auto;
  padding: 2rem 6.4rem 1.6rem;
}
.contact-button__a img {
  width: 18px;
  height: auto;
  margin-right: 1.6rem;
}
.contact-button__a h2 {
  color: #fff;
  font-size: 2.4rem;
  font-weight: 600;
}
/* recaptcha必須事項 */
.recaptcha-area {
  width: 100%;
  text-align: center;
  color: #7c7c7c;
  margin-top: 1.6rem;
  font-size: 12px;
}
.recaptcha-area a {
  color: #a62e2f;
}
/* grecaptchaバッジ非表示 */
.grecaptcha-badge {
  visibility: hidden;
}

/*-------------------------
遷移ボタン(右下に固定)
-------------------------*/
.fixed-button {
  position: fixed;
  right: 0;
  bottom: 0;
  background-color: rgba(255, 255, 255, 0.6);
  padding: 2.4rem;
}
.fixed-button li:nth-child(n+2) {
  margin-top: 2.4rem;
}
.fixed-button__a {
  display: flex;
  align-items: flex-start;
}
.fixed-button__img {
  width: 15px;
  height: auto;
  margin-right: 0.8rem;
}
.fixed-button__p {
  font-size: 1.4rem;
  color: #a62e2f;
  font-weight: 600;
  letter-spacing: 2px;
}
/*media Queries 960
----------------------------------------------------*/
@media screen and (max-width: 959px) {


  /*-------------------------
  遷移ボタン
  -------------------------*/
  .transition-button {
    max-width: 350px;
    width: 100%;
    display: block;
    text-align: center;
    justify-content: space-between;
  }
  .transition-button__margin-sp {
    margin-top: 0;
  }
  .transition-button__li {
    margin-top: 2.4rem;
  }


  /*-------------------------
  遷移ボタン(右下に固定)
  -------------------------*/
  .fixed-button {
    display: none;
  }

}

/*media Queries 800
----------------------------------------------------*/
@media screen and (max-width: 799px) {
  /*-------------------------
  FAQ部分
  -------------------------*/
  .faq__contents-item dt {
    line-height: 1.5;
  }

  .faq__contents__br-pc {
    display: none;
  }
}
/*media Queries 530
----------------------------------------------------*/
@media screen and (max-width: 529px) {
  .page-title__h-area h2 {
    font-size: 4rem;
  }    
}
/*media Queries 520
----------------------------------------------------*/
@media screen and (max-width: 519px) {
  /*-------------------------
  ページタイトル
  -------------------------*/
  .faq {
    margin: 4rem 1.6rem;
  }
  .page-title__h-area p {
    font-size: 1.4rem;
  }


  /*-------------------------
  FAQ部分
  -------------------------*/
  .faq__contents h3 {
    font-size: 2.4rem;
  }


  /*-------------------------
  お問い合わせへボタン
  -------------------------*/
  .contact-button {
    margin-top: 8rem;
  }
  .contact-button__a__flex {
    padding: 2rem 6.4rem 1.6rem;
  }
  .contact-button__a img {
    margin-right: 0.8rem;
  }
  .contact-button__a h2 {
    font-size: 1.6rem;
  }
}

/*media Queries 400
----------------------------------------------------*/
@media screen and (max-width: 399px) {
  /*-------------------------
  遷移ボタン
  -------------------------*/
  .transition-button__a img{
    position: absolute;
    left: 10px;
    width: 16px;
    height: auto;
  }
  .transition-button__a p{
    font-size: 1.4rem;
  }
}
/*media Queries 360
----------------------------------------------------*/
@media screen and (max-width: 364px) {
  /*-------------------------
  CONTACT
  -------------------------*/
  .form__agree-a {
    font-size: 1.4rem;
}
}
/*media Queries 330
----------------------------------------------------*/
@media screen and (max-width: 329px) {
  /*-------------------------
  遷移ボタン
  -------------------------*/
  .transition-button__br-sp {
    display: block;
  }
  /*-------------------------
  お問い合わせへボタン
  -------------------------*/
  .contact-button__a__flex {
    padding: 2rem 4rem 1.6rem;
  }
}

/*----------------------------------------------------------
  実績一覧ページ
-----------------------------------------------------------*/
/*-------------------------
共通CSS
-------------------------*/

.top__h-area__margin-bottom {
  margin-bottom: 5rem;
}

.instance {
  padding: 12rem 1.6rem;
}
.instance-button {
  max-width: 400px;
  width: 100%;
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
}

.instance-button__li {
  max-width: 100px;
  width: 100%;
}

.instance-button__a {
  position: relative;
  max-width: 200px;
  width: 100%;
  height: 48px;
  display: inline-block;
  border: #a62e2f 2px solid;
  background-color: #fff;
}

.instance-button__a--background-color {
  background-color: #a62e2f;
}

.instance-button__p--font-color-white {
  color: #fff;
}

.instance-button__p--font-color-red {
  color: #a62e2f;
}

.instance-button__a p {
  position: absolute;
  font-weight: 600;
  letter-spacing: 0.2em;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

.instance__dl-web {
  margin: 11.2rem auto 0;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.instance__dl-logo {
  margin: 11.2rem auto 0;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: none;
}

.instance__dl-print {
  margin: 11.2rem auto 0;
  max-width: 1100px;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  display: none;
}


.instance__items {
  font-family: "kozuka-gothic-pr6n", sans-serif;
}

.instance__items a {
  color: #333;
}

.instance__items__margin-bottom {
  margin-bottom: 6rem;
}

.instance__img {
  max-width: 320px;
  width: 100%;
  height: auto;
}

.instance__title {
  margin-top: 2.4rem;
  font-weight: 700;
  font-style: normal;

}
.instance__description {
  margin-top: 0.8rem;
  font-weight: 400;
  font-style: normal;
}

.instance__link-area {
  margin-top: 8rem;
  text-align: center;
}

.instance__link-area--margin-bottom {
  margin-bottom: 3rem;
}

.instance__link-button {
  display: inline-block;
  background-color: #a62e2f;
  padding: 1.6rem 6.4rem;
  border-radius: 22px;
  max-width: 340px;
  width: 100%;
}

.instance__button-flex {
  display: flex;
  align-items: baseline;
  justify-content: center;
  max-width: 200px;
  width: 100%;
  padding-top: 0.2rem;
  margin: 0 auto;
  margin-left: 4px;
}

.instance__link-img {
  max-width: 18px;
  width: 100%;
  height: auto;
  margin-right: 20px;
}

.instance__link-button:hover .instance__link-img  {
  margin-right: 10px;
  transition: .5s;
}

.instance__link-p {
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  letter-spacing: 3px;
}

/*media Queries 1050
----------------------------------------------------*/
@media screen and (max-width: 1049px) {
  /*-------------------------
  instance
  -------------------------*/
  .instance-button {
    max-width: 320px;
  }

  .instance__dl {
      display: block;
      margin-top: 4.8rem;
  }

  .instance__items {
      width: fit-content;
      margin: 5.6rem auto 0;
  }

  .instance__items__margin-bottom {
    margin-bottom: 0;
  }

}  


/*media Queries 520
----------------------------------------------------*/
@media screen and (max-width: 519px) {
  /*-------------------------
  instance
  -------------------------*/
  .instance__button-flex {
      max-width: 175px;
  }    
  .instance__link-img {
      max-width: 14px;
  }    
  .instance__link-p {
      font-size: 1.6rem;
  }
}
.img-fluid{
  max-width:870px;
  width:100%;
}