@charset "utf-8";
/* ==========================================================================
   Foundation
   ========================================================================== */
/*! destyle.css v1.0.10 | MIT License | https://github.com/nicolas-cusan/destyle.css */
*{-webkit-box-sizing:border-box;box-sizing:border-box}
::before,::after{-webkit-box-sizing:inherit;box-sizing:inherit}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;line-height:1.15}
body{margin:0}
main{display:block}
p,table,blockquote,address,pre,iframe,form,figure,dl{margin:0}
h1,h2,h3,h4,h5,h6{margin:0;font-size:inherit;line-height:inherit/*font-weight:inherit;*/}
ul,ol{margin:0;padding:0;list-style:none}
dt{font-weight:700}
dd{margin-left:0}
hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;margin:0;clear:both;overflow:visible;border:0;border-top:1px solid;color:inherit}
pre{font-family:monospace,monospace;font-size:inherit}
address{font-style:inherit}
a{background-color:transparent;color:inherit;text-decoration:none}
abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
b,strong{font-weight:bolder}
code,kbd,samp{font-family:monospace,monospace;font-size:inherit}
small{font-size:80%}
sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}
sub{bottom:-.25em}
sup{top:-.5em}
img{border-style:none;vertical-align:bottom}
embed,object,iframe{border:0;vertical-align:bottom}
button,input,optgroup,select,textarea{-webkit-appearance:none;-moz-appearance:none;appearance:none;margin:0;padding:0;border:inherit;border-radius:0;outline:0;background:transparent;color:inherit;font:inherit;text-align:inherit;vertical-align:middle}
[type='checkbox']{-webkit-appearance:checkbox;-moz-appearance:checkbox;appearance:checkbox}
[type='radio']{-webkit-appearance:radio;-moz-appearance:radio;appearance:radio}
button,input{overflow:visible}
button,select{text-transform:none}
button,[type='button'],[type='reset'],[type='submit']{-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}
button[disabled],[type='button'][disabled],[type='reset'][disabled],[type='submit'][disabled]{cursor:default}
button::-moz-focus-inner,[type='button']::-moz-focus-inner,[type='reset']::-moz-focus-inner,[type='submit']::-moz-focus-inner{padding:0;border-style:none}
button:-moz-focusring,[type='button']:-moz-focusring,[type='reset']:-moz-focusring,[type='submit']:-moz-focusring{outline:1px dotted ButtonText}
fieldset{min-width:0;margin:0;padding:0;border:0}
legend{display:table;max-width:100%;padding:0;color:inherit;white-space:normal}
progress{vertical-align:baseline}
textarea{overflow:auto}
[type='checkbox'],[type='radio']{padding:0}
[type='number']::-webkit-inner-spin-button,[type='number']::-webkit-outer-spin-button{height:auto}
[type='search']{outline-offset:-2px}
[type='search']::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}
label[for]{cursor:pointer}
details{display:block}
summary{display:list-item}
table{border-collapse:collapse;border-spacing:0}
caption{text-align:left}
td,th{vertical-align:top}
th{font-weight:700;text-align:left}
template{display:none}
[hidden]{display:none}
html {
	font-size: 62.5%;
}
body {
	-webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
	background: #f0f0f0;
	color: #000;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", Roboto, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size: 1.4em;
	line-height: 1.625;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
}
a {
	color: #0071b5;
}
a:focus,
a:hover {
	color: rgb(0, 159, 255);
}
/* Typography Base Setting */
p, ul, ol {
	margin-bottom: 1em;
}
ol, ul {
	padding-left: 2em;
}
ol {
	list-style: decimal outside none;
}
ul {
	list-style: square outside none;
}
li ol, li ul {
	margin-bottom: 0;
}
nav ol, nav ul {
	padding-left: 0;
	list-style: none;
}
em {
	font-style: normal;
}
rp, rt {
	font-size: .688em;
	line-height: 1;
}
table {
	font-size: 1em;
	empty-cells: show;
}
iframe {
	display: block;
	width: 100%;
}
img {
	height: auto;
}
img, iframe, button, input, select, textarea {
	max-width: 100%;
}
textarea {
	height: auto;
	resize: vertical;
}
/* ==========================================================================
   Layout
   ========================================================================== */
/*------------------------------------*\
    ヘッダー
\*------------------------------------*/
.header {
	position: relative;
}
header::before {
	display: block;
	z-index: -1;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 140px;
	background: #2c7792 url(../img/bg.png) no-repeat center center/cover;
	content: "";
}
.header__inner {
	max-width: 1080px;
	margin: 0 auto;
	padding: 30px 10px;
}
.header__title {
	max-width: 300px;
	margin: 0;
	font-size: 1em;
}
/*------------------------------------*\
    メイン
\*------------------------------------*/
.content {
	max-width: 1060px;
	margin: 0 auto;
	background: #fff;
	-webkit-box-shadow: 0px 3px 6px rgba(55, 72, 78, 0.15);
	box-shadow: 0px 3px 6px rgba(55, 72, 78, 0.15);
}
.content-inner {
	padding: 20px 10px;
}
.divider {
	height: 0;
	margin: 30px 0;
	border-top: 2px solid #ddd;
}
.section ~ .section {
	margin-top: 40px;
}
/*------------------------------------*\
    フッター
\*------------------------------------*/
.page-bottom {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	padding-top: 50px;
	padding-bottom: 50px;
}
.privacy {
	padding: 15px;
	border: 1px solid #bbb;
	border-radius: 10px;
	color: #4d4d4d;
	font-size: 1.2rem;
}
.copyright {
	padding: 20px;
	background: #444;
	color: #fff;
	font-size: 1.2rem;
	text-align: center;
}
/* ==========================================================================
   Object
   ========================================================================== */
/* Component
   ----------------------------------------------------------------- */
/*------------------------------------*\
    FOX CSS 3.0.0 by Ronan Levesque
    CC BY 3.0 license
\*------------------------------------*/
.fx-row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin-right: -8px;
	margin-left: -8px;
}
.fx-row-start  { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
.fx-row-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
.fx-row-end    { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
.fx-row-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
.fx-row-around  { -ms-flex-pack: distribute; justify-content: space-around; }
.fx-row-reverse { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
.fx-align-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
[class*="fx-col"] {
	-webkit-box-flex: 1;
	-ms-flex: 1 1 auto;
	flex: 1 1 auto;
	padding-right: 8px;
	padding-left: 8px;
}
.fx-col-10 {
	-ms-flex-preferred-size: 10%;
	flex-basis: 10%;
	max-width: 10%;
}
.fx-col-20 {
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	max-width: 20%;
}
.fx-col-25 {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
}
.fx-col-30 {
	-ms-flex-preferred-size: 30%;
	flex-basis: 30%;
	max-width: 30%;
}
.fx-col-33 {
	-ms-flex-preferred-size: 33.3333%;
	flex-basis: 33.3333%;
	max-width: 33.3333%;
}
.fx-col-40 {
	-ms-flex-preferred-size: 40%;
	flex-basis: 40%;
	max-width: 40%;
}
.fx-col-50 {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
}
.fx-col-60 {
	-ms-flex-preferred-size: 60%;
	flex-basis: 60%;
	max-width: 60%;
}
.fx-col-66 {
	-ms-flex-preferred-size: 66.6666%;
	flex-basis: 66.6666%;
	max-width: 66.6666%;
}
.fx-col-70 {
	-ms-flex-preferred-size: 70%;
	flex-basis: 70%;
	max-width: 70%;
}
.fx-col-75 {
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%;
	max-width: 75%;
}
.fx-col-80 {
	-ms-flex-preferred-size: 80%;
	flex-basis: 80%;
	max-width: 80%;
}
.fx-col-90 {
	-ms-flex-preferred-size: 90%;
	flex-basis: 90%;
	max-width: 90%;
}
.fx-col-100 {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
/*------------------------------------*\
    Buttons
\*------------------------------------*/
.btn,
.btn-sub {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: inline-block;
	position: relative;
	max-width: 100%;
	margin: 0;
	padding: 1em 2em;
	overflow: visible;
	border-radius: 6px;
	outline: 0 !important;
	line-height: 1;
	text-align: center;
	text-decoration: none !important;
	vertical-align: middle;
	cursor: pointer;
	-webkit-transition: all .15s ease;
	transition: all .15s ease;
}
.btn {
	width: 400px;
	background-color: #2c7792;
	color: #fff;
	font-size: 2rem;
	font-weight: 700
}
.btn:focus,
	.btn:hover {
		background-color: rgb(40, 107, 131);
		color: #fff;
	}
.btn:active {
		background-color: rgb(37, 101, 124);
	}
.btn.disabled,
	.btn:disabled {
		background-color: #e1e1e1;
		color: #aaa;
		pointer-events: none;
	}
.btn.disabled:hover {
		background-color: #e1e1e1;
	}
.btn-sub {
	background-color: #999;
	color: #eee;
	font-size: 1.4rem;
	font-weight: 700
}
.btn-sub:focus,
	.btn-sub:hover {
		background-color: #808080;
		color: #fff;
	}
.btn-sub:active {
		background-color: #666;
	}
/*------------------------------------*\
    Tables
\*------------------------------------*/
.table {
	z-index: 0;
	position: relative;
	width: 100%;
	max-width: 100%;
	overflow: hidden
}
.table th,
	.table td {
		position: relative;
		padding: 5px;
		background: transparent;
		vertical-align: middle;
	}
.table thead th {
		font-size: .8em;
		text-align: center;
		vertical-align: middle;
	}
.table tbody th {
		padding: 5px 10px;
		font-size: 1.4rem;
		text-align: left;
	}
.table tbody tr {
		-webkit-transition: background .1s;
		transition: background .1s;
	}
.table tbody tr:nth-child(odd) {
		background: rgba(0,0,0,.05);
	}
.table img {
		vertical-align: middle;
	}
.table-hover tbody tr:hover {
	background: #fefbdd!important;
}
.table-v td,
	.table-v th {
		border-bottom: 1px solid #ddd;
	}
.table-v tbody th {
		padding-left: 0;
	}
.table-v tbody tr:nth-child(odd) {
		background: none;
	}
.table-v tbody td:nth-of-type(odd):not([colspan]) {
		background: rgba(0,0,0,.05);
	}
/* レスポンシブ */
.table-scroller {
	display: block;
	width: 100%;
	overflow-x: auto
}
.table-scroller table {
		margin-bottom: 4px;
	}
/*------------------------------------*\
    Form Element
\*------------------------------------*/
::-webkit-input-placeholder { color: #aaa; font-size: .9375em;}
::-moz-placeholder { color: #aaa; font-size: .9375em; opacity: 1;}
:-ms-input-placeholder { color: #aaa; font-size: .9375em;}
:placeholder-shown { color: #aaa; font-size: .9375em;}
.form-input,
.form-textarea,
.form-select,
.form-select option {
  -webkit-appearance: none;
  -moz-appearance: none;
	appearance: none;
}
.form-input,
.form-textarea,
.form-select {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	width: 100%;
	margin: 5px 0;
	padding: 0 8px;
	border: 1px solid #bbb;
	border-radius: 4px;
	outline: 0;
	background-color: #fff;
	color: inherit;
	font-size: 1.6rem;
	line-height: normal
}
.form-input:hover, .form-textarea:hover, .form-select:hover {
		border-color: #2c7792;
	}
.form-input,
.form-select:not([multiple]) {
	height: 2.2em;
	vertical-align: middle;
}
.form-input {
	display: inline-block;
	line-height: 1;
}
.form-input::-ms-clear,
.form-input::-ms-reveal {
	height: 20px;/* IE10以上用 */
	margin-right: -6px;
	color: rgba(0,0,0,.5);
}
.form-textarea {
	height: auto;
	min-height: 10em;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 1.4;
	vertical-align: top;
}
.form-select {
	display: block;
	padding: 8px;
	text-overflow: "";
}
.form-select:not([multiple]) {
	padding: 0 24px 0 8px;
	background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjE0IiB2aWV3Qm94PSIwIDAgOSAxNCI+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNLjUgNWw0LTQgNCA0TTguNSA5LjAxbC00IDQtNC00IiBzdHlsZT0iZmlsbDpub25lO3N0cm9rZTojNWU2Yzc1O3N0cm9rZS1taXRlcmxpbWl0OjEwO3N0cm9rZS13aWR0aDouOTNweCIvPjwvc3ZnPg==);
	background-position: right 8px center;
	background-repeat: no-repeat;
}
.form-select::-ms-expand { display: none;}
/* IE10以上用 */
/* サイズ */
[class*="form-"].size-s { font-size: 1.4rem!important; }
[class*="form-"].size-l { font-size: 1.8rem!important; }
.form-input.size-s,
.form-select:not([multiple]).size-s { height: 2em; }
.form-input.size-l,
.form-select:not([multiple]).size-l { height: 2.5em; }
/* 幅 */
.width-l { width: 500px;}
.width-m { width: 260px;}
.width-s { width: 140px;}
.width-xs { width: 80px;}
/* チェックボックス・ラジオボタン */
.form-checkbox,
.form-radio {
	display: inline-block;
	z-index: 0;
	position: relative;
	padding: .15em .2em .15em 1.6em;
	font-size: 1.6rem;
	line-height: 1;
}
.form-checkbox input,
.form-radio input {
	clip: rect(1px,1px,1px,1px);
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	opacity: 0;
}
.form__icon {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
  width: 1.25em;
  height: 1.25em;
	margin-right: .4em;
	border: 2px solid #bbb;
  background: #fff;
	color: transparent;
	vertical-align: -.22em;
}
input:not([disabled]) + .form__icon { cursor: pointer;}
.form-checkbox .form__icon { border-radius: 4px;}
.form-checkbox .form__icon:before {
	-webkit-transform: rotate(48deg);
	-ms-transform: rotate(48deg);
	display: block;
	position: absolute;
	top: 0;
	left: .25em;
	width: .5em;
	height: .75em;
	transform: rotate(48deg);
	border-width: 0 .2rem .2rem 0;
	border-style: solid;
	border-color: currentColor;
	content: "";
}
.form-radio .form__icon { border-radius: 50%;}
.form-radio .form__icon:before {
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: .375em;
	height: .375em;
	transform: translate(-50%,-50%);
	border-radius: 50%;
	background: currentColor;
	content: "";
}
.form-radio:hover .form__icon,
.form-checkbox:hover .form__icon { border-color: #2c7792;}
input:checked + .form__icon { border-color: #2c7792; background: #2c7792; color: #fff;}
input:checked:focus + .form__icon { background: rgb(37, 101, 124);}
.table .form-checkbox,
.table .form-radio {
	display: inline-block;
	width: 100%;
	padding: 10px;
	text-align: center;
}
.table .form-checkbox .form__icon,
.table .form-radio .form__icon {
	position: relative;
	vertical-align: middle;
}
/* 送信確認時 */
.confirm .form-checkbox,
.confirm .form-radio { cursor: default;}
.confirm .form-checkbox .form__icon,
.confirm .form-radio .form__icon { border-color: #eee; background: #eee;}
.confirm .form-checkbox input:checked + .form__icon,
.confirm .form-radio input:checked + .form__icon { border-color: #666; background: #666; color: #eee;}
/* 入力項目ステート */
.form-input:disabled,
.form-textarea:disabled,
.form-input[readonly],
.form-textarea[readonly],
.form-checkbox input:disabled + .form__icon,
.form-radio input[readonly] + .form__icon { background-color: #f5f5f7;}
.form-input:disabled,
.form-textarea:disabled,
.form-input[readonly],
.form-textarea[readonly] { color: #808080;}
.form-input:focus,
.form-textarea:focus,
.form-select:focus,
.form-checkbox input:focus + .form__icon,
.form-radio input:focus + .form__icon { border-color: #2c7792; -webkit-box-shadow: 0 0 0 .2rem rgba(44, 119, 146, 0.25); box-shadow: 0 0 0 .2rem rgba(44, 119, 146, 0.25);}
/*------------------------------------*\
    Bootstrapバリデーション
\*------------------------------------*/
.valid-feedback,
.invalid-feedback {
	display: none;
	margin-top: .25rem;
	font-size: .875em;
}
.form-checkbox .valid-feedback,
.form-radio .valid-feedback,
.form-checkbox .invalid-feedback,
.form-radio .invalid-feedback { margin-top: .5em;}
.invalid-feedback { color: #dc3545;}
.valid-feedback { color: #28a745;}
/* バリデーション結果 */
.was-validated [class*="form-"]:valid ~ .valid-feedback,
.was-validated .form-checkbox input:valid ~ .valid-feedback,
.was-validated .form-radio input:valid ~ .valid-feedback,
.was-validated [class*="form-"]:invalid ~ .invalid-feedback,
.was-validated .form-checkbox input:invalid ~ .invalid-feedback,
.was-validated .form-radio input:invalid ~ .invalid-feedback { display: block;}
form:not([novalidate]) .form-input:invalid,
form:not([novalidate]) .form-textarea:invalid,
form:not([novalidate]) .form-select:invalid,
form:not([novalidate]) .form-checkbox input:invalid + .form__icon,
form:not([novalidate]) .form-radio input:invalid + .form__icon,
.was-validated .form-input:invalid,
.was-validated .form-textarea:invalid,
.was-validated .form-select:invalid,
.was-validated .form-checkbox input:invalid + .form__icon,
.was-validated .form-radio input:invalid + .form__icon { border-color: #fe6969;}
.was-validated .form-input:valid,
.was-validated .form-textarea:valid,
.was-validated .form-select:valid { border-color: #28a745;}
form:not([novalidate]) .form-input:invalid:focus,
form:not([novalidate]) .form-textarea:invalid:focus,
form:not([novalidate]) .form-select:invalid:focus,
form:not([novalidate]) .form-checkbox input:invalid:focus + .form__icon,
form:not([novalidate]) .form-radio input:invalid:focus + .form__icon,
.was-validated .form-input:invalid:focus,
.was-validated .form-textarea:invalid:focus,
.was-validated .form-select:invalid:focus,
.was-validated .form-checkbox input:invalid:focus + .form__icon,
.was-validated .form-radio input:invalid:focus + .form__icon { -webkit-box-shadow: 0 0 0 .2rem rgba(254,104,104,.3); box-shadow: 0 0 0 .2rem rgba(254,104,104,.3);}
/* Project
   ----------------------------------------------------------------- */
/*------------------------------------*\
    本文
\*------------------------------------*/
.h1 {
	margin-top: .5em;
	margin-bottom: 1em;
	font-size: 2.2rem;
	line-height: 1.3;
}
.h2 {
	margin-top: 2em;
	margin-bottom: 1em;
	padding: .5em 1em;
	border-bottom: 4px solid #bbb;
	background: #4d4d4d;
	color: #fff;
	font-size: 1.7rem;
	line-height: 1.3;
}
.h3 {
	position: relative;
	margin-top: 3em;
	margin-bottom: 1em;
	padding: 10px 10px 10px 4em;
	background: #d6e7ea;
	font-size: 1.5rem;
	line-height: 1.4;
}
.h3::before {
	position: absolute;
	top: .1em;
	bottom: .1em;
	left: 0;
	width: 6px;
	background: #2983aa;
	content: "";
}
.h3 .num {
	position: absolute;
	top: 10px;
	left: 16px;
	color: #126c84;
}
.h4 {
	margin-top: 3em;
	margin-bottom: 1em;
	padding: .5em 0;
	border-top: 2px solid #bbb;
	border-bottom: 1px dotted #bbb;
	font-size: 1.5rem;
	line-height: 1.5;
}
.h4 .num {
	display: block;
	width: 4.5em;
	margin-bottom: 4px;
	padding: .2em .5em;
	background: #2c7792;
	color: #fff;
	font-size: .8em;
	text-align: center;
}
.h2 + .h3 {
	margin-top: 0;
}
.marker {
	color: #126c84;
	text-decoration: underline;
}
/*------------------------------------*\
    フォーム関連部品
\*------------------------------------*/
/* ステップ */
.form-step {
	background: #e5e5e5;
}
.form-step ol {
	display: table;
	width: 100%;
	margin: 0;
	padding: 0;
	list-style: none;
	counter-reset: step;
	table-layout: fixed;
}
.form-step li {
	display: table-cell;
	padding: 10px 5px;
	font-size: 1.3rem;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	vertical-align: top;
	counter-increment: step;
}
.form-step .icon {
	display: block;
	position: relative;
	width: 28px;
	height: 28px;
	margin: 0 auto 10px;
	border-radius: 50%;
	background: #ccc;
	color: #fff;
	font-size: 1.4rem;
	line-height: 28px;
	text-align: center;
}
.form-step .icon::before {
	content: counter(step);
}
.form-step .is-active .icon {
	background: #cb0002;
}
.form-step .is-passed .icon {
	background: #dd8c8c;
}
.form-step .is-passed .icon::before {
	-webkit-transform: rotate(45deg);
	display: inline-block;
	width: .7em;
	height: 1em;
	transform: rotate(45deg);
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	content: "";
}
/* エラー */
.form-error {
	margin: 0 0 30px;
	padding: 15px;
	border-radius: 10px;
	background: #ffddd3;
}
.form-error__title {
	color: #cb0002;
	font-size: 1.8rem;
	font-weight: bold;
}
/* フォームヘルプ */
.form-help {
	color: #808080;
	font-size: 1.3rem;
	line-height: 1.4;
}
span.form-help,
.form-help.u-ib {
	display: inline-block;
	margin: 0 0 0 .8rem;
	vertical-align: middle;
}
/* フォーム項目レイアウト */
.form-item {
	margin-bottom: 16px;
	clear: both
}
.form-item li {
		margin-bottom: 10px;
	}
.form-label {
	display: block;
	margin-bottom: 8px;
	font-weight: bold;
}
.form-label-s {
	color: #126c84;
}
/* その他スタイル */
.hero {
	position: relative;
	max-width: 600px;
	margin: 30px auto 70px;
	padding: 20px;
	border-radius: 15px;
	background: #eee;
	font-size: 1.6rem;
	text-align: center
}
.hero::after {
		display: block;
		position: absolute;
		top: calc(100% + 20px);
		left: 50%;
		width: 0;
		height: 0;
		margin-left: -30px;
		border: 30px solid transparent;
		border-top: 20px solid #2983aa;
		content: "";
	}
.hero-table {
	width: 100%;
	background: #fff;
	font-size: 1.4rem
}
.hero-table caption {
		margin-bottom: 4px;
		color: #2983aa;
		font-size: 1.4em;
		font-weight: bold;
		text-align: center;
	}
.hero-table tbody {
		border-radius: 10px;
	}
.hero-table th,
	.hero-table td {
		padding: 8px;
		border: 1px solid #333;
	}
.hero-table th {
		background: #2c7792;
		color: #fff;
		text-align: center;
	}
.hero-table td {
		text-align: left;
	}
.sdgs img {
	margin-right: 5px;
}
/* Utility
   ----------------------------------------------------------------- */
/* Display */
.d-none { display: none; }
.d-block { display: block; }
.d-inline { display: inline; }
.d-inline-block { display: inline-block; }
/* Only for screen readers */
.u-sr-only {
	clip: rect(1px, 1px, 1px, 1px);
	position: absolute !important;
	width: 1px;
	height: 1px;
	overflow: hidden;
	white-space: nowrap;
}
/* Clearing */
.u-clr {
	clear: both;
}
.u-clearfix::after {
	display: table;
	clear: both;
	content: "";
}
/*  Float */
.float-left { float: left; }
.float-right { float: right; }
.float-none { float: none; }
/* Lists */
.list-flat,
.list-inline {
	padding-left: 0;
	list-style: none;
}
.list-inline > li {
	display: inline-block;
	vertical-align: top;
}
.list-inline > li:not(:last-of-type) {
	margin-right: 0.75em;
}
.list-inline.add-divider > li + li:before {
	display: inline-block;
	width: 1px;
	height: 1em;
	margin: 0 1em 0 0;
	border-left: 1px solid #ccc;
	vertical-align: middle;
	content: "";
}
.list-flat dt {
	font-weight: normal;
}
.list-flat dd {
	margin-left: 0;
}
/* Text Indents */
ul[class*="text-indent-"] {
	padding-left: 0;
	list-style: none;
	text-indent: 0;
}
.text-indent-1,
li.text-indent-1,
ul.text-indent-1 > li {
	padding-left: 1em;
	text-indent: -1em;
}
.text-indent-2,
li.text-indent-2,
ul.text-indent-2 > li {
	padding-left: 2em;
	text-indent: -2em;
}
.text-indent-3,
li.text-indent-3,
ul.text-indent-3 > li {
	padding-left: 3em;
	text-indent: -3em;
}
/* Text Align & Font style */
.text-left { text-align: left!important; }
.text-center { text-align: center!important; }
.text-right { text-align: right!important; }
/* widths */
.w-100 { width: 100%; }
.w-90 { width: 90%; }
.w-80 { width: 80%; }
.w-75 { width: 75%; }
.w-70 { width: 70%; }
.w-66 { width: 66%; }
.w-60 { width: 60%; }
.w-50 { width: 50%; }
.w-40 { width: 40%; }
.w-33 { width: 33%; }
.w-30 { width: 30%; }
.w-25 { width: 25%; }
.w-20 { width: 20%; }
.w-10 { width: 10%; }
.w-auto { width: auto; }
/* Margins */
.m-0 { margin: 0 !important; }
.mt-0 { margin-top: 0 !important; }
.mb-0 { margin-bottom: 0 !important; }
.mt-1 { margin-top: 10px!important; }
.mb-1 { margin-bottom: 10px!important; }
.mt-2{ margin-top: 20px!important; }
.mb-2 { margin-bottom: 20px!important; }
.mb-3 { margin-bottom: 40px!important; }
.mt-4 { margin-top: 60px!important; }
.mb-4 { margin-bottom: 60px!important; }
.mt-5 { margin-top: 80px!important; }
.mb-5 { margin-bottom: 80px!important; }
.mr-auto,
.mx-auto { margin-right: auto !important; }
.ml-auto,
.mx-auto { margin-left: auto !important; }
/* Paddings */
.p-0 { padding: 0 !important; }
.pt-0 { padding-top: 0 !important; }
.pb-0 { padding-bottom: 0 !important; }
.pt-1 { padding-top: 10px!important; }
.pb-1 { padding-bottom: 10px!important; }
.pr-1 { padding-right: 10px!important; }
.pl-1 { padding-left: 10px!important; }
.pt-2 { padding-top: 20px!important; }
.pb-2 { padding-bottom: 20px!important; }
.pr-2 { padding-right: 20px!important; }
.pl-2 { padding-left: 20px!important; }
.pt-3 { padding-top: 40px!important; }
.pb-3 { padding-bottom: 40px!important; }
.pr-3 { padding-right: 40px!important; }
.pl-3 { padding-left: 40px!important; }
.pt-4 { padding-top: 60px!important; }
.pb-4 { padding-bottom: 60px!important; }
.pr-4 { padding-right: 60px!important; }
.pl-4 { padding-left: 60px!important; }
.pt-5 { padding-top: 80px!important; }
.pb-5 { padding-bottom: 80px!important; }
.pr-5 { padding-right: 80px!important; }
.pl-5 { padding-left: 80px!important; }
/* Text Styles */
.font-bold { font-weight: bold; }
.font-normal { font-weight: 400; }
.font-thin { font-weight: 300; }
.font-italic { font-style: italic; }
.font-size-l {
	font-size: 2em;
	letter-spacing: 0;
	line-height: 1.333333;
}
.font-size-m { font-size: calc(1em + .2rem); }
.font-size-s { font-size: calc(1em - .2rem); }
.highlight { color: #ad5b03; }
@media (min-width: 45.001em) {
	body { font-size: 1.6em; }
	.header::before {
		height: 220px;
	}
	.header__inner {
		padding: 60px 10px 40px;
	}
	.header__title {
		width: 60%;
		max-width: 600px;
	}
	.content-inner {
		padding: 30px;
	}
	.fx-row-start-md  { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; }
	.fx-row-center-md { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
	.fx-row-end-md    { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; }
	.fx-row-between-md { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
	.fx-row-around-md  { -ms-flex-pack: distribute; justify-content: space-around; }
	.fx-row-reverse-md { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; }
  .fx-align-center-md { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.fx-col-10-md {
		-ms-flex-preferred-size: 10%;
		flex-basis: 10%;
		max-width: 10%;
	}
	.fx-col-20-md {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		max-width: 20%;
	}
	.fx-col-25-md {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.fx-col-30-md {
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
		max-width: 30%;
	}
	.fx-col-33-md {
		-ms-flex-preferred-size: 33.3333%;
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}
	.fx-col-40-md {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
		max-width: 40%;
	}
	.fx-col-50-md {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.fx-col-60-md {
		-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
		max-width: 60%;
	}
	.fx-col-66-md {
		-ms-flex-preferred-size: 66.6666%;
		flex-basis: 66.6666%;
		max-width: 66.6666%;
	}
	.fx-col-70-md {
		-ms-flex-preferred-size: 70%;
		flex-basis: 70%;
		max-width: 70%;
	}
	.fx-col-75-md {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.fx-col-80-md {
		-ms-flex-preferred-size: 80%;
		flex-basis: 80%;
		max-width: 80%;
	}
	.fx-col-90-md {
		-ms-flex-preferred-size: 90%;
		flex-basis: 90%;
		max-width: 90%;
	}
	.fx-col-100-md {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.form-textarea {
		min-height: 6em;
	}
	.h1 {
		font-size: 3.2rem;
	}
	.h2 {
		font-size: 2.4rem;
	}
	.h3 {
		font-size: 1.8rem;
	}
	.h4 {
		position: relative;
		padding-left: 4.2em;
		font-size: 1.6rem;
	}
	.h4 .num {
		position: absolute;
		left: 0;
	}
	.form-inline {
		display: inline-block;
		width: auto;
		margin-right: 15px;
	}
	.hero {
		margin: 50px auto 70px;
		padding: 30px;
		font-size: 1.8rem;
	}
	.d-md-none { display: none !important; }
	.d-md-block { display: block !important; }
	.d-md-inline { display: inline !important; }
	.d-md-inline-block { display: inline-block !important; }
	.float-md-left { float: left; }
	.float-md-right { float: right; }
	.float-md-none { float: none; }
}
@media (max-width: 45em){
	.table tbody th {
		font-size: 1.2rem;
	}}
@media (max-width: 60em);
@media (min-width: 60.001em){
	.content-inner {
		padding: 40px 60px;
	}
	.fx-row-start-lg  { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start;}
	.fx-row-center-lg { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center;}
	.fx-row-end-lg    { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end;}
	.fx-row-between-lg { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between;}
	.fx-row-around-lg  { -ms-flex-pack: distribute; justify-content: space-around;}
	.fx-row-reverse-lg { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse;}
  .fx-align-center-lg { -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
	.fx-col-10-lg {
		-ms-flex-preferred-size: 10%;
		flex-basis: 10%;
		max-width: 10%;
	}
	.fx-col-20-lg {
		-ms-flex-preferred-size: 20%;
		flex-basis: 20%;
		max-width: 20%;
	}
	.fx-col-25-lg {
		-ms-flex-preferred-size: 25%;
		flex-basis: 25%;
		max-width: 25%;
	}
	.fx-col-30-lg {
		-ms-flex-preferred-size: 30%;
		flex-basis: 30%;
		max-width: 30%;
	}
	.fx-col-33-lg {
		-ms-flex-preferred-size: 33.3333%;
		flex-basis: 33.3333%;
		max-width: 33.3333%;
	}
	.fx-col-40-lg {
		-ms-flex-preferred-size: 40%;
		flex-basis: 40%;
		max-width: 40%;
	}
	.fx-col-50-lg {
		-ms-flex-preferred-size: 50%;
		flex-basis: 50%;
		max-width: 50%;
	}
	.fx-col-60-lg {
		-ms-flex-preferred-size: 60%;
		flex-basis: 60%;
		max-width: 60%;
	}
	.fx-col-66-lg {
		-ms-flex-preferred-size: 66.6666%;
		flex-basis: 66.6666%;
		max-width: 66.6666%;
	}
	.fx-col-70-lg {
		-ms-flex-preferred-size: 70%;
		flex-basis: 70%;
		max-width: 70%;
	}
	.fx-col-75-lg {
		-ms-flex-preferred-size: 75%;
		flex-basis: 75%;
		max-width: 75%;
	}
	.fx-col-80-lg {
		-ms-flex-preferred-size: 80%;
		flex-basis: 80%;
		max-width: 80%;
	}
	.fx-col-90-lg {
		-ms-flex-preferred-size: 90%;
		flex-basis: 90%;
		max-width: 90%;
	}
	.fx-col-100-lg {
		-ms-flex-preferred-size: 100%;
		flex-basis: 100%;
		max-width: 100%;
	}
	.form-step {
		background: none;
	}
	.form-step li {
		padding: 30px 10px 10px;
	}
	.form-step .icon {
		width: 36px;
		height: 36px;
		font-size: 1.6rem;
		line-height: 36px;
	}
	.form-item.form-horizontal,
	.form-horizontal .form-item {
		display: table;
		width: 100%;
		margin-bottom: 5px;
	}
	.form-horizontal .form-label {
		display: table-cell;
		width: 20%;
		padding: .5em 1em .5em 0;
		text-align: right;
	}
	.form-horizontal .form-label legend {
		width: 100%;
		color: inherit;
		text-align: inherit;
	}
	.form-horizontal .form-controls {
		display: table-cell;
		width: 80%;
		padding-bottom: .5em;
		vertical-align: middle;
	}
	.d-lg-none { display: none !important; }
	.d-lg-block { display: block !important; }
	.d-lg-inline { display: inline !important; }
	.d-lg-inline-block { display: inline-block !important; }
	.float-lg-left { float: left; }
	.float-lg-right { float: right; }
	.float-lg-none { float: none; }}
@media print {
	.d-print-none { display: none !important; }
	.d-print-block { display: inline !important; }
	.d-print-inline { display: inline !important; }
	.d-print-inline-block { display: inline-block !important; }
}
@media (min-width: 35.001em) {
	.float-sm-left { float: left; }
	.float-sm-right { float: right; }
	.float-sm-none { float: none; }
}
/*# sourceMappingURL=maps/main.css.map */