@charset "UTF-8";

html {
    scroll-behavior: smooth;
    overflow-x: hidden;
    cursor: default;
   
}


body {
    font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "BIZ UDPGothic", sans-serif;
    background-color: #E9EEF2;
    justify-content: center;
    margin: 0; /* 余白をなくす */
    padding: 0; /* 余白をなくす */
    overflow-x: hidden; /* 横スクロールを防ぐ */
    backface-visibility:hidden;
    box-sizing: border-box;
    height: 100%;
    bottom: 0;
    


    
}

.wrapper{
    box-sizing: border-box;


}

#menu-body {
    position: fixed;
    top: 0;
    left: -250px;
    /* 隠れる位置 */
    width: 220px;
    height: 100%;
    background-color: #FDD835;
    color: #241409;
    transition: left 0.3s ease;
    z-index: 1000;
    font-size: 18px;
    font-weight: 700;
    line-height: 70px;
    letter-spacing: 0.5vw;
    vertical-align:middle;
    display: flex;
    flex-direction: column;
    padding-left: 30px;
    padding-top: 50px;
}


#menu-body.active {
    left: 0;
}

#menu-button {
    position: fixed;
    top: 3px;
    left: 10px;
    z-index: 1100;
    padding: 0.5em 1em;
    color: white;
    border: none;
    cursor: pointer;
    margin-left: -25px;
    
    
}

.img1 {
    display: block;
    padding-top: 50px;
    padding-left: 50px;
}
.img1-sp{
    display: none;
}
.parent2 {
    display: block;
  }

.img2 {
margin-top: -160px;
width: 85%;
display: flex;
justify-content: flex-end;
}

.img2-sp {
    display: none;
}

.parent {
    display: flex;
    justify-content: flex-end;
    position: relative;
  }
.icon {
    margin-right: 40px;
    margin-top: -80px;
    position: fixed;
}

.img4 {
    margin-right: 40px;
}
.rect {
    transition: fill 0.10s;
}

.button:hover .rect {
    fill: #FFF08D;
}

h1 {
    font-family: "Afacad", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    font-weight: bolder;
    padding-left: 50px;
    font-size: 137.25px;
    line-height: 80%;
    color: #B2C8DA;
    margin-top: 150px;
    justify-content: center;


}

.text {
    font-weight: 500;
    margin-top: -70px;
    padding-left: 50px;
    line-height: 150%;
    font-size: 16px;
    font-weight: bolder;
    letter-spacing: 16%;
    color: #ffffff;
    text-shadow: 1px #B2C8DA;
    -webkit-text-stroke: 1px #B2C8DA;
}


.main-box {
    background-color: #FFFFFF;
    border-radius: 5px;
    border: solid 4px #B2C8DA;
    padding: 64px 72px 64px 72px;
    margin-left: 50px;
    margin-right: 50px;
    line-height: 32px;
    border-radius: 30px;
    margin-top: 40px;
    justify-content: center;
}

.main-message {
    font-weight: 700;
    line-height: 140%;
    font-size: 48px;
    color: #241409;
}

.message1 {
    font-weight: 700;
    font-size: 18px;
    line-height: 160%;
    color: #241409;
    
}

.message2 {
    font-weight: 700;
    font-size: 18px;
    line-height: 160%;
    color: #241409;
}

.message3 {
    font-weight: 700;
    font-size: 18px;
    line-height: 160%;
    color: #241409;
}

.box1 {
    justify-content: center;
    align-items: center;

}

.main1 {
    font-family: "Afacad", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    font-weight: bolder;
    text-align: center;
    justify-content: center;
    color: #F0D43C;
    font-size: 120px;
    font-weight: 700;
    line-height: 80%;
    margin-top: -30px;
    
}

.text1 {
    display: block;
    text-align: center;
    margin-top: -100px;
}

.text1-sp1{
    display: none;
   
}

.box2 {
    gap: 80px;
    background-color: #FFF7CA;
    border-radius: 100px 100px 0 0;
    margin-top: 160px;
    align-items: center; 
    display: flex;
    flex-direction: column;
    padding: 160px 64px 112px 64px;


    


}

.main-box1 {
    display: flex;
    justify-content: center;
    max-width: 3000px; /* 中央に収めたい最大幅 */
    gap: 70px;
    

    
    

}

.box3 {
    max-width:1000px; 
    background-color: #FFFFFF;
    border: solid 3px #F0D43C;
    padding: 32px;
    margin: -15px;
    flex: 1 0 0;
    align-items: flex-start;
    border-radius: 30px;
    justify-content: center;
    flex-wrap: wrap; 
    align-items: center; 

}

.lead-sub {
    line-height: 150%;
    font-weight: 400;
    font-size: 16px;
    text-align: left;
    max-width: 1000px;   /* 表示幅を制限 */
    width: 100%;        /* 画面が狭い時はフル幅 */
    margin-left: auto;
    color: #241409;
}


.lead {
    font-weight: 700;
    font-size: 20px;
    line-height: 150%;
   text-align: left;
    margin-top: -5px;
    color: #241409;
}


.lead1 {
    font-weight: 500;
    font-size: 20px;
    line-height: 150%;
    text-align: left;
    color: #241409;
}

.sub7 {
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
   text-align: left;
    color: #241409;

}

.box4 {
    background-color: #FFF08D;
    padding: 112px 64px 160px 64px;
    padding-bottom: 200px;
    justify-content: center;
    margin-left: -20px;
    margin-right: -20px;
    align-items: center; 

}

.text2 {
    margin-top: -30px;
    text-align: center;
    justify-content: center;
    font-weight: 900;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 16%;
    color: #ffffff;
    text-shadow: 1px #D6B91C;
    -webkit-text-stroke: 1px #D6B91C;
}

.main2 {
    margin-top: -20px;
    text-align: center;
    justify-content: center;
    color: #D6B91C;
    font-size: 48px;
    font-weight: 700;
    line-height: 120%;


}

.main-box2 {
    margin: auto;
    line-height: 80px;


}

.main-box2-1 {
    margin: auto;
    line-height: 80px;


}


.box5 {
    background-color: #ffffff;
    border: solid 3px #F0D43C;
    border-radius: 30px;
    padding: 10px 40px;
    line-height: 24px;
    margin-left: 5px; /* ← ここで左マージンを設定 */
    margin-bottom: -60px;
    margin-top: 80px;
}

.flex1 {
    display: flex;
}

.lead1 {
    font-size: 20px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 100px;
    justify-content: center;
    color: #241409;
}

.sub1 {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 25px;
    color: #241409;
    justify-content: center;
    margin-top: -10px;
}

.sub7 {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 33px;
    color: #241409;
    justify-content: center;
    margin-top: -10px;
}

.sub8 {
    font-size: 16px;
    font-weight: 400;
    line-height: 150%;
    margin-left: 25px;
    color: #241409;
    justify-content: center;
    margin-top: -10px;
}

.img3 {
    margin-top: -30px;
}


.box6 {
    background-color: #8ACA9A;
    padding: 160px 64px 112px;
    margin-left: -20px;
    margin-right: -20px;
    align-items: center; 

}

.message4 {
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 700;
    line-height: 140%;
    margin-top: 8px;
    margin-left: 5px;

}

.message4-1 {
    color: #FFFFFF;
    font-size: 48px;
    font-weight: 700;
    line-height: 140%;
    margin-left: 5px;

}

.sub2-1 {
    font-size: 18px;
    font-weight: 400;
    line-height: 180%;
    margin-top:-20px;
    color: #FFFFFF;
    margin-left: 10px;
}

.img5 {
    width: 640px;
    height: 358px;
    margin-left: 10px;
}

.img5-1-img{
    width: 640px;
    height: 358px;
}
.img5-1{
    margin-left: 7px;
}

.scroll {
    height: 695px;
    margin-top: -260px;
    overflow: auto;
    -ms-overflow-style: none;
    scrollbar-width: none;
    display: block;
}

.sub2 {
    font-size: 18px;
    font-weight: 400;
    line-height: 180%;
    margin-top: 30px;
    color: #FFFFFF;
    margin-left: 10px;
}

.sub3 {
    font-size: 18px;
    font-weight: 400;
    line-height: 180%;
    color: #FFFFFF;
    margin-left: 10px;
}

.flex2 {
    display: flex;
}

.main3 {
    font-family: "Afacad", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    font-weight: bolder;
    margin-left: 800px;
    margin-top: -50px;
    color: #FFFFFF;
    font-size: 120px;
    font-weight: 700;
    line-height: 140%;
    
}

.text3 {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 16%;
    color: #8ACA9A;
    text-shadow: 1px #FFFFFF;
    -webkit-text-stroke: 1px #FFFFFF;
    margin-left: -321px;
    margin-top: 90px;

}

.box8 {
    background-color: #E9EEF2;
    padding: 64px 112px 64px;
}

.main4 {
    font-family: "Afacad", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    font-weight: bolder;
    color: #B2C8DA;
    font-size: 120px;
    font-weight: 700;
    line-height: 80%;
    margin-left: -60px;
}

.text4 {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 16%;
    color: #FFFFFF;
    text-shadow: 1px #8ca9c2;
    -webkit-text-stroke: 1px #8ca9c2;
    margin-top: -100px;
    margin-left: -55px;
}

.sub4 {
    font-weight: 700;
    font-size: 16px;
    line-height: 150%;
    color: #241409;
    margin-left: -55px;
}

.main-box3 {
    display: flex;
    margin-left: -50px;
    gap: 90px;
    
   
}

.box9 {
    margin: -60px;
    margin-left: -10px;
    background-color: #FFFFFF;
    border: solid 3px #B2C8DA;
    border-radius: 30px;
    padding: 24px 40px 24px 40px;
    height: 865px;
    justify-content: center;
    object-fit: contain;
    margin-top: 50px;
    width: 100vw;
    padding: auto;
    flex-wrap: wrap;
    overflow: hidden;
    

}

.img6 {
    justify-content: center;
    text-align: center;
    margin: auto;
    padding: auto;
}

.sub5 {
    text-align: center;
    justify-content: center;
    color: #FFFFFF;
    background-color: #91B0CA;
    border-radius: 3px;
    font-size: 12px;
    margin-left: 70px;
    font-weight: 500;
    line-height: 150%;
    width: 60%;
    margin: auto;

}

.sub6 {
    text-align: center;
    justify-content: center;
    color: #FFFFFF;
    background-color: #91B0CA;
    border-radius: 3px;
    width: 70%;
    font-size: 12px;
    font-weight: 500;
    line-height: 150%;
    margin-left: 50px;
    margin: auto;

}

.main-name {
    text-align: center;
    justify-content: center;
    font-weight: 700;
    font-size: 24px;
    line-height: 140%;
    color: #241409;
}

.sub-name {
    text-align: center;
    justify-content: center;
    font-weight: 700;
    font-size: 18px;
    line-height: 140%;
    margin-top: -25px;
    color: #241409;
}

.history {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #241409;
}

.history1 {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    width: 346px;
    color: #241409;
}

.history2 {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #241409;
}

.history3 {
    font-weight: 400;
    font-size: 12px;
    line-height: 150%;
    color: #241409;
}

.message5 {
    width: 100%;
    font-size: 16px;
    font-weight: 500;
    line-height: 150%;
    color: #241409;
    margin: 0% auto;
}

.main5 {
    font-family: "Afacad", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    font-weight: bolder;
    color: #B2C8DA;
    font-size: 120px;
    margin-top: 200px;
    font-weight: 700;
    line-height: 80%;
    text-align: center;
    justify-content: center;
}

.text5 {
    font-size: 16px;
    font-weight: 700;
    line-height: 150%;
    letter-spacing: 16%;
    color: #FFFFFF;
    text-shadow: 1px #8ca9c2;
    -webkit-text-stroke: 1px #8ca9c2;
    text-align: center;
    justify-content: center;
    margin-top: -100px;
}

.info {
    width: 95vw; /* ビューポート全体に広げる */
    margin-left: -75px;
    padding: 10px;
    margin-top: 80px;
    box-sizing: border-box;
}

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

.info th,
.info td {
    border-bottom: 1px solid #DCDCDC;
    padding: 24px;
}

.info td.noborder,
.info th.noborder {
    border-bottom: none;
}

.info th {
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    padding-left: 1px;  

}

.info td {
    font-size: 16px;
    font-weight: 400;
    color: #241409;
    width: 80vw;
}

.box10 {
    background-color: #8CA9C2;
    padding: 64px 240px 64px 240px;
    line-height: 80%;
    margin-left: -120px;
    margin-right: -132px;
    margin-top: 120px;
    justify-content: center;
    white-space: nowrap;

}

.text-box {
    margin-top: 50px;
    align-items: center; 
}

.main-post {
    font-family: "Afacad", sans-serif;
    font-optical-sizing: auto;
    font-weight: weight;
    font-style: normal;
    font-weight: bolder;
    color: #E9EEF2;
    font-size: 120px;
    font-weight: 700;
    line-height: 80%;
    margin-top: 5px;
    text-align: center;
    justify-content: center;
}

.post {
    font-weight: 500;
    color: #F5F5F5;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 16%;
    text-align: center;
    margin-top: -100px;
    justify-content: center;
}

a {
    text-decoration: none;
    color: #241409;
    text-decoration: none;
    flex-wrap: wrap;
    overflow: hidden;
  }



.postbtn {
    text-overflow: ellipsis;
    background-color: #F0D43C ;
    padding: 12px 112px 12px 112px;
    line-height: 150%;
    border-radius: 5px;
    color: #241409;
    font-weight: 700;
    font-size: 16px;
    text-decoration: none;
    flex-wrap: wrap;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    transform: 3s;
}
.post-1{
    text-align: center;
    margin-left: auto;
    margin-right: auto;

}
.postbtn:hover{
    background-color: #FFF08D;
}
.sub-post {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: 400;
    line-height: 150%;
    margin-top: 50px;
    text-align: center;
    justify-content: center;
    flex-wrap: wrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.box11{
    background-color: #ffffff ;
    position: absolute;
    width: 100.5vw;
    margin-left: -120px;
    margin-right: -132px;
    
   
    
}
.copyright {
    margin-left: 10px;
    text-align: center;
    padding: 16px 64px 16px 64px;
    line-height: 50%;
    color: #241409;
    font-weight: 400;
    font-size: 14px;
    
}


.main3-sp {
    display: none;
}

.text3-sp {
    display: none;
}

.box9-sp {
    display: none;
}

.box6-sp {
    display: none;
}

.main-box-sp2 {
    display: none;
}

.message4-sp {
    display: none;
}

.img5-sp {
    display: none;
}

.sub2-sp {
    display: none;
}

.sub3-sp {
    display: none;
}

.img3-1-sp {
    display: none;
}

.img3-2-sp {
    display: none;
}

.img3-3-sp {
    display: none;
}

.lead1-1-sp {
    display: none;
}

.lead1-2-sp {
    display: none;
}

.lead1-3-sp {
    display: none;
}

.main-box3-sp {
    display: none;
}

.box9-1-sp {
    display: none;
}

.box9-2-sp {
    display: none;
}

.box9-3-sp {
    display: none;
}

.img6-sp {
    display: none;
}

.sub5-sp {
    display: none;

}

.sub6-sp {
    display: none;
}

.me-sp {
    display: none;
}

.sub-name-sp {
    display: none;
}

.history-sp {
    display: none;
}

.history1-sp {
    display: none;
}

.history2-sp {
    display: none;
}

.history3-sp {
    display: none;
}

.message5-sp {
    display: none;
}
.text-sp{
   display: none;
}

.text-sp-1{
   display: none;
}
.text1-sp{
    display: none;
}
#hamburger-menu-body {
    position: fixed;
    display: none;
    background-color:#FFFFFF;
    padding: 24px 16px 24px 16px;
    border-radius: 8px;
    padding-left: 25px;
    width: 160px;
    text-align: left;
    color: #241409;
    line-height: 100%;
    font-size: 14px;
    font-weight: 700;
    letter-spacing: 10%;
    display: flex;
    flex-direction: column; /* 下からの距離 */
    right: 30px;  
}
#hamburger-menu-body:hover {
    text-decoration: underline;
    cursor: pointer; /* クリック可能っぽくするなら追加 */
  }
#hamburger-menu-body::after{
    content: '';
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    top: -15px;
    left: 90px;
    border-right: 10px solid transparent;
    border-bottom: 15px solid #fff;
    border-left: 10px solid transparent;
  }
.open #hamburger-menu-body {
    position: fixed;
    display: block;
    object-fit: cover;
}

#hamburger-menu-button {
    cursor: pointer;
    padding: 10px;
    color: #F0D43C;
    border: none;
    margin-left: -10px;
    margin-top: -10px;
    }
    

#menu-button {
    display: none;
}

#hamburger-menu-button {
    display: block;
}

#hamburger-menu-body {
    margin-top: 200px;
    display: none;
}

.auto-scroll {
    position: relative;
    display: inline-block;
    cursor: pointer;
     /* 少し余白 */
  }
  
  .auto-scroll::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: -10px;
    width: 0%;
    height: 2px;
    background-color: #000; /* 下線の色をここで変更可 */
    transition: width 0.3s ease;
  }
  
  .auto-scroll:hover::after {
    width: 100%;
  }
.text2-1sp{
    display: none;
}
.text4-sp{
    display: none;
}
.text5-sp{
   display: none;
}
.text5-sp1{
  display: none;
}
@media screen and (min-width:200px) and ( max-width:1400px ) {

    body{
        overflow-x: hidden; /* 横スクロールを防ぐ */
        backface-visibility:hidden;
        box-sizing: border-box;
        bottom: 0;
    }

    h1 {
        margin-left: -30px;
        font-size:25vw;
        margin-top: 60px;
        font-weight: 700;
        line-height: 80%;
    }
    

    .img1 {
      display: none;
    }
    .img1-sp{
        display: block;
        text-align: center;
        margin-top: 15px;

    }
    .img1-svg{
        width: 50%;

    }
    .text{
        display: none;
    }
    .text1{
        display: none;
    }
    .text-sp{
        display: block;
        margin-left: auto;
        padding-left: 30px;
        margin-top: -50px;
    }

    .text1-sp{
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-top: -60px;
      

    }
   .text1-sp1{
    display: block;
    width: 30%;
    margin-left: auto;
    margin-right: auto;
    margin-top: -100px;
   }
    
    .text-sp-1{
        display: block;
        width: 40%;
        height: auto;
    }
    
    .main-message {
        display: block;
        word-break:pre-line;
        margin-top: -5px;
        margin-left: auto;
        margin-left: auto;
        font-size: 28px;
        font-style: normal;
        font-weight: 700;
        line-height: 140%; /* 39.2px */
        letter-spacing: -0.28px;
      
    }

    .icon {
        display: block;
        position: fixed;
        z-index: 10;
    }

    .img4 {
        margin-left: 70%;
        margin-bottom: -35px;
        margin-top: 20px;
        transform: scale(0.8)
    }

    .main-box {
        display: flex;
        flex-direction: column;
        border-radius: 30px;
        margin-top: 50px;
        margin-left: 24px;
        margin-right: 24px;
        justify-content: center;
        padding: 64px 32px ;

    }

    .message1 {
        
        display: block;
        line-height: 160%;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
        
        
      
    }

    .message2 {

        display: block;
        line-height: 160%;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
      
 
    }

    .message3 {

        display: block;
        line-height: 160%;
        margin-left: auto;
        margin-right: auto;
        font-size: 18px;
      
    }

    .img2 {
        display: none;
    }

    .img2-sp {
        display: block;
        margin-right: 35px;
        margin-top: -80px;
    }
    .img-right{
        display: block;
        margin-left: auto;
    }

    .box1 {
      padding: 5px;
      margin-left: auto;
      margin-right: auto;
      


    }

  
    .main1 {
        display: block;
        font-size:27vw;
        line-height: 80%;
        margin-top:5px;
        margin-left: auto;
        margin-right: auto;
    }
    .text1 {
        text-align: center;
    }
  
    .main-box1 {
        display: flex;
        line-height: 40%;
        flex-direction: column;
        margin-left: 33px;
        margin-right: 33px; 
        gap: 0 !important;
     
    }
    .main-box2-1{
        margin-top: -130px;
        padding: 160px 24px 112px 24px


    }
    .box2{
        padding-bottom: 70px;
        border-radius: 50px 50px 0px 0px;
    }
    .box3 {
        margin-top: -10px;
        margin-left: -75px;
        margin-right: -75px;
        padding: 32px;
        line-height: 32%;
        margin-bottom: 40px;
    }

    .box4 {
        padding: 112px 24px 160px 24px;
        padding-bottom: 30px;
    }

    .sub8 {
        margin-left: 20px;
    }

    .text2 {
        margin-left: 5px;
        display: none;
    }
    .text2-1sp{
        display: block;
        text-align: center;
        margin-top: -1.7rem;
    }
    .text2-1sp1{
        width: 25%;
    }

    .main2 {
        font-size:9vw;
        text-align: center;
        margin-top: 10px;
    }

    .box5 {
        display: flex;
        flex-direction: column;
        padding: 40px 24px 40px 24px;
        line-height: 24px;
        margin-left: -5px;
        margin-right: -5px;
        margin-bottom: 32px;
        margin-top: 10px;

    }

    .img3 {
        display: none;
    }

    .img3-1-sp {
        display: block;
        margin-left: auto;
        margin-right: auto;
        transform: scale(0.9)
    }

    .img3-2-sp {
        display: block;
        margin-left: auto;
        margin-right: auto;
        transform: scale(0.9)
    }

    .img3-3-sp {
        display: block;
        margin-left: auto;
        margin-right: auto;
        transform: scale(0.9)
    }

    .lead1 {
        display: none;
    }

    .lead1-1-sp {
        display: block;
        font-size: 20px;
        font-weight: 500;
        line-height: 150%;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;

    }

    .lead1-2-sp {
        display: block;
        font-size: 20px;
        font-weight: 500;
        line-height: 150%;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;

    }

    .lead1-3-sp {
        display: block;
        font-size: 20px;
        font-weight: 500;
        line-height: 150%;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }

    .sub7 {
        margin-left: auto;
        margin-right: auto;
    }

    .sub1 {
        margin-left: auto;
        margin-right: auto;
    }

    .sub8 {
        margin-left: auto;
        margin-right: auto;
    }

    .main3 {
        display: none;
    }

    .box6 {
        display: none;
    }

    .main3-sp {
        display: block;
        font-family: "Afacad", sans-serif;
        font-optical-sizing: auto;
        font-weight: weight;
        font-style: normal;
        font-weight: bolder;
        color: #FFFFFF;
        font-size:27vw;
        font-weight: 700;
        line-height: 40px;
       text-align: center;
        margin-top: 50px;

    }

    .text3-sp {
        display: block;
        font-size: 16px;
        font-weight: 700;
        line-height: 150%;
        letter-spacing: 16%;
        color: #8ACA9A;
        text-shadow: 1px #FFFFFF;
        -webkit-text-stroke: 1px #FFFFFF;
        text-align: center;
        margin-top: -85px;
    }
    .text3-sp1{
        width: 30%;
        height: auto;
    }

    .box6-sp {
        display: block;
        background-color: #8ACA9A;
        padding: 160px 24px 112px 24px;
        line-height: 80px;
        margin-left: -24px;
        margin-right: -24px;
    }

    .main-box-sp2 {
        display: block;
        padding: 160px 24px 112px 24px;
        line-height: 40px;
    }

    
    .message4-sp {
        display: block;
        color: #FFFFFF;
        font-size: 11vw;
        font-weight: 700;
        line-height: 140%;
        margin-left: auto;
        margin-right: auto;
        margin-top: -140px;
    }

    .message4-1-sp {
        display: block;
        color: #FFFFFF;
        font-size: 11vw;
        font-weight: 700;
        line-height: 140%;
        margin-left: auto;
        margin-right: auto;
    }

    .img5-sp {
        display: block;
        margin-top: -20px;
        z-index: 5;
        margin-left: auto;
        margin-right: auto;
        padding-right:30px;
    }
    .img5-svg{
       max-width:  107%;
    }
    .img5-sp{
        display: block;
        margin-top: -20px;
        z-index: 5;
        margin-left: auto;
        margin-right: auto;
        padding-right:30px;
    }
    .img5-1-img{
        max-width: 107%;
        height: auto;
    }
     .img5-sp1{
         display: block;
         margin-top: -20px;
         z-index: 5;
         margin-left: auto;
         margin-right: auto;
         padding-right:30px;
     }

    .sub2-sp {
        font-weight: 400;
        font-size: 18px;
        display: block;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;
        line-height: 160%;
        color: #FFFFFF;
    }

    .sub3-sp {
        font-weight: 400;
        font-size: 18px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        line-height: 160%;
        color: #FFFFFF;
    }

    .sub2-1-sp {
        font-weight: 400;
        font-size: 17px;
        display: block;
        margin-top: 20px;
        margin-left: auto;
        margin-right: auto;
        line-height: 160%;
        color: #FFFFFF;
    }

    .scroll {
        display: none;
    }
    .box8 {
        background-color: #E9EEF2;
        padding: 112px 24px 64px 24px;
    }

    .main4 {
        display: block;
        line-height: 80%;
        letter-spacing: -5px;
        font-size:27vw;
        text-align: center;
        margin-inline:0;
        margin-left: auto;
        margin-right: auto;

    }

    .text4-sp {
        display: block;
        margin-top: -100px;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }
    .text4{
        display: none;
    }

    .text4-sp1{
        width: 40%;
        height: auto;
    }

    .sub4 {
        text-align: center;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        margin-top: 20px;
        font-size: 4vw;
        line-height: 150%;
        color: #8CA9C2;
    }

    .main-box3-sp {
        display: block;
        margin-left: 10px;
        margin-right: 10px;
        overflow-wrap: break-word;
        
    }

    .box9-1-sp {
        display: block;
        background-color: #FFFFFF;
        border: solid 3px #B2C8DA;
        border-radius: 30px;
        padding: 32px;
        height: 728px;
        justify-content: center;
        margin-top: 20px;
        margin-left: -10px;
        margin-right: -10px;
        overflow-wrap: break-word;
        overflow: hidden;  
    }
    .lead-sub{
        width: 100%;
    }

    .box9-2-sp {
        display: block;
        background-color: #FFFFFF;
        border: solid 3px #B2C8DA;
        border-radius: 30px;
        padding: 32px;
        height: 806px;
        justify-content: center;
        margin-top: 20px;
        margin-left: -10px;
        margin-right: -10px;
        overflow-wrap: break-word;
        overflow: hidden;
    }

    .box9-3-sp {
        display: block;
        background-color: #FFFFFF;
        border: solid 3px #B2C8DA;
        border-radius: 30px;
        padding: 32px;
        height: 913px;
        justify-content: center;
        margin-top: 20px;
        margin-left: -10px;
        margin-right: -10px;
        overflow-wrap: break-word;
        overflow: hidden;
        
        
        
    }

    .img6-sp {
        display: block;
        justify-content: center;
        text-align: center;

    }

    .sub5-sp {
        display: block;
        text-align: center;
        justify-content: center;
        color: #FFFFFF;
        background-color: #91B0CA;
        border-radius: 3px;
        font-size: 12px;
       margin-right: auto;
        margin-left: auto;
        font-weight: 500;
        line-height: 150%;
        width: 216px;


    }

    .sub6-sp {
        display: block;
        text-align: center;
        justify-content: center;
        color: #FFFFFF;
        background-color: #91B0CA;
        border-radius: 3px;
        font-size: 12px;
        font-weight: 500;
        margin-right: auto;
        margin-left: auto;
        line-height: 150%;
        width: 220px;
    }

    .main-name-sp {
        display: block;
        text-align: center;
        justify-content: center;
        font-weight: 700;
        font-size: 24px;
        line-height: 140%;
    }

    .sub-name-sp {
        display: block;
        text-align: center;
        justify-content: center;
        font-weight: 700;
        font-size: 18px;
        line-height: 140%;
        margin-top: -25px;

    }

    .history-sp {
        margin-left: -5px;
        display: block;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        color: #241409;
        
    }

    .history1-sp {
        display: block;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        margin-left: auto;
        margin-right: auto;
        color: #241409;
        margin-top: -10px;
       
       
       

    }

    .history2-sp {
        display: block;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        color: #241409;
        margin-top: -10px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
        
       
    
    }

    .history3-sp {
        display: block;
        font-weight: 400;
        font-size: 12px;
        line-height: 150%;
        color: #241409;
        margin-top: -10px;
        margin-left: auto;
        margin-right: auto;
        justify-content: center;
    }

    .message5-sp {
        justify-content: center;
        display: block;
        margin-left: auto;
        margin-right: auto;
        font-size: 90%;
        font-weight: 500;
        line-height: 150%;
        color: #241409;
        
    }

    .box9 {
        display: none;
    }

    .img6 {
        display: none;
    }

    .sub5 {
        display: none;

    }

    .sub6 {
        display: none;
    }

    .main-name {
        display: none;
    }

    .sub-name {
        display: none;
    }

    .history {
        display: none;
    }

    .history1 {
        display: none;
    }

    .history2 {
        display: none;
    }

    .history3 {
        display: none;
    }

    .message5 {
        display: none;
    }

    .main5 {
        font-size:21vw;
        text-align: center;
        font-weight: 700;
        line-height: 80%;
    }

    .text5 {
       display: none;
    }
    .text5-sp{
        display: block;
        text-align: center;
        margin-top: -80px;
        margin-left: auto;
        margin-right: auto;
    }
    .text5-sp1{
       display: block;
        width: 20%;
        height: auto;
        margin-left: auto;
        margin-right: auto;
    }

    .info {
        width: 95vw;
        margin-left: -10px;
        line-height: 72px;
    }


.info th {
    font-weight: 700;
    font-size: 16px;
    text-align: left;
    padding-left: 5px;  
    border-collapse: collapse;
    border-bottom: 1px solid #DCDCDC;
   
   

}
    .info th,
    .info td {
        width: 3px;
        line-height: 50px;
        margin: 0% auto;
        
      
    }
    
    .info td {
        line-height: 24px;
        width: 10vw;
       
    }

    .main-post {
        font-size: 22vw;
        line-height: 80%;
        margin-top: 40px;
        font-weight: 700;
        text-align: center;
    }
    

    .post {
        text-align: center;
        margin-top: -70px;
        line-height: 150%;
        letter-spacing: 3px;
        font-weight: 500;
        font-size: 4vw;
    }

    .postbtn {
        display: block;
        width: 45%;
        padding: 12px 24px 12px 24px;
        font-size: 4vw;
        margin-top: 30px;
        margin-left: auto;
        margin-right: auto;

    }

    .sub-post {
        text-align: center;
        margin-top: 10px;
        font-size: 2.5vw;
    }

    .box10 {
        padding: 80px 24px 80px 24px;
        line-height: 80px;
    }
    .box11{
        background-color: #ffffff ;
        object-fit: cover;
        height: auto;
        margin-left: -23.5px;
        position: absolute;

    }
 
    .copyright {
        text-align: center;
        line-height: 50%;
        color: #241409;
        font-weight: 400;
        padding: 16px 64px 16px 64px;
        
       
        
      
    }
  
    #menu-button {
        display: block;
    }
    
    #hamburger-menu-button {
        display: none;
    }

.auto-scroll {
    position: relative;
    display: inline-block;
    cursor: pointer;
    padding-bottom: 2px;
     /* 少し余白 */
  }
  
  .auto-scroll::after {
    content: '';
    position: absolute;
    left: 0;
    bottom: 0;
    width: 0%;
    height: 2px;
    background-color: #000; /* 下線の色をここで変更可 */
    transition: width 0.3s ease;
  }
  
  .auto-scroll:hover::after {
    width: 85%;
  }

  
    }