@charset "utf-8";
/* CSS Document */


#MV{
    min-width: 1000px;

}
#MV ul{
    display: flex;
}
#MV li{
    flex: 1;
    line-height: 0;
}
#MV li img{
    width: 100%;
    height: auto;
}
#Main{background: linear-gradient(135deg,  rgba(218,219,201,1) 0%,rgba(255,255,255,1) 52%,rgba(218,219,201,1) 100%);padding: 40px 0px;}


#Main dl{
    text-align: center;
    margin-bottom: 40px;
}
#Main dt{
    font-size: 20px;
    letter-spacing: 3px;
    padding-bottom: 10px;
}
#Main dt h1{
    font-style: italic;
}
#Main dt strong{
    font-size: 135%;
    font-style: italic;
}
#Main dd{
    font-size: 18px;
    line-height: 1.8;
}

#Main ul{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 930px;
    margin: 0 auto;
    justify-content: space-between;
    margin-bottom: 30px;
}
#Main li{
    flex: 1;
    margin: 0 20px;
}
#Main li a{position:relative;text-decoration: none;display: block;padding: 20px;font-size: 20px;text-align: center;background-color: #fff;box-shadow: 0 0 4px rgb(0 0 0 / 30%);border-radius: 4px;}
#Main li a:hover{
    background-color: #a79975;
    color: #fff;
}
#Main li a:after{position: absolute;right: 8px; top:50%; margin-top:-0.5em;content:"\f105"; font-family:FontAwesome; line-height: 1}




/*-------------------------------------SMP*/

@media screen and (max-width:480px){
#MV{
    min-width: auto;
}
#MV ul{}
#MV li{}
#MV li img{}
#Main{
    padding: 20px;
}
#Main dl{
    margin-bottom: 20px;
}
#Main dt{
    font-size: 3.5vw;
    letter-spacing: 2px;
    padding-bottom: 5px;
}
#Main dt h1{}
#Main dt strong{
    font-weight: normal;
}
#Main dd{
    font-size: 3.5vw;
    letter-spacing: 0.5px;
}


#Main ul{
    width: 90%;
    display: block;
    margin-bottom: 10px;
}
#Main li{
    margin: 0;
}
#Main li + li{
    margin-top: 10px;
}
#Main li a{
    font-size: 4vw;
    padding: 14px;
}
#Main li a:hover{}
#Main li a:after{}
}