@charset "UTF-8";

html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ }
*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0; }
body#info {background-color: #fafafa;}
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }
/* Forms ========================================================================== */
button, input, optgroup, select, textarea {color:inherit;/*font: inherit;*/font:caption;margin:0;}
button { overflow: visible; }
button, select { text-transform: none; }
button, html input[type="button"], input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ }
button[disabled], html input[disabled] { cursor: default; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
input { line-height: normal; }
input[type="checkbox"], input[type="radio"] { -webkit-box-sizing: border-box; box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ }
input[type="number"]::-webkit-inner-spin-button, input[type="number"]::-webkit-outer-spin-button { height: auto; }
input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; }
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; }
legend { border: 0; /* 1 */ padding: 0; /* 2 */ }
textarea { overflow: auto; }
optgroup { font-weight: bold; }

input, button, select, textarea {border-style: none; border-width: 0; border: none; border-radius: 0; border: 1px solid #cccccc; padding: 5px 10px; width: 100%; -webkit-transition: 0.3s ease; -o-transition: 0.3s ease; transition: 0.3s ease; border-radius: 0; outline: none; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
input[type=radio], input[type=checkbox] { display: none; }
input[type=radio] + label, input[type=checkbox] + label { position: relative; display: inline-block; margin-right: 12px; cursor: pointer; line-height: 140%; }
input[type=radio]:checked + label:before, input[type=radio]:checked + .mfp_element_all + .mfp_ok + label:before, input[type=checkbox]:checked + label:before, input[type=checkbox]:checked + .mfp_element_all + .mfp_ok + label:before { background: #FFFFFF; border: 1px solid #007cb8; }
input[type=radio]:checked + label:after, input[type=radio]:checked + .mfp_element_all + .mfp_ok + label:after, input[type=checkbox]:checked + label:after, input[type=checkbox]:checked + .mfp_element_all + .mfp_ok + label:after { opacity: 1; -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); }
select { width: auto; }
input:focus, select:focus, textarea:focus { outline: none; background: #f0faeb; }

/*custom------------------------------------------------------------*/
button {
	position: relative; display: block; text-align: center; padding: 15px 0; margin: 0 auto; color: #FFFFFF; border: 1px solid #007cb8; background: #007cb8; margin: 0 auto 0; min-width: 260px; max-width: 260px; font-size: 14px; letter-spacing: 0.05em; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden;
}
button[type="reset"] {
	background: #cccccc; border-color: #cccccc;
}
button:before {
	position: absolute; top: 0; bottom: 0; right: 15px; margin: auto; content: ""; vertical-align: middle; width: 8px; height: 8px; border-top: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); zoom: 1; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
button:hover { text-decoration: none; color: #FFFFFF; background: #007cb8; }
button:hover:before { border-color: #FFFFFF; }

label { position: relative; display: inline-block; padding-left: 25px; cursor: pointer; }
label:before, label:after { position: absolute; content: ''; top: 0; bottom: 0; margin: auto; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
label:before { left: 0; width: 18px; height: 18px; border: 1px solid #cccccc; background: #FFFFFF; }
label:after { opacity: 0; left: 4px; width: 10px; height: 10px; background: #007cb8; -webkit-transform: scale(2); -ms-transform: scale(2); transform: scale(2); }
label:hover:before { background: #FFFFFF; }

/* Tables ========================================================================== */
table { border-collapse: collapse; border-spacing: 0; }
td, th { padding: 0; }

@font-face { font-family: 'icon'; src: url("/common/font/icon.eot?s7ebs9"); src: url("/common/font/icon.eot?s7ebs9#iefix") format("embedded-opentype"), url("/common/font/icon.ttf?s7ebs9") format("truetype"), url("/common/font/icon.woff?s7ebs9") format("woff"), url("/common/font/icon.svg?s7ebs9#icomoon") format("svg"); font-weight: normal; font-style: normal; }

[class^="icon_"], [class*=" icon_"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.icon-academy:before { content: "\e900"; }
.icon-admission:before { content: "\e901"; }
.icon-book:before { content: "\e902"; }
.icon-facebook:before { content: "\e903"; }
.icon-graduation:before { content: "\e904"; }
.icon-home:before { content: "\e905"; }
.icon-instagram:before { content: "\e906"; }
.icon-line:before { content: "\e907"; }
.icon-public:before { content: "\e908"; }
.icon-search:before { content: "\e909"; }
.icon-twitter:before { content: "\e90a"; }
.icon-youtube:before { content: "\ea9d"; }

@-webkit-keyframes $animation-name { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
@-moz-keyframes $animation-name { 0% { opacity: 0;
    transform: translateX(100%); }
  100% { opacity: 1;
    transform: translateX(0); } }
@keyframes $animation-name { 0% { opacity: 0;
    -webkit-transform: translateX(100%);
    transform: translateX(100%); }
  100% { opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0); } }
/*------------------------------------------------------------*/
@media screen and (max-width: 768px) { #hero figure { margin-top: -60px; } }
@media screen and (max-width: 640px) { #hero figure { margin-top: -35px; } }
@media screen and (max-width: 768px) { #hero figure img { width: 400px; } }
@media screen and (max-width: 640px) { #hero figure img { width: 220px; } }
/*------------------------------------------------------------*/
#formContainer {
	margin: 0 auto 20px;
	max-width:100%;
}
#formContainer .note textarea { width: 100%; height: 8em; }
#formContainer .PrivacyCheck{
	text-align: center;
	margin: 10px 0px;
}
dl.formList { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; width: 100%; margin: 0 auto 30px; border-top: 1px solid #cccccc; }
@media screen and (max-width: 640px) { dl.formList { border-top: none; } }
dl.formList dt, dl.formList dd {
	text-align: left;
	padding: 15px 20px;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background: #f2f6fb;
}
@media screen and (max-width: 640px) { dl.formList dt, dl.formList dd { padding: 15px 10px; } }
dl.formList dt {
	width: 30%;
	vertical-align: bottom;
	background: #ccdcef;
	/*background: #59aad1;*/
	border-left: 1px solid #cccccc;
	/*color: #fff;*/
}
@media screen and (max-width: 640px) { dl.formList dt { width: 100%; padding-top: 10px; padding-bottom: 10px; border-top: 1px solid #cccccc; } }
dl.formList dt i { font-size: 90%; }
dl.formList dt span, h3.design_headline3 span.requirement {
	display: inline;
	font-size: 10px;
	color: #fff;
	/*border: 1px solid #fc646d; */
	padding: 3px 5px;
	line-height: 100%;
	margin-left: 10px;
	background: #fc646d;
}
h3.design_headline3 span.requirement {
    font-size: 14px;
    margin-left: 14px;
}
dl.formList dd {width: 70%;}
@media screen and (max-width: 640px) { dl.formList dd { width: 100%; margin-left: 0; border-left: 1px solid #cccccc; margin-bottom: 20px; } }
dl.formList dd .ttl { display: block; padding-left: 0; border: none; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
dl.formList dd span { margin-right: 1em; }
dl.formList dd .bg { display: none; background: #f0faeb; border: 1px solid #cccccc; padding: 1px 15px; margin: 10px 0; -moz-transition: 0.2s ease; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; -ms-transition: 0.2s ease; transition: 0.2s ease; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
dl.formList dd .bg.display { display: block; }
dl.formList dd .bg .em { font-size: 14px; margin-bottom: 10px; }
dl.formList dd .bg .em i {color: #fc646d; }
dl.formList dd input {
	width: 85%;
    margin-right: 5px;
    margin-bottom: 5px;
}
dl.formList dd input[type=radio], dl.formList dd input[type=checkbox] { width: 0; }
dl.formList dd .ex { display: inline-block; margin: 0 10px; font-size: 12px; }
dl.formList dd .ex:first-child { margin-left: 0; }
dl.formList dd input + .ex { margin-left: 10px; }
dl.formList dd textarea + .ex { margin-top: 10px; }

.submitList { margin: 40px auto 0; text-align: center; max-width: 700px; }
@media screen and (max-width: 640px) { .submitList { max-width: 300px; } }

.submitList li {
	display: inline-block;
	/*display: inline;*/
	zoom: 1;
	vertical-align:top; 
	width: 49%;
}
@media screen and (max-width: 768px) { .submitList li { width: auto; margin: 20px; } }
.submitList li button[type="reset"] { color: #595959; }
.submitList li button[type="reset"]:before { border-color: #595959; }
.submitList li button[type="reset"]:hover { background: #dddddd; }