@charset "UTF-8";


/*   Main -------------------------------------------    */

main {
max-width: 1000px;
}

main article {
margin: 0 auto;
width: 90%;
}

main .greeting {
margin:0 auto;
padding:2% 0 5%;
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", serif;
}

main .greeting h2 {
font-size: 1.8rem;
letter-spacing: 0px;
text-align: center;
font-weight: 400;
}
main .greeting p {
padding-bottom: 1%;
font-size: 1.5rem;
line-height: 1.8;
}
main .greeting p:last-child {
text-align: center;
font-size: 2rem;
line-height: 1.4;
}
main .greeting p:last-child span {
font-size: 1.3rem;
line-height: 3;
}

main .about {
margin:0 auto;
padding: 2% 0 5%;
overflow:hidden;
}
main .about h2 {
font-size: 1.8rem;
letter-spacing: 2px;
}
main .about dl {
margin: 0;
width:100%;
}
main .about dl dt ,
main .about dl dd {
margin: 0;
padding: 0 0 3%;
display: block;
float: left;
font-size: 1.4rem;
line-height: 1.8;
}

main .about dl dt {
clear: left;
width: 25%;
}
main .about dl dd {
width: 75%;
}

@media screen and ( min-width: 450px ){
main .about dl dt { width: 20%; }
main .about dl dd { width: 80%; }
}

@media screen and ( min-width: 600px ){
main .about dl dt { width: 15%; }
main .about dl dd { width: 85%; }
}

@media screen and ( min-width: 768px ){

main .greeting h2 {
font-size: 3rem;
letter-spacing: 1px;
}
main .greeting p {
line-height: 2.5;
}

main .about dl dt ,
main .about dl dd { padding-bottom: 1%; }
main .about dl dt { width: 10%; }
main .about dl dd { width: 90%; }

}