@import url('https://fonts.googleapis.com/css2?family=Zen+Kaku+Gothic+New:wght@400;500&display=swap');

.c-section{
    padding-bottom: 0 !important;
}

.wp-block-snow-monkey-blocks-section-with-bgimage.alignfull.smb-section.smb-section-with-bgimage.smb-section--fit.is-style-smb-section-undecorated-title{
    margin-top: 0 !important;
}

.fluid {
    position: relative;
    width:45vh;/*横幅*/
    align-items: center;
    height: 45vh;/*縦幅*/
    background:url(../../uploads/2023/05/名称未設定のデザイン-66.png) no-repeat center center / cover;/*背景色*/
    animation: fluidrotate 20s ease 0s infinite;/*アニメーションの設定*/
  }

  .fluid::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-4.png) no-repeat center center / contain;
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;  
}
  
  @keyframes fluidrotate {  
        
    0%, 100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
        
  }

  .fluid2 {
    width:45vh;/*横幅*/
    position: relative;
    align-items: center;
    height: 45vh;/*縦幅*/
    background:url(../../uploads/2023/05/名称未設定のデザイン-25.png) no-repeat center center / cover;/*背景色*/
    animation: fluidrotate2 20s ease 0s infinite;/*アニメーションの設定*/
  }

  .fluid2::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-5.png) no-repeat center center / contain;
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;  
}
  
  @keyframes fluidrotate2 {  
        
    0%, 100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
        
  }

  

  .fluid3 {
    width:45vh;/*横幅*/
    position: relative;
    align-items: center;
    height: 45vh;/*縦幅*/
    background:url(../../uploads/2023/05/名称未設定のデザイン-42.png) no-repeat center center / cover;/*背景色*/
    animation: fluidrotate3 20s ease 0s infinite;/*アニメーションの設定*/
  }

  .fluid3::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-6.png) no-repeat center center / contain;
    width: 70px;
    height: 70px;
    top: 0;
    right: 0;  
}
  
  @keyframes fluidrotate3 {  
        
    0%, 100% {
        border-radius: 63% 37% 54% 46%/55% 48% 52% 45%;
    }
    14% {
        border-radius: 40% 60% 54% 46%/49% 60% 40% 51%;
    }
    28% {
        border-radius: 54% 46% 38% 62%/49% 70% 30% 51%;
    }
    42% {
        border-radius: 61% 39% 55% 45%/61% 38% 62% 39%;
    }
    56% {
        border-radius: 61% 39% 67% 33%/70% 50% 50% 30%;
    }
    70% {
        border-radius: 50% 50% 34% 66%/56% 68% 32% 44%;
    }
    84% {
        border-radius: 46% 54% 50% 50%/35% 61% 39% 65%;
    }
        
  }

  .slick-slider{
    padding-left: 0;
}

.slider-wrapper{
    width: 100%;
    max-width: 100%;
    margin: 0 !important;
    position: relative; 
    z-index: -1;
    padding: 100px 0 0;
}

.slider-wrapper::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-30.png) no-repeat center center / contain;
    width: 40%;
    height: 40%;
    top: 20px;
    left: -10%;
    z-index: 100;
}


.slider-wrapper::before{
position: absolute;
content: "";
background: url(../../uploads/2023/05/名称未設定のデザイン-82.png) no-repeat center center / contain;
width: 40%;
height: 40%;
bottom: -40px;
right: -10%;
z-index: 100;
}


.slider img {
    width:100%;/*スライダー内の画像を横幅100%に*/
    height:auto;
    
}

/*slickのJSで書かれるタグ内、スライド左右の余白調整*/

.slider .slick-slide {
    margin:0;/*スライド左右の余白調整*/
}

.l-footer{
    border-top: none;
}

.sme-text-color{
    padding: 5px 15px;
    border-bottom: 6px dotted #fb8b70;
}

.body-img{
    position: relative;
}

.body-img::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-16.png) no-repeat center center / contain;
    width: 300px;
    height: 300px;
    left: 20px;
    top: -150px;
}

.body-img::before{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-15.png) no-repeat center center / contain;
    width: 300px;
    height: 300px;
    right: 20px;
    top: -150px;
}



.slider2 {
    position:relative;
      z-index: -1;
      /*↑z-indexの値をh1のz-indexの値よりも小さくして背景に回す*/
      height: 90vh;/*スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
      width: 100%;
      padding-left: 0;
      display: block;
      
  }
  /*　背景画像設定　*/
  
  .slider-item201 {
      background:url(../../uploads/2023/05/名称未設定のデザイン-29.png);
  }
  
  .slider-item202 {
      background:url(../../uploads/2023/05/名称未設定のデザイン-30.png);
  }
  
  .slider-item203 {
      background:url(../../uploads/2023/05/名称未設定のデザイン-28.png);
  }

  .slider-item2 {
    width: 100%;/*各スライダー全体の横幅を画面の高さいっぱい（100%）にする*/
    height:90vh;/*各スライダー全体の縦幅を画面の高さいっぱい（100vh）にする*/
    background-repeat: no-repeat;/*背景画像をリピートしない*/
    background-position: center;/*背景画像の位置を中央に*/
    background-size: cover;/*背景画像が.slider-item全体を覆い表示*/
}

.slider2-wrapper{
    position: relative;
}

.main-visual-title{
    position: absolute;
    top: 55%;
    transform: translateY(-45%);
    left: 7%;
    max-width: 600px;
    color: #fff;
}

.main-visual-en{
    font-size: 14px;
    letter-spacing: 0.2rem;
    margin-bottom: 20px;
}

.main-visual-body{
    font-size: 14px;
    line-height: 2.5;
    font-weight: 500;
    letter-spacing: 0.3rem;
    margin-top: 20px;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

.section-main-title{
    font-family: 'Zen Kaku Gothic New', sans-serif;
    font-weight: 500;
}

.main-visual-body .body-doted{
    border-bottom: 5px dotted;
    color: #e84466;
    padding-bottom: 5px;
}

.slider2-wrapper::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/wave_top_white.png) no-repeat center center / cover;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 7%;
}

.scrolldown4{
    /*描画位置※位置は適宜調整してください*/
	position:absolute;
	bottom: 0;
	right:50%;
    /*矢印の動き1秒かけて永遠にループ*/
	animation: arrowmove 2s ease-in-out infinite;
}

/*下からの距離が変化して全体が下→上→下に動く*/
@keyframes arrowmove{
      0%{bottom:1%;}
      50%{bottom:3%;}
     100%{bottom:1%;}
 }

/*Scrollテキストの描写*/
.scrolldown4 span{
    /*描画位置*/
	position: absolute;
	left:-20px;
	bottom:50px;
    /*テキストの形状*/
	color: #fff;
    font-weight: bold;
	font-size: 0.7rem;
	letter-spacing: 0.05em;
	/*縦書き設定*/
	-ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
}

/* 矢印の描写 */
.scrolldown4:before {
    content: "";
    /*描画位置*/
    position: absolute;
    bottom: 50px;
    right: -6px;
    /*矢印の形状*/
    width: 1px;
    height: 20px;
    background: #fff;
    transform: skewX(-31deg);
}

.scrolldown4:after{
	content:"";
    /*描画位置*/
	position: absolute;
	bottom:50px;
	right:0;
    /*矢印の形状*/
	width:1px;
	height: 50px;
	background:#fff;
}


.l-header{
	margin: 20px auto;
    width: 90%;
	border-radius: 30px;
    box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.15);
	background: #fff !important;
}




.footer-right {
    width: 100%;
    max-width: 100%;
  }
  
  .iframe-wrap {
    width: 100%;
  height: 700px;
  overflow: hidden;
  }
  
  .iframe-wrap iframe {
    width: 100%;
    height: 860px;
    margin-top: -170px;
  }

  .contact-btn{
    background: #fb8b70;
    letter-spacing: 0.1rem;
    color: #fff;
    border-radius: 20px;
    padding: 15px 30px 15px 50px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
  }

  .contact-btn::before{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-33.png) no-repeat center center / contain;;
    width: 30px;
    height: 30px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }

  .menu-item-27 a{
    position: relative;
    padding-top: 40px !important;
    padding-bottom: 3px !important;
    font-size: 12px !important;
    letter-spacing: 0.1rem;
  }

  .menu-item-27 a::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-40.png) no-repeat center center / contain;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
  }

  .menu-item-26 a{
    position: relative;
    padding-top: 40px !important;
    padding-bottom: 3px !important;
    font-size: 12px !important;
    letter-spacing: 0.1rem;
  }

  .menu-item-26 a::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-42.png) no-repeat center center / contain;
    width: 40px;
    height: 40px;
    left: 50%;
    top: 5px;
    transform: translateX(-50%);
  }

  .menu-item-29 a{
    position: relative;
    padding-top: 40px !important;
    padding-bottom: 3px !important;
    font-size: 12px !important;
    letter-spacing: 0.1rem;
  }

  .menu-item-29 a::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-41.png) no-repeat center center / contain;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 7px;
    transform: translateX(-50%);
  }

  .menu-item-82 a{
    position: relative;
    padding-top: 40px !important;
    padding-bottom: 3px !important;
    font-size: 12px !important;
    letter-spacing: 0.1rem;
  }

  .menu-item-82 a::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-43.png) no-repeat center center / contain;
    width: 30px;
    height: 30px;
    left: 50%;
    top: 10px;
    transform: translateX(-50%);
  }



  .bgextend{
	animation-name:bgextendAnimeBase;
	animation-duration:1s;
	animation-fill-mode:forwards;
	position: relative;
	overflow: hidden;/*　はみ出た色要素を隠す　*/
	opacity:0;
    line-height: 1.4;
    font-size: 3rem;
  }

@keyframes bgextendAnimeBase{
  from {
    opacity:0;
  }

  to {
    opacity:1;  
}
}

/*中の要素*/
.bgappear{
	animation-name:bgextendAnimeSecond;
	animation-duration:2s;
	animation-delay: 0.6s;
	animation-fill-mode:forwards;
	opacity: 0;
    letter-spacing: 0.4rem;
    padding: 0 10px;
    color: #fb8b70;
    font-size: 2.3rem;
    font-weight: 500;
    font-family: 'Zen Kaku Gothic New', sans-serif;
}

@keyframes bgextendAnimeSecond{
	0% {
	opacity: 0;
	}
	100% {
	opacity: 1;
}
}

/*左から右*/
.bgLRextend::before{
	animation-name:bgLRextendAnime;
	animation-duration:2s;
	animation-fill-mode:forwards;
    content: "";
    position: absolute;
    width: 100%;
    top: 5%;
   
    height: 100%;
    background-color: #fff;/*伸びる背景色の設定*/
}
@keyframes bgLRextendAnime{
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	50% {
		transform-origin:left;
		transform:scaleX(1);
	}
	
	100% {
		transform-origin:right;
		transform:scaleX(1);
	}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
.bgappearTrigger,
.bgLRextendTrigger{
    opacity: 0;
}


.blur{
	animation-name:blurAnime;
	animation-duration:2s;
    animation-delay: 1s;
	animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
	filter: blur(10px);
	transform: scale(1.02);
	opacity: 0;
  }

  to {
	filter: blur(0);
	transform: scale(1);
	opacity: 1;
  }
}
 
.blurTrigger{
    opacity: 0;
}

@media only screen and (max-width: 1050px){
    .bgappear{
        letter-spacing: 0.1rem;
        font-size: 1.5rem;
    }

    .bgextend{
        font-size: 1.8rem;
    }

    .main-visual-body{
        font-size: 12px;
        letter-spacing: 0rem;
        margin-top: 10px;
    }

    .main-visual-en{
        font-size: 12px;
        letter-spacing: 0.1rem;
        margin-bottom: 10px;
    }

    .main-visual-title{
        left: 3%;
        top: 65%;
    }
}


.footer-right{
    position: relative;
}

.access-info{
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 5%;
}

.info-items{
    background: #fff;
    padding: 50px;
    border-radius: 10px;
}

.info-title{
    text-align: center;
    padding-bottom: 30px;
    border-bottom: 1px solid #e0e0e0;
}

.info-main-title{
    font-size: 1.8rem;
    letter-spacing: 0.2rem;
    font-weight: bold;
}

.info-sub-title{
    font-size: 0.8rem;
    font-weight: bold;
    letter-spacing: 0.2rem;
    color: #fb8b70;
}

.info-body{
    font-size: 12px;
    margin-top: 20px;
}



.info-btn-area{
    text-align: center;
    padding: 30px 0;
    border-bottom: 1px solid #e0e0e0;
}

.form-contact{
    background: #fb8b70;
    letter-spacing: 0.1rem;
    color: #fff;
    border-radius: 20px;
    font-size: 1.6rem;
    padding: 15px 50px 15px 70px;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}

.phone-btn-area{
    margin-bottom: 20px;
}

.phone-btn{
    letter-spacing: 0.1rem;
    color: #fb8b70;
    border-radius: 20px;
    font-size: 1.6rem;
    padding: 15px 50px 15px 70px;
    text-decoration: none;
    position: relative;
    font-weight: bold;
    border: 3px solid #fb8b70;
    
}

.phone-btn::before{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-58.png) no-repeat center center / contain;;
    width: 40px;
    height: 40px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }


.form-contact::before{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-33.png) no-repeat center center / contain;;
    width: 40px;
    height: 40px;
    left: 10px;
    top: 50%;
    transform: translateY(-50%);
  }


.info-add-area{
    padding: 30px 0;
    border-bottom: 1px solid #e0e0e0;
}

.add-name{
    font-weight: bold;
    font-size: 14px;
}

.add-body{
    font-size: 14px;
}

.google-map-btn-area{
    padding-top: 30px;
    text-align: center;
}



  
  .history {
    position: relative;
    margin: 0 auto;
    padding: 0px;
  }
  
  @media only screen and (min-width: 768px) {
    .history {
      max-width: 1100px;
    }
  }
  
  .history:before {
    content: "";
    width: 3px;
    height: 105%;
    background: #fb8b70;
    position: absolute;
	  top: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  
  @media only screen and (min-width: 768px) {
    .history:before {
      left: 50%;
    }
  }
  
  .history .history__item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 0 0 35px 20px;
  }
  
  @media only screen and (min-width: 768px) {
    .history .history__item {
      padding: 0;
    }
  }
  
  @media only screen and (min-width: 768px) {
    .history .history__item:nth-of-type(2n) {
      -webkit-box-pack: end;
          -ms-flex-pack: end;
              justify-content: flex-end;
    }


  }

  .history .history__item:nth-child(1):before{
    content: "";
    width: 150px;
    height: 150px;
    background: url(../../uploads/2023/05/930-1.png) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 20%;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  
  .history .history__item:nth-child(2):before{
    content: "";
    width: 150px;
    height: 150px;
    background: url(../../uploads/2023/05/930.png) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    top: 10%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .history .history__item:nth-child(3):before{
    content: "";
    width: 150px;
    height: 150px;
    background: url(../../uploads/2023/05/930-2.png) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .history .history__item:nth-child(4):before{
    content: "";
    width: 150px;
    height: 150px;
    background: url(../../uploads/2023/05/930-3.png) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .history .history__item:nth-child(5):before{
    content: "";
    width: 150px;
    height: 150px;
    background: url(../../uploads/2023/05/930-4.png) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  
  .history .history__item:nth-child(6):before{
    content: "";
    width: 150px;
    height: 150px;
    background: url(../../uploads/2023/05/930-5.png) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }

  .history .history__item:nth-child(7):before{
    content: "";
    width: 150px;
    height: 150px;
    background: url(../../uploads/2023/05/930-6.png) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    top: 20%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  
  @media only screen and (max-width: 768px) {
    .history .history__item:nth-child(1):before{
        left: 0;
        width: 70px;
        height: 70px;
    }

    .history .history__item:nth-child(2):before{
        left: 0;
        width: 70px;
        height: 70px;
    }

    .history .history__item:nth-child(3):before{
        left: 0;
        width: 70px;
        height: 70px;
    }

    .history .history__item:nth-child(4):before{
        left: 0;
        width: 70px;
        height: 70px;
    }

    .history .history__item:nth-child(5):before{
        left: 0;
        width: 70px;
        height: 70px;
    }

    .history .history__item:nth-child(6):before{
        left: 0;
        top: 0;
        width: 70px;
        height: 70px;
    }

    .history .history__item:nth-child(7):before{
        left: 0;
        width: 70px;
        height: 70px;
        top: 0;
    }
  }
  
  .history .history__item:last-child {
    padding-bottom: 15px;
  }
  
  @media only screen and (min-width: 768px) {
    .history .history__item:last-child {
      padding-bottom: 0;
    }
  }
  
  .history .history__item:last-child:after {
    content: "";
    width: 150px;
    height: 70px;
    background: url(../../uploads/2023/05/930-7.png) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    bottom: -100px;
    transform: translateX(-50%);
    
  }

  .history .history__item:first-child:after {
    content: "";
    width: 150px;
    height: 70px;
    background: url(../../uploads/2023/05/930-8.png) no-repeat center center / contain;
    position: absolute;
    left: 50%;
    top: -120px;
    transform: translateX(-50%);
    
  }
  
  @media only screen and (max-width: 768px) {
    .history .history__item:last-child:after {
      left: 0;
      width: 70px;
      height: 35px;
		bottom: -70px;
    }

    .history .history__item:first-child:after {
        left: 0;
        width: 70px;
        height: 35px;
        top: -70px;
    }

    
  }
  
  .history .history__inner {
    max-width: 450px;
  }
  
  .history .history__iamge {
    line-height: 1;
    margin: 0;
    padding: 0;
  }

  
  .history .history__iamge img {
    -webkit-box-shadow: 0 0 15px rgba(30, 29, 29, 0.33);
            box-shadow: 0 0 15px rgba(30, 29, 29, 0.33);
    display: block;
  }
  
  .history .history__text {
    padding-top: 10px;
    letter-spacing: 0.05em;
  }
  
  @media only screen and (min-width: 768px) {
    .history .history__text {
      margin-top: 15px;
    }
  }


  .smb-section__title{
    display: inline-block;
    position: relative;
    
}

.smb-section__title::before{
    position: absolute;
    content: "";
    background-image: repeating-linear-gradient(-45deg, #ffc2e7, #ffc2e7 3px, #fff0f9 3px, #fff0f9 7px);
    width: 100%;
    height: 30px;
    bottom: 0;
    left: 0;
   z-index: -1;
}

.info-main-title{
    display: inline-block;
    position: relative;   
}

.info-main-title::after{
    position: absolute;
    content: "";
    background-image: repeating-linear-gradient(-45deg, #ffc2e7, #ffc2e7 3px, #fff0f9 3px, #fff0f9 7px);
    width: 100%;
    height: 30px;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.smb-section__fixed-background{
    z-index: -1;
}

.smb-section-with-bgimage__bgimage{
    z-index: -1;
}
  

.history-main{
    font-size: 1.2rem;
    letter-spacing: 0.2rem;
    font-weight: bold;
    color: #fb8b70;
    line-height: 1.2 !important;
}

.history-body{
    font-size: 0.9rem;
    line-height: 1.7 !important;
    margin-top: 10px;
}

.google-map-btn{
    text-decoration: none;
    padding: 10px 50px 10px 10px;
    font-weight: bold;
    border-bottom: 1px solid #fb8b70;
    position: relative;
    transition: all 0.3s ease;
}

.google-map-btn:hover{
    opacity: 0.4;
}


.btn-ani:hover {
    animation: anima-button-041 3s linear;
}

@keyframes anima-button-041 {
    7% {
        transform: translateY(-10px);
    }
    15% {
        transform: translateY(0);
    }
    20% {
        transform: translateY(-5px);
    }
    25% {
        transform: translateY(0);
    }
}

.google-map-btn::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/名称未設定のデザイン-73.png) no-repeat center center / contain;
    width: 30px;
    height: 30px;
    right: 0;
    top: 40%;
    transform: translateY(-50%);
}

.smb-section__title .sme-letter-spacing{
    position: relative;
}

.smb-section__title .sme-letter-spacing::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/名称未設定のデザイン-75.png) no-repeat center center /contain;
    width: 100px;
    height: 100px;
    right: -100px;
    top: 50%;
    transform: translateY(-50%);
}

.smb-section__title .sme-letter-spacing::before{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/名称未設定のデザイン-77.png) no-repeat center center /contain;
    width: 110px;
    height: 110px;
    left: -120px;
    top: 50%;
    transform: translateY(-50%);
}

.history-main-title .sme-text-color{
    border-bottom: none;
}

.section-history{
    position: relative;
}

.section-history::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/名称未設定のデザイン-83.png) no-repeat center center / contain;
    width: 500px;
    height: 500px;
    right: 0;
    bottom: -100px;
}

.section-about{
    position: relative;
    z-index: -2;
}


.history-main-img{
    position: relative;
}

.history-main-img::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/名称未設定のデザイン-78.png) no-repeat center center / contain;
    width: 400px;
    height: 400px;
    left: -400px;
    top: 50%;
    transform: translateY(-50%);
}

.history-main-img::before{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/名称未設定のデザイン-79.png) no-repeat center center / contain;
    width: 400px;
    height: 400px;
    right: -400px;
    top: 50%;
    transform: translateY(-50%);
}

@media only screen and (max-width: 1050px){
    .access-info{
        position: relative;
        transform: translateY(0%);
        left: 0%;
    }
	
	    .iframe-wrap {
        width: 100%;
      height: 400px;
      overflow: hidden;
      }
      
      .iframe-wrap iframe {
        width: 100%;
        height: 400px;
        margin-top: 0px;
      }

    .info-items{
        padding: 20px;
    }

    .phone-btn{
        font-size: 1.4rem;
    }

    .form-contact{
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 768px){
    p{
        font-size: 12px;
    }

    .sme-line-height{
        line-height: 2 !important;
    }

    .body-img::after{
        display: none;
    }

    .body-img::before{
        display: none;
    }

    .has-text-align-center.section-main-title .sme-font-size{
        font-size: 1.6rem !important;
    }

    .history-main{
        font-size: 1rem;
    }

    .history-body{
        font-size: 0.8rem;
    }

    .section-history::after{
        width: 100px;
        height: 100px;
        bottom: 0;
    }

    h2 .sme-letter-spacing{
        font-size: 1.4rem !important;
    }

    .info-main-title{
        font-size: 1.4rem;
    }

    .smb-section__title .sme-letter-spacing::before{
        width: 60px;
        height: 60px;
        left: -60px;
    }

    .smb-section__title .sme-letter-spacing::after{
        width: 60px;
        height: 60px;
        right: -50px;
    }

    .slider2-wrapper::after{
        height: 2%;
    }

    .scrolldown4 span{
        bottom: 20px;
    }

    .scrolldown4:after{
        bottom: 20px;
    }

    .scrolldown4:before{
        bottom: 20px;
    }

    .fluid, .fluid2, .fluid3{
        width: 35vh;
        height: 35vh;
    }

    .hoiku .body-img .sme-letter-spacing{
        font-size: 12px !important;
    }
	
	.hoiku .section-main-title .sme-letter-spacing{
        font-size: 1.6rem !important;
    }

    .hoiku .sme-letter-spacing{
        font-size: 1rem !important;
    }

    .hoiku .sme-font-size.has-sm-s-font-size{
        font-size: 12px !important;
    }
}


.smf-item__label__text .sme-text-color{
    border-bottom: none;
}


.c-hamburger-btn__label{
    display: none;
}

.l-header--sticky-overlay-sm .c-hamburger-btn__bar{
    background: #fb8b70;
}

.c-hamburger-btn__bar{
    height: 4px;
}

.c-drawer__inner{
    text-align: center;
    color: #fb8b70;
    font-weight: bold;
    letter-spacing: 0.1rem;
}


.c-drawer__menu{
    margin-top: 60px;
}

.c-drawer{
    background-color: #fff !important;
}

.menu-item-318 a{
    position: relative;
    margin-top: 20px;
    padding-top: 30px !important;
}

.menu-item-318 a::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-40.png) no-repeat center center / contain;
    width: 40px;
    height: 40px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.menu-item-319 a{
    margin-top: 20px;
    position: relative;
    padding-top: 30px !important;
}

.menu-item-319 a::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-42.png) no-repeat center center / contain;
    width: 40px;
    height: 40px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.menu-item-320 a{
    margin-top: 20px;
    position: relative;
    padding-top: 30px !important;
}

.menu-item-320 a::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-41.png) no-repeat center center / contain;
    width: 40px;
    height: 40px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.menu-item-321 a{
    margin-top: 20px;
    position: relative;
    padding-top: 30px !important;
}

.menu-item-321 a::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-43.png) no-repeat center center / contain;
    width: 40px;
    height: 40px;
    top: -10px;
    left: 50%;
    transform: translateX(-50%);
}

.menu-item-322 a{
    color: #fff;
    background: #fb8b70;
    padding:10px;
    margin-top: 10px;
    border-radius: 20px;
    position: relative;
}

.menu-item-322 a::after{
    position: absolute;
    content: "";
    background: url(../../uploads/2023/05/本文を追加-33.png) no-repeat center center / contain;
    width: 30px;
    height: 30px;
    left: 10%;
    top: 50%;
    transform: translateY(-50%);
    
}

.smf-action .smf-button-control__control{
    color: #fb8b70;
    background: #fff;
    font-weight: bold;
    border: 2px solid #fb8b70;
    transition: all 0.3s ease;
}

.smf-action .smf-button-control__control:hover{
    background: #fb8b70;
    color: #fff;
    border: 1px solid #fff;
}

.c-page-header[data-has-image=true]{
    height: 300px;
   
}

.c-page-header__title{
    position: absolute;
}