@charset "utf-8";

/*********** responsive **********/
@media screen and (max-width: 768px){
/****** img ******/
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;
}
/****** form ******/
.mainContent a, .mainContent a:visited{color:#0062a0;}
.mainContent .contact{
margin:0 5%;
}

/* form */
.mainContent .contact table{
width:100%;
margin:0 auto 33px;
}
.mainContent .contact table tr{height:66px;}
.mainContent .contact table td{
	padding:9px 12px;
	border-bottom:#fff solid 1px;
}
.mainContent .contact table th{
width:20%;
	line-height:1.2;
	vertical-align:top;
	padding:9px 6px;
	border-bottom:#fff solid 1px;
}
.mainContent .contact table td.kind{padding-bottom:45px;}
.mainContent .contact table td.input{background:#f2f2f2;}
.mainContent .contact .item{
	color:#f00;
	font-size:12px;
}
.mainContent .contact table tr td input{
	margin:0;
	height:18px;
}
.mainContent .contact table tr td .w440{width:100%;}
.mainContent .contact table tr td .w310{width:100%;}
.mainContent .contact table tr td .w230{width:100%;}
.mainContent .contact table tr td .w140{width:100%;}
.mainContent .contact table tr td .w70{width:66px;}
.mainContent .contact table tr td .w60{width:56px;}
.mainContent .contact table tr td .w30{width:26px;}

.mainContent .contact table tr td .font12{
	font-size:12px;
display:block;
clear:both;
}

/* privacy */
.mainContent .contact .privacy{
	margin-bottom:30px;
	padding:18px;
	background:#f2f2f2;
	text-align:center;
	vertical-align:middle;
}
.mainContent .contact .privacy input[type=checkbox]{
	margin:0 18px;
	vertical-align:0;
}

/* submit */
.mainContent .contact input[type=submit]{
	display:block;
	width:220px;
	margin:0;
	padding:12px 9px;
	border:#ccc solid 1px;
	vertical-align:middle;
	background:url(../../images/common/arrow.png) 200px center no-repeat;
	background-color:#fff;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	cursor:pointer;
	-webkit-transition:background-color .5s ease;
	-moz-transition:background-color .5s ease;
    -o-transition:background-color .5s ease;
    transition:background-color .5s ease;
}
.mainContent .contact input[type=submit]:hover{background-color:#f5f5f5;}

.mainContent .contact input[type=submit].btnConfirm,
.mainContent .contact input[type=submit].btnSend{
margin:30px 0 30px 52%;
width:47%;
}
.mainContent .contact input[type=submit].btnBack{
	float:left;
width:47%;
/*background:url(../../images/common/arrow2.png) 9px center no-repeat;*/
margin:0 0 20px;
}

.mainContent .contact .complete{
	margin:0 0 66px 2em;
	text-indent:-1em;
}
a.schoolList{
width: 150px;
  	height: 20px;
  	background: #7e7e7e;
  	color: #fff;
  	padding: 2px 5px;
  	margin-left: 20px;
  	text-decoration: none;
    cursor:pointer;
display:none;
clear:both;
}
.graduate p{
    margin-top:25px;
    display:block;
    padding:5px;
    border:solid 1px #7e7e7e;
    line-height:1.6;
    font-size: 1.2em;
}
.graduate{
}
.graduate h3{
    font-size: 1.2em;
}
/* overlay */
#overlay{
	display:none;
	width:100%;
	height:120%;
	position:fixed;
	text-align:center;
	top:0;
	left:0;
	z-index:100;
	background:rgba(255,255,255,0.9);
}
#graduate{
    position:fixed;
    z-index:200;
	width:60%;
    margin:20px 0 50px;
}
#closeBtn{
	display:block;
	background:#282828;
    position:fixed;
	color:#fff;
	font-size:16px;
	inline-height:20px;
	padding:5px;
	z-index:200;
}
a.schoolList:hover,
#overlay a:hover{
    filter:alpha(opacity=50);
    -moz-opacity:.5;
    opacity:.5;
    cursor:pointer;
    text-decoration:none;
    cursor:pointer;
    text-decoration:none;
}
}