@charset "utf-8";
/*================================ content class ================================*/
h1{color:#226630; text-align:center;line-height:120%;}
h2{color:#fff; text-align:center; font-weight:normal;width:100%;height:auto; background:#226630;}

select:focus,
input:focus,
textarea:focus {background:#E1F0FF !important;}

/*================================ inquiry section public class ================================*/
.messagecard p,
.giftcard p{text-align:center;line-height:160%;}

.input-wrap input{font-weight:bold;background:#eee;border:1px solid #999;border-radius: 4px;-moz-border-radius:4px;-webkit-border-radius:4px;behavior:(../plugin/PIE.htc);}

.eiji {ime-mode: inactive;}
.kanji {ime-mode: active;}
.mgnT10{margin-top:10px;}
.mgnB10{margin-bottom:10px;}
.txt-red{color:#c00;}
/*入力フォームの幅*/
.input-textline100{width:100%;}
.input-textline50{width:100%;}

.content-inner.plan table{margin-top: 20px;}
.content-inner.plan table:first-of-type{margin-top: 0;}


/* mobile */
@media only screen and (max-width: 599px) {
/*================================ content class ================================*/
/*headerの4番目のsection高さ分下に下げてる*/
section:nth-child(2){margin-top:0px;}
h1{font-size:6.4vw;margin-bottom:20px;margin-top:80px;}
h2{font-size:5.4vw;line-height:140%;margin-bottom:20px;padding:8px 0;}
h3{font-size:4.8vw;}

table{width:100%;height:auto;margin:0 auto;}
table th,
table td{padding:10px 0px 10px 0px;font-size:4.0vw; line-height:160%;}

select,
input,
textarea{font-size:4.0vw;padding:5px 0;}
textarea{width:98%;height:auto;margin:20px auto 0 auto; border:1px solid #c4a600; background:#fff; display:table-cell;}


/*================================ inquiry section public class ================================*/
.use ul,
.payment ul,
.questionary ul,
.magazine ul{width:74%;height:auto;margin:0 auto 0 auto;padding:0px 0;list-style:none;}

.use ul li,
.payment ul li,
.questionary ul li,
.magazine ul li{width:100%;float:none;padding:2% 0%; font-size:4.0vw; line-height:160%; text-align:left;}
.questionary ul li:nth-child(5){width:100%;}

.use ul li input[type="radio"] , input[type="checkbox"],
.payment ul li input[type="radio"] , input[type="checkbox"],
.questionary ul li input[type="radio"] , input[type="checkbox"],
.magazine ul li input[type="radio"] , input[type="checkbox"]{-webkit-transform: scale(1.4);transform: scale(1.4);vertical-align:-0.0em;}

.apply table td select,
.address table td select{width:80%;height:auto;}


/*================================ inquiry section private class ================================*/
.plan table{border-top:1px solid #000; border-left:1px solid #000;}
.plan table th,
.plan table td{padding:10px 5px;border-bottom:1px solid #000; border-right:1px solid #000;text-align:center;min-width: 3em;}
.plan table td select{width:100%;height:auto;}

.messagecard p,
.giftcard p{font-size:4.0vw;}

.apply table th,
.apply table td{border-bottom:1px dashed #c4a600;text-align:left; vertical-align: middle;}
.apply table th{width:30%; text-align:center;}
.apply table td input{height:auto;border:1px solid #c4a600; background:#fff;}
.apply table td input[type="radio"] , input[type="checkbox"]{-webkit-transform: scale(1.4);transform: scale(1.4);vertical-align:-0.0em;}

.address table th,
.address table td{border-bottom:1px dashed #c4a600;text-align:left; vertical-align: middle;}
.address table th{width:30%; text-align:center;}
.address table td input{height:auto;border:1px solid #c4a600; background:#fff;}

.payment h3{width:100%;height:auto; border-bottom:1px solid #226630;margin:0 auto 20px auto;}
.payment-inner{width:95%;height:auto;margin:40px auto; padding:0 2.5%;float:none; background:#fff;}
.payment-inner table th{width:50%; font-weight:normal;padding:5px;}
.payment-inner table td{padding:5px;}
.payment-inner h3{width:100%;height:auto;margin:20px auto 10px auto;padding:16px 0 8px 0; text-align:center;}
.payment-inner p{ font-size:4.0vw;line-height:160%;}
.payment-inner p:nth-child(3){font-weight:bold;}

.comment{color:#c00;font-weight:bold; text-align:center; font-size:4.8vw; line-height:140%;}

.input-wrap{width:70%;height:auto;margin:0 auto 5% auto;}
.input-wrap input{width:100%;height:auto;margin:0 auto;padding:10px 0;font-size:6.4vw;}
}



/* pc & tablet */
@media only screen and (min-width: 600px) and (max-width: 959px) {
/*================================ content class ================================*/
/*headerの4番目のsection高さ分下に下げてる*/
section:nth-child(2){margin-top:0px;}
h1{font-size:4.8vw;margin-bottom:20px;margin-top:80px;}
h2{font-size:4.0vw;line-height:140%;margin-bottom:20px;padding:8px 0;}
h3{font-size:3.2vw;}

table{width:100%;height:auto;margin:0 auto;}
table th,
table td{padding:10px 0px 10px 0px;font-size:2.4vw; line-height:160%;}

select,
input,
textarea{font-size:2.8vw;padding:5px 0;}
textarea{width:98%;height:auto;margin:20px auto 0 auto; border:1px solid #c4a600; background:#fff; display:table-cell;}


/*================================ inquiry section public class ================================*/
.use ul,
.payment ul,
.questionary ul,
.magazine ul{width:74%;height:auto;margin:0 auto 0 auto;padding:0px 0;list-style:none;}

.use ul li,
.payment ul li,
.questionary ul li,
.magazine ul li{width:100%;float:none;padding:0.5% 0%; font-size:2.8vw; line-height:160%; text-align:left;}
.questionary ul li:nth-child(5){width:100%;}

.use ul li input[type="radio"] , input[type="checkbox"],
.payment ul li input[type="radio"] , input[type="checkbox"],
.questionary ul li input[type="radio"] , input[type="checkbox"],
.magazine ul li input[type="radio"] , input[type="checkbox"]{-webkit-transform: scale(1.4);transform: scale(1.4);vertical-align:-0.0em;}

.apply table td select,
.address table td select{width:80%;height:auto;}


/*================================ inquiry section private class ================================*/
.plan table{border-top:1px solid #000; border-left:1px solid #000;}
.plan table th,
.plan table td{padding:10px 5px;border-bottom:1px solid #000; border-right:1px solid #000;text-align:center;}
.plan table td select{width:100%;height:auto;}

.messagecard p,
.giftcard p{font-size:2.8vw;}

.apply table th,
.apply table td{border-bottom:1px dashed #c4a600;text-align:left; vertical-align: middle;}
.apply table th{width:30%; text-align:center;}
.apply table td input{height:auto;border:1px solid #c4a600; background:#fff;}
.apply table td input[type="radio"] , input[type="checkbox"]{-webkit-transform: scale(1.4);transform: scale(1.4);vertical-align:-0.0em;}

.address table th,
.address table td{border-bottom:1px dashed #c4a600;text-align:left; vertical-align: middle;}
.address table th{width:30%; text-align:center;}
.address table td input{height:auto;border:1px solid #c4a600; background:#fff;}

.payment h3{width:100%;height:auto; border-bottom:1px solid #226630;margin:0 auto 20px auto;}
.payment-inner{width:95%;height:auto;margin:40px auto; padding:0 2.5%;float:none; background:#fff;}
.payment-inner table th{width:50%; font-weight:normal;padding:5px;}
.payment-inner table td{padding:5px;}
.payment-inner h3{width:100%;height:auto;margin:20px auto 10px auto;padding:16px 0 8px 0; text-align:center;}
.payment-inner p{ font-size:2.8vw;line-height:160%;}
.payment-inner p:nth-child(3){font-weight:bold;}

.comment{color:#c00;font-weight:bold; text-align:center; font-size:3.2vw; line-height:140%;}

.input-wrap{width:50%;height:auto;margin:0 auto 5% auto;}
.input-wrap input{width:100%;height:auto;margin:0 auto;padding:10px 0;font-size:4.0vw;}
}



/* pc & tablet landscape */
@media only screen and (min-width: 960px) {
/*================================ content class ================================*/
h1{font-size:32px;margin-bottom:20px;}
h2{font-size:24px;line-height:48px;margin-bottom:20px;}
h3{font-size:18px;}

table{margin:0 auto;}
table th,
table td{padding:10px 5px;font-size:18px;line-height:160%;}

select,
input,
textarea{font-size:16px;padding:5px 0;}
textarea{width:60%;height:auto;margin:20px auto 0 auto; border:1px solid #c4a600; background:#fff; display:table-cell;}


/*================================ inquiry section public class ================================*/
.use ul,
.payment ul,
.questionary ul,
.magazine ul{height:auto;margin:0 auto 0 auto;padding:0 0;list-style:none;}

.use ul li,
.payment ul li,
.questionary ul li,
.magazine ul li{float:left;padding:0.5% 1%; font-size:16px; line-height:160%; text-align:left;}

.use ul li input[type="radio"] , input[type="checkbox"],
.payment ul li input[type="radio"] , input[type="checkbox"],
.questionary ul li input[type="radio"] , input[type="checkbox"],
.magazine ul li input[type="radio"] , input[type="checkbox"]{-webkit-transform: scale(1.4);transform: scale(1.4);vertical-align:-0.1em;}

.apply table td select,
.address table td select{width:40%;height:auto;}


/*================================ inquiry section private class ================================*/
.plan table,
.apply table,
.address table{width:70%;height:auto;margin:0 auto;}

.plan table{ border-top:1px solid #000; border-left:1px solid #000;}
.plan table th,
.plan table td{border-bottom:1px solid #000; border-right:1px solid #000; text-align:center;}
.plan table td select{width:64px;height:24px;}

.use ul{width:100%;}
.use ul li{width:18%;}

.apply table th,
.apply table td{border-bottom:1px dashed #c4a600;font-size:16px; text-align:left; vertical-align: top;}
.apply table th{width:28%; text-align:center;}
.apply table td input{height:24px;border:1px solid #c4a600; background:#fff;}
.apply table td input[type="radio"] , input[type="checkbox"]{-webkit-transform: scale(1.4);transform: scale(1.4);vertical-align:-0.5em;}

.address table th,
.address table td{border-bottom:1px dashed #c4a600;font-size:16px; text-align:left; vertical-align: top;}
.address table th{width:24%; text-align:center;}
.address table td input{height:24px;border:1px solid #c4a600; background:#fff;}

.payment ul{width:30%;}
.payment ul li{width:98%;}

.payment h3{width:70%;height:32px; border-bottom:1px solid #226630;margin:0 auto 20px auto;}

.payment-inner{width:40%;height:auto;margin:40px 2.5%; padding:0 2.5%;float:left; background:#fff;}
.payment-inner table{width:100%;height:auto;margin:0 auto 20px auto; font-size:14px}
.payment-inner table th{width:40%; font-weight:normal;padding:5px;}
.payment-inner table td{padding:5px;}
.payment-inner h3{width:100%;height:auto;margin:20px auto 10px auto; line-height:32px}
.payment-inner p{ font-size:14px;line-height:160%;}
.payment-inner p:nth-child(3){font-weight:bold;}

.comment{font-size:18px;color:#c00;font-weight:bold; text-align:center;}

.questionary ul{width:70%;}
.questionary ul li{width:12%;text-align:center;}
.questionary ul li:nth-child(5){width:25%;}

.magazine ul{width:55%;}
.magazine ul li{width:48%;text-align:center;}

.input-wrap{width:240px;height:64px;margin:0 auto 20px auto;}
.input-wrap input{width:240px;height:64px;margin:0 auto 20px auto;font-size:20px;}

.input-textline100{width:100%;}
.input-textline50{width:50%;}

}

/* pc & tablet landscape */
@media only screen and (min-width: 960px) and (max-width: 1280px) {
}

/*pc only*/
@media only screen and (min-width: 1281px){

}