@charset "UTF-8";

/* CSS Document */

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

/*sec01*/
.sec01 { margin: 0 auto 90px;}
.txt2 { text-align: center;}
.txt2 p { }
.txt2 ul { text-align: left; display: inline-block; font-size: 1.3rem; margin: 0 0 20px;}
.txt2 ul li {}
.txt2 p:nth-last-child(1) { color: #F00; font-size: 1.3rem;}
.sec01 h3 { text-align: center; font-size: 1.8rem; margin: 0 0 20px;}
.sec01 p { text-align: center; font-size: 1.5rem; margin: 0 0 30px;}
.sec01 table { width: 100%; margin: 0 auto;}
.sec01 table th { width: 170px; padding: 10px 20px 10px 10px; font-weight: normal; font-size: 1.9rem; vertical-align: top; text-align: right;}
.sec01 table th span { color: #F00;}
.sec01 table td { width: auto; padding: 10px 60px 10px 10px; position: relative; font-size: 1.9rem;}
.w100p { width: 100%; box-sizing: border-box;}
.w240 { width: 240px; box-sizing: border-box;}
input[type="text"],
textarea { padding: 5px; border: solid 1px #CCC; font-size: 1.6rem;}
input[type="reset"],
input[type="submit"] { width: 180px; padding: 10px 0; border: solid 1px #0070B3; background: #FFF; margin: 0 10px; color: #0070B3;}
input[type="reset"]:hover,
input[type="submit"]:hover { border: solid 1px #0070B3; background: #0070B3; margin: 0 10px; color: #FFF;}
.comBtn { font-size: 1.4rem;}
.comBtn a { display: block; padding: 7px 0; width: 150px; text-align: center; border: solid 1px #0070B3; color: #0070B3; border-radius: 50px;}
.comBtn a:hover { background: #0070B3; border: solid 1px #0070B3; color: #0070B3; color: #FFF;}


}



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

/*sec01*/
.sec01 { margin: 0 5% 90px;}
.txt2 { text-align: center;}
.txt2 p { }
.txt2 ul { text-align: left; display: inline-block; font-size: 1.6rem; margin: 0 0 20px 10px;}
.txt2 ul li {}
.txt2 p:nth-last-child(1) { color: #F00; font-size: 1.6rem;}
.sec01 h3 { text-align: center; font-size: 1.8rem; margin: 10px 0 20px;}
.sec01 p { text-align: left; font-size: 1.6rem; margin: 0 0 30px;}
.sec01 table { width: 100%; margin: 0 auto;}
.sec01 table th { display: block; width: auto; padding: 2px 0; font-weight: normal; font-size: 1.6rem; vertical-align: top; text-align: left;}
.sec01 table th span { color: #F00;}
.sec01 table td { display: block; width: auto; padding: 2px 0 10px; position: relative; font-size: 1.6rem;}
.w100p { width: 100%; box-sizing: border-box;}
.w240 { width: 240px; box-sizing: border-box;}
input[type="text"],
textarea { padding: 5px; border: solid 1px #CCC; font-size: 1.6rem;}
input[type="reset"],
input[type="submit"] { width: 120px; padding: 10px 0; border: solid 1px #0070B3; background: #FFF; margin: 0 10px; color: #0070B3; font-size: 1.6rem;}
input[type="reset"]:hover,
input[type="submit"]:hover { border: solid 1px #0070B3; background: #0070B3; margin: 0 10px; color: #FFF;}
.comBtn { font-size: 1.6rem;}
.comBtn a { display: block; padding: 7px 0; width: 150px; text-align: center; border: solid 1px #0070B3; color: #0070B3; border-radius: 50px;}
.comBtn a:hover { background: #0070B3; border: solid 1px #0070B3; color: #0070B3; color: #FFF;}


}