@charset "UTF-8";

*{
    margin: 0;
    padding: 0;
}

.noto-serif-jp {
  font-family: "Noto Serif JP", serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

/* 左側　ナビ */
.flexbox{
    display: flex;

}

.header-box{
    width: 18vw;
    height: 100vw;
    position: fixed;
    background-color: rgb(33, 77, 65);

}

header h1 a img{
    display: block;
    width: 15vw;
    height: 5vw;
    margin-top: 5vw;
    margin-left: 0.4vw;
}

nav ul{
    margin-top: 3vw;
    
}

nav ul li{
    list-style-type: none;

}

nav ul li a{
    display: block;
    text-decoration-line: none;
    border-radius: 10px;
    text-align: center;
    line-height: 3.5;
    font-weight: 500;
    font-size: 20px;
    font-family: "Noto Serif JP", serif;
    color: #fcf7f7;
    transition: 1s;

    
}

nav ul li a:hover{
    margin: 0.1vw;
    transition: 1s;
    color:#696767;

}

/*  右側LP */

.msf-box{
    width: 80vw;
    margin-left: 19vw;
}

.about-lp{
    height: 15vw;
    margin-top: 5vw;
    font-family: "Noto Serif JP", serif;
    background-color:rgb(70, 113, 103);
}

.about-lp small{
    display: block;
    padding: 3vw;
    text-align: center;
    color:#fcf7f7 ;
}

.about-lp h1{
    text-align: center;
    color:#fcf7f7 ;
}

.msf-box h2:nth-of-type(1){
    margin-top: 2vw;
    text-align: center;
    white-space: pre-wrap;
    color:rgb(33, 77, 65) ;

}


.about-image{
    display: flex;
    width: 90%;
    margin-top: 5vw;
    margin-left: 5vw;
    
}

.about-image div {
    width: 90%;
}


.about-image div img{
    width: 100%;
}







/* フッター */
.footerbox{
    display: flex;
    width: 80%;
    font-family: "Noto Serif JP", serif;
    font-weight: bold;
    font-size: 10px;
    margin-top: 8vw;
    margin-left: 5vw;
    margin-bottom: 6vw;
    
}

.footerbox h3{
    border-bottom:1px solid rgb(33, 77, 65) ;
}

.footerbox ul li{
    list-style-type: none;
}

.footerbox a{
    text-decoration: none;
    color:rgb(33, 77, 65) ;
}

.footerbox a:hover{
    color:rgb(45, 56, 53) ;
}

.footerbox p{
    line-height: 4;
}

.footer-left h2 img{
    width: 12vw;
}


.footer-center{
    margin-left: 8vw;
}

.footer-right{
    margin-left: 5vw;
}


.footer-right2{
    margin-left: 5vw;
}

.footer-right2 h4{
    margin-top: 2vw;
    margin-bottom: 1vw;
}