@charset "UTF-8";

/* CSS Document */

/*PC*/
@media print, screen and (min-width: 768px) {

/*sec01*/
.sec01 { margin: 0 auto 50px;}
.sec01 p { font-size: 1.5rem; line-height: 2.4rem; }



/*sec02*/
.sec02 { margin: 0 auto 50px;}
.sec02 .box { margin: 0 0 50px;}
.sec02 .box h3 { font-size: 2.0rem; line-height: 3.5rem; color: #0070B3; margin: 0 0 10px; font-family: 'Noto Serif JP', serif; letter-spacing: 0.05em; font-weight: normal;}
.sec02 .box p { font-size: 1.5rem; line-height: 2.4rem; margin: 0 0 15px;}
.sec02 .box ol { font-size: 1.5rem; line-height: 2.4rem; margin: 0 0 0 20px;}
.sec02 .box ol li { font-size: 1.5rem;}
.sec02 .box ul { font-size: 1.5rem; line-height: 2.4rem; margin: 0 0 0 20px;}
.sec02 .box ul li { font-size: 1.5rem;}
.sec02 .contact { text-align: center;}
.sec02 .contact .contactIn { display: inline-block; border: solid 1px #CCC; padding: 10px 20px; text-align: left; font-size: 1.8rem;}



}



/*sp*/
@media only screen and (max-width: 767px) {

/*sec01*/
.sec01 { margin: 0 5% 50px;}
.sec01 p { font-size: 1.5rem; line-height: 2.4rem; }



/*sec02*/
.sec02 { margin: 0 5% 50px;}
.sec02 .box { margin: 0 0 50px;}
.sec02 .box h3 { font-size: 2.0rem; line-height: 3.5rem; color: #0070B3; margin: 0 0 10px; font-family: 'Noto Serif JP', serif; letter-spacing: 0.05em; font-weight: normal;}
.sec02 .box p { font-size: 1.6rem; line-height: 2.4rem; margin: 0 0 15px;}
.sec02 .box ol { font-size: 1.6rem; line-height: 2.4rem; margin: 0 0 0 20px;}
.sec02 .box ol li { font-size: 1.6rem;}
.sec02 .box ul { font-size: 1.6rem; line-height: 2.4rem; margin: 0 0 0 20px;}
.sec02 .box ul li { font-size: 1.6rem;}
.sec02 .contact { text-align: center;}
.sec02 .contact .contactIn { display: inline-block; border: solid 1px #CCC; padding: 10px 20px; text-align: left; font-size: 1.6rem;}



}