@charset 'utf-8';

* {box-sizing:border-box;font-smooth:always;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;font-variant-ligatures:none;-webkit-font-variant-ligatures:none;text-rendering:optimizeLegibility;-moz-osx-font-smoothing:grayscale;font-smoothing:antialiased;-webkit-font-smoothing:antialiased;text-shadow:rgba(0, 0, 0, .01) 0 0 1px;}
html {font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,Arial,sans-serif;line-height:1.25;font-size:16px;}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {margin:0;padding:0;}
select, input[type=text], input[type=number], input[type=email], input[type=tel], input[type=button], textarea, button {-webkit-appearance:none;-moz-appearance:none;appearance:none;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;background:transparent;border-radius:0;border:0;box-shadow:none;margin:0;outline:0;resize:none;font-size:14px;}
input[type=date] {font-size:14px;border-radius:0;border:0;box-shadow:none;margin:0;outline:0;resize:none;}
input[type=button] {cursor:pointer;}
a {text-decoration:none;color:inherit;}

body {font-family:'Open Sans',sans-serif;font-weight:700;font-size:14px;color:#324467;width:100%;background:#dcddde;}
input, textarea, button, select {font-family:'Open Sans',sans-serif;font-weight:600;font-size:14px;color:#324467;}
input:-webkit-autofill {font-family:'Open Sans',sans-serif;font-weight:600;font-size:14px;}
input[type=submit], button, div[role=button] {cursor:pointer;}

.container {width:100%;max-width:1280px;margin:0 auto;}
.flexy {display:flex;flex-direction:row;justify-content:space-between;align-items:center;}
.hidden {display:none;}
.image {width:100%;height:auto;}
.left {justify-content:start;}
.right {justify-content:end;}
.center {text-align:center;}

.marged {padding:12px;}
.marged-super {padding:24px 12px;}

header {background:#324467;color:#ff6c0e;}
header div a {margin-left:16px;}

.sub-footer {background:#f06a1d;color:#FFF;}

footer {background:#324467;color:#FFF;}

.normal-button {color:#FFF;font-size:14px;text-transform:uppercase;}
.normal-button:hover {text-decoration:underline;}
.orange-button {background:#ff6c0e;color:#FFF;padding:4px 12px;border-radius:4px;font-size:14px;text-transform:uppercase;}
.orange-button:hover {background:#FFF;color:#324467;}
.blue-button {background:#324467;color:#FFF;padding:4px 12px;border-radius:4px;font-size:14px;text-transform:uppercase;}
.blue-button:hover {background:#ff6c0e;}

input.blue-button {background:#324467;color:#FFF;padding:4px 12px;border-radius:4px;font-size:18px;text-transform:uppercase;font-weight:700;}
input.blue-button:hover {background:#ff6c0e;}

.normal-button img {margin-right:8px;}

.banner {background:#FFF url(img/image-2.jpg);background-size:auto 438px;background-repeat:no-repeat;background-position:top center;box-shadow:0 0 4px rgba(0,0,0,0.4);align-items:flex-start;}
.middle {width:50%}

.ban-text {text-align:center;font-weight:600;}
.banner .ban-text {margin-top:332px;}
.ban-text-1 {font-size:20px;color:#FFF;text-shadow:1px 1px 2px rgba(0,0,0,1.0);line-height:40px;letter-spacing:-0.04em;}
.ban-text-1 sup {text-shadow:1px 1px 2px rgba(0,0,0,1.0);}
.ban-text-2 {font-size:30px;color:#ff6c0e;text-shadow:0 0 4px rgba(0,0,0,1.0);line-height:60px;text-transform:uppercase;}

.tel-box {padding:24px 12px;justify-content:center;}
.table-box {margin:12px;box-shadow:0 0 4px rgba(0,0,0,0.4);border-radius:8px;position:relative;overflow:hidden;}
.title-table {background:#324467;color:#FFF;font-size:14px;border-bottom-left-radius:8px;}
.title-table div {line-height:16px;padding:0 10px;font-weight:600;max-width:140px;}

.item-table {text-align:center;padding:8px 0;border-bottom:1px solid #324467;font-size:16px;background:#FFF;}
.item-table:last-of-type {border:none;}
.item-table a:hover {text-decoration:underline;}

.gnp-agent {font-size:12px;text-align:center;line-height:32px;}

.text-box {color:#58595b;padding:0px 24px 24px;}
.text-box p {margin-bottom:24px;line-height:24px;}
.text-box ul {margin-bottom:24px;color:#324467;list-style:none;}
.text-box li {margin-left:28px;margin-bottom:12px;position:relative;}
.text-box li:before {content:"";display:block;width:18px;height:18px;background:url(img/thick.svg);position:absolute;top:0px;left:-28px;}

.issfam-box {color:#255142;font-size:12px;font-weight:600;text-align:center;padding:24px;}
.issfam-box img {margin-right:12px;}

.form-box {padding:12px 24px 36px;justify-content:center;}
.form {background:#f1f2f2;border-radius:16px;position:relative;overflow:hidden;box-shadow:0 0 4px rgba(0,0,0,0.4);padding:16px;}

.form h2 {text-align:center;color:#ff6c0e;text-transform:uppercase;margin-bottom:8px;}
.form h2.red {color:#ce0e2d;}
.form p {text-align:center;color:#58595b;text-transform:uppercase;}
.form h3 {text-align:center;color:#FFF;text-transform:uppercase;margin:24px 0 12px;background:#6d6e71;padding:4px 32px;background: -moz-linear-gradient(90deg, rgba(241,242,242,1) 0%, rgba(109,110,113,1) 33%, rgba(123,124,126,1) 66%, rgba(241,242,242,1) 100%);background: -webkit-linear-gradient(90deg, rgba(241,242,242,1) 0%, rgba(109,110,113,1) 33%, rgba(123,124,126,1) 66%, rgba(241,242,242,1) 100%);background: linear-gradient(90deg, rgba(241,242,242,1) 0%, rgba(109,110,113,1) 33%, rgba(123,124,126,1) 66%, rgba(241,242,242,1) 100%);}

.input {padding:0 12px;margin-bottom:12px;}
.input label {margin-bottom:8px;display:block;}
.input input {border-bottom:3px solid #324467!important;border-radius:4px!important;width:100%;background:#FFF;box-shadow:0 0 2px rgba(0,0,0,0.5);padding:8px;}
.input select {border-bottom:3px solid #324467!important;border-radius:4px!important;width:100%;background:#FFF;box-shadow:0 0 2px rgba(0,0,0,0.5);padding:8px;}

.input input.wrong-input {border-bottom:3px solid #ce0e2d!important;}
.input select.wrong-input {border-bottom:3px solid #ce0e2d!important;}

.input.empty {margin-bottom:0;font-size:12px;}
.input.empty label {margin-bottom:0;}

.mobile-only {display:none;}

/*.mini-banner {background:#1f3e79;padding:8px;background: -moz-linear-gradient(90deg, rgba(50,68,103,1) 0%, rgba(11,44,110,1) 100%);background: -webkit-linear-gradient(90deg, rgba(50,68,103,1) 0%, rgba(11,44,110,1) 100%);background: linear-gradient(90deg, rgba(50,68,103,1) 0%, rgba(11,44,110,1) 100%);}*/
.mini-banner {background:#1f3e79;padding:8px;}
.mini-banner .ban-text-1 {line-height:18px;font-size:18px;}
.mini-banner .ban-text-2 {line-height:36px;font-size:24px;}

#dialog-box-overlay {position:fixed;width:100%;height:100%;z-index:9999;left:0;top:0;display:none;}

.overlay-button {position:absolute;width:100%;height:100%;background:rgba(255,255,255,0.5);left:0;top:0;}
.overlay-item {position:absolute;width:100px;height:32px;text-align:center;left:50%;top:50%;background:#FFF;box-shadow:0 0 3px rgba(0,0,0,0.75);line-height:32px;border-radius:8px;}

#dialog-box-overlay.active {display:block;}

@media screen and (max-width:1130px) {
	.gnp-agent {display:none;}
}

@media screen and (max-width:1020px) {
/*	.banner {background:#FFF url(img/image-4.jpg);background-size:auto 438px;background-repeat:repeat-x;}*/
	.banner {background:#FFF url(img/image-2.jpg);background-size:auto 438px;background-repeat:no-repeat;background-position:top right;}
	.first-half {display:none;}
	.second-half {width:100%;}
	.mobile-only {display:block;}
}

@media screen and (max-width:540px) {
	header label {display:none;}
	header div.container {justify-content:space-between;}
	header div a {margin-left:0px;}

	footer div.container {display:block;}
	footer label {display:block;text-align:center;}

	.form-box {padding:12px 12px 36px;}
	.form {padding:8px;}
	.input {padding:0 8px;}
}

@media screen and (max-width:400px) {
	.title-table div {font-size:12px;}
}