@charset "UTF-8";
/* ============================================================
 main
=============================================================== */
.fvBox {
       width: 100vw;
       overflow: hidden;
}

.fv {
       position: relative;
}

.fv::before {
       content: '';
       display: inline-block;
       position: absolute;
       background-image: url(../img/sp_main_txt1.svg);
       background-repeat: no-repeat;
       background-size: contain;
       background-position: left center;
       width: 284px;
       height: 301px;
       bottom: 0;
       right: -38px;
       z-index: 100;
}

.mainTxt {
       z-index: 100;
       position:absolute;
       width: 230px;
       height: 80px;
       top: 47%;
       left: 29%
}

.fv__txt {
       position: absolute;
       top: 39%;
       left: 9%;
       color: #FFF;
       line-height: 1; 
       font-family: "Noto Sans JP";
       font-size: 2.8rem;
       font-weight: 500;
       line-height: 1.34;
       letter-spacing: 0.13em;
       z-index: 100;
       text-shadow: 0px 0px 64px rgba(0, 0, 0, 0.8);
       white-space: nowrap;
}

.fv__txt span {
       letter-spacing: 0.2em;
}

/* ---------fv-------------------- */
#slider {
       width: 100%;
       height: 100vh;
       object-fit: cover;
   }

/* main-pc表示 */
@media screen and (min-width:769px) {
       .fvBox {
              padding-bottom: 47px;
       }
       
       #slider {
              width: 100%;
              height: 100vh;
              margin: 0 auto ;
              box-shadow: 0px 40px rgba(220, 197, 158, 1);
          }
       
          .fv::before {
              content: '';
              display: inline-block;
              position: absolute;
              background-image: url(../img/pc_main_txt.svg);
              background-repeat: no-repeat;
              background-size: contain;
              background-position: left center;
              width: 557px;
              height: 557px;
              right: -4%;
              z-index: 100;
       }
       
       .fv__txt {
              position: absolute;
              top: 46%;
              left: 22%;
              transform: translateX(-50%);
              text-align: center;
              color: #FFF;
              font-size: 3.6rem;
              font-weight: 500;
              line-height: 1.34;
              letter-spacing: 0.23em;
              width: fit-content;
       }

       .fv__txt span {
              letter-spacing: 0.32em;
       }

       .mainTxt {
              width: 340px;
              top: 55%;
              left: 23%;
              height: 67px;
        }
       
/* ---------pc_fv表示-------------------- */
       .img-frame{
              position: relative;
              width: 83.3%;
              height: 43.2vw;
              margin: 20px auto 0;
              border: 3px solid #C19A5B;
           }
           
           .img-01, .img-02, .img-03{
              background-position: center;
           }

           .img-01{
              background-image: url('../img/pc_main_img1.png');
           }
           
           .img-02{
              background-image: url('../img/pc_main_img2.png');
           }
           
           .img-03{
              background-image: url('../img/pc_main_img3.png');
           }
}/* 769px pc 表示 */

@media screen and (min-width:1153px) {
       #slider {
              margin:0 auto ;
          }
       
          .img-frame {
              margin: 0 auto ;
       }
}/* 1153px pc 表示 */

@media screen and (max-width:374px) {
       .mainTxt {
              right: 29%;
       }
}

/* ============================================================
 about
=============================================================== */
.section__about {
       margin-top: 70px;
}

.about__group {
       padding: 0 var(--contentpadding);
}

.aboutArea__group {
       margin-top: 49px;
}

.aboutArea__topic {
       text-align: center;
       font-size: 1.6rem;
       line-height: 1.7; 
       letter-spacing: 0.05em;
}

.aboutArea__topic span {
       font-size: 1.7rem;
       position: relative;
}

.aboutArea__topic span::after {
       display: inline-block;
       position: absolute;
       content: '';
       background-image: url(../img/sp_about_line.svg);
       background-repeat: no-repeat;
       background-position: center;
       background-size: contain;
       width: 203px;
       height: 21px;
       transform: rotate(-180deg);
       left: 0;
       top: 20px;
}

.aboutArea__txt {
       font-size: 1.5rem;
       font-weight: 350;
       line-height: 1.7; 
       letter-spacing: 0.05em;
       margin-top: 20px;
}

.aboutArea__txt:first-of-type {
       margin-top: 40px;
}

.aboutArea__img {
       display: block;
       width: 71.4%;
       height: auto;
       margin: 48px auto 0;
       position: relative;
}

.aboutArea__img::after {
       display: block;
       position: absolute;
       content: '';
       background-image: url(../img/beautiful_txt.svg);
       background-position: center;
       background-repeat: no-repeat;
       background-size: contain;
       width: 100%;
       height: 11vw;
       right: 35%;
       top: 77%;
}

.aboutArea2__img {
       display: block;
       width: 71.8%;
       height: auto;
       margin: 42px auto 0;
       margin-top: 60px;
}

.aboutArea__txt--2 {
       margin-top: 48px;
}

.aboutBr {
       display: none;
}

/* その場でアニメーション */
.fadeInTrigger{
       opacity: 0;
       }

       .fadeIn{
       animation-name:fadeInAnime;
       animation-duration:2.5s;
       animation-fill-mode:forwards;
       opacity:0;
       }
       
       @keyframes fadeInAnime{
         from {
           opacity: 0;
         }
       
         to {
           opacity: 1;
         }
       }

/* about-pc表示 */
@media screen and (min-width:769px) {
       .about__group {
              padding: 0;
              margin: 130px auto 0;
              max-width: 1200px;
       }

       .topic__about {
              margin-left: 8.3%;
       }
       
       .aboutArea {
              display: flex;
              justify-content: space-between;
       }

       .aboutArea__group {
              padding-left: 8.5%;
       }

       .aboutArea__topic {
              font-size: 1.8rem;
              line-height: 2;
              margin-top: 53px;
       }

       .aboutArea__topic span {
              font-size: 2.2rem;
              line-height: 1.5;
       }

       .spBr {
              display: none;
       }

       .aboutArea__txt {
              font-size: 1.7rem;
              font-weight: 350;
              line-height: 1.9; 
              margin-top: 22px;
       }

       .aboutArea__topic span::after {
              background-image: url(../img/pc_about_line.svg);
              background-repeat: no-repeat;
              background-position: center;
              width: 100%;
              height: 2.9vw;
              top: 76%;
       }

       .aboutArea__img {
              width: 65%;
              margin-left: 52px;
       }

       .aboutArea__img::after {
              width: 200px;
              height: 42px;
              right: 35%;
              top: 51%;
       }

       .aboutArea2 {
              max-width: 1200px;
              margin: -20px auto 0;
              display: flex;
              justify-content: flex-start;
              align-items: center;
       }

       .aboutArea2__img {
              width: 33%;
              margin: 20px 42px 0 102px;
       }

       .aboutArea__group:last-of-type {
              padding-left: 0;
       }

       .aboutBr {
              display: block;
       }
}

@media screen and (min-width:837px) {
       .aboutArea__img::after {
              right: 37%;
              top: 64%;
       }
}
@media screen and (min-width:966px) {
       .aboutArea__img::after {
              right: 52%;
              top: 77%
       }
}
@media screen and (min-width:1000px) {
       .aboutArea__img::after {
              right: 67%;
              top: 77%;
              width: 247px;
              height: 67px;
       }
}/* pc 表示 */

/* ============================================================
 fhoto area
=============================================================== */
.fhotoArea {
       margin-top: -50px;
       padding-bottom: 80px;
       overflow: hidden;
}

.fhotoArea__Group {
       margin-top: -50px;
}

/* loopArea */
.loop_wrap {
       display: flex;
       width: 560vw;
       height: 300px;
       overflow: hidden;
     }

.loop__list {
       display: flex;
       align-items: center;
}

.loop__item {
       margin-left: 6%;
}
     
.loop_wrap img {
       width: auto;
       height: 100%;
       object-fit: contain;
}

     @keyframes loop {
       0% {
         transform: translateX(100%);
       }
       to {
         transform: translateX(-100%);
       }
     }
     
     @keyframes loop2 {
       0% {
         transform: translateX(0);
       }
       to {
         transform: translateX(-200%);
       }
     }

     .loop_wrap img:first-child {
       animation: loop 70s -25s linear infinite;
     }
     
     .loop_wrap img:last-child {
       animation: loop2 70s linear infinite;
     }


 /*==================================================
fadeUpアニメーション
===================================*/

.box{
	opacity: 0;
}

/*==================================================
動かしたい動き
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:1.3s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
  from {
    opacity: 0;
	transform: translateY(100px);
  }

  to {
    opacity: 1;
	transform: translateY(0);
  }
}    
.fhotoArea__box1,
.fhotoArea__box2 {
       padding: 0 var(--contentpadding) 0 0;
}

.fhotoArea__1 {
       width: 86%;
       height: auto;
       position: relative;
       margin-left: 0;
}

.fhotoArea__2 {
       width: 33%;
       height: auto;
       position: relative;
       margin-left: 12.8%;
       margin-top: 30px;
}

.fhotoArea__3 {
       width: 66%;
       height: auto;
       position: relative;
       margin-left: auto;
       margin-top: 53px;
       position: relative;
}

.fhotoArea__3::before {
       position: absolute;
       content: '';
       display: block;
       background-image: url(../img/fhotoArea_kiduki.svg);
       background-repeat: no-repeat;
       background-position: center;
       background-size: contain;
       width: 100%;
       height: 9vw;
       top: -18px;
       left: -43%;
}


.fhotoArea__txt {
       width: 70%;
       padding-left: var(--contentpadding);
       margin-top: 15px;
}

.fhotoArea__4 {
       display: block;
       width: 45%;
       height: auto;
       position: relative;
       margin-left: 14.4%;
       margin-top: 15px;
}

.fhotoArea__5 {
       width: 65%;
       height: auto;
       position: relative;
       margin-left: 30%;
       margin-top: 46px;
}

/* fhotoArea-pc表示 */
@media screen and (min-width:769px) {
       .fhotoArea {
              margin-top: 65px;
              padding-bottom: 0;
              overflow: hidden;
       }

       
       .loop_wrap {
              width: 300vw;
              height: 300px;
            }
       
       .loop__item {
              margin-left: 7%;
       }
            

       .fhotoArea__box1,
       .fhotoArea__box2 {
              padding: 0 ;
              max-width: 1122px;
              margin: 0 auto ;
              display: flex;
              justify-content: space-between;  
       }


       /* .randomBox {
              max-width: 1122px;
              margin: 0 auto ;
              display: flex;
              justify-content: space-between;  
       } */

       .fhotoArea__box1 {
              margin-top: 70px;
       }
       

       .fhotoArea__1 {
              width: 100%;
              max-width: 488px;
              margin-left: 0;
       }

       .fhotoArea__2 {
              width: 100%;
              max-width: 184px;
              margin-left: 4.9%;
              margin-top: 234px;
       }

       .fhotoArea__3 {
              width: 100%;
              max-width: 323px;
              margin-top: 104px;
              margin-left: 10%;
       }

       .fhotoArea__3::before  {
              top: -33px;
              left: -9%;
              width: 77px;
              height: 73px;
       }
       
       .fhotoArea__txt {
              width: 100%;
              max-width: 583px;
              margin-left: 176px;
              padding-left: 0;
              margin-top: 35px;
       }

       .fhotoArea__4 {
              width: 100%;
              max-width: 260px;
              margin-left: 14%;
              margin-top: 58px;
       }

       .fhotoArea__5 {
              width: 100%;
              max-width: 387px;
              margin-left: 15.4%;
              margin-top: -1px;
       }
}/* pc 表示 */

/* ============================================================
 plan
=============================================================== */
.section__plan {
       background: #FBF9F5;
       padding: 50px var(--contentpadding) 60px;
}

.plan__name {
       text-align: center;
       font-size: 1.6rem;
       line-height: 2.5; 
       letter-spacing: 0.05em;
       margin-top: 27px;
}

.plan__name span {
       display: inline-block;
       position: relative;
}

.plan__name span::after {
       position: absolute;
       content: '';
       background-image: url(../img/sp_plan_line.svg);
       background-repeat: no-repeat;
       background-position: center;
       width: 230px;
       height: 22px;
       top: 29px;
       right: 0px;
}

.plan__img {
       width: 79%;
       height: auto;
       margin: 21px auto 0;
}

.plan__list {
       padding: 16px 34px;
       background: #F7EFE2;
       margin: 35px auto 0;
}

.plan__item {
       margin-top: 20px;
}

.plan__item:first-of-type {
       margin-top: 0;
}

.plan__itemTxt1 {
       font-size: 1.6rem;
       letter-spacing: 0.08em;
       margin-top: 30px;
       border-left: 3px solid #C19A5B;
       width: fit-content;
       padding: 1px 5px 1px;
}

.plan__itemTxt1:first-of-type{
       margin-top: 0;
}

.plan__itemTxt2 {
       text-align: end;
}

.plan__item--spanFirst {
       display: inline-block;
       font-size: 2.2rem;
       letter-spacing: 0.04em;
}


.plan__item--spanSecond {
       display: inline-block;
       font-size: 2.2rem;
       letter-spacing: 0.04em;
}

.plan__item--span2 {
       font-size: 1.2rem;
       letter-spacing: 0.1em;
}

.plan__itemTxt3 {
       font-size: 1.2rem;
       font-weight: 300;
       line-height: 1.7; 
       letter-spacing: 0.05em;
}

.plan__item:last-of-type {
       margin-top: 0;
}

.plan__txt {
       font-size: 1.4rem;
       font-weight: 350;
       line-height: 1.7; 
       letter-spacing: 0.05em;
       margin: 35px auto 0;
}

.btn--plan {
       margin: 40px auto 0;
}

/* plan-pc表示 */
@media screen and (min-width:769px) {
       .section__plan {
              padding: 120px 0 ;
              margin-top: 136px;
       }

       .planBox {
              padding: 0 1.3%;
              max-width: 1122px;
              margin: 0 auto;
       }
       
       .plan__itemTxt1 {
              font-size: 1.8rem;
       }

       .plan__item--spanFirst {
              font-size: 2.7rem;
              margin-top: 0px;
       }
       
       
       .plan__item--spanSecond {
              font-size: 2.7rem;
              margin-top: 0;
       }

       .plan__name {
              font-size: 1.8rem;
              font-weight: 400;
              line-height: 1.5;
              margin-top: 45px;
       }

       .plan__name span {
              font-size: 2.2rem;
              font-weight: 400;
              line-height: 1.5;
              letter-spacing: 0.05em;
       }

       .plan__name span::after {
              background-image: url(../img/pc_plan_line.svg);
              background-position: center;
              width: 298px;
              height: 28px;
              top: 35px;
              right: 6px;
       }

       .plan__img {
              margin: 64px auto 0;
       }
}
@media screen and (min-width:1024px) {
       .plan__group {
              display: flex;
              margin-top: 45px;
              justify-content: space-between;
              align-items: center;
       }

       .plan__img {
              margin: 0 71px 0 0;
              width: 80%;
       }

       .plan__list {
              padding: 30px 51px 25px 52px;
              margin-top: 45px;
              margin-right: 33px;
       }
       
       .plan__item {
              display: flex;
              align-items: center;
       }
       
       .plan__itemTxt1{
              font-size: 1.8rem;
              line-height: 1.5; 
              margin-top: 23px;
              width: 60%;
              border-left: 4px solid #C19A5B;
              padding: 1px 0px 1px 6px;
       }
       

       .plan__item--spanSecond,
       .plan__item--spanFirst {
              display: inline-block;
              font-size: 2.5rem;
              margin-top: 0;
              color: var(--primary-black, #1F1F1F);
              letter-spacing: 0.05em;
       }
       
       .plan__item--span2 {
              font-size: 1.4rem;
       }

       .plan__item:last-of-type {
              border: none;
       }
       
       .plan__item:last-of-type span {
              padding-left: 0;
       }

       .plan__itemTxt3 {
              margin-top: 9px;
              margin-left: 10px;
       }
       
       .plan__txt {
              line-height: 1.9; 
       }

       .plan__txt:last-of-type {
              margin-top: 23px;
       }

       .btn--plan {
              margin: 45px auto 0;
       }
} /* pc 表示 */

/* ============================================================
information 
=============================================================== */
.informationBox{
       padding: 92px var(--contentpadding) 0;
}

.information__group {
       margin-top: 30px;
}


.information__content {
       display: flex;
       padding: 25px 0;
       border-bottom:1px solid rgba(193, 154, 91, 0.50);
       flex-wrap: wrap;
}

.information__name {
       color: #C19A5B;
       font-size: 1.6rem;
       letter-spacing: 0.05em;
       font-weight: 400;
       width: 5em;
}

.information__name--name  {
       width: 100%;
}

.information__detail--detail {
       padding-left: 22.5%;
}

.information__detail {
       font-size: 1.6rem;
       line-height: 1.7; 
       letter-spacing: 0.05em;
       flex: 1;
}

.information__detail--span {
       font-size: 1.7rem;
       line-height: 1.7; 
       letter-spacing: 0.1em;
}

.information__txt {
       font-size: 1.4rem;
       font-weight: 350;
       line-height: 1.9; 
       letter-spacing: 0.05em;
       display: flex;
       align-items: baseline;
}

.information__reserva {
       border-bottom: 1px solid var(--primary-brown);
}

.information__txt span {
       margin-left: 4px;
       margin-top: 5px;
}

.information__span {
       margin-right: 8px;
}

.information__p {
       font-size: 1.2rem;
       font-weight: 300;
       line-height: 1.7; 
       letter-spacing: 0.05em;
       margin-top: 5px;
       margin-left: 1.5rem;
}

.information__p2 {
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.7; 
       letter-spacing: 0.05em;
       margin-top: 20px;
}

.rent {
       background-color: #FBF9F5;;
       padding: 20px 16px ;
       margin: 43px auto 0;
       position: relative;
}

.rent::before {
       display: block;
       content: '';
       position: absolute;
       background-image: url(../img/rent_txt.svg);
       background-repeat: no-repeat;
       background-position: left center;
       background-size:contain;
       width: 100%;
       height: 9vw;
       top: -20px;
       left: 0;
       transform: translateX(-1em);
}

.rent__topic {
       font-size: 1.6rem;
       line-height: 1.7; 
       letter-spacing: 0.05em;
       text-align: center;
}

.rent__txt {
       font-size: 1.4rem;
       font-weight: 300;
       letter-spacing: 0.05em;
       margin-top: 7px;
}

.rent__txt span {
       border-bottom:1px solid var(--primary-brown) ;
}

.flow {
       margin-top: 155px;
       position: relative;
       padding: 0 var(--contentpadding) 153px;
}

.flow::after {
       display: inline-block;
       content: '';
       width: 213px;
       height: 158px;
       background-image: url(../img/flow_txt.svg);
       background-repeat: no-repeat;
       background-position: center;
       position: absolute;
       top: -112px;
       left: 0%;
}

.flow__title {
       font-size: 1.9rem;
       letter-spacing: 0.05em;
       position: relative;
       margin: 0 auto;
       width: fit-content;
}

.flow__title::before {
       display: inline-block;
       content: '';
       width: 34px;
       height: 29px;
       background-image: url(../img/flow_kizuki.svg);
       background-repeat: no-repeat;
       background-position: center;
       position: absolute;
       top: -17px;
       right: -21%;
       animation: yurayura 2s linear infinite;
       transform-origin: center bottom;
}

@keyframes yurayura {
0% , 100%{
    transform: rotate(8deg);
}
50%{
    transform: rotate(-8deg);
}
}

.flow__title::after {
       display: inline-block;
       content: '';
       width: 191px;
       height: 26px;
       background-image: url(../img/flow_line.svg);
       background-repeat: no-repeat;
       background-position: center;
       position: absolute;
       bottom: -24px;
       left: -13%;
}

.flow__list {
       padding: 30px 19px ;
       border: 2px solid #DCC59E;
       margin-top: 42px;
}

.flow__step {
       margin: 0 auto ;
       display: block;
       width: 55px;
       height: 33px;
}

.flow__item--top {
       margin-top: 80px;
}

.flow__Category {
       display: flex;
       align-items: center;
       justify-content: center;
}

.flow__Category img {
       width: 34px;
       height: 34px;
}

.flow__Category p {
       color: #000;
       font-family: "Noto Sans JP";
       font-size: 1.6rem;
       line-height: 1;
       letter-spacing: 0.05em;
       margin-left: 5px;
}

.flow__Box {
       margin: 0 auto;
       display: block;
       text-align: center;
}

.flow__txt {
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.7;
       letter-spacing: 0.05em;
       margin-top: 8px;
       padding-left: 12px;
       display: inline-block;
       text-align: left;
}

.flow__txt a {
       border-bottom: 1px solid var(--primary-brown);
}

.flow__txt--span{
       margin-top: 5px;
       display: inline-block;
}

.flow__item1,
.flow__item2 {
       position: relative;
}

.flow__item1::after,
.flow__item2::after {
       display: block;
       content: '';
       width: 22px;
       height: 44px;
       background-image: url(../img/sp_flow_icon.svg);
       background-repeat: no-repeat;
       background-position: center;
       position: absolute;
       bottom: -64px;
       left: 50%;
       transform: translateX(-50%);
}


/* infomation-pc表示 */
@media screen and (min-width:769px) {
       .informationBox{
              padding: 120px 0 ;
              max-width: 795px;
              margin: 0 auto;
       }

       .information__group {
              margin-top: 64px;
       }

       .information__content {
              padding: 30px 0;
       }

       .information__name {
              font-size: 1.7rem;
              width: 5em;
              margin-right: 58px;
       }

       .information__detail--detail  {
              padding-left: 0;
       }

       .information__detail--span {
              font-size: 1.8rem;
              line-height: 1.16; 
              letter-spacing: 0.1em;
       }

       .information__name--name  {
              margin-right: 36px;
              width: fit-content;
       }

       .rent {
              width:630px ;
              padding: 25px 51px;
              margin: 64px auto 0;
       }

       .rent::before {
              height: 4vw;
       }

       .rent__txt {
              font-size: 1.4rem;
              font-weight: 300;
              letter-spacing: 0.05em;
              margin-top: 10px;
              line-height: 1.9;
       }
       
       .flow {
              margin-top: 35px;
              padding: 0 var(--contentpadding);
       } 
       
       .flow::after {
              top: -126px;
              left: 10%;
       }

       .flow__title {
              font-size: 2rem;
              margin: 0 ;
              padding: 0 0 0 17%;
       }

       .flow__title::before {
              right: -8%;
       } 

       .flow__title::after {
              left: 60%;
       } 
}

@media screen and (min-width:1095px) {
       .flow {
              padding: 0;
       }
       
       .flow__list {
              padding: 42px 22px;
              border: none;
              border-top: 2px solid #DCC59E;
              border-bottom: 2px solid #DCC59E;
              max-width: 1200px;
              margin: 38px auto 0;
              display: flex;
              align-items: flex-start;
              justify-content: space-between;
       }

       .flow__item--top {
              margin-top: 0;
       }

       .flow__Category p {
              font-size: 1.8rem;
      }

      .flow__txt {
              font-size: 1.6rem;
              margin-top: 13px;
              padding-left: 0;
       }

       .flow__item1::after {
              width: 22px;
              height: 44px;
              background-image: url(../img/pc_flow_arrow.svg);
              background-repeat: no-repeat;
              background-position: center;
              position: absolute;
              bottom: 3px;
              left: 104%;
              transform: translateX(0);
       }
       
       
       .flow__item2::after {
              width: 22px;
              height: 44px;
              background-image: url(../img/pc_flow_arrow.svg);
              background-repeat: no-repeat;
              background-position: center;
              position: absolute;
              bottom: 35px;
              left: 100%;
              transform: translateX(0);
       }

}

@media screen and (min-width:1151px) {
       .flow__item1::after {
              left: 109%;
       }
       
       .flow__item2::after {
              left: 110%;
       }
} /* pc 表示 */


/* ============================================================
access
=============================================================== */
.topic__en--white {
       color: #FDFDFD;
}

.access__box1 {
       width: 86%;
       background: rgba(193, 154, 91, 0.50);
       left: 0;
       padding: 26px 34px 42px 20px;
}

.access__img {
       width: 118.5%;
       margin-top: 34px;

}

.access__box2 {
       width: var(--contentWidth);
       margin: 40px auto 0;
}

.map {
       width: 100%;
       height: 48.5vw;
} 

.map iframe {
       width: 100%;
       height: 100%;
}

.address {
       width: fit-content;
       margin: 0 auto;
       display: block;
       border-left: 4px solid var(--primary-brown);
       padding-left: 5px; 
}

.address__detail {
       font-size: 1.6rem;
       line-height: 1.7; 
       letter-spacing: 0.05em;
       margin-top: 25px;
}

.address__item {
       font-size: 1.4rem;
       font-weight: 350;
       line-height: 1.5; 
       letter-spacing: 0.05em;
}

.address__item span {
       display: block;
}

.address__group {
       margin-top: 10px;
}

.address__txt {
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.7; 
       letter-spacing: 0.05em;
       margin-top: 20px;
       display: flex;
       align-items: flex-start;
}

.address__txt img {
       padding-top: 2px;
}

.address__txt span {
       margin-left: 4px;
}

/* access-pc表示 */
@media screen and (min-width:769px) {
       .topic__en--white {
              text-align:center ;
       }
       
       .topic__ja--white {
              position: relative;
              padding-left: 86px;
       }

       .topic__ja--white::before {
              position: absolute;
              content: '';
              width: 40px;
              height: 5px;
              background-color: #3B530E;
              top: -1px;
              left: 86px;
       }
       
       .access__group {
              display: flex;
              max-width: 1200px;
              margin: 220px auto 0;
       }

       .access__box1 {
              max-width: 545px;
              padding: 17px 58px 90px 0;
              margin-right: 55px;
       }

       .access__img {
              width: 100%;
              margin-top: 24px;
       }

       .access__box2 {
              max-width:590px ;
              margin: 94px auto 0;
       }

       .map {
              height: 22.2vw;
       }

       .address {
              margin: 48px 0 0 27px;
              border-left: 4px solid var(--primary-brown);
              padding-left: 8px;
       }

       .address__group {
              margin-top: 15px;
       }
       
       .address__txt {
              line-height: 1.8; 
              margin-top: 29px;
              margin-left: 2rem;
       }

       .address__txt img {
              padding-top: 3px;
       }
       
}/* pc 表示 */

/* ============================================================
insta
=============================================================== */
.insta {
       margin-top: 100px;
}

.instaTxt {
       width: 83.5%;
       position: relative;
       margin-right: 0;
       margin-left: auto;
       margin-bottom: -34px;

}

.insta__txt {
       width: var(--contentWidth);
       font-size: 1.4rem;
       font-weight: 350;
       line-height: 1.65; 
       letter-spacing: 0.05;
       margin: 0 auto ;
}

.pcBr {
       display: none;
}

/* ---------insta_スライド-------------------- */
/*==================================================
スライダーのためのcss
===================================*/
.slider img {
       width:100%;/*スライダー内の画像を横幅100%に*/
       height:auto;
   }
   
   /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
   
   .slider .slick-slide {
       margin:0 10px;/*スライド左右の余白調整*/
       /* width: 100px !important; */
   }

.slide-container {
       margin-top: 28px;
}

.btn--insta {
       width: 224px;
       height: 65px;
       display: flex;
       align-items: center;
       color:var(--primary-black);
       justify-content: center;
       border: 1px solid var(--primary-brown, #C19A5B);
       box-shadow: 0px 4px 4px 0px rgba(193, 154, 91, 0.25);
       background-color: #F7EFE2;
       margin: 45px auto 0;
       -webkit-transition: all .3s;
       transition: all .3s;
       font-weight: 300;
}

.btn--insta span{
       margin-left: 10px;
}

.btn--insta:hover {
       color:var(--primary-cream,#F7EFE2);
       border:1px solid var(--primary-brown, #C19A5B);
       background-color: var(--primary-brown, #C19A5B);
     }

/* insta-pc表示 */
@media screen and (min-width:769px) {
       .insta {
              margin-top: 120px;
       }

       .instaTxt {
              width: 66.5%;
              position: relative;
              top: 70px;
       }

       .pcBr {
              display: block;
       }

       .insta__txt {
              font-weight: 400;
              line-height: 2; 
              text-align:center ;
       }

       .btn--insta {
              margin-top: 55px;
       }
}/* pc 表示 */

/* ============================================================
topics
=============================================================== */
.section__topics {
       padding: 0 var(--contentpadding) ;
       margin-top: 90px;
}

.topics__txt {
       font-size: 1.4rem;
       font-weight: 400;
       line-height: 1.7;
       letter-spacing: 0.05em;
       border-left: 4px solid var(--primary-brown);
       padding-left: 5px;
       margin-top: 20px;
}

.note {
       margin-top: 20px;
}

/*==================================================
スライダーのためのcss
===================================*/
.sliderNote {/*横幅94%で左右に余白を持たせて中央寄せ*/
       width:94%;
        margin:40px auto 0;
    }
    
    .sliderNote img {
        width:100%;/*スライダー内の画像を横幅100%に*/
        height:auto;
    }
    
    /*slickのJSで書かれるタグ内、スライド左右の余白調整*/
    
    .sliderNote .slick-slide {
        margin:0 30px;
    }
    
    /*矢印の設定*/
    
    /*戻る、次へ矢印の位置*/
    .slick-prev, 
    .slick-next {
        position: absolute;/*絶対配置にする*/
        top: 42%;
        cursor: pointer;/*マウスカーソルを指マークに*/
        outline: none;/*クリックをしたら出てくる枠線を消す*/
        border-top: 2px solid  #C19A5B;/*矢印の色*/
        border-right: 2px solid #C19A5B;/*矢印の色*/
        height: 15px;
        width: 15px;
    }
    
    .slick-prev {/*戻る矢印の位置と形状*/
        left: -1.5%;
        transform: rotate(-135deg);
    }
    
    .slick-next {/*次へ矢印の位置と形状*/
        right: -1.5%;
        transform: rotate(45deg);
    }
    
    /*ドットナビゲーションの設定*/
    
    .slick-dots {
        text-align:center;
           margin:20px 0 0 0;
    }
    
    .slick-dots li {
        display:inline-block;
           margin:0 5px;
    }
    
    .slick-dots button {
        color: transparent;
        outline: none;
        width: 10px;/*ドットボタンのサイズ*/
        height:10px;/*ドットボタンのサイズ*/
        display:block;
        border-radius:50%;
        background:#C19A5B;/*ドットボタンの色*/
    }
    
    .slick-dots .slick-active button{
        background:#C19A5B;/*ドットボタンの現在地表示の色*/
    }

/* topic-pc表示 */
@media screen and (min-width:769px) {
       .topics__txt {
              width: fit-content;
              margin: 40px auto 0;
              font-size: 1.8rem;
              padding-left: 5px;
              border-left: 4px solid var(--primary-brown);
       }
       
       .note  {
              max-width: 1200px;
              margin: 15px auto 0;
              gap: 9.5%;
              display: flex;
              justify-content: center;
              align-items: end;
       }

       .noteGroup--2 {
              margin-top: 30px;
       }
}/* pc 表示 */

/* ============================================================
FAQ
=============================================================== */
.section__faq {
       padding: 65px var(--contentpadding) 61px;
       background-color: #FBF9F5;
       margin-top: 100px;
}

.topicFaq {
       position: relative;
       width: fit-content;
       margin: auto;
}

.topicFaq::before {
       position: absolute;
       display: block;
       content: '';
       background-image: url(../img/faq_kiduki.svg);
       background-position: center;
       background-size: contain;
       background-repeat: no-repeat;
       width: 29px;
       height: 30px;
       left: -18%;
       top: -7%;
       animation: yurayura 2s linear infinite;
       transform-origin: center bottom;
}

@keyframes yurayura {
       0% , 100%{
           transform: rotate(8deg);
       }
       50%{
           transform: rotate(-8deg);
       }
     }
  

.faq__group {
       margin-top: 27px;
}

.faq__box {
       padding: 40px 0;
       border-top: 1px solid rgba(193, 154, 91, 0.50);
}

.faq__box:last-of-type {
       border-bottom: 1px solid rgba(193, 154, 91, 0.50) ;
}

.faq__title {
       display: flex;
       align-items: flex-start;
}

.faq__title p {
       font-size: 1.6rem;
       font-weight: 400;
       letter-spacing: 0.05em;
}

.faq__title span {
       color: var(--primary-brown, #C19A5B);
       font-size: 1.6rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       margin-right: 10px;
}

.faq__answer {
       display: flex;
       align-items: flex-start;
       margin-top: 10px;
       margin-left: 19px;
}

.faq__answer p {
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.8; 
       letter-spacing: 0.05em;
}

.faq__answer span {
       color: var(--primary-brown, #C19A5B);
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.8; 
       letter-spacing: 0.05em;
       margin-right: 5px;
}

.btn--faq {
       border: 1px solid var(--primary-brown, #C19A5B);
       background-color: var(--primary-brown, #C19A5B);
       box-shadow: 0px 4px 4px 0px rgba(193, 154, 91, 0.25);
       margin-top: 25px;
}

.faq__answer a {
       border-bottom: 1px solid #C19A5B;
}

/* FAQ-pc表示 */
@media screen and (min-width:769px) {
       .section__faq {
              max-width: 1200px;
              margin: 150px auto 0;
              padding: 90px 8.3% 90px;
       }

       .topicFaq::before {
              height: 72px;
              width: 46px;
              left: -21%;
              top: -9%;
       }

       .faq__group {
              margin-top: 36px;
       }

       .faq__answer {
              margin-top: 25px;
              padding-left: 32px;
       }
       
       .faq__answer p {
              line-height: 2; 
       }

       .faq__answer span {
              margin-right: 10px;
              line-height: 2;
       }
       
       .faq__box {
              padding: 40px 5.8%;
              border-top-width: 1px solid rgba(193, 154, 91, 0.50);
              max-width: 996px;
       }

       .btn--faq {
              margin-top: 40px;
       }
       
}/* pc 表示 */

/* ============================================================
contact
=============================================================== */
.section__contact {
       background-color: var(--primary-cream, #F7EFE2);
       padding: 90px var(--contentpadding) 30px;
}

.topic__en--contact {
       transform: translateX(-5px);
}

.contact__txt {
       font-size: 1.6rem;
       font-weight: 400;
       line-height: 1.6;
       letter-spacing: 0.05em;
       margin-top: 18px;
}

.contact__txt span {
       border-bottom: 1px solid #C19A5B;
       padding-bottom: 2px;
}


.contact__txt:first-of-type {
       margin-top: 48px;
}

.contact__ditail {
       text-align: center;
       margin-top: 47px;
}
/* ------------------fukidasi --------------*/
.contact__name {
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.9; 
       letter-spacing: 0.05em;
       display: flex;
       justify-content: center;
       align-items: center;
       position: relative;
       width: fit-content;
       margin: 0 auto;
}

.contact__name::before {
       display: inline-block;
       position: absolute;
       content: "";
       background-image: url(../img/fukidasi.svg);
       background-repeat: no-repeat;
       background-size: contain;
       width: 19px;
       height: 19px;
       left: -8%; 
}

.contact__name::after {
       display: inline-block;
       position: absolute;
       content: "";
       background-image: url(../img/fukidasi_2.svg);
       background-repeat: no-repeat;
       background-size: contain;
       width: 19px;
       height: 19px;
       right: -10%;
}

/* ------------------contact_btn --------------*/
.contact__btn {
       width: 281px;
       height: 69px;
       padding: 20px 83px 25px;
       border: 1px solid var(--primary-brown, #C19A5B);
       background-color: #FBF9F5;
       box-shadow: 0px 4px 4px 0px rgba(193, 154, 91, 0.25);
       display: flex;
       align-items: center;
       margin: 10px auto 0 ;
       -webkit-transition: all .3s;
       transition: all .3s;
       cursor: pointer;
}

.contact__btn:hover {
       background-color: rgba(193, 154, 91, 0.5);
     }

.contact__btn img {
       width: 28px;
       height: 28px;
}

.contact__btn span {
       font-size: 1.6rem;
       font-weight: 400;
       letter-spacing: 0.05em;
       margin-left: 10px;
       position: relative;
}

.contact__explanation {
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.70; 
       letter-spacing: 0.05em;
       margin-top: 15px;
}

.contact__explanation p {
       margin-top: 10px;
}

.contact__btn--2 {
       padding: 20px 28px 25px 42px;
       display: flex;
       align-items: flex-start;
}

.contact__txt2 {
       font-size: 1.4rem;
       font-weight: 300;
       line-height: 1.7;
       letter-spacing: 0.05em;
}

.contact__txt2--last {
       text-align: center;
}

/* FAQ-pc表示 */
@media screen and (min-width:769px) {
       .section__contact {
              padding: 145px 0 100px;
              max-width: 895px;
              margin: 0 auto;
       }

       .topic__contact {
              padding-left: 8.3%;
       }

       .topic__en--contact {
              transform: translateX(-11px);
       }

       .contact__txt {
              font-size: 1.8rem;
              margin-top: 10px;
       }

       .contactGroup {
              padding: 54px 0 0 9%;
       }

       .contact__group {
              display: flex;
              justify-content: space-between;
              align-items: flex-end;
       }
       
       .contact__txt:first-of-type {
              margin-top: 0px;
       }

       .contact__ditail {
              margin: 43px 15px 0 0;
       }

       .contact__ditail--1 {
              margin-top: 70px;
       }
       
       .contact__txt2 {
              line-height: 1.6;
       }

       .contact__explanation p {
              margin-top: 5px
       }

       .contact__group--2 {
              justify-content: flex-start;
       }
}/* pc 表示 */