@charset "UTF-8";

body {padding:0;}
article{padding: 228px 0 0;}
@media screen and (max-width: 959px) {
body {padding:0;}
}
@media screen and (max-width: 767px) {
body {padding:0;}
article{padding: 60px 0 0;}
}

.reform {background: rgb(251, 201, 0,0.1);padding: 0 0 50px;}

.reform_title {padding: 25px 0;color: #FBC900;}
.reform p.sub_title {font-size: 18px;line-height: 28px;width: 960px;margin: 0 auto 20px;text-align: left;}

/*
.reform dl {width: 960px;margin: 0 auto;}
.reform dl dt {background: #373582;font-size: 28px;line-height: 36px;text-align: left; color: #fff;padding: 27px 30px 27px;}
.reform dl dd {background: #ffffff;padding: 30px;text-align: left;}
.reform dl dd p {font-size: 18px;line-height: 28px;margin: 0 0 30px;}
.reform dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.reform dl dd ul li {font-size: 18px;line-height: 28px;list-style: disc;margin: 0 0 5px 28px;width: 30%;}

*/


@media screen and (max-width: 959px) {
.reform {background: rgb(251, 201, 0,0.1);padding: 0 0 5%;}

.reform_title {padding: 25px 0;color: #FBC900;}
.reform p.sub_title {font-size: 16px;line-height: 26px;width: 90%; margin: 0 auto 2%;text-align: left;}
/*
.reform dl {width: 90%;margin: 0 auto;}
.reform dl dt {background: #373582;font-size: 20px;line-height: 30px;text-align: left; color: #fff;padding: 2% 4%;}
.reform dl dd {background: #ffffff;padding: 4%;text-align: left;}
.reform dl dd p {font-size: 16px;line-height: 26px;margin: 0 0 4%;}
.reform dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.reform dl dd ul li {font-size: 16px;line-height: 26px;list-style: disc;margin: 0 0 5px 26px;width: 45%;}
*/
}
@media screen and (max-width: 767px) {
.reform {background: rgb(251, 201, 0,0.1);padding: 0 0 5%;}

.reform_title {padding: 25px 0;color: #FBC900;}
.reform p.sub_title {font-size: 12px;line-height: 22px;width: 90%; margin: 0 auto 5%;text-align: left;}
/*
.reform dl {width: 90%;margin: 0 auto;}
.reform dl dt {background: #373582;font-size: 16px;line-height: 26px;text-align: left; color: #fff;padding: 2% 5%;}
.reform dl dd {background: #ffffff;padding: 5%;text-align: left;}
.reform dl dd p {font-size: 12px;line-height: 20px;margin: 0 0 5%;}
.reform dl dd ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;}
.reform dl dd ul li {font-size: 14px;line-height: 22px;list-style: disc;margin: 0 0 2% 22px;width: 100%;}
*/
}








.btn_block {}
.reform_btn {
color: #404040;
font-size: 24px;
line-height: 80px;font-weight: 700;
height: 80px;
width:360px;
background-color: #fbc900;
padding:0;
text-decoration: none;display: inline-block;vertical-align: bottom;
border-radius: 100vh;
-webkit-border-radius: 100vh;
-moz-border-radius: 100vh;
}
.reform_btn:hover {opacity: 0.7; text-decoration: none;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.btn_block {}
.reform_btn {
color: #404040;
font-size: 5vw;
line-height: 60px;font-weight: 700;
height: 60px;
width:100%;
background-color: #fbc900;
padding:0;
text-decoration: none;display: inline-block;vertical-align: bottom;
border-radius: 100vh;
-webkit-border-radius: 100vh;
-moz-border-radius: 100vh;
}
.reform_btn:hover {opacity: 0.7; text-decoration: none;}
}







.detail_back {width: 1160px;margin:50px auto 0; background: #ffffff;padding: 50px 0;position: relative;}
.detail {width: 810px;margin: 0 0 0 300px;}
.detail_title {margin: 0 0 40px;background: rgba(251,201,0,0.1);border-left:5px solid #fbc900;padding: 20px 0;text-align: left;position: relative;}
.detail_title h2.title {font-size: 24px;line-height: 1.6;font-weight: 700; margin: 0 20px 10px;}
.detail_title p {margin: 0 20px;}
.detail_title p.category {font-size: 14px;line-height: 24px;font-weight: 700; background: #fbc900;padding: 0 10px;display: inline-block;margin: 0 20px 10px;}
.detail_title p.day {position: absolute;right: 0;top: 35px;}
.detail_title p.comment {font-size: 14px;line-height: 1.6;}
.photo {margin: 0 0 40px;}
.photo .pic {border: 1px solid #cccccc;margin: 0 0 10px;}
.photo img {height: auto;
width: auto;
max-height: 500px;
max-width: 100%;
box-sizing: border-box;
vertical-align: bottom;}
.photo p {font-size: 14px;line-height: 1.6;text-align: left;}
.sidemenu {width: 220px; position: absolute;left: 50px;top: 50px;}
.sidemenu dl {}
.sidemenu dl dt {font-size: 18px;line-height: 50px;font-weight: 700; height: 50px; background: rgba(251,201,0,1);}
.sidemenu dl dd {background: rgba(251,201,0,0.1);padding: 20px 0;}
.sidemenu dl dd ul {margin: 0 0 0 40px;}
.sidemenu dl dd ul li {font-size: 14px;line-height: 1.6;margin: 0 0 10px;list-style: disc;text-align: left;}
.sidemenu dl dd ul li:last-child {margin: 0;}
.sidemenu dl dd ul li a {color: #404040;text-decoration: underline;}
.sidemenu dl dd ul li a:hover {color: #fbc900;}
@media screen and (max-width: 1060px) {

.detail_back {width: 90%;margin:5% auto 0; background: #ffffff;padding: 50px 0;position: relative;}
.detail {width: 100%;margin: auto;}
.detail_title {margin: 0 0 40px;background: rgba(251,201,0,0.1);border-left:5px solid #fbc900;padding: 20px 0;text-align: left;position: relative;}
.detail_title h2.title {font-size: 24px;line-height: 1.6;font-weight: 700; margin: 0 20px 10px;}
.detail_title p {margin: 0 20px;}
.detail_title p.category {font-size: 14px;line-height: 24px;font-weight: 700; background: #fbc900;padding: 0 10px;display: inline-block;margin: 0 20px 10px;}
.detail_title p.day {position: absolute;right: 0;top: 35px;}
.detail_title p.comment {font-size: 14px;line-height: 1.6;}
.photo {margin: 0 0 40px;}
.photo .pic {border: 1px solid #cccccc;margin: 0 0 10px;}
.photo img {height: auto;
width: auto;
max-height: 500px;
max-width: 100%;
box-sizing: border-box;
vertical-align: bottom;}
.photo p {font-size: 14px;line-height: 1.6;text-align: left;}
.sidemenu {width: 90%;margin: auto; position: inherit;left: inherit;top: inherit;}
.sidemenu dl {}
.sidemenu dl dt {font-size: 18px;line-height: 50px;font-weight: 700; height: 50px; background: rgba(251,201,0,1);}
.sidemenu dl dd {background: rgba(251,201,0,0.1);padding: 20px 0;}
.sidemenu dl dd ul {margin: 0 0 0 40px;
display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.sidemenu dl dd ul li {font-size: 14px;line-height: 1.6;margin: 0 0 10px;list-style: disc;text-align: left;width: 33%;}
.sidemenu dl dd ul li:last-child {margin: 0;}
.sidemenu dl dd ul li a {color: #404040;text-decoration: underline;}
.sidemenu dl dd ul li a:hover {color: #fbc900;}

}
@media screen and (max-width: 767px) {
.detail_back {width: 90%;margin:5% auto 0; background: #ffffff;padding: 5% 0;position: relative;}
.detail {width: 90%;margin: 0 auto 10%;}
.detail_title {margin: 0 0 40px;background: rgba(251,201,0,0.1);border-left:5px solid #fbc900;padding: 5% 0;text-align: left;position: relative;}
.detail_title h2.title {font-size: 18px;line-height: 1.6;font-weight: 700; margin: 0 20px 10px;}
.detail_title p {margin: 0 20px;}
.detail_title p.category {font-size: 12px;line-height: 20px;font-weight: 700; background: #fbc900;padding: 0 10px;display: inline-block;margin: 0 20px 10px;}
.detail_title p.day {font-size: 12px;line-height: 20px;position: absolute;right: 0;top: 6%;}
.detail_title p.comment {font-size: 12px;line-height: 1.6;}
.photo {margin: 0 0 5%;}
.photo .pic {border: 1px solid #cccccc;margin: 0 0 10px;}
.photo img {height: auto;
width: auto;
max-height: 500px;
max-width: 100%;
box-sizing: border-box;
vertical-align: bottom;}
.photo p {font-size: 12px;line-height: 1.6;text-align: left;}
.sidemenu {width: 90%;margin: auto; position: inherit;left: inherit;top: inherit;}
.sidemenu dl {}
.sidemenu dl dt {font-size: 14px;line-height: 40px;font-weight: 700; height: 40px; background: rgba(251,201,0,1);}
.sidemenu dl dd {background: rgba(251,201,0,0.1);padding: 20px 0;}
.sidemenu dl dd ul {margin: 0;}
.sidemenu dl dd ul li {font-size: 12px;line-height: 1.6;margin: 0 0 10px;list-style: disc;text-align: left;width: 42.5%;margin: 0 0 0 7.5%;}
.sidemenu dl dd ul li:last-child {margin: 0 0 0 7.5%;}
.sidemenu dl dd ul li a {color: #404040;text-decoration: underline;}
.sidemenu dl dd ul li a:hover {color: #fbc900;}
}






.main_title {margin:0;}
.main_title img {}
.reform_back{width: 1160px;min-height: 560px; margin:0 auto; background: #ffffff;padding: 50px 0;position: relative;}
.reform_list {width: 810px;margin: 0 0 0 300px;}
.reform_list ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.reform_list ul li {width: 30%;margin: 0 4.5% 5% 0;border: 1px solid #404040;text-align: left;}
.reform_list ul li:nth-child(3n) {margin: 0 0 5%;}
.reform_list ul li:hover {opacity: 0.5;}
.reform_list ul li .list_pic {width: 90%;height: auto;margin:5% auto 5%; position: relative;overflow: hidden;}
.reform_list ul li .list_pic:before {content:"";display: block;padding-top: 66.666%;}
.reform_list ul li .list_pic img{
width: auto;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.reform_list ul li p {font-size: 14px;line-height: 1.6;text-align: left;width: 90%;margin: 0 auto 5%;}
.reform_list ul li p.category {font-size: 12px;line-height: 20px;text-align: left;padding: 0 10px; background: #fbc900;display: inline-block;width: auto;margin: 0 0 2% 5%;}
.pager{margin: 0;text-align: center;font-size: 0;}
.pager span,
.pager a{
display: inline-block;
min-width: 40px;
line-height: 38px;
margin: 0 2.5px;
padding: 0 10px;
box-sizing: border-box;
text-align: center;
font-weight: bold;
font-size: 16px;
color: #000;
text-decoration: none;
background: rgba(251,201,0,0.1);
}
.pager a:hover{background: rgba(251,201,0,1);}
.pager .current{background: rgba(251,201,0,1);}

@media screen and (max-width: 1060px) {

.main_title {width: 90%;margin:auto;}
.main_title img {width: 100%;height: auto;}
.reform_back{width: 90%;min-height:inherit; margin:0 auto; background: #ffffff;padding: 50px 0;position: relative;}
.reform_list {width: 90%;margin: auto;}
.reform_list ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.reform_list ul li {width: 30%;margin: 0 4.5% 5% 0;border: 1px solid #404040;text-align: left;}
.reform_list ul li:nth-child(3n) {margin: 0 0 5%;}
.reform_list ul li:hover {opacity: 0.5;}
.reform_list ul li .list_pic {width: 90%;height: auto;margin:5% auto 5%; position: relative;overflow: hidden;}
.reform_list ul li .list_pic:before {content:"";display: block;padding-top: 66.666%;}
.reform_list ul li .list_pic img{
width: auto;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.reform_list ul li p {font-size: 14px;line-height: 1.6;text-align: left;width: 90%;margin: 0 auto 5%;}
.reform_list ul li p.category {font-size: 12px;line-height: 20px;text-align: left;padding: 0 10px; background: #fbc900;display: inline-block;width: auto;margin: 0 0 2% 5%;}
.pager{margin:0 0 10%;text-align: center;font-size: 0;}
.pager span,
.pager a{
display: inline-block;
min-width: 40px;
line-height: 38px;
margin: 0 2.5px;
padding: 0 10px;
box-sizing: border-box;
text-align: center;
font-weight: bold;
font-size: 16px;
color: #000;
text-decoration: none;
background: rgba(251,201,0,0.1);
}
.pager a:hover{background: rgba(251,201,0,1);}
.pager .current{background: rgba(251,201,0,1);}

}
@media screen and (max-width: 767px) {
.main_title {width: 90%;margin:auto;}
.main_title img {width: 100%;height: auto;}
.reform_back{width: 90%;min-height: 400px; margin:0 auto; background: #ffffff;padding: 5% 0 ;position: relative;}
.reform_list {width: 90%;margin: 0 auto 10%;}
.reform_list ul {display:-webkit-box;
display:-moz-box;
display:-ms-flexbox;
display:-webkit-flex;
display:-moz-flex;
display:flex;
-webkit-box-lines:multiple;
-moz-box-lines:multiple;
-webkit-flex-wrap:wrap;
-moz-flex-wrap:wrap;
-ms-flex-wrap:wrap;
flex-wrap:wrap;
}
.reform_list ul li {width: 47.3%;margin: 0 4% 4% 0;border: 1px solid #404040;text-align: left;}
.reform_list ul li:nth-child(3n) {margin: 0 4% 4% 0;}
.reform_list ul li:nth-child(2n) {margin: 0 0 4%;}
.reform_list ul li .list_pic {width: 90%;height: auto;margin:5% auto 5%; position: relative;overflow: hidden;}
.reform_list ul li .list_pic:before {content:"";display: block;padding-top: 66.666%;}
.reform_list ul li .list_pic img{
width: auto;
height: 100%;
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%) translateX(-50%);
}
.reform_list ul li p {font-size: 12px;line-height: 1.6;text-align: left;width: 90%;margin: 0 auto 5%;}
.reform_list ul li p.category {font-size: 10px;line-height: 20px;font-weight: 700; text-align: left;padding: 0 10px; background: #fbc900;display: inline-block;width: auto;margin: 0 0 2% 5%;}
.pager{margin: 0;text-align: center;font-size: 0;}
.pager span,
.pager a{
display: inline-block;
min-width: 40px;
line-height: 38px;
margin: 0 2.5px;
padding: 0 10px;
box-sizing: border-box;
text-align: center;
font-weight: bold;
font-size: 16px;
color: #000;
text-decoration: none;
background: rgba(251,201,0,0.1);
}
.pager a:hover{background: rgba(251,201,0,1);}
.pager .current{background: rgba(251,201,0,1);}
}





.topics_back {width: 1160px;margin:0 auto; background: #ffffff;padding: 50px 0 0;position: relative;z-index: 99;}
.topics {margin: 0 50px;padding: 25px 0; border: 2px solid #404040;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
position: relative;
}
.topics img {position: absolute;top: -30px;left: -15px;height: 260px;width: auto; z-index: 9;}
.topics ul {margin: 0 30px 0 200px;
height: 190px;
overflow-y: auto;
}
.topics ul li {font-size: 14px;line-height: 1.6;margin: 0 0 10px;text-align: left;position: relative;padding: 0 0 0 100px;}
.topics ul li:last-child {margin: 0;}
.topics ul li span {width: 100px;display: inline-block;text-align: left;position: absolute;left: 0;top: 0;}
.topics ul li a {color: #404040;text-decoration: underline;}
.topics ul li a:hover {color: #fbc900;}

@media screen and (max-width: 1060px) {

.topics_back {width: 90%;margin:0 auto; background: #ffffff;padding: 50px 0 0;position: relative;}
.topics {width: 90%;margin:0 auto;padding: 25px 0; border: 2px solid #404040;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
position: relative;
}
.topics img {position: absolute;top: -30px;left: 20px;z-index: 9;height: 180px;width: auto;}
.topics ul {margin: 0 20px 0 160px;
height: 110px;
overflow-y: auto;
}
.topics ul li {font-size: 12px;line-height: 1.6;margin: 0 0 10px;text-align: left;position: relative;padding: 0 0 0 80px;}
.topics ul li:last-child {margin: 0;}
.topics ul li span {width: 80px;display: inline-block;text-align: left;position: absolute;left: 0;top: 0;}
.topics ul li a {color: #404040;text-decoration: underline;}
.topics ul li a:hover {color: #fbc900;}

}
@media screen and (max-width: 767px) {
.topics_back {width: 90%;margin:0 auto; background: #ffffff;padding: 5% 0 0;position: relative;}
.topics {margin: 0 5%;padding: 25px 0; border: 1px solid #404040;
border-radius: 12px;
-webkit-border-radius: 12px;
-moz-border-radius: 12px;
position: relative;
}
.topics img {    position: absolute;
top: -4%;
left: -9%;
z-index: 9;
width: 30%;
height: auto;
}
.topics ul {margin: 0 5% 0 22%;
height: 110px;
overflow-y: auto;}
.topics ul li {font-size: 10px;line-height: 1.6;margin: 0 0 10px;text-align: left;padding: 0;}
.topics ul li:last-child {margin: 0;}
.topics ul li span {width: 100px;display: inline-block;text-align: left;display: block;position: inherit;top: inherit;left: inherit;}
.topics ul li a {color: #404040;text-decoration: underline;}
.topics ul li a:hover {color: #fbc900;}
}







.reform_topics {width: 1160px;margin:50px auto 0; background: #ffffff;padding: 50px 0;position: relative;}
table.border {width: 90%;margin: auto;}
table.border td {padding: 5% 0 0;}
table.border td table {width: 90%;margin: auto;border: none;}
.reform_topics .h1 {padding: 10px;background:rgba(251,201,0,1);}
@media screen and (max-width: 1060px) {
.reform_topics {width: 90%;margin:5% auto 0; background: #ffffff;padding: 50px 0;position: relative;}
}
@media screen and (max-width: 767px) {
.reform_topics {width: 90%;margin:5% auto 0; background: #ffffff;padding: 5% 0;position: relative;}

.reform_topics table {width: 90%;}


.course-item a img {width: 100%!important;}
}


.form_back {width: 1160px;margin:auto; background: #ffffff;padding: 50px 0;position: relative;}
@media screen and (max-width: 1060px) {
.form_back {width: 90%;margin:auto; background: #ffffff;padding: 5% 0;position: relative;}
}
@media screen and (max-width: 767px) {
.form_back {width: 90%;margin:auto; background: #ffffff;padding: 5% 0;position: relative;}
}




.form { margin: 0 50px;}
.form p {font-size: 14px;margin: 0 20px; line-height: 20px;text-align: left;}
.form table {width: 100%;margin: auto;border-top: 1px solid #f1f1f1;}
.form table th {font-size: 14px;line-height: 39px;font-weight: 700; padding: 20px 30px 20px 10px;border-bottom: 1px solid #f1f1f1;text-align: left;vertical-align: top;position: relative;width: 25%!important;}
.form table td {font-size: 14px;line-height: 39px;padding: 20px 0 20px 10px;border-bottom: 1px solid #f1f1f1;text-align: left;vertical-align: top;}
.form table td br.sph {display: none;}
.form table th span.required {position: absolute;top: 30px;right: 10px;font-size: 10px;line-height: 18px;font-weight: 700; padding: 0 5px;background: #000000;color: #ffffff;}

textarea{font-size:13px;line-height:23px;background-color:#ffffff;border:1px solid #CCCCCC;padding:0 3px;}
input[type="text"]{font-size:13px;line-height:19px;background-color:#ffffff;border:1px solid #CCCCCC;padding:8px 4px;margin:0;height:19px;}
textarea:hover,
input[type="text"]:hover{border:1px solid #000000;}
textarea:focus,
input[type="text"]:focus{border:1px solid #333333;background-color:#FFFFFF;}
.t1{width:40%;}
.t2{width:80%;}
.t3{width:50%;}
.t4{width:100%;}
.t5{width:25%;}
label{margin:0 5px 0 0;padding:1px 4px 1px 0;cursor:pointer;vertical-align:top;display:inline-block;
/*スターハック*/*display:inline;*zoom:1;}
label:hover{}
label input{cursor:pointer;}
select{margin:0 5px;}

.btn_box {text-align: center;padding: 50px 0 0;}
.btn_box p {width: 100%; font-size:13px;line-height:20px;text-align:center;padding:10px 0!important;}
.btn_box p a {color: #000000;font-weight: 700; text-decoration:underline}
.btn_box p a:hover {text-decoration: underline;}
.btn_box .form_btn {padding:0!important; width:280px; height:50px; margin:0 auto 10px;}
.btn_box .form_btn input{ width:100%;}
@media screen and (max-width: 1200px) {
.form {width: 90%; margin:auto;}
.form p {font-size: 14px;margin: 0 20px; line-height: 20px;text-align: left;}
.form table {width: 100%;margin: auto;border-top: 1px solid #f1f1f1;}
.form table th {font-size: 14px;line-height: 39px;font-weight: 700; padding: 20px 30px 20px 10px;border-bottom: 1px solid #f1f1f1;text-align: left;vertical-align: top;position: relative;width: 30%!important;}
.form table td {font-size: 14px;line-height: 39px;padding: 20px 0 20px 10px;border-bottom: 1px solid #f1f1f1;text-align: left;vertical-align: top;}
.form table td br.sph {display: none;}
.form table th span.required {position: absolute;top: 30px;right: 10px;font-size: 10px;line-height: 18px;font-weight: 700; padding: 0 5px;background: #000000;color: #ffffff;}

textarea{font-size:13px;line-height:23px;background-color:#ffffff;border:1px solid #CCCCCC;padding:0 3px;}
input[type="text"]{font-size:13px;line-height:19px;background-color:#ffffff;border:1px solid #CCCCCC;padding:8px 4px;margin:0;height:19px;}
textarea:hover,
input[type="text"]:hover{border:1px solid #000000;}
textarea:focus,
input[type="text"]:focus{border:1px solid #333333;background-color:#FFFFFF;}
.t1{width:40%;}
.t2{width:80%;}
.t3{width:50%;}
.t4{width:100%;}
.t5{width:25%;}
label{margin:0 5px 0 0;padding:1px 4px 1px 0;cursor:pointer;vertical-align:top;display:inline-block;
/*スターハック*/*display:inline;*zoom:1;}
label:hover{}
label input{cursor:pointer;}
select{margin:0 5px;}

.btn_box {text-align: center;padding: 50px 0 0;}
.btn_box p {width: 100%; font-size:13px;line-height:20px;text-align:center;padding:10px 0!important;}
.btn_box p a {color: #000000;font-weight: 700; text-decoration:underline}
.btn_box p a:hover {text-decoration: underline;}
.btn_box .form_btn {padding:0!important; width:280px; height:50px; margin:0 auto 10px;}
.btn_box .form_btn input{ width:100%;}
}
@media screen and (max-width: 767px) {
.form {width: 90%; margin:auto;}
.form p {font-size: 10px;line-height: 16px;text-align: left;margin: 0 0 5%;}
.form table {width: 100%!important;margin: 0 auto 5%!important;}
.form table th {width: 100%!important; font-size: 12px;line-height: 20px;font-weight: 700; padding: 5% 0 0;border-bottom: none!important;text-align: left;vertical-align: top;position: relative;display: block;}
.form table td {width: 100%!important;font-size: 12px;line-height: 20px;padding: 0 0 5%;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;display: block;}

.form table td input {}
.form table td br.sph {display: block;}
.form table th span.required {position: absolute;top: 15px;right: 10px;font-size: 10px;line-height: 18px;font-weight: 700; padding: 0 5px;background: #000000;color: #ffffff;}
.btn_box {text-align: center;padding: 5% 0 0;}
.btn_box p {width: 100%; font-size:8px;line-height:18px;text-align:center;padding:10px 0!important;margin: 0;}
.btn_box p a {font-size:12px;color: #000000;font-weight: 700; text-decoration: underline;}
.btn_box p a:hover {text-decoration: underline;}
.btn_box .form_btn {padding:0!important; width:100%; height:auto; margin:0 auto 10px;}
.btn_box .form_btn input{ width:100%;}

input[type="radio"] , input[type="checkbox"]{
   -webkit-transform: scale(1.5);
   transform: scale(1.5);
   margin-right: 0.5em;}
.t1{width:80%;}
.t2{width:96%;}
.t3{width:50%;}
.t4{width:96%;}
.t5{width:50%;}
   

}







#thanks {width: 1160px;margin: 0 auto;padding: 50px 0;background: #ffffff;}
#thanks dl {display: inline-block;}
#thanks dl dt {background: #fbc900;font-size: 28px;line-height: 36px;text-align: center; color: #252f3b;padding: 27px 30px 27px;}
#thanks dl dd {padding: 30px; ;text-align: center;font-size: 18px;line-height: 28px;}
#thanks dl dd.call{padding: 0 30px 30px;font-size: 28px;line-height: 36px;color: #ff4e45;}
#thanks dl dd table {width: 100%!important;margin: 20px 20px 40px!important;border-top: 1px solid #cccccc;}
#thanks dl dd table th {font-size: 14px;line-height: 39px!important;font-weight: 700; padding: 20px 30px 20px 10px;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;position: relative;}
#thanks dl dd table td {font-size: 14px;line-height: 39px!important;padding: 20px 0 20px 10px;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;}

@media screen and (max-width: 1060px) {
#thanks {width: 90%;margin:0 auto;padding: 5% 0;background: #ffffff;}
#thanks dl {width: 80%;margin: auto;}
#thanks dl dt {background: #fbc900;font-size: 16px;line-height: 26px;text-align: center; color: #252f3b;padding: 2% 5%;}
#thanks dl dd {background: #ffffff;padding: 5% 0 0;text-align: left;font-size: 12px;line-height: 20px;}
#thanks dl dd.call{padding: 5% 0 0;font-size: 16px;line-height: 26px;color: #ff4e45;}
#thanks dl dd table {width: 100%;margin: 0 0 5%;border-top: 1px solid #cccccc;}
#thanks dl dd table th {width: 100%; font-size: 12px;line-height: 20px;font-weight: 700; padding: 5% 0 0;border-bottom: none;text-align: left;vertical-align: top;position: relative;display: block;}
#thanks dl dd table td {font-size: 12px;line-height: 20px;padding: 0 0 5%;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;display: block;}
}

@media screen and (max-width: 767px) {
#thanks {width: 90%;margin:0 auto;padding: 5% 0;background: #ffffff;}
#thanks dl {}
#thanks dl dt {background: #fbc900;font-size: 16px;line-height: 26px;text-align: center; color: #252f3b;padding: 2% 5%;}
#thanks dl dd {background: #ffffff;padding: 5% 0 0;text-align: left;font-size: 12px;line-height: 20px;}
#thanks dl dd.call{padding:5% 0 0;font-size: 16px;line-height: 26px;color: #ff4e45;}
#thanks dl dd table {width: 100%;margin: 0 0 5%;border-top: 1px solid #cccccc;}
#thanks dl dd table th {width: 100%; font-size: 12px;line-height: 20px;font-weight: 700; padding: 5% 0 0;border-bottom: none;text-align: left;vertical-align: top;position: relative;display: block;}
#thanks dl dd table td {font-size: 12px;line-height: 20px;padding: 0 0 5%;border-bottom: 1px solid #cccccc;text-align: left;vertical-align: top;display: block;}
}




.check {margin: 0 50px 50px;background: rgba(251,201,0,0.1);padding: 27px 0 27px;}
.check p{font-size: 28px;line-height: 36px;text-align: center; color: #252f3b;}
@media screen and (max-width: 1060px) {
.check {width: 90%;margin:0 auto;background: rgba(251,201,0,0.1);padding: 2% 0;}
.check p{font-size: 16px;line-height: 26px;text-align: center; color: #252f3b;}
}
@media screen and (max-width: 767px) {
.check {width: 90%;margin:0 auto;background: rgba(251,201,0,0.1);padding: 2% 0;}
.check p{font-size: 16px;line-height: 26px;text-align: center; color: #252f3b;}
}



#list {margin-top:-190px;padding-top:190px;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
#list {margin-top:-70px;padding-top:70px;}
}




.side_banner {}
.side_banner ul {}
.side_banner ul li {padding: 20px 0 0;}
.side_banner ul li img {width: 100%;height: auto;}
.side_banner ul li img:hover {opacity: 0.5;}
@media screen and (max-width: 1060px) {

}
@media screen and (max-width: 767px) {
.side_banner {}
.side_banner ul {}
.side_banner ul li {padding: 5% 0 0;}
.side_banner ul li img {width: 100%;height: auto;}
.side_banner ul li img:hover {opacity: 0.5;}
}