@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
@font-face {font-family: 'Aharoni-Bold';src: url('../fonts/aharoni-bold.eot');src: url('../fonts/aharoni-bold.eot?#iefix') format('embedded-opentype'), url('../fonts/aharoni-bold.woff') format('woff'), url('../fonts/aharoni-bold.ttf') format('truetype'), url('../fonts/aharoni-bold.svg#Aharoni-Bold') format('svg');font-weight: 300;font-style: normal;}

html, body {font-family: 'Noto Sans JP', sans-serif;font-size: 18px;line-height: 1.3;}
* {box-sizing: border-box;margin: 0;padding: 0;outline: none !important;text-decoration: none;}
*:focus {box-shadow: none !important;}
a:focus, a:hover {text-decoration: none;}

/* Landing Page Style */
.fullScreen {background-position: center;background-repeat: no-repeat;background-size: cover;font-size: 60px;min-height: 100vh;overflow: auto;position: relative;}
.fullScreenContainer {display: table;height: 100%;table-layout: auto;width: 100%;}
.fullScreenWrapper {display: table-cell;padding: 1em;vertical-align: middle;}
.logoContainer {text-align: center;}
.logoContainer img {max-width: 10em;width: 100%;}
.btnContainer {margin: 0 auto;max-width: 15.75em;}
.btnRow {-ms-align-content: center;-ms-flex-line-pack: center;align-content: center;-ms-align-items: center;-webkit-box-align: center;-ms-flex-align: center;align-items: center;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;-webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;margin: 0 -.5em;}
.btnCol {padding: 0 .5em;text-align: center;width: 50%;}
.btnCol a {display: block;background-color: rgba(46, 116, 182, 0.7);color: #fff;font-family: 'Aharoni-Bold';font-size: 0.8333333333333333em;padding: 0.9em;position: relative;text-decoration: none;}
.btnCol a:hover {background-color: rgba(46, 116, 182, 1);}
.btnCol a sup {text-transform: uppercase;font-size: 0.3em;position: relative;top: -2em;}
.wpcf7-form label {color: #2e75b6;font-size: 14px;vertical-align: middle;}

/* Login page */
.formContainer {background-color: rgba(46, 116, 182, 0.7);border: 2px solid #256095;color: #fff;font-size: 1rem;margin: 0 auto;max-width: 31.667em;padding: 2.222em 2.777em;}
.formContainer.form-2x {max-width: 62em;}
.formHeader {padding-bottom: 1.75em;}
.formHeader h1 {font-size: 2.2em;line-height: 1;text-align: center;text-transform: uppercase;}
.formBody {font-size: 1rem;line-height: 1;}
.formField {margin-top: 1.66em;position: relative;}
.submitField {text-align: right;}
.formField input:not([type="submit"]):not([type="button"]):not([type="checkbox"]):not([type="radio"]), .formField select {background-color: #f5f5f5;width: 100%;}
.formField input, .formField select {border: none;padding: 1.15em 1em;}
.formField input[type="submit"], .formField input[type="button"] {background-color: #ffffff;color: #1c69b0;font-family: 'Aharoni-Bold';font-size: 1.3em;font-weight: 800;line-height: 1;min-width: 7.6924em;padding: 0.3em 1em 0.2em;text-transform: uppercase;}
.formField textarea {background-color: #f5f5f5;border: none;height: 9em;resize: none;padding: 1.15em 1em;width: 100%;}
.formFooter {padding-top: 1em;}
.formFooter a {color: #fff;}
a.hightlight-link {text-decoration: underline;}
textarea.form-control {height: 6.5em;}
.chck {display: none;}

/* Label Style */
input[type="hidden"] + .placeHolder, input[type="submit"] + .placeHolder, input[type="checkbox"] + .placeHolder, input[type="radio"] + .placeHolder {display: none;}
.form-group {position: relative;}
.placeHolder {background-color: #fff;font-size: 1em;margin: 0 0.8em;pointer-events: none;padding: 0;position: absolute;top: 0.5em;-webkit-transition: all .25s ease-in-out;-ms-transition: all .25s ease-in-out;transition: all .25s ease-in-out;}
input.filledInput + .placeHolder, textarea.filledInput + .placeHolder, input:focus + .placeHolder, textarea:focus + .placeHolder, .formField select + .placeHolder, .formField select + .select2 + .placeHolder {font-size: 0.75em;top: -.5em;}
.formField .placeHolder {background-color: transparent;color: #757575;left: 0;margin: 0 1em;overflow: hidden;text-overflow: ellipsis;top: 1.4em;white-space: nowrap;width: calc(100% - 2em);}
.formField input.filledInput + .placeHolder, .formField textarea.filledInput + .placeHolder, .formField input:focus + .placeHolder, .formField textarea:focus + .placeHolder, .formField select + .placeHolder, .formField select + .select2 + .placeHolder {top: .5em }
.formField .placeHolder span {color: #ff0000;margin-left: .25em;}

/* Select2 Style */
.formField .select2.select2-container {height: 3.7em;border-radius: 0px;width: 100% !important;}
.formField .select2-container--default .select2-selection--single {border: none;border-radius: 0;font-size: 1em;height: 100%;padding: 1.15em 1em;position: relative;}
.formField .select2-container--default .select2-selection--single .select2-selection__arrow {top: 50%;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
.formField .select2-container--default .select2-selection--single .select2-selection__rendered {background-color: transparent;color: #757575;padding: 0;}

/* Responsive Style */
@media only screen and (max-width: 991px) {
	html, body {font-size: 14px;}
}
@media only screen and (max-width: 767px) {
	html, body {font-size: 12px;}
	.fullScreen {background-repeat: repeat;background-size: contain;}
	.fullScreenContainer, .fullScreenWrapper {display: block;}
	.fullScreenWrapper {padding: 1em .25em;}
	.g-recaptcha {height: 78px;position: relative;text-align: center;}
	.g-recaptcha > * {left: 50%;margin: 0 auto;position: absolute;-webkit-transform: translate(-50%) scale(.75);-ms-transform: translate(-50%) scale(.75);transform: translate(-50%) scale(.75);transform-origin: center;}
	.formField input[type="submit"], .formField input[type="button"] {padding-top: 0.6em;}
}