@charset "UTF-8";

/* CSS Document */

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

/*sec01*/
.sec01 { margin: 0 auto 90px;}
.sec01 table { width: 100%; margin: 0 auto; border-bottom: solid 1px #000; border-right: solid 1px #000; font-size: 1.5rem;}
.sec01 table th { width: 110px; padding: 10px 0; font-weight: normal; background: #B3B3B3; border-top: solid 1px #000; border-left: solid 1px #000; color: #FFF;}
.sec01 table td { width: auto; padding: 10px 20px; border-top: solid 1px #000; border-left: solid 1px #000;}




/*sec02*/
.sec02 { margin: 0 auto 90px;}
.sec02 .ttl { margin: 0 auto 40px; text-align: center;}
.sec02 .ttl h3 { font-size: 6.0rem; font-family: 'Bebas Neue', cursive; font-weight: normal; color: #0070B3;}
.sec02 .ttl p { font-size: 1.5rem; color: #0070B3;}
.sec02 dl { font-size: 1.5rem; border-bottom: solid 1px #000;}
.sec02 dl dt { font-size: 1.5rem; width: 160px; float: left; border-top: solid 1px #000; padding: 15px 20px;}
.sec02 dl dd { font-size: 1.5rem; width: auto; margin: 0 0 0 200px; border-top: solid 1px #000; padding: 15px 0;}
.sec02 dl dt:first-of-type,
.sec02 dl dd:first-of-type { border-top: none;}




/*sec03*/
.sec03 { margin: 0 auto 90px;}
.sec03 .ttl { margin: 0 auto 40px; text-align: center;}
.sec03 .ttl h3 { font-size: 6.0rem; font-family: 'Bebas Neue', cursive; font-weight: normal; color: #0070B3;}
.sec03 .ttl p { font-size: 1.5rem; color: #0070B3;}
.sec03 .img { text-align: center;}
.sec03 .img .pc { display: inline-block;}

}



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

/*sec01*/
.sec01 { margin: 0 5% 50px;}
.sec01 table { width: 100%; margin: 0 auto; border-bottom: none; border-right: none; font-size: 1.6rem;}
.sec01 table th { display: block; width: auto; padding: 5px 10px; font-weight: normal; background: #B3B3B3; border: solid 1px #000; color: #FFF; text-align: left;}
.sec01 table td { display: block; width: auto; padding: 10px 10px; border-top: none; border-left: none;}




/*sec02*/
.sec02 { margin: 0 5% 50px;}
.sec02 .ttl { margin: 0 auto 40px; text-align: center;}
.sec02 .ttl h3 { font-size: 4.0rem; font-family: 'Bebas Neue', cursive; font-weight: normal; color: #0070B3;}
.sec02 .ttl p { font-size: 1.2rem; color: #0070B3;}
.sec02 dl { font-size: 1.6rem; border-bottom: solid 1px #000;}
.sec02 dl dt { font-size: 1.6rem; width: auto; float: none; border-top: solid 1px #000; padding: 5px 5px 0;}
.sec02 dl dd { font-size: 1.6rem; width: auto; margin: 0 0 0 0; border-top: none; padding: 0 5px 5px;}
.sec02 dl dt:first-of-type,
.sec02 dl dd:first-of-type { border-top: none;}




/*sec03*/
.sec03 { margin: 0 5% 50px;}
.sec03 .ttl { margin: 0 auto 40px; text-align: center;}
.sec03 .ttl h3 { font-size: 4.0rem; font-family: 'Bebas Neue', cursive; font-weight: normal; color: #0070B3;}
.sec03 .ttl p { font-size: 1.2rem; color: #0070B3;}
.sec03 .img { text-align: center;}
.sec03 .img div { display: inline-block;}

}