a {
    text-decoration: none;
    }
 
    .wrapper {
        background: rgba(213, 231, 243, 0.5);
        overflow: hidden;
        }
    .header{
        max-width: 481px;
        margin: 0 auto;
        }      
    .header_inner{
        display: flex; 
        align-items: center;
        }     
        
        

    .logo{
        width: 90px;
        height: 90px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 10px;
        }
    .logo:hover{
        opacity: 0.6;
           }
    #pc_nav{
        display: none;      
        }
    .logo_sp{
        position: relative;
    }
     .logo_pc{
        display: none;     
       }   
    .js-offcanvas{
        display: block;
        width: 220px;
        position: fixed;
        background-color: rgba(213, 231, 243, 0.5);
        top: 0;
        left: -300px;
        bottom: 0;
        transition: all 0.5s;
        z-index: 3;
        opacity: 0.8;
        padding: 15px;
        }
    
    .js-offcanvas ul{
        list-style: none;
        margin: 0;
        padding: 0;
        }
    .js-offcanvas .sp_men{
        margin: 0;
        border-bottom: 1px solid #c4c2c2;
        }
    .js-offcanvas .sp_men:hover{
        opacity: 0.6;
         }
    .js-offcanvas ul li a{
        display: block;
        color: #3b43ac;
        font-size: 14px;
        font-weight: bold;
        letter-spacing: 0.1em;
        padding: 1rem;
        transition-duration: 0.4s;
        text-align: center;
    }
    .sp_a{
        background-color: #feb644;
        border-radius: 30px;
        position: relative;
        }
    .sp_a::before { /* くの字の表示設定 */
        content: "";
        margin: auto;
        position: absolute;
        right:  -80%;
        top: 16px;
        left: 2px;
        width: 8px;    /* くの字を山なりに見た時、左側の長さ */
        height: 8px;   /* くの字を山なりに見た時、右側の長さ */
        border-top: 2px solid #3b43ac;     /* くの字を山なりに見た時、左側の太さと色 */
        border-right: 2px solid #3b43ac;   /* くの字を山なりに見た時、右側の太さと色 */
        transform: rotate(45deg);    /* くの字の向き */
        }
    .js-offcanvas .sp_me:hover{
        opacity: 0.7;
            }
    .js-offcanvas .sp_li a:hover{
        opacity: 0.7;
            }   
    .js-hiraku-offcanvas-body-active .js-hiraku-offcanvas-sidebar-right {
        background: #d3def1d5;   }

    .js-offcanvas-btn {
        display: block;
        position:  absolute;
        top: 32px;
        right: 30px;
        width: 30px;
        z-index: 3;
        cursor: pointer;
        border: none;
        background: transparent;
          }
         
    aside.js-offcanvas {
        display: none;
          }
    @media screen and (min-width:290px) and (max-width:311px) {
    .js-offcanvas ul li a{
        display: block;
        color: #3b43ac;
        font-size: 12px;
        font-weight: bold;
        letter-spacing: 0.1em;
        padding: 1rem;
        transition-duration: 0.2s;
        text-align: center;
        }
    .sp_a::before { /* くの字の表示設定 */
        content: "";
        margin: auto;
        position: absolute;
        right:  -55%;
        /*top: 211px;*/
        left: 2px;
        width: 8px;    /* くの字を山なりに見た時、左側の長さ */
        height: 8px;   /* くの字を山なりに見た時、右側の長さ */
        border-top: 2px solid #3b43ac;     /* くの字を山なりに見た時、左側の太さと色 */
        border-right: 2px solid #3b43ac;   /* くの字を山なりに見た時、右側の太さと色 */
        transform: rotate(45deg);    /* くの字の向き */
            }

   
        }
      
    @media screen and (max-width:289px) {
    .js-offcanvas ul li a{
        display: block;
        color: #3b43ac;
        font-size: 10px;
        font-weight: bold;
        letter-spacing: 0.1em;
        padding: 1rem;
        transition-duration: 0.2s;
        text-align: center;
            }
    .sp_a::before { /* くの字の表示設定 */
        content: "";
        margin: auto;
        position: absolute;
        right:  -52%;
        /*top: 203px;*/
        left: 2px;
        width: 5px;    /* くの字を山なりに見た時、左側の長さ */
        height: 5px;   /* くの字を山なりに見た時、右側の長さ */
        border-top: 2px solid #3b43ac;     /* くの字を山なりに見た時、左側の太さと色 */
        border-right: 2px solid #3b43ac;   /* くの字を山なりに見た時、右側の太さと色 */
        transform: rotate(45deg);    /* くの字の向き */
            }   
        }
  

    .oya{
        position: relative;
        }
    .main-visual{
        max-width: 100%;
        margin: 0 auto;
        position: relative;
         }
    .main-visual img{
        width:100%; 
        margin-top: 80px;
        }


    .logo_sp {
        position: absolute;
        top: 10px;
        left: 5px;
         }    
    .service_sp{
        font-size: 16px;
        font-family:"游明朝";
        font-weight: 500;
        line-height: 1.5;
        letter-spacing : 2px;
        color: #3b43ac;
        text-shadow: 
        0 0 30px white, 
        0 0 30px white, 
        0 0 30px white, 
        0 0 30px white;
        text-align: center;
        position: absolute;
        padding: 20px 20px;
        margin: 0;
        }    
    .special_sp{
        font-size: 26px;
        font-family:"游明朝";
        text-shadow:
        0 0 10px white,
        0 0 20px white,
        0 0 30px white,
        0 0 40px white,
        0 0 50px white,
        0 0 60px white;
        }     
    .pc_news{
        display: none;  }
    .service{
        display: none;
    }
    .service_sp{
        word-break:keep-all;
    }
        
         
    @media screen and (max-width:414px){  
       .service_sp{
           font-size: 14px;
           letter-spacing : 3px;
        }    
       .special_sp{
           font-size: 24px;
        }
        }
    @media screen and (max-width:362px){
        .service_sp{
           font-size: 13px;
           }    
        .special_sp{
           font-size: 23px;
           }    
        .logo{
            width: 80px;
            height: 80px;
            }     
        }
    @media screen and (max-width:300px){
        .logo{
            width: 70px;
            height: 70px;
            }  
        .logo_sp {
            top: 20px;
            left: 5px;
                }         
         }
    @media screen and (max-width:294px){
        .service_sp{ 
           letter-spacing: 0.1em;
        }
         }
    @media screen and (max-width:280px){  
        .main-visual img{
           width:100%; 
           } 
        .special_sp{
           font-size: 20px;
           }  
                            
        }  
    @media screen and (max-width:250px){  
        .service_sp{
            font-size: 10px;
                }  
        .special_sp{
            font-size: 20px;
                    }            
        }



    .cp1 { 
        max-width: 480px;
        margin: 0 auto;
        display: flex; 
        justify-content: flex-start;
        letter-spacing : 3px;   
        }  
    .cp1 img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        }
    .cp1::after {
        width: calc(100% - 0px);
        height: calc(100% - 100px);
        content: "";
        background: #d3def1;
        position: absolute;
        top: 840px;
        right:75px ;
        left: 0px;
        z-index: -1;
        }
    .cp{
        background-color:#d3def1;
        }
    .cp h2{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 32px;
        padding: 0px 0px 40px 0px;
        font-weight: 500;
        color: #3b43ac;
        text-align: center;
        }
    .wp,.cpp,.pl3{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        color:#333333;
        padding: 0px 0px 40px 0px;
        line-height: 30px
        }
    .cpp br {display: none;}  
    .btn_arrow{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 16px;
        color: #3b43ac;
        text-align: center;
        margin: auto; 
        width: 300px; 
        height: 20px;  
        padding: 0px 0px 80px 0px;
            }
    .btn_arrow{ 
        position: relative;
             }
    .btn_arrow::after { /* くの字の表示設定 */
        content: "";
        margin: auto;
        position: absolute;
        right:  -80%;
        top: 50%;
        bottom: 50%;
        left: 2px;
        width: 8px;    /* くの字を山なりに見た時、左側の長さ */
        height: 8px;  /* くの字を山なりに見た時、右側の長さ */
        border-top: 2px solid #3b43ac;     /* くの字を山なりに見た時、左側の太さと色 */
        border-right: 2px solid #3b43ac;   /* くの字を山なりに見た時、右側の太さと色 */
        transform: rotate(45deg);    /* くの字の向き */
            }
                     
    .btn_arrow:hover{
        opacity: 0.6;
                    }       
    .btn_arrow{
        transition: 0.4s;
       
                          }              
    .btn_arrow{
        display: block;
        width: 40%;
        text-align: center;
        height: 1rem;
        padding: 22px 58px;
        background: #ffffff;
        border-radius: 30px;
         }
    .cp,.pl1,.w {
        padding-left: 5%;
        }
    .cpl{
        margin-left: auto;
        padding: 170px 0px 0px 0px;
            }     
@media screen and (max-width:414px){ 
    .cp h2{
        font-size: 26px;
        padding: 0px 0px 40px 0px;
        font-weight: 500;
        }
}

@media screen and (max-width:355px){ 
    .cp1 { 
        max-width: 360px;
           }  
   .cp h2{
        padding: 0px 0px 40px 0px;
            }      
    }
    
@media screen and (max-width:350px){    
    .cp h2{
        font-size: 24px;
    }
    }
@media screen and (max-width:330px){ 
    .cp1 { 
        max-width: 330px;
        margin: 0 auto;
        display: flex; 
        justify-content: flex-start;
        letter-spacing : 3px;
        }  
    .cp1::after {
        width: calc(100% - 0px);
        height: calc(100% - 350px);
        content: "";
        background: #d3def1;
        position: absolute;
        top: 840px;
        right:75px ;
        left: 0px;
        z-index: -1;
            }
    .cp h2{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 22px;
        padding: 0px 0px 40px 0px;
        font-weight: 500;
        color: #3b43ac;
        }
    .wp,.cpp,.pl3{
        line-height: 25px
        } 
    .cpb{
        margin: auto; 
        width: 200px; 
        height: 20px;  
        padding: 40px 0px 80px 0px;
        position: relative;
        }
    .cpb .cp2{
        /*font-size: 14px;*/
        text-align: center;
        width: 60%;
        text-align: center;
        padding: 15px 20px;
        }    
    
    .cpb::before { /* くの字の表示設定 */
        content: "";
        margin: auto;
        position: absolute;
        right:  -55%;
        top: 0;
        bottom: 15px;
        }
    .cpl{
        margin-left: auto;
        padding: 170px 0px 0px 0px;
            }           
    .btn_arrow{
        font-size: 14px;
                    }
                }
@media screen and (max-width:315px){      
    .btn_arrow{
        display: block;
        width: 40%;
        text-align: center;
        height: 1rem;
        padding: 15px 48px;
        background: #ffffff;
        border-radius: 30px;
            }
        }

@media screen and (max-width:296px){            
    .cp1::after {
        width: calc(100% - 0px);
        height: calc(115% - 0px);
        content: "";
        background: #d3def1;
        position: absolute;
        top: 450px;
        right:60px ;
        left: 0px;
        z-index: -1;
            }
    .cp h2{
        font-size: 20px;
            }   
       }

@media screen and (max-width:287px){       
    .btn_arrow{
        display: block;
        width: 40%;
        text-align: center;
        padding: 15px 50px;
        background: #ffffff;
        border-radius: 30px;
            }
}
@media screen and (max-width:278px){          
    .cp h2{
        font-size: 18px;
            } 
    .btn_arrow{
        font-size: 14px;
            }  
    .btn_arrow{
        padding: 15px 45px;
                    }     
    .wp,.cpp,.pl3{
        font-size: 14px;                            
          }
        }

        .pl0 { 
            max-width: 100%;
            margin: 0 auto;
            display: flex; 
            justify-content: flex-start;
            letter-spacing : 3px;
            }
        .pl0 {
            position: relative;
            }
        .pl0::after {
            width: calc(100% - 0px);
            height: calc(100% - 0px);
            content: "";
            background: #d3def165;
            position: absolute;
            top: 220px;
            right:50px ;
            left: 0px;
            z-index: -1;
            }
        .pl2{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 32px;
            padding: 0px 0px 40px 0px;
            font-weight: 500;
            color: #3b43ac;
            text-align: center;
            }
      
        .pl4{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 14px;
            color: #3b43ac;
            text-align: center;
            margin: auto; 
            width: 300px; 
            height: 20px; 
            padding: 0px 0px 80px 100px;
            }
        .pl4{ 
            position: relative;
            padding-left: 20px;
            }
        .pl4::before { /* くの字の表示設定 */
            content: "";
            margin: auto;
            position: absolute;
            right:  -70%;
            top: 0;
            bottom: 40px;
            left: 2px;
            width: 8px;    /* くの字を山なりに見た時、左側の長さ */
            height: 8px;   /* くの字を山なりに見た時、右側の長さ */
            border-top: 2px solid #3b43ac;     /* くの字を山なりに見た時、左側の太さと色 */
            border-right: 2px solid #3b43ac;   /* くの字を山なりに見た時、右側の太さと色 */
            transform: rotate(45deg);    /* くの字の向き */
            }
        .pl4 .pl:hover{
            opacity: 0.6;
            }        
        .pl{
            display: block;
            width: 40%;
            text-align: center;
            padding: 20px 80px;
            background: #ffffff;
            border-radius: 30px;
            }
        .pl3 br {display: none;}  
        .pl5 img {
            width: 100%;
            height: 100%;
            object-fit: cover;
            }
                   

@media screen and (max-width:414px){
    .pl2{
        font-size: 26px;
        }
    .pl4::before { 
        bottom: 47px;
        }
        }

@media screen and (max-width:340px){
    .pl2{
        font-size: 24px;
    }
    .pl{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        color: #3b43ac;
        text-align: center;
        width: 50%;
        text-align: center;
        padding: 15px 30px;
        background: #ffffff;
        border-radius: 30px;
        display:inline-block;
    }
    .pl4{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        color: #3b43ac;
        text-align: center;
        margin: auto; 
        width: 200px; 
        height: 20px; 
        padding: 0px 0px 80px 0px;
        }
    .pl4::before { /* くの字の表示設定 */
        content: "";
        margin: auto;
        position: absolute;
        right:  -60%;
        top: 0;
        bottom: 55px;
        left: 2px;
        width: 8px;    /* くの字を山なりに見た時、左側の長さ */
        height: 8px;   /* くの字を山なりに見た時、右側の長さ */
        border-top: 2px solid #3b43ac;     /* くの字を山なりに見た時、左側の太さと色 */
        border-right: 2px solid #3b43ac;   /* くの字を山なりに見た時、右側の太さと色 */
        transform: rotate(45deg);    /* くの字の向き */
        }
}
@media screen and (max-width:330px){
    .pl2{
        font-size: 22px;
    }

}
@media screen and (max-width:296px){
    .pl2{
        font-size: 20px;
    }
}
@media screen and (max-width:285px){
    .pl0 { 
        max-width: 100%;
        margin: 0 auto;
        display: flex; 
        justify-content: flex-start;
        letter-spacing : 3px;
        }
            
    .pl2{
        padding: 0px 0px 20px 0px;
        }
    .pl3{
        line-height: 25px
    }
    .pl4{
        padding: 0px 0px 80px 40px;
        }
    .pl4 .pl{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        color: #3b43ac;
        text-align: center;
        width: 60%;
        text-align: center;
        padding: 15px 20px;
        background: #ffffff;
        border-radius: 30px;
        display:block;
    
        }    
    .pl4::before { 
        right:  -50%;
        bottom: 55px;
        }        
       }
@media screen and (max-width:278px){  
    .pl2{
        font-size: 18px;
    }
}



    .wt {
        max-width: 100%;
        margin: 0 auto;
        display: flex; 
        justify-content: flex-start;
        letter-spacing : 3px;
        }
    .wt {
        position: relative;
         }
    .wt::after {
        width: calc(100% - 0px);
        height: calc(100% - 300px);
        content: "";
        background: #d3def1;
        position: absolute;
        top: 300px;
        left: 0;
        z-index: -1;
        }
    .wh{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 32px;
        padding: 0px 0px 40px 0px;
        font-weight: 500;
        color: #3b43ac;
        line-height: 40px
        } 
    .wb{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        color: #3b43ac;
        margin: auto; 
        width: 300px; 
        height: 20px; 
        padding: 0px 0px 80px 100px;
        }
    .wb{ 
        position: relative;
        padding-left: 30px;
        }
    .wb::before { /* くの字の表示設定 */
        content: "";
        margin: auto;
        position: absolute;
        right:  -70%;
        top: 0;
        bottom: 45px;
        left: 2px;
        width: 8px;    /* くの字を山なりに見た時、左側の長さ */
        height: 8px;   /* くの字を山なりに見た時、右側の長さ */
        border-top: 2px solid #3b43ac;     /* くの字を山なりに見た時、左側の太さと色 */
        border-right: 2px solid #3b43ac;   /* くの字を山なりに見た時、右側の太さと色 */
        transform: rotate(45deg);    /* くの字の向き */
        }
    .wb .wa:hover{
        opacity: 0.6;
                    }             
    .wa{
        display: block;
        width: 40%;
        text-align: center;
        padding: 20px 80px;
        background: #ffffff;
        border-radius: 30px;
        }
    .wp br {display: none;}  
    .wl img{
        width: 100%;
        height: 414px;
        object-fit: cover;
        } 
    @media screen and (max-width:418px){ 
      .wh{
        font-size: 26px;
        padding: 0px 0px 40px 0px;
        }
            
        }                            
    @media screen and (max-width:393px) {      
        .wt {
            max-width: 393px;
            }
        }
    @media screen and (max-width:375px) {      
        .wt {
            max-width: 375px;
            }
        }
    @media screen and (max-width:360px) {   
        .wt {
            max-width: 360px;
            }
            }
     @media screen and (max-width:340px) {   
        .wh{
            font-size: 22px;
            padding: 0px 0px 40px 20px;
            line-height: 30px
            }
        .wt {
            max-width: 330px;
            }
        .wt::after {
            width: calc(100% - 0px);
            height: calc(100% - 250px);
            content: "";
            background: #d3def1;
            position: absolute;
            top: 250px;
            left: 0;
            z-index: -1;
            }
        .wb{
            width: 200px; 
            height: 20px; 
            padding: 0px 0px 80px 45px;
            }
        .wb .wa{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 14px;
            color: #3b43ac;
            text-align: center;
            width: 60%;
            text-align: center;
            padding: 15px 20px;
            background: #ffffff;
            border-radius: 30px;
            display:block;
            }
        .wb::before { 
            right:  -50%;
            bottom: 57px;
                    }       
                    
        .wl img{
            width: 100%;
            height: 100%;
            object-fit: cover;
            }    
            }     
    @media screen and (max-width:320px) {     
        .wh{
            font-size: 18px;
            }
    }
    @media screen and (max-width:285px) {   
        .wh{
            padding: 0px 0px 30px 0px;
            }
        .wt {
            max-width: 280px;
            }
       
            }       
    .cp1,.wt 
       {
       flex-direction: column-reverse
       }
    .pl0 {
       flex-direction: column
       }
.cp,.pl1,.w {
    padding: 60px 30px 60px 30px;
        }
    @media screen and (max-width:275px){
    .wh{
        font-size: 18px;
            }
        }




    .aside{
        max-width: 100%;
        margin: 0 auto;
        justify-content: space-between;
        }
    .aside img {
        width: 100%;
        height: auto;
        }   
    .aside .wrap {
        width: calc(100% - 0px);
        height: calc(100% - 70px);
        background: #d3def165;
        }
    
        
    .gallery_to{
        display: flex;
        flex-direction:column;
        }
    .gallery{
        letter-spacing : 3px;
        line-height: 20px
            }
    .gallery {
        position: relative;
                }    
    .gallery h2{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 32px;
        color: #3b43ac;
        font-weight: 500;
        text-align: center;
        line-height: 1.5;
            }   
    .gallery p{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        color:#333333;
            }
    .gallery p,.process p,.order p{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        color:#333333;
        line-height: 30px
             }   
    .gallery p,.process p,.order p{   
        margin: 0 20px;
    }
    .btn_arrow_1 {
        position: relative;
                }
              
    .btn_arrow_1 {
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 16px;
        color: #3b43ac;
        text-align: center;
       display: block;
        width: 40%;
        text-align: center;
        padding: 15px 50px;
        background: #ffffff;
        border-radius: 30px;
        top: 0px;
        left:0;
        right:  0;
        margin: auto;
                }
    .btn_arrow_1::after{ /* くの字の表示設定 */
        content: "";
        margin: auto;
        position: absolute;
        right:  -80%;
        top: 0;
        bottom: 0px;
        left: 0px;
        width: 8px;    /* くの字を山なりに見た時、左側の長さ */
        height: 8px;   /* くの字を山なりに見た時、右側の長さ */
        border-top: 2px solid #3b43ac;     /* くの字を山なりに見た時、左側の太さと色 */
        border-right: 2px solid #3b43ac;   /* くの字を山なりに見た時、右側の太さと色 */
        transform: rotate(45deg);    /* くの字の向き */
        }
    .btn_arrow_1:hover{
        opacity: 0.5;
                   }
    .btn_arrow_1{
        transition: 0.4s;
            }  
                 
    .gallery br {display: none;}  

    p.dan {
        padding: 40px 0px 0px 0px;
    }
    .inner {
        padding: 60px 30px 60px 30px;
    }
    .gallery .text-area,
    .process .text-area,
    .order .text-area {
        margin-top: 40px;
        }
    @media screen and (max-width:414px){
        .gallery h2{
            font-size: 26px;        
        }
        }
    @media screen and (max-width:340px) {  
        .gallery h2{
            font-size: 24px;
                } 
    }
    @media screen and (max-width:330px) {  
        .gallery h2{
            font-size: 22px;
                } 
        .btn_arrow_1 {
            font-size: 14px;
                    }     
    }
    @media screen and (max-width:315px) {  
        .btn_arrow_1 {
            font-size: 14px;
            color: #3b43ac;
            text-align: center;
            display: block;
            width: 50%;
            text-align: center;
            padding: 10px 50px;
            background: #ffffff;
            border-radius: 30px;
            top: 0px;
            left:0;
            right:  0;
            margin: auto;
                   
                    }
    }
   
    @media screen and (max-width:290px) {  
        .btn_arrow_1 {
            font-size: 14px;
            color: #3b43ac;
            text-align: center;
            display: block;
            width: 55%;
            text-align: center;
            padding: 10px 45px;
            background: #ffffff;
            border-radius: 30px;
            top: 0px;
            left:0;
            right:  0;
            margin: auto;
                    }
    }
    
    @media screen and (max-width:270px) {  
        .btn_arrow_1 {
            font-size: 14px;
            color: #3b43ac;
            text-align: center;
            display: block;
            width: 60%;
            text-align: center;
            padding: 10px 40px;
            background: #ffffff;
            border-radius: 30px;
            top: 0px;
            left:0;
            right:  0;
            margin: auto;
            }
        }



        .process_to{
            display: flex;
            flex-direction:column;
            }
        .process{
            letter-spacing : 3px;
            line-height: 20px
            }  
        .process {
            position: relative;
                         }    
        .process h2{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 32px;
            color: #3b43ac;
            font-weight: 500;
            text-align: center;
            text-align: center;
            line-height: 1.5;
            }   
        
        .process br {display: none;} 
    @media screen and (max-width:414px) { 
        .process h2{
            font-size: 26px;
            }
    }
    @media screen and (max-width:340px) { 
        .process h2{
            font-size: 24px;
            }   
        }
    @media screen and (max-width:330px) {  
        .process h2{
            font-size: 22px;
                    } 
        }   
    @media screen and (max-width:280px) {  
        /*.process p a{
            left:15px;
                }   */
    }
        .order_to{
            display: flex;
            flex-direction:column;
            }
        .order{
            letter-spacing : 3px;
            line-height: 20px
            }       
        .order h2{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 32px;
            color: #3b43ac;
            font-weight: 500;
            text-align: center;
            line-height: 1.5;
            }   
        .order {
            position: relative;
            }
        
        .order br {display: none;} 

    @media screen and (max-width:414px) { 
        .order h2{
            font-size: 26px;
                }
        }
    @media screen and (max-width:340px) { 
        .order h2{
                font-size: 24px;
                }   
            }
    @media screen and (max-width:330px) {  
        .order h2{
                font-size: 22px;
                        } 
            }    


   .sp_news{
        max-width: 100%;
        /*margin: 0 auto;*/
        padding: 50px 0px 65px 0px;
        }
    
    .news-box h2{
        font-family: 'Noto Sans JP', sans-serif;
        font-weight: 500;
        font-size: 24px;
        color:#333333;
        width: 275px;
        margin: 0 auto 20px auto;
        }
    .sp_fac:first-of-type{
        border-top:none;
        }
    a dl :hover{
        opacity: 0.6;
            } 
    .fac:hover{
        opacity: 0.6;
            }
    .fac1:hover{
        opacity: 0.6;
              }       
    dl{
        border-top: 1px dotted #ccc;
        width: 350px;
        align-items: flex-end;
        padding:20px 0;
        font-size: 12px;
        box-sizing: border-box;
        margin: 0 auto;
        }
    dl dt{
        color:#333333;
        }
    dl dd{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        color:#333333;
        padding:10px 0px 0px 0px;
        }    
    .fa{ 
        position: relative;
 
         }
    .in{ 
        position: relative;
        }
    .sp_fac,.sp_ins{
        text-align: left;
        line-height: 1.5;
    }
@media screen and (max-width:380px){  
    .sp_news{
        max-width: 100%;
        margin: 0 auto;
        padding: 50px 20px 65px 30px;
        }
    .news-box h2{
        width: 230px;
        margin: 0 auto;
            }    
    dl{
        width: 230px;
        }    
}

 
    .foot{
        max-width: 375px;
        margin: 0 auto;
        display:flex ;
          }
    .footer {
        position: relative;
        background: #d3def1c5;
        margin-top: 50px;
        }
                       
    .footer:after {
        width: 100%;
        height:  80px;
        content: "";
        background-image: url("../img/footer_sp.png");
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: -50px;
        left: 0;
        right: 0;
        margin: 0;
        }
    .logo_ff{
        width: 90px;
        height: 90px;
        padding-top: 0px;
        padding-right: 0px;
        padding-bottom: 0px;
        padding-left: 0px;
          }
    .lo_f{  
        text-align: center; /* インライン要素のセンタリングを指定する */
        width: 90px; /* 要素の横幅を指定する */
        margin: 0px auto; /* ブロックレベル要素のセンタリングを指定する */
            }
    .logo_ff:hover{
        opacity: 0.6;
        }   
        .li_li {
        line-height: 300%;
        letter-spacing: 0.12em;
        padding-top: 80px;
        padding-right: 50px;
        padding-bottom: 10px;
        padding-left: 50px;
        display: flex; 
        }
    .li_li a{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 14px;
        color:#333;
        font-weight:bold;
        }
    ul {
        list-style:none
        }
        
    .li1{
        padding-top: 10px;
        padding-right: 50px;
        padding-bottom: 10px;
        padding-left: 10px;
    }
    .li1 a:hover{
        opacity: 0.6;
        }  
    .li2{
        padding-top: 10px;
        padding-right: 20px;
        padding-bottom: 10px;
        padding-left: 0px;
    }
    .li2 a:hover{
        opacity: 0.6;
        }  
   .sns_a{
       display: flex;
       justify-content: center;
   }
  .sn_f{
    padding-top: 30px;
    padding-bottom: 50px;
    margin:  0 auto;   
  }      
    .sns_f {
        width: 30px;
        height: 30px;
        }
    .sns_f:hover{
        opacity: 0.6;
            }   
    .sns_i{ 
        width: 30px;
        height: 30px; }
    .in_link{
        margin: 0px 0px 0px 30px;
        }  
    .sns_i:hover{
        opacity: 0.6;
         } 

    .sns_m{ 
        width: 30px;
        height: 30px;}
    .ame_link{
        margin: 0px 0px 0px 30px;
        }
    .sns_m:hover{
        background-color:rgba(213, 231, 243, 0.5);
        opacity: 0.6;
        } 
    .foot{
        display: flex;
        flex-direction: column;
          }
    .links_f{
        order: 1;
          }
    .lo_f{
        order: 2;
          }                 
    .sn_f{
        order: 3;
        text-align: center
          }  
    .fa_link,.in_link,.ame_link{
        display: block;
        height: 35px;
        float: left;
      }
  @media screen and (max-width:360px){         
    .li1{
        padding-right: 30px;
        }   
    .li_li {
        padding-right: 30px;
        padding-left: 30px;
        }  
      }
  @media screen and (max-width:336px){         
    .li1{
        padding-right: 0px;
       }   
      }
  @media screen and (max-width:333px){   
    .sn_f{
        padding-left: 40px;
        padding-right: 40px;
       }
    }
  @media screen and (max-width:312px){         
    .sn_f{
        padding-left: 30px;
        padding-right: 30px;
       }
      }
  @media screen and (max-width:300px){   
        }
      .li_li {
        justify-content: space-between 
        }
      .copy{
        font-family: 'Noto Sans JP', sans-serif;
        font-size: 12px;
        color:#333333;
        text-align:center;
        height:30px;
        line-height:30px;
        } 
      .hiraku-open-btn-line{
        display: block;
        position: relative;
        width: 30px;
        height: 2px;
        background-color: #3b43ac;
        border-radius: 4px;
        transition: all 0.5s;
        }
      .hiraku-open-btn-line:before, .hiraku-open-btn-line:after {
        content: "";
        display: block;
        position: absolute;
        background-color:#3b43ac;
        width: 100%;
        height: 2px;
        border-radius: 4px;
        transition: all 0.5s;
        }
      .hiraku-open-btn-line:before {
        top: -8px;
        }
      .hiraku-open-btn-line:after {
        bottom: -8px;
        }
      .js-offcanvas-btn[aria-expanded="true"] .hiraku-open-btn-line:before {
        transform: translate(0px, 8px) rotate(45deg);
        }
      .js-offcanvas-btn[aria-expanded="true"] .hiraku-open-btn-line:after {
        transform: translate(0px, -8px) rotate(-45deg);
        }
      .js-offcanvas-btn[aria-expanded="true"] .hiraku-open-btn-line:before, .js-offcanvas-btn[aria-expanded="true"] .hiraku-open-btn-line:after {
        width: 40px;
        }  


        .video_contents,.video_contents_1 {
            margin-top: 30px;
            text-align: center;
               }
       
        video.vid_main,video.vid_main_1 {
            width: 100%;
            max-width: 920px;/*PC版での最大幅*/
            margin-bottom: 50px;
                }
        .taitoru_2{
            padding: 40px 0;
            text-align: center;
            background-color: #d3def1;
            margin-top: 80px;
            margin-bottom: 40px;
              }
        .taitoru{
            font-family: 'Noto Sans JP', sans-serif; 
            font-size: 32px;
            color: #3b43ac;
            font-weight: 500;
            letter-spacing : 3px;
              }


        .saku { 
            max-width: 480px;
            margin: 0 auto;
            display: flex; 
            justify-content: flex-start;
            letter-spacing : 3px;
            flex-direction: column-reverse
                        }      
       
        .saku_2{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 22px;
            font-weight: 500;
            color: #3b43ac;
            line-height:35px;
                          }
        .saku_3{
            word-break:keep-all;
            letter-spacing: 3px;
                    }                  
        .saku_3{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 14px;
            color:#333333;
            padding: 20px 0px 80px 0;
            line-height: 20px
                        }    
        .saku{
            margin-left: auto;
            align-items: stretch
                        }
        .saku {
            flex: 1;
                    }
               
        .first_1,.saku_1 {
            word-wrap: break-word;
            padding: 5% 10% 0% 10%;
                        }               
                     

        .first_2 img {
            width: 100%;
            height: auto;
            /*margin-top: 40px;*/
                    }
        .first_2 {
            padding: 0px 0px 0px 0px;
                 }  
        .first_1 { 
            padding-top: 30px;
            margin-top: 0px;
            word-wrap: break-word;
            padding: 5% 10% 0% 10%;
                }  
        .second { 
            max-width: 480px;
            margin: 0 auto;
            letter-spacing : 3px;
                }
        .second {
            position: relative;
                }
        .second {
            overflow: hidden;
                    }
        .second {
            flex: 1; 
                }
        .second_1{
            padding: 0px 0px 0px 0px;
            text-align: left;
                  } 
        .second_1 img {
            width: 100%;
            height: auto;
                             }   
        .third{
            text-align: left;
                        }              
        .third img {
            width: 100%;
            height: auto;
            padding: 0px 0px 0px 0px;
                } 
                                                                       
        .kinakuru_2 img {
            width: 100%;
            height: auto;
                    }        
        .kinakuru_1{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 28px;
            font-weight: 500;
            color: #3b43ac;
            line-height: 35px;
                     }    
        .kinakuru_3{
            word-break:keep-all;
                }                     
        .kinakuru_3{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 12px;
            color:#333333;
            padding: 20px 0px 80px 0;
            line-height: 20px
                    }  
        .ramumira_2 img {
            width: 100%;
            height: auto;
                        }                    
        .ramumira_3{
            font-family: 'Noto Sans JP', sans-serif; 
            font-size: 14px;
            color:#333333;
            padding: 20px 0 80px 0;
            line-height: 20px
                    }  
        .ramumira_4 {           
            padding-top: 30px;
            word-wrap: break-word;   
            padding: 5% 10% 0% 10%;           
                    }  
        .ramumira_1{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 28px;
            font-weight: 500;
            color: #3b43ac; 
            line-height: 35px;
                    }     

        .cyumon {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 30px;
            font-weight: 500;
            color: #3b43ac;
            line-height: 40px;
            border-bottom: solid 5px #87CEFA;
                    }
        .cyumon_1 {
            margin: 50px 0 0 50px;
            margin-right: auto;
            }                
        .otoiawa {
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 20px;
            color:#333333;
            padding: 30px 0 30px 50px;
            line-height: 30px
                        }
        .otoi_1{
            font-family: 'Noto Sans JP', sans-serif;
            font-size: 14px;
            padding:0 50px 30px 80px ;
            line-height: 25px;
                      }
        .tuika_1 img, .kihon_2 img {
            width: 100%;
            margin: auto;
            display: block;
            margin-bottom: 50px;
                    }

        .hiraku-open-btn-line{
            display: block;
            position: relative;
            width: 30px;
            height: 2px;
            background-color: #3b43ac;
            border-radius: 4px;
            transition: all 0.5s;
                    }
        .hiraku-open-btn-line:before, .hiraku-open-btn-line:after {
            content: "";
            display: block;
            position: absolute;
            background-color:#3b43ac;
            width: 100%;
            height: 2px;
            border-radius: 4px;
            transition: all 0.5s;
                      }
                    
    /*@media screen and (max-width:375px) {
        .li_li{
            padding-left: 10px;
                        }
                    }*/

                    body {
                        min-height: 100vh;
                        margin: 0;
                        padding: 0;
                        /*display: flex;*/
                        justify-content: center;
                        align-items: center;
                      }
                      ul {
                        padding: 0;
                      }
                      li {
                        list-style-type: none;
                      }
                      dd {
                        margin-left: 0;
                      }
                      
                      .flow > li {
                        position: relative;
                      }
                      .flow > li:not(:last-child) {
                        margin-bottom: 40px;
                      }
                    
                      .flow > li dl {
                        width: 90%;
                        padding: 20px 30px;
                        /*display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;*/
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        border: 2px solid rgb(107,144,219);
                        border-radius: 10px;
                        position: relative;
                        margin-left: 20px;
                      }
                      .oto1 dl{
                        width: 90%;
                        padding: 20px 30px;
                        /*display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;*/
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        border: 2px solid rgb(107,144,219);
                        border-radius: 10px;
                        position: relative;
                        margin-left: 20px;
                        margin-top: 40px;
                      }
                      .osiha dl{
                        width: 90%;
                        padding: 20px 30px;
                        /*display: -webkit-box;
                        display: -ms-flexbox;
                        display: flex;*/
                        -webkit-box-align: center;
                        -ms-flex-align: center;
                        align-items: center;
                        border: 2px solid rgb(107,144,219);
                        border-radius: 10px;
                        position: relative;
                        margin-left: 30px;
                        margin-bottom: 60px;
                      }
                      .flow > li:not(:last-child) dl::before,
                      .flow > li:not(:last-child) dl::after {
                        content: "";
                        border: solid transparent;
                        position: absolute;
                        top: 100%;
                        left: 50%;
                        -webkit-transform: translateX(-50%);
                        transform: translateX(-50%);
                      }
                      .flow > li:not(:last-child) dl::before {
                        border-width: 22px;
                        border-top-color: rgb(107,144,219);
                      }
                      .flow > li:not(:last-child) dl::after {
                        border-width: 20px;
                        border-top-color: #ecf2fc;
                      }
                      .flow > li dl dt {
                        font-size: 16px;
                        font-weight: 600;
                        color: rgb(107,144,219);
                        -ms-flex-preferred-size: 20%;
                        flex-basis: 20%;
                        margin-right: 2vw;
                        text-align: center;
                        line-height:20px;
                      }
                      .flow > li dl dt .icon {
                        font-size: 12px;
                        color: #fff;
                        background: rgb(107,144,219);
                        background: -moz-linear-gradient(left, rgba(107,144,219,1) 0%, rgba(102,213,233,1) 100%);
                        background: -webkit-linear-gradient(left, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
                        background: linear-gradient(to right, rgba(107,144,219,1) 0%,rgba(102,213,233,1) 100%);
                        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b90db', endColorstr='#66d5e9',GradientType=1 );
                        padding: 5px 10px;
                        margin-bottom: 10px;
                        display: block;
                        border-radius: 20px;
                        position: relative;
                        z-index: 100;
                      }
                      @media screen and (max-width:360px) {
                        .flow > li dl {
                            width: 85%;
                            padding: 20px 30px;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            border: 2px solid rgb(107,144,219);
                            border-radius: 10px;
                            position: relative;
                            margin-left: 20px;
                          }
                          .oto1 dl{
                            width: 85%;
                            padding: 20px 30px;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            border: 2px solid rgb(107,144,219);
                            border-radius: 10px;
                            position: relative;
                            margin-left: 20px;
                            margin-top: 40px;
                          }
                          .osiha dl{
                            width: 85%;
                            padding: 20px 30px;
                            -webkit-box-align: center;
                            -ms-flex-align: center;
                            align-items: center;
                            border: 2px solid rgb(107,144,219);
                            border-radius: 10px;
                            position: relative;
                            margin-left: 30px;
                            margin-bottom: 60px;
                          }
                        }


                        .kihon_4 {
                            font-family: 'Noto Sans JP', sans-serif;
                            font-size: 28px;
                            color: #3b43ac;
                            font-weight: 500;
                            letter-spacing: 6px;
                            text-align: center 
                           
                         }
                         .kihon_4 {
                            padding: 100px 0 50px;
                            position: relative;
                        }
                        
                          .kihon_4::before {
                            background-color: #3b43ac;
                            border-radius: 5px;
                            bottom: 45px;
                            content: "";
                            height: 3px;
                            left: 49%;
                            position: absolute;
                            transform: translateX(-50%);
                            width: 130px;
                        }
                        .kihon_6{
                            font-family: 'Noto Sans JP', sans-serif;
                            font-size: 20px;
                            color: #3b43ac;
                            font-weight: 500;
                            letter-spacing: 2px;
                            padding: 1rem 2rem;
                            border-left: 3px solid #3b43ac;
                            background:  rgba(213, 231, 243, 0.5);
                            margin: 0 10px 30px 10px;
                          }
                          .kihon_7{
                            font-family: 'Noto Sans JP', sans-serif;
                            font-size: 14px;
                            color: #3b43ac;
                            font-weight: 500;
                            letter-spacing: 2px;
                            padding: 0 30px 30px 30px;
                            line-height: 1.5;
                          }
                          .kihon_8{
                            font-family: 'Noto Sans JP', sans-serif;
                            font-size: 14px;
                            color: #3b43ac;
                            font-weight: 500;
                            letter-spacing: 2px;
                            padding: 0 30px 60px 30px;
                            line-height: 1.5;
                          }
                        /*body {
                            font-family: "Open Sans", sans-serif;
                            line-height: 1.25;
                          }*/
                          
                          table {
                            border-collapse: collapse;
                            margin: 0 auto;
                            padding: 0;
                            width: 650px;
                            table-layout: fixed;
                            color: #3b43ac;
                          }
                          
                          table tr {
                            background-color: rgba(213, 231, 243, 0.349);
                            padding: .35em;
                            border-bottom: 1px dotted rgb(107,144,219)
                          }
                          table tr:last-child{
                             border-bottom: 2px solid rgb(107,144,219);
                          }
                          table th,
                          table td {
                            padding: 1em 10px 1em 1em;
                          }
                          tbody th {
                              color: #3b43ac;
                          }
                          .txt{
                             text-align: left;
                             font-size: .85em;
                             letter-spacing: 2px;
                            }
                          .price,.price_1{
                            padding-left: 120px;
                            }
                        @media screen and (max-width:416px) {
                           .kihon_6{
                                font-size: 18px;
                              }
                            }
                        @media screen and (max-width:386px) {
                            .kihon_6{
                                font-size: 16px;
                                   }
                                 } 
                        @media screen and (max-width:310px) {
                          .price,.price_1{
                            padding-left: 80px;
                              }
                               }

                            table {
                              border: 0;
                              width:100%
                            }
                            table th{
                              display: block;
                              border-right: none;
                              border-bottom: 2px solid rgb(107,144,219);
                              padding-bottom: .6em;
                              margin-bottom: .6em;
                              letter-spacing: 2px;
                            }
                            table thead {
                              border: none;
                              clip: rect(0 0 0 0);
                              height: 1px;
                              margin: -1px;
                              overflow: hidden;
                              padding: 0;
                              position: absolute;
                              width: 1px;
                            }
                            
                            table tr {
                              display: block;
                              margin-bottom: 2em;
                                  border-bottom: 2px solid rgb(107,144,219);
                            }
                            
                            table td {
                              border-bottom: 1px solid #bbb;
                              display: block;
                              font-size: .8em;
                              position: relative;
                              padding: 2em 2em;
                              border-right: none;
                              line-height: 1.5;
                            }
                            
                            table td::before {
                              content: attr(data-label);
                              font-weight: bold;
                              position: absolute;
                              left: 50px;
                            }
                            
                            table td:last-child {
                              border-bottom: 0;
                            }

                     @media screen and (max-width:370px) {
                            table td::before {
                                content: attr(data-label);
                                font-weight: bold;
                                position: absolute;
                                left: 20px;
                              }
                            }
                        dl .oda{
                            font-family: 'Noto Sans JP', sans-serif;
                            font-size: 14px;
                            color:#333333;
                            padding:10px 0px 0px 0px;
                            line-height: 1.5;
                            }    



                .gallery_ga{
                  columns: 2;
                  padding:0 15px 60px 15px;
                  }
                  
                  .gallery_ga li {
                      margin-bottom: 20px;
                  }
                  
                  .gallery_ga img{
                    width:100%;
                    height:auto;
                    vertical-align: bottom;/*画像の下にできる余白を削除*/}
               
                 
                  .flipLeft{
                  animation-name: flipLeft;
                  animation-duration:0.5s;
                  animation-fill-mode:forwards;
                  perspective-origin: left center;
                  opacity: 0;
                  }
                  
                  @keyframes flipLeft{
                    from {
                     transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
                    opacity: 0;
                    }
                  
                    to {
                    transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
                    opacity: 1;
                    }
                  }           
                  
                  .Form {
                    margin-top: 80px;
                    margin-left: auto;
                    margin-right: auto;
                    max-width: 720px;
                  }
                  @media screen and (max-width: 480px) {
                    .Form {
                      margin-top: 40px;
                    }
                  }
                  .Form-Item {
                    border-top: 1px solid #ddd;
                    padding-top: 24px;
                    padding-bottom: 24px;
                    /*width: 100%;*/
                    display: flex;
                    align-items: center;
                  }
                  @media screen and (max-width: 480px) {
                    .Form-Item {
                      padding-left: 14px;
                      padding-right: 14px;
                      padding-top: 16px;
                      padding-bottom: 16px;
                      flex-wrap: wrap;
                    }
                  }
                  .Form-Item:nth-child(5) {
                    border-bottom: 1px solid #ddd;
                  }
                  .Form-Item-Label {
                    width: 100%;
                    max-width: 248px;
                    letter-spacing: 0.05em;
                    font-weight: bold;
                    font-size: 18px;
                  }
                  @media screen and (max-width: 480px) {
                    .Form-Item-Label {
                      max-width: inherit;
                      display: flex;
                      align-items: center;
                      font-size: 15px;
                    }
                  }
                  .Form-Item-Label.isMsg {
                    margin-top: 8px;
                    margin-bottom: auto;
                  }
                  @media screen and (max-width: 480px) {
                    .Form-Item-Label.isMsg {
                      margin-top: 0;
                    }
                  }
                  .Form-Item-Label-Required {
                    border-radius: 6px;
                    margin-right: 8px;
                    padding-top: 8px;
                    padding-bottom: 8px;
                    width: 48px;
                    display: inline-block;
                    text-align: center;
                    background: #d3def1;
                    color: #3b43ac;
                    font-size: 14px;
                  }
                  @media screen and (max-width: 480px) {
                    .Form-Item-Label-Required {
                      border-radius: 4px;
                      padding-top: 4px;
                      padding-bottom: 4px;
                      width: 32px;
                      font-size: 10px;
                    }
                  }
                  .Form-Item-Input {
                    border: 1px solid #ddd;
                    border-radius: 6px;
                    margin-left: 40px;
                    padding-left: 1em;
                    padding-right: 1em;
                    height: 48px;
                    flex: 1;
                    width: 100%;
                    max-width: 410px;
                    background: #eaedf2;
                    font-size: 18px;
                  }
                  @media screen and (max-width: 480px) {
                    .Form-Item-Input {
                      /*margin-left: 0;*/
                      margin-top: 18px;
                      height: 40px;
                      flex: inherit;
                      font-size: 15px;
                    }
                  }
                  .Form-Item-Textarea {
                    border: 1px solid #ddd;
                    border-radius: 6px;
                    margin-left: 40px;
                    padding-left: 1em;
                    padding-right: 1em;
                    height: 216px;
                    flex: 1;
                    width: 100%;
                    max-width: 410px;
                    background: #eaedf2;
                    font-size: 18px;
                  }
                  @media screen and (max-width: 480px) {
                    .Form-Item-Textarea {
                      margin-top: 18px;
                      margin-left: 0;
                      height: 200px;
                      flex: inherit;
                      font-size: 15px;
                    }
                  }
                  .Form-Btn {
                    border-radius: 50px;
                    margin-top: 32px;
                    margin-left: auto;
                    margin-right: auto;
                    padding-top: 20px;
                    padding-bottom: 20px;
                    width: 280px;
                    display: block;
                    letter-spacing: 0.05em;
                    background: #d3def1;
                    color: #3b43ac;
                    font-weight: bold;
                    font-size: 20px;
                  }
                  @media screen and (max-width: 480px) {
                    .Form-Btn {
                      margin-top: 24px;
                      margin-bottom: 150px;
                      padding-top: 8px;
                      padding-bottom: 8px;
                      width: 160px;
                      font-size: 16px;
                    }
                  }

                  .googleform-wrapper {
                    position: relative;
                    width: 100%;
                    height: 1200px;
                    overflow-y: scroll;
                  }
                  
                  .googleform-wrapper iframe {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 100%;
                  }    
                  
                  .fade-img-box {
                    width: 100%;
                    height: 350px;
                    margin-left: auto;
                    margin-top: 10px;
                    position:relative;
                   }
                   
                   .fade-img-box img {
                    position: absolute;
                    top: 0;
                    left: 0;
                    width: 100%;
                    height: 80%;
                    object-fit:cover;
                   }