@charset "utf-8";

h3	{margin-bottom: 1em;padding-left: 10px;font-size: 150%;border-left: 10px solid #ccc;}


.mainarea	p{margin-bottom: 1em;}

.button-boxc	{padding: 2em 0;}
.button-boxc	p{margin-bottom: 1em;}
.modoru,.soushin	{width: 47%;}
.modoru	{float: left;margin-right: 3%;text-align: right;}
.soushin	{float: right;margin-left: 3%;text-align: left;}

.modoru	input,
.soushin	input	{width: 260px;height: 40px;border: none;border-radius: 5px;color: #fff;font-size: 17px;}

.modoru	input	{background: #455E9A;-webkit-appearance: none;}
.soushin	input	{background: #D60408;-webkit-appearance: none;}

.modoru	input:hover,.soushin	input:hover	{cursor: pointer;}


@media screen and (max-width:759px) {
.modoru	input,
.soushin	input	{width: 100%;}
.button-boxc	{padding: 2em 0;overflow: hidden;}
}



/* ============================================
 * ページタイトル 
============================================ */


@media screen and (min-width:1100px) {
.contents_title {width: 1300px;margin: auto auto 30px auto;}
}

 @media screen and (min-width:760px) and (max-width:1099px) {
.contents_title{width:660px;margin:auto auto 15px}
.contents_title img{width:100%}
}


@media screen and (max-width:759px) {
.contents_title{width:100%;margin:auto auto 15px}.contents_title img{width:100%}
}


/* ============================================
 * リード文
============================================ */

@media screen and (min-width:1100px) {
.read{width:75pc;margin:auto auto 9pt}
.read p{font-size:1pc;line-height:24px;color:#369}
}


@media screen and (min-width:760px) and (max-width:1099px) {
.read{width:660px;margin:auto auto 9pt}
.read p{font-size:1pc;line-height:24px;color:#369}
}

@media screen and (max-width:759px) {
.read{width:95%;margin:auto auto 9pt}
.read p{font-size:14px;line-height:21px;color:#369}
}


/* ============================================
 * 複数校希望の場合
============================================ */

@media screen and (min-width:1100px) {
#multiple{width:75pc;margin:auto;border:#3ab7c4 1px solid;background:#fff;margin-bottom:40px}#multiple .inner{height:88px;overflow:hidden}#multiple .inner h2{float:left;width:244px}#multiple .inner ul{float:left;width:900px;margin-left:30px;padding-top:1.6em}#multiple .inner ul li{margin-bottom:4px;overflow:hidden}#multiple .inner ul li:before{content:"●";color:#ffa200;float:left;margin-right:.2em}#multiple .inner ul li span{display:block;float:left}#multiple .inner ul li span:nth-child(2){margin-left:1em;padding-left:1.5em;background:url(../images/moshikomi/arrow.png)no-repeat 0 50%}
 }
 
 @media screen and (min-width:760px) and (max-width:1099px) {
#multiple{width:660px;margin:auto;border:#3ab7c4 1px solid;background:#fff;margin-bottom:40px}#multiple .inner{height:88px;overflow:hidden}#multiple .inner h2{float:left;width:244px}#multiple .inner ul{float:left;width:25pc;margin-left:10px;padding-top:6px}#multiple .inner ul li{margin-bottom:4px;font-size:9pt;line-height:18px;overflow:hidden}#multiple .inner ul li:before{content:"●";color:#ffa200;float:left;margin-right:.2em}#multiple .inner ul li span{display:block;float:left}#multiple .inner ul li span:nth-child(2){margin-left:1.5em;padding-left:1em;background:url(../images/moshikomi/arrow.png)no-repeat 0 50%;background-size:7px 10px}
}

@media screen and (max-width:759px) {
#multiple{width:95%;margin:auto;border:#3ab7c4 1px solid;background:#fff;margin-bottom:40px}#multiple .inner{height:auto}#multiple .inner h2{float:none;width:50%}#multiple .inner h2 img{width:100%}#multiple .inner ul{float:none;width:auto;margin-left:10px;padding-top:6px}#multiple .inner ul li{margin-bottom:4px;font-size:10px;line-height:18px;overflow:hidden}#multiple .inner ul li:before{content:"●";color:#ffa200;float:left;margin-right:.2em;font-size:9px}#multiple .inner ul li span{display:block}#multiple .inner ul li span:nth-child(2){margin-left:1.5em;padding-left:1em;background:url(../images/moshikomi/arrow.png)no-repeat 0 50%;background-size:7px 10px}
}
 
/* ============================================
 * フォームでのお問い合わせ
============================================ */
 
 @media screen and (min-width:1100px) {
 
#form {width: 100%;margin: auto auto 30px auto;}
#form .inner {width: 1200px;margin: auto;}
#form .inner h2 {float: left;width:  450px;padding-left: 80px;font-size: 26px;line-height: 62px;font-weight: bold;background: url(../images/moshikomi/icon_pc.png) no-repeat;}


#form .inner .links{line-height:62px}
#form .inner .line{clear:both;width:100%;height:4px;margin-top:18px;margin-bottom:60px;background:url(../images/moshikomi/line.png)}

#form .inner .step{margin-bottom:60px;text-align:center}
/*確認画面用*/
#form .inner .step2{margin-top:60px;margin-bottom:60px;text-align:center;}

#form .form-box{width:100%;background:#fff4df}
#form .form-box .inner{padding:30px 0}
#form .form-box .inner p{font-size:14px;line-height:24px;margin-bottom:6px}
#form .form-box .inner table{width:100%;background:#fff;border-top:1px solid #999}
#form .form-box .inner table tr{border-bottom:1px solid #999}
#form .form-box .inner table td,
#form .form-box .inner table th{padding:6px 15px;font-size:1pc;line-height:24px}
#form .form-box .inner table th{width:15pc;background:#ececec}
#form .form-box .inner table th strong{display:block;font-weight:400;color:#e10000}
#form .form-box .inner table th span{font-size:9pt;line-height:18px}
#form .form-box .inner table td input{margin:3px 6px;padding:3px;height:18px}
#form .form-box .inner table td.kinkyu label{display:block;margin-bottom:3px;overflow:hidden}
#form .form-box .inner table td.kinkyu label span{display:block;float:left}
#form .form-box .inner table td.kinkyu label .item{width:180px;display: block;line-height:30px}
#form .form-box .inner table td .mini{font-size:9pt;line-height:38px}
#form .form-box .inner table td .error{font-size:9pt;line-height:18px}
#form .form-box .inner table td input.name{width:280px}
#form .form-box .inner table td input.zip{width:90px}#campus_otherplace,
#form .form-box .inner table td input.field,
#form .form-box .inner table td input.tel{width:280px}
#form .form-box .inner table td input.address{width:5in}
#form .form-box .inner table td input.emergencycontact{width:380px}.mskmmessage{width:5in;height:10em}
#form .form-box .inner table td strong{font-weight:400;color:#e10000}
#form .inner ul{margin-top:30px;margin-bottom:30px}
#form .inner ul li:before{content:"●";margin-right:.2em}
#form .inner ul li a:link{color:#369}

/*submit button*/
#form .button-box{width:35pc;margin:auto;overflow:hidden}
#form .button-box .button{width:261px}
#form .button-box .button button{width:261px;height:41px;cursor:pointer;border: none;border-radius: 5px;color: #fff;font-size: 17px;}
#form .button-box .send-btn{background: #d60021;}
#form .button-box .reset-btn{background: #6f6f6f;}
#form .button-box .fLeft{float:left}
#form .button-box .fRight{float:right}
}

@media screen and (min-width:760px) and (max-width:1099px) {
#form{width:100%;margin:auto auto 30px}
#form .inner{width:660px;margin:auto}
#form .inner h2{float:none;width:450px;padding-left:5pc;font-size:26px;line-height:62px;font-weight:700;background:url(../images/moshikomi/icon_pc.png)no-repeat}
#form .inner .links{padding-left:5pc;line-height:1em}
#form .inner .line{clear:both;width:100%;height:4px;margin-top:18px;margin-bottom:60px;background:url(../images/moshikomi/line.png)}
#form .inner .step{margin-bottom:60px;text-align:center}
#form .inner .step2{margin-top:60px;margin-bottom:60px;text-align:center}
#form .inner .step img,#form .inner .step2 img{width:100%}
#form .form-box{width:100%;background:#fff4df}
#form .form-box .inner{padding:15px 0}
#form .form-box .inner p{font-size:14px;line-height:21px;margin-bottom:6px}
#form .form-box .inner table{width:100%;background:#fff;border-top:1px solid #999}
#form .form-box .inner table tr{border-bottom:1px solid #999}
#form .form-box .inner table td,
#form .form-box .inner table th{padding:6px 15px;font-size:14px;line-height:21px}
#form .form-box .inner table th{width:200px;background:#ececec}
#form .form-box .inner table th strong{display:block;font-weight:400;color:#e10000}
#form .form-box .inner table th span{font-size:9pt;line-height:18px}
#form .form-box .inner table td input{margin:3px 6px;padding:3px;height:18px}
#form .form-box .inner table td.kinkyu label{display:block;margin-bottom:3px;overflow:hidden}
#form .form-box .inner table td.kinkyu label span{display:block;float:left}
#form .form-box .inner table td.kinkyu label .item{width:10pc;line-height:30px}
#form .form-box .inner table td .error,
#form .form-box .inner table td .mini{font-size:9pt;line-height:18px}
#form .form-box .inner table td input.name{width:150px}
#form .form-box .inner table td input.zip{width:70px}#campus_otherplace,
#form .form-box .inner table td input.field,
#form .form-box .inner table td input.tel{width:280px}.mskmmessage{width:280px;height:10em}
#form .form-box .inner table td input.address,
#form .form-box .inner table td input.emergencycontact{width:15pc}
#form .form-box .inner table td strong{font-weight:400;color:#e10000}
#form .inner ul{margin-top:30px;margin-bottom:30px}
#form .inner ul li:before{content:"●";margin-right:.2em}
#form .inner ul li a:link{color:#369}

/*submit button*/
#form .button-box{width:35pc;margin:auto;overflow:hidden}
#form .button-box .button{width:261px}
#form .button-box .button button{width:261px;height:41px;cursor:pointer;border: none;border-radius: 5px;color: #fff;font-size: 17px;}
#form .button-box .send-btn{background: #d60021;}
#form .button-box .reset-btn{background: #6f6f6f;}
#form .button-box .fLeft{float:left}
#form .button-box .fRight{float:right}
}


@media screen and (max-width:759px) {
#form {width: 100%;margin: auto auto 15px auto;}
#form .inner {width: 90%;margin: auto;}

#form .inner h2{float:none;width:260px;padding-left:36px;font-size:1pc;line-height:30px;font-weight:700;background:url(../images/moshikomi/icon_pc.png)no-repeat;background-size:30px 30px}
#form .inner .links{line-height:30px;margin-left:36px}
#form .inner .line{clear:both;width:100%;height:4px;margin-top:6px;margin-bottom:15px;background:url(../images/moshikomi/line.png)}
#form .inner .step{margin-bottom:15px;text-align:center}
#form .inner .step2{margin-top:15px;margin-bottom:15px;text-align:center}
#form .inner .step img,#form .inner .step2 img{width:100%}
#form .form-box{width:100%;background:#fff4df}
#form .form-box .inner{padding:15px 0}
#form .form-box .inner p{font-size:9pt;line-height:21px;margin-bottom:6px}
#form .form-box .inner table{width:100%;background:#fff;border-top:1px solid #999}
#form .form-box .inner table tr{border-bottom:1px solid #999}
#form .form-box .inner table td,
#form .form-box .inner table th{display:block;width:96%;padding:6px 2%;font-size:9pt;line-height:18px;float:left}
#form .form-box .inner table th{background:#ececec}
#form .form-box .inner table th strong{display:block;font-weight:400;color:#e10000}
#form .form-box .inner table th span{font-size:9pt;line-height:18px}
#form .form-box .inner table td input{margin:3px 2%;padding:3px;height:18px}
#form .form-box .inner table td input[type=radio]{width:18px;height:18px;vertical-align:middle}
#form .form-box .inner table td span{display:block;float:none}
#form .form-box .inner table td.kinkyu label .item{width:auto;line-height:30px}
#form .form-box .inner table td .error,
#form .form-box .inner table td .mini{font-size:9pt;line-height:18px}
#form .form-box .inner table td input.name{width:35%}
#form .form-box .inner table td input.zip{width:20%}#campus_otherplace,
#form .form-box .inner table td input.address,
#form .form-box .inner table td input.emergencycontact,
#form .form-box .inner table td input.field,
#form .form-box .inner table td input.tel,.mskmmessage{width:90%}.mskmmessage{height:75pt}
#form .form-box .inner table td strong{font-weight:400;color:#e10000}
#form .inner ul{margin-top:15px;margin-bottom:15px}
#form .inner ul li:before{content:"●";margin-right:.2em}
#form .inner ul li a:link{color:#369}

/*submit button*/
#form .button-box{width:92%;margin: 0 4%;overflow:hidden}
#form .button-box .button{width:48%;margin-bottom:15px}
#form .button-box .button button{width: 100%;height:41px;cursor:pointer;border: none;border-radius: 5px;color: #fff;font-size: 17px;}
#form .button-box .send-btn{background: #d60021;}
#form .button-box .reset-btn{background: #6f6f6f;}
#form .button-box .fLeft{float:left}
#form .button-box .fRight{float:right}
}


/* ============================================
 * 学校お申込の流れ
============================================ */

@media screen and (min-width:1100px){


#step{width:100%;margin:auto auto 30px;background:#fff4df}
#step .inner{width:75pc;margin:auto;padding:30px 0;overflow:hidden}
#step .inner h2{margin-bottom:15px;padding:0}
#step .inner ul{display:block;width:auto}
#step .inner ul li{width:216px;height:20pc;background:#fff;float:left;margin:0 30px 30px 0;position:relative;text-align:center}
#step .inner ul li:after{position:absolute;top:45%;right:-21px;content:url(../images/top/arrow_right.png)}
#step .inner ul li:last-child{margin-right:0}
#step .inner ul li:last-child:after{content:none}
#step .inner ul li h3{display:block;text-align:left;width:186px;font-weight:700;padding-bottom:5px;margin:10px auto;border-bottom:#7f7f7f 1px solid;font-size:94%}
#step .inner ul li div{display:block;line-height:1.4;width:186px;text-align:left;margin:0 auto}
#step .inner ul li div a{color:#d40a29;font-size:84%}

}

@media screen and (min-width:680px) and (max-width:1099px) {


#step{width:100%;margin:auto auto 30px;background:#fff4df}#step .inner{width:660px;margin:auto;padding:15px 0;overflow:hidden}
#step .inner h2{margin-bottom:15px;padding:0}
#step .inner ul{display:block;width:auto}
#step .inner ul li{width:190px;height:310px;background:#fff;float:left;margin:0 30px 15px 0;position:relative;text-align:center}
#step .inner ul li:after{position:absolute;top:45%;right:-21px;content:url(../images/top/arrow_right.png)}
#step .inner ul li:last-child{margin-right:0}
#step .inner ul li:last-child:after{content:none}
#step .inner ul li h3{font-weight:700;padding-bottom:5px;margin:10px auto;border-bottom:#7f7f7f 1px solid}
#step .inner ul li div,
#step .inner ul li h3{display:block;text-align:left;width:170px;font-size:9pt}
#step .inner ul li div{margin:0 auto;line-height:1.5}

}

@media screen and (min-width:530px) and (max-width:679px) {

#step{width:100%;margin:auto auto 30px;background:#fff4df}
#step .inner{width:80%;margin:auto;padding:15px 0;overflow:hidden}
#step .inner h2{margin-bottom:15px;padding:0}
#step .inner ul{display:block;width:auto}
#step .inner ul li{width:190px;height:310px;background:#fff;float:left;margin:0 30px 15px 0;position:relative;text-align:center}
#step .inner ul li:after{position:absolute;top:45%;right:-21px;content:url(../images/top/arrow_right.png)}
#step .inner ul li:last-child{margin-right:0}
#step .inner ul li:last-child:after{content:none}
#step .inner ul li h3{font-weight:700;padding-bottom:5px;margin:10px auto;border-bottom:#7f7f7f 1px solid}
#step .inner ul li div,#step .inner ul li h3{display:block;text-align:left;width:170px;font-size:9pt}
#step .inner ul li div{margin:0 auto;line-height:1.5}

}

@media screen and (max-width:529px) {
#step{width:100%;margin:auto auto 15px;background:#fff4df}
#step .inner{width:95%;margin:auto;padding:15px 0;overflow:hidden}
#step .inner h2{margin-bottom:15px;padding:0}
#step .inner h2 img{width:80%;max-width:310px}
#step .inner .sp_inner{width:216px;margin:auto}
#step .inner ul{display:block;width:auto}
#step .inner ul li{width:216px;background:#fff;margin:0 0 30px;padding-bottom:1em;position:relative;font-size:.8em;text-align:center}
#step .inner ul li:after{position:absolute;bottom:-15px;left:45%;content:url(../images/top/arrow_bottom.png)}
#step .inner ul li:last-child{margin-right:0}
#step .inner ul li:last-child:after{content:none}
#step .inner ul li h3{display:block;text-align:left;width:186px;font-weight:700;padding-bottom:3px;margin:5px auto;border-bottom:#7f7f7f 1px solid;font-size:94%}
#step .inner ul li div{display:block;line-height:1.4;width:186px;text-align:left;margin:0 auto}

}

/* ============================================*/


/*改行*/
.spbr,.tbbr	{display: none;}


@media screen and (max-width:1100px) {
.tbbr	{clear: left;display: inline;}
}

@media screen and (max-width:759px) {
ul.formlist		li{float: none;}
.spbr	{clear: left;display: inline;}
}



/*現在保持しているカナダ滞在ビザ*/
@media screen and (max-width:759px) {
.visatd	label	{display: block;}
}


/*一つ目のコース・二つ目のコース*/
@media screen and (min-width:1100px) {
#form .inner ul.formlist	{overflow: hidden;}
#form .inner ul.formlist		{margin: 0 0 0.5em 0;padding: 0;list-style-type: none;}
#form .inner ul.formlist		li{float: left;height:2.5em;line-height:2.5em;padding-right: 1em;list-style-type: none;}
#form .inner ul.formlist li:before {content : none;margin-right: 0;}
}

 @media screen and (min-width:760px) and (max-width:1099px) {

#form .inner ul.formlist	{overflow:visible;}
#form .inner ul.formlist		li{float: none;height:2.5em;line-height:2.5em;padding-right: 1em;list-style-type: none;}
#form .inner ul.formlist		li:before{content:none;margin-right:.2em}
#form .inner	.coursenyugakubi{clear: left;display: block;margin-bottom: 0.5em;height:2.5em;line-height:2.5em;}

}

@media screen and (max-width:759px) {
#form .inner ul.formlist	{overflow:visible;}
#form .inner ul.formlist		li:before{content:none;margin-right:.2em}
#form .inner	.coursenyugakubi{clear: left;display: block;margin-bottom: 0.5em;height:2.5em;line-height:2.5em;}
}



/*現在の英語力（自己判断）*/
@media screen and (max-width:759px) {
.englishskill	label	{display: inline-block;width: 48%;}
}

/*公式英語能力試験の結果*/

#form .inner ul.formlist2 li:before {content : none;margin-right: 0;}
#form .inner ul.formlist2		{margin: 0 0 0.5em 0;padding: 0;list-style-type: none;overflow: hidden;}
ul.formlist2		li{float: left;height:2.5em;line-height:2.5em;padding-right: 1em;list-style-type: none;}

@media screen and (max-width:759px) {
ul.formlist2	li{padding-right: 0;}
ul.formlist2	li:first-child{display: block;width: 100%;}
ul.formlist2	li:nth-child(2),
ul.formlist2	li:nth-child(3),
ul.formlist2	li:nth-child(4){display: block;width: 30%;padding-bottom: 0.5em;}
}

@media screen and (max-width: 450px) {
ul.formlist2		li{float: none;}
ul.formlist2	li:nth-child(2){display: block;width: auto;}
ul.formlist2	li:nth-child(3){float: left;display: block;width: auto;}
ul.formlist2	li:nth-child(4){display: block;width: auto;}
}




.inputline	{margin: 0;}


textarea	{margin-bottom: 0.5em;border: #ccc 1px solid;}



/*旧CSSから引用*/
#name_kanji_msg, #name_furi_msg, #email_msg, #email_msg2, #comment_msg, #h_name_kanji_msg, #h_name_furi_msg, #h_name_eiji_msg, #gender_msg, #birth_msg, #h_nationality_msg, #h_add_msg, #h_add_msg2, #h_tel_msg, #h_tel_msg2, #h_fax_msg, #h_email_msg, #h_email_msg2, #h_emer_name_msg, #h_emer_zoku_msg, #h_emer_add_msg, #h_emer_tel_msg, #h_visa_msg, #register_msg, #register_msg2, #landing_msg, #demukae_msg, #kuukou_msg, #kuukou_msg2, #kuukou_msg3, #agree_msg { color: #DD0000; display: none;}

#r_name_kanji_msg, #r_name_furi_msg, #r_name_eiji_msg, #r_gender_msg, #r_birthday_msg, #r_nationality_msg, #r_add_msg, #r_add_msg2, #r_tel_msg, #r_tel_msg2, #r_email_msg, #r_email_msg2, #r_emer_name_msg, #r_emer_zoku_msg, #r_emer_add_msg, #r_emer_tel_msg, #expire_visa_msg, #expire_visa_msg2, #plan_visa_msg, #school_name_msg, #campus_place_msg, #course_name_msg, #r_agree_msg, #r_comment_msg { color: #DD0000; display: none;}


.ERR	{color: #DD0000;}/*確認画面の必須項目*/
#form	.address_table	{background: #ccc;}
#form .form-box .inner table.address_table {border: none;}
#form .form-box .inner table.address_table tr {border: none;}
	
.tablepadding	{border: none;}