@charset "utf-8";
/* CSS Document */

/* -------------------------------------------------------------------------- */
/*フォーム*/
/* -------------------------------------------------------------------------- */
/*テーブル*/

.formTable{
	border-style: solid;
	border-width: 0px 0px 0px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	margin:10px auto;
	clear:both;
	text-align:left;	
	}
	
@media (min-width: 1200px) {.formTable{width:80%; font-size: 110%;}}
@media (min-width: 992px) and (max-width: 1199px){.formTable{width:85%;font-size: 110%;}}
@media (min-width: 768px) and (max-width: 991px) {.formTable{width:85%;font-size: 110%;}}
@media (max-width: 767px) {.formTable{width:100%;font-size: 140%;}}

.formTable th{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	line-height:18px;
	}

@media (min-width: 1200px) {.formTable th{width:30%;padding:10px;}}
@media (min-width: 992px) and (max-width: 1199px){.formTable th{width:30%;padding:10px;}}
@media (min-width: 768px) and (max-width: 991px) {.formTable th{width:30%;padding:10px 0;}}
@media (max-width: 767px) {.formTable th{width:100%; display: block;padding:10px 0;}}

.formTable td{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: #cccccc;
	box-sizing: border-box;
	vertical-align:middle;
	line-height:18px;
	}
    
@media (min-width: 1200px) {.formTable td{padding:10px;}}
@media (min-width: 992px) and (max-width: 1199px){.formTable td{padding:10px;}}
@media (min-width: 768px) and (max-width: 991px) {.formTable td{padding:10px 0;}}
@media (max-width: 767px) {.formTable td{width:100%; display: block; text-align: left;padding:10px 0;}.formTable td span{ float: left;}}

/*入力ボックス*/
@media (min-width: 1200px) {#mailformpro .inputBox01{width: 100%; height: 40px;}#mailformpro .inputBox02{width: 50%; height: 40px;}#mailformpro .inputBox03{width: 100%; height: 80px;}}
@media (min-width: 992px) and (max-width: 1199px){#mailformpro .inputBox01{width: 100%; height: 40px;}#mailformpro .inputBox02{width: 50%; height: 40px;}#mailformpro .inputBox03{width: 100%; height: 80px;}}
@media (min-width: 768px) and (max-width: 991px) {#mailformpro .inputBox01{width: 100%; height: 40px;}#mailformpro .inputBox02{width: 100%; height: 40px;}#mailformpro .inputBox03{width: 100%; height: 80px;}}
@media (max-width: 767px) {#mailformpro .inputBox01{width: 100%; height: 50px;margin:0;}#mailformpro .inputBox02{width: 100%; height: 50px;margin:0;}#mailformpro .inputBox03{width: 100%; height: 100px;margin:0;}}

#mailformpro input::-webkit-input-placeholder{color: #aaaaaa;}
#mailformpro input:-ms-input-placeholder{color: #aaaaaa;}
#mailformpro input::-moz-placeholder{color: #aaaaaa;}
#mailformpro input:-moz-placeholder{color: #aaaaaa;}




/* -------------------------------------------------------------------------- */
/*コンテンツ一覧テキストリンク　フッター部分に表示*/
/* -------------------------------------------------------------------------- */
/*表示・非表示*/
@media (min-width: 992px){
/*タイトル大見出し*/
.bottomContents .title-max-form{margin:0 0 20px 0;padding:10px 5px;text-align:left;color: #ffffff;border-top: 2px solid #cccccc;border-bottom: 1px dotted #cccccc;}
.bottomContents .title-max-form:before{content: "\f00b";font-family: "fontawesome";margin: 0 3px 0 0;padding: 0;font-size: 110%;}
.bottomContents .title-max-form:after{content: "www.prep.kec.ne.jp/junior-kobetsu-jyuku/";margin: 0;padding: 0;font-size:90%;float: right;}
 

}/* min-width: 992px */


@media (max-width:991px){
/*タイトル大見出し*/
.bottomContents .title-max-form{margin:0 0 10px 0;padding:10px 0 0 0;text-align:center;color: #ffffff;background: #999999!important;height: 100%;border-bottom: #333333 dotted 1px;border-top: #333333 solid 1px;}

} /* max-width:991px */


/*フォントサイズ*/
@media (min-width: 1200px) {.bottomContents .title-max-form{font-size: 0.9em;}}
@media (min-width: 992px) and (max-width: 1199px){.bottomContents .title-max-form{font-size: 0.9em;}}
@media (min-width: 768px) and (max-width: 991px) {.bottomContents .title-max-form{font-size: 1.4em;}}
@media (max-width: 767px) {.bottomContents .title-max-form{font-size: 1.4em;}}


/* -------------------------------------------------------------------------- */
/*main-----------ページ下部用のCVボタン設置の際、margin:bottom変更*/
/* -------------------------------------------------------------------------- */
@media (min-width: 1200px) {                      main.form {margin:73px 0 5% 0;padding: 0;}} 
@media (min-width: 992px) and (max-width: 1199px){main.form {margin:73px 0 5% 0;padding: 0;}}
@media (min-width: 768px) and (max-width: 991px) {main.form {margin:73px 0 5% 0;padding: 20px 0 0 0;}}
@media (max-width: 767px) {                       main.form {margin:45px 0 5% 0;padding: 20px 0 0 0;}}


/* -------------------------------------------------------------------------- */
/*3カラム----------------------------------*/
.thanks-Column3{margin:0;padding:0;}	
	
/*ボックス親*/	
.thanks-Column3 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {
	.thanks-Column3 .box{width: calc(33.3333333333% - 20px);margin:0 20px 0 0;padding:0px;}
    .thanks-Column3 .box:last-child{margin:0;}}
@media (min-width: 992px) and (max-width: 1199px){
    .thanks-Column3 .box{width: calc(33.3333333333% - 20px);margin:0 20px 0 0;padding:0px;}
    .thanks-Column3 .box:last-child{margin:0;}}
@media (min-width: 768px) and (max-width: 991px) {
	.thanks-Column3 .box{width: calc(100% - 0px);margin:0 0 10px 0;padding:0px;}
    .thanks-Column3 .box:last-child{margin:0;}}
@media (max-width: 767px) {
	.thanks-Column3 .box{width: calc(100% - 0px);margin:0 0 10px 0;padding:0px;}
    .thanks-Column3 .box:last-child{margin:0;}}


/*2カラム----------------------------------*/
.thanks-Column2{margin:0;padding:0;}	
	
/*ボックス親*/	
.thanks-Column2 {
	display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
	
	-webkit-justify-content: space-between;
	-moz-justify-content: space-between;
	-ms-justify-content: space-between;
	-o-justify-content: space-between;
	justify-content: space-between;;
	
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	-ms-flex-direction:row;
	-o-flex-direction:row;
	flex-direction:row;

	-webkit-flex-wrap: wrap;
	-moz-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-o-flex-wrap: wrap;
	flex-wrap: wrap;
	}
	
/*ボックス子*/	
@media (min-width: 1200px) {
	.thanks-Column2 .box{width: calc(50% - 20px);margin:0 20px 0 0;padding:0px;}
    .thanks-Column2 .box:last-child{margin:0;}}
@media (min-width: 992px) and (max-width: 1199px){
    .thanks-Column2 .box{width: calc(50% - 20px);margin:0 20px 0 0;padding:0px;}
    .thanks-Column2 .box:last-child{margin:0;}}
@media (min-width: 768px) and (max-width: 991px) {
	.thanks-Column2 .box{width: calc(100% - 0px);margin:0 0 10px 0;padding:0px;}
    .thanks-Column2 .box:last-child{margin:0;}}
@media (max-width: 767px) {
	.thanks-Column2 .box{width: calc(100% - 0px);margin:0 0 10px 0;padding:0px;}
    .thanks-Column2 .box:last-child{margin:0;}}



/* -------------------------------------------------------------------------- */
/*分岐ボックス*/
/* -------------------------------------------------------------------------- */
#date_junction01{margin:10px auto 10px auto;padding: 0;}
#date_junction02{margin:10px auto 10px auto;padding: 0;}


/* -------------------------------------------------------------------------- */
/*分岐ボックス*/
/* -------------------------------------------------------------------------- */
/*タイトル小見出し-中央(リンク無)ーーーーーーーーーーーー*/
form h4{margin:0 0 5px 0;padding:10px 5px ;border-left: 5px solid #e50012;border-right: 5px solid #e50012;background: #333333;color: #ffffff;display: flex;align-items: center;justify-content: center;}

@media (min-width: 1200px) {form h4{font-size: 1.2em!important;line-height: 0.9;}}
@media (min-width: 992px) and (max-width: 1199px){form h4{font-size: 1.2em!important;line-height: 0.9;}}
@media (min-width: 768px) and (max-width: 991px) {form h4{font-size: 1.2em!important;line-height: 1.0;}}
@media (max-width: 767px) {form h4{font-size: 1.2em!important;line-height: 1.0;}}


form h5{margin:0 0 10px 0;padding:10px 5px;background: #e50012;color: #ffffff;display: flex;align-items: center;justify-content: center;text-align: center;}

@media (min-width: 1200px) {form h5{font-size: 1.2em!important;line-height: 0.9;}}
@media (min-width: 992px) and (max-width: 1199px){form h5{font-size: 1.2em!important;line-height: 0.9;}}
@media (min-width: 768px) and (max-width: 991px) {form h5{font-size: 1.2em!important;line-height: 1.0;}}
@media (max-width: 767px) {form h5{font-size: 1.2em!important;line-height: 1.0;}}