@charset "UTF-8";
/* ==========================================================================
Foundation
========================================================================== */
/*!
 * ress.css • v1.2.2
 * MIT License
 * github.com/filipelinhares/ress
 */
html { box-sizing: border-box; overflow-y: scroll; -webkit-text-size-adjust: 100%; }

*, :after, :before { background-repeat: no-repeat; box-sizing: inherit; }

:after, :before { text-decoration: inherit; vertical-align: inherit; }

* { padding: 0; margin: 0; }

audio:not([controls]) { display: none; height: 0; }

hr { overflow: visible; }

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary { display: block; }

summary { display: list-item; }

small { font-size: 80%; }

[hidden], template { display: none; }

abbr[title] { border-bottom: 1px dotted; text-decoration: none; }

a { background-color: transparent; -webkit-text-decoration-skip: objects; }

a:active, a:hover { outline-width: 0; }

code, kbd, pre, samp { font-family: monospace,monospace; }

b, strong { font-weight: bolder; }

dfn { font-style: italic; }

mark { background-color: #ff0; color: #000; }

sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }

sub { bottom: -.25em; }

sup { top: -.5em; }

input { border-radius: 0; }

[role=button], [type=button], [type=reset], [type=submit], button { cursor: pointer; }

[disabled] { cursor: default; }

[type=number] { width: auto; }

[type=search] { -webkit-appearance: textfield; }

[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration { -webkit-appearance: none; }

textarea { overflow: auto; resize: vertical; }

button, input, optgroup, select, textarea { font: inherit; }

optgroup { font-weight: 700; }

button { overflow: visible; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner { border-style: 0; padding: 0; }

[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button:-moz-focusring { outline: 1px dotted ButtonText; }

[type=reset], [type=submit], button, html [type=button] { -webkit-appearance: button; }

button, select { text-transform: none; }

button, input, select, textarea { background-color: transparent; border-style: none; color: inherit; }

select { -moz-appearance: none; -webkit-appearance: none; }

select::-ms-expand { display: none; }

select::-ms-value { color: currentColor; }

legend { border: 0; color: inherit; display: table; max-width: 100%; white-space: normal; }

::-webkit-file-upload-button { -webkit-appearance: button; font: inherit; }

[type=search] { -webkit-appearance: textfield; outline-offset: -2px; }

img { border-style: none; }

progress { vertical-align: baseline; }

svg:not(:root) { overflow: hidden; }

audio, canvas, progress, video { display: inline-block; }

@media screen { [hidden~=screen] { display: inherit; }
  [hidden~=screen]:not(:active):not(:focus):not(:target) { position: absolute !important; clip: rect(0 0 0 0) !important; } }
[aria-busy=true] { cursor: progress; }

[aria-controls] { cursor: pointer; }

[aria-disabled] { cursor: default; }

::-moz-selection { background-color: #b3d4fc; color: #000; text-shadow: none; }

::selection { background-color: #b3d4fc; color: #000; text-shadow: none; }

/* base */
body { line-height: 1.8; font-family: 'Noto Serif JP', sans-serif; -webkit-text-size-adjust: 100%; font-size: 0.875rem; color: #fff; background-color: #0F0F0F; }
@media only screen and (min-width: 768px) { body { font-size: 1rem; } }

_:lang(x)::-ms-backdrop, body { font-family: "メイリオ", Meiryo, sans-serif; }

a { color: #fff; text-decoration: none; }

img { max-width: 100%; height: auto; vertical-align: top; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; font-size: 1em; line-height: 1.2; }

ul, ol { list-style-type: none; }

small { font-size: 100%; }

address { font-style: normal; }

.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip: rect(0, 0, 0, 0); white-space: nowrap; border: 0; }

.is-sticky { position: sticky; top: 0; z-index: 10; }

.is-pc { display: none; }
@media only screen and (min-width: 768px) { .is-pc { display: block; } }

.is-sp { display: block; }
@media only screen and (min-width: 768px) { .is-sp { display: none; } }

.is-xs { display: block; }
@media only screen and (min-width: 480px) { .is-xs { display: none; } }

/* ==========================================================================
Layout
========================================================================== */
/* contents layout */
.l-contents { width: 100%; max-width: 1020px; margin: 0 auto; padding: 0 10px; }

/* flex layout */
.l-flex { display: flex; }

.l-flex-center { justify-content: center; align-items: center; }

.l-flex-end { justify-content: flex-end; }

.l-flex-between { justify-content: space-between; }

@media only screen and (min-width: 768px) { .l-flex--pc { display: flex; }
  .l-flex-center--pc { justify-content: center; align-items: center; }
  .l-flex-end--pc { justify-content: flex-end; }
  .l-flex-between--pc { justify-content: space-between; }
  .l-block--pc { display: block; } }
/* header */
.l-header { background-image: url(../images/bg_header.jpg); background-size: cover; display: flex; flex-direction: column; position: relative; }
@media only screen and (min-width: 768px) { .l-header { height: 56.369vw; max-height: 770px; } }
.l-header::before { content: ''; display: block; position: absolute; background-color: rgba(0, 0, 0, 0.4); width: 100%; height: 100%; }
@media only screen and (min-width: 768px) { .l-header::before { display: none; } }

.l-header__inner { padding: 10px; z-index: 1; }
@media only screen and (min-width: 768px) { .l-header__inner { height: 75px; padding: 0 0 0 25px; display: flex; justify-content: space-between; align-items: center; } }
.l-header__inner h1 { margin-top: 5px; text-align: center; }
@media only screen and (min-width: 768px) { .l-header__inner h1 { text-align: left; margin-left: 13%; } }

.l-header__logoimg { height: 21px; width: auto; }
@media only screen and (min-width: 768px) { .l-header__logoimg { height: auto; } }

.l-header-contact { display: flex; align-items: center; border-bottom: 1px solid; padding: 10px 0; line-height: 1.2; }
@media only screen and (min-width: 768px) { .l-header-contact { justify-content: space-between; height: 100%; padding: 0 20px; } }

.l-header-contact__txt { display: none; }
@media only screen and (min-width: 768px) { .l-header-contact__txt { display: block; } }

.l-header-contact__tel { font-weight: bold; background-image: url(../images/ico_tel.png); background-position: 0 50%; background-size: 11px 12px; padding: 0 20px; font-size: 1.25rem; font-family: 'Noto Sans JP', sans-serif; }
@media only screen and (min-width: 480px) { .l-header-contact__tel { background-position: 15px 50%; background-size: 22px 23px; padding-left: 50px; font-size: 1.875rem; } }

.l-header-lead { display: flex; align-items: center; justify-content: center; flex-direction: column; height: 100%; padding: 20px; z-index: 1; }

.l-header-lead__txt { color: #017AEE; line-height: 1.2; text-align: center; margin-bottom: 10px; font-size: 1.875rem; }
@media only screen and (min-width: 480px) { .l-header-lead__txt { font-size: calc(40px + ((100vw - 480px ) * ( 55 - 40 ) / ( 1000 - 480 ) )); } }
@media only screen and (min-width: 768px) { .l-header-lead__txt { margin-bottom: 30px; } }
@media only screen and (min-width: 1000px) { .l-header-lead__txt { font-size: 3.4375rem; } }

.l-header-lead__txt02 { max-width: 680px; }

/* footer */
.l-footer { text-align: center; background-color: #202020; }
@media only screen and (min-width: 768px) { .l-footer { text-align: left; } }

.l-footer__pagetop { display: block; position: fixed; bottom: 10px; right: 10px; width: 30px; height: 30px; }
@media only screen and (min-width: 768px) { .l-footer__pagetop { bottom: 80px; right: 80px; width: auto; height: auto; } }

.l-footer__upper { padding: 30px 10px; }
@media only screen and (min-width: 768px) { .l-footer__upper { padding: 60px 0; display: flex; justify-content: space-between; align-items: flex-end; } }

.l-footer-info { font-family: "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", YuGothicM, YuGothic, sans-serif; }

.l-footer-info__logo { margin-bottom: 20px; }
@media only screen and (min-width: 768px) { .l-footer-info__logo { display: block; } }

.l-footer-info__company { font-size: 1.125rem; font-weight: bold; display: block; }
@media only screen and (min-width: 768px) { .l-footer-info__company { font-size: 1.5rem; } }

.l-footer-info__tel { font-size: 1.25rem; font-weight: bold; line-height: 1.5; margin-top: 20px; }

.l-footer-info__num { font-size: 1.25rem; margin-left: 20px; }
@media only screen and (min-width: 768px) { .l-footer-info__num { font-size: 2.5rem; } }

@media only screen and (min-width: 768px) { .l-footer-nav01 { width: 450px; } }

.l-footer-nav02 { background-color: #fff; font-size: 0.75rem; padding: 10px; }
@media only screen and (min-width: 480px) { .l-footer-nav02 { display: flex; align-items: center; justify-content: center; height: 65px; } }

@media only screen and (min-width: 480px) { .l-footer-nav02__item + .l-footer-nav02__item { border-left: 1px solid #000; line-height: 1; margin-left: 20px; padding-left: 20px; } }

.l-footer-nav02__link { color: #000; font-family: 'Noto Sans JP', sans-serif; display: inline-block; line-height: 1.2; }
.l-footer-nav02__link[target="_blank"] { position: relative; padding-right: 15px; }
.l-footer-nav02__link[target="_blank"]::after { content: ''; display: block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto; width: 10px; height: 10px; background-image: url(../images/ico_ext.png); background-size: cover; }

.l-footer__small { display: flex; align-items: center; justify-content: center; height: 50px; border-top: 1px solid  #E8E8E8; background-color: #fff; color: #000; font-family: 'Noto Sans JP', sans-serif; font-size: 0.75rem; }

/* ==========================================================================
Object
========================================================================== */
/* -----------------------------------------------------------------
Component
----------------------------------------------------------------- */
/* background */
.c-bg--blue { background-color: #064E95; }

/* button */
.c-btn { display: flex; align-items: center; justify-content: center; height: 30px; width: 100%; max-width: 12em; padding: 0 10px; color: #017AEE; border: 1px solid #017AEE; border-radius: 30px; line-height: 1.2; font-weight: bold; font-family: 'Noto Sans JP', sans-serif; font-size: 0.75rem; }
@media only screen and (min-width: 768px) { .c-btn { height: 60px; max-width: 300px; font-size: 1.125rem; transition: .5s; } }
@media only screen and (min-width: 768px) and (min-width: 768px) { .c-btn:hover { background-color: #017AEE; color: #fff; } }

.c-btn--full { max-width: 100%; }

.c-btn--white { border-color: #fff; color: #fff; }
@media only screen and (min-width: 768px) { .c-btn--white:hover { background-color: #fff; color: #017AEE; } }

/* table */
.c-table { width: 100%; border-collapse: collapse; border: 1px solid #666; }
.c-table th, .c-table td { padding: 5px 10px; line-height: 1.2; border: 1px solid #666; font-size: 0.875rem; text-align: center; font-weight: normal; }
.c-table th { background-color: #2D3238; }
.c-table .c-table__th { background-color: #333; }

/* tel */
@media only screen and (min-width: 768px) { .c-tel { pointer-events: none; } }

/* text */
.c-txt-large { font-size: 1.25rem; line-height: 1.3; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { .c-txt-large { font-size: 3.4375rem; margin-bottom: 30px; } }

.c-txt-medium { line-height: 1.2; color: #017AEE; font-size: 1rem; margin-bottom: 10px; }
@media only screen and (min-width: 768px) { .c-txt-medium { font-size: 1.5rem; margin-bottom: 30px; } }

.c-txt-sans { font-family: 'Noto Sans JP', sans-serif; }

/* list */
.c-list__item { position: relative; padding-left: 10px; line-height: 1.2; margin-bottom: 10px; }
.c-list__item::before { content: ''; position: absolute; left: 0; top: .5em; display: block; width: 3px; height: 3px; border-radius: 50%; background-color: #fff; }

.c-list-cercle__item { margin-left: 1em; text-indent: -1em; }
.c-list-cercle__item::before { content: '●'; }

.c-list__category { width: 15%; }
@media only screen and (min-width: 768px) { .c-list__category { width: 97px; } }
.c-list__category li { margin-bottom: 10px; }
@media only screen and (min-width: 768px) { .c-list__category li { margin-bottom: 20px; } }
.c-list__category li:last-child { margin-bottom: 0; }
.c-list__category img { max-width: 100%; }

/* -----------------------------------------------------------------
Project
----------------------------------------------------------------- */
/* tabpanel */
.p-tab { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; display: none; }
@media only screen and (min-width: 768px) { .p-tab { flex-wrap: nowrap; } }

.p-tab__item { flex: 1 1 50%; }
@media only screen and (min-width: 768px) { .p-tab__item { flex: 1 1 25%; } }

.p-tab__link { height: 13.196vw; display: flex; align-items: center; justify-content: center; color: #fff; background-size: cover; background-position: 50% 50%; font-size: 1.5rem; line-height: 1.2; padding: 0 10px; }
.p-tab__link.is-open { pointer-events: none; position: relative; }
.p-tab__link.is-open::before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 89, 175, 0.4); }
@media only screen and (min-width: 768px) { .p-tab__link.is-open::after { content: ''; display: block; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 0; height: 0; border-style: solid; border-width: 0 25px 26px 25px; border-color: transparent transparent #064E95 transparent; z-index: 1; } }

.p-tab__link--01 { background-image: url(../images/bg_tab01.jpg); }

.p-tab__link--02 { background-image: url(../images/bg_tab02.jpg); }

.p-tab__link--03 { background-image: url(../images/bg_tab03.jpg); }

.p-tab__link--04 { background-image: url(../images/bg_tab04.jpg); }

.p-tab__inner { z-index: 1; }

.p-panel__item { display: none; }
.p-panel__item.is-open { display: block; }

/* internal link navigation */
.p-nav-int { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; background-color: #0059AF; height: 84px; padding: 10px; }

.p-nav-int__item { font-family: 'Noto Sans JP', sans-serif; }
.p-nav-int__item + .p-nav-int__item { border-left: 1px solid; line-height: 1; padding-left: 10px; margin-left: 10px; }

/* flow */
.p-flow { background-color: #064E95; padding: 20px 10px 1px; }
@media only screen and (min-width: 768px) { .p-flow { padding: 60px 0 70px; } }

.p-flow__title { text-align: center; font-size: 1.25rem; margin-bottom: 20px; }
@media only screen and (min-width: 768px) { .p-flow__title { font-size: 1.875rem; margin-bottom: 50px; } }

.p-flow__list { counter-reset: ol_li; }
@media only screen and (min-width: 768px) { .p-flow__list { display: flex; max-width: 700px; margin: 0 auto; } }

.p-flow__item { position: relative; display: flex; margin-bottom: 30px; }
@media only screen and (min-width: 768px) { .p-flow__item { margin-bottom: 0; flex: 1 1 auto; width: calc(100% / 6); flex-direction: column; } }
@media only screen and (min-width: 768px) { .p-flow__item:last-child { flex: 0 0 80px; width: 80px; } }
.p-flow__item::before { counter-increment: ol_li; content: counter(ol_li); font-size: 1.5rem; color: #064E95; background-color: #fff; display: flex; align-items: flex-end; justify-content: center; width: 80px; height: 60px; border-radius: 10px 0 0 10px; }
@media only screen and (min-width: 768px) { .p-flow__item::before { border-radius: 10px 10px 0 0; } }
.p-flow__item:not(:last-child)::after { content: ''; display: block; position: absolute; margin: auto; left: 0; right: 0; bottom: -20px; width: 0; height: 0; border-style: solid; border-width: 10px 9px 0 9px; border-color: #fff transparent transparent transparent; z-index: 1; }
@media only screen and (min-width: 768px) { .p-flow__item:not(:last-child)::after { left: unset; right: 17px; top: 0; bottom: 0; border-width: 9px 0 9px 10px; border-color: transparent transparent transparent #fff; } }

@media only screen and (min-width: 768px) { _:lang(x)::-ms-backdrop, .p-flow__item:not(:last-child)::after { right: -63%; } }

.p-flow__inner { border: 1px solid #B5D3F0; position: relative; display: flex; align-items: center; width: calc(100% - 80px); border-radius: 0 10px 10px 0; padding-left: 10px; }
@media only screen and (min-width: 768px) { .p-flow__inner { justify-content: center; border-radius: 0 0 10px 10px; padding: 0; writing-mode: vertical-rl; height: 200px; width: 80px; } }
.p-flow__inner::before { color: #064E95; content: 'STEP'; display: block; position: absolute; font-size: 0.75rem; top: 5px; left: -58px; }
@media only screen and (min-width: 768px) { .p-flow__inner::before { left: inherit; top: -55px; writing-mode: horizontal-tb; } }

/* common titles */
.p-sec-a { padding: 30px 0; }
@media only screen and (min-width: 768px) { .p-sec-a { padding: 90px 0 110px; } }

.p-sec-b { /* 	padding: calc( 13.196vw * 2 ) 0 30px;
	margin-top: calc( 13.196vw * -2);
	@include mq {
		padding:  13.196vw 0 110px;
		margin-top: -13.196vw;
	} */ }
.p-sec-b .c-txt-medium { color: #fff; }

.p-sec__header { background-size: cover; display: flex; align-items: center; padding: 10px 0; }

.p-sec__header--01 { background-image: url(../images/bg_panel01_sec01.jpg); height: 60.176vw; }

.p-sec__header--02 { background-image: url(../images/bg_panel01_sec02.jpg); height: 52.855vw; }

.p-sec__header--03 { background-image: url(../images/bg_panel01_sec03.jpg); height: 65.373vw; }

.p-sec__header--04 { background-image: url(../images/bg_panel01_sec04.jpg); height: 60.176vw; }

.p-sec__header--05 { background-image: url(../images/bg_panel01_sec05.jpg); height: 67.643vw; }

.p-sec__inner--a { display: flex; justify-content: flex-end; }
@media only screen and (min-width: 768px) { .p-sec__inner--a > div { min-width: 400px; } }

.p-sec__inner--b { display: flex; flex-direction: column; height: 100%; }
@media only screen and (min-width: 768px) { .p-sec__inner--b { padding: 15% 10px 4%; } }

.p-sec__inner--c { display: flex; align-items: center; }
.p-sec__inner--c .p-sec__inner--con { margin-right: 30px; }
@media only screen and (min-width: 768px) { .p-sec__inner--c .p-sec__inner--con { margin-right: 60px; } }

.p-sec__inner--d { display: flex; flex-direction: row-reverse; align-items: center; }
.p-sec__inner--d .p-sec__inner--con { margin-right: 30px; }
@media only screen and (min-width: 768px) { .p-sec__inner--d .p-sec__inner--con { margin-right: 60px; } }

.p-sec__inner--detail { display: flex; }
.p-sec__inner--detail .p-sec__inner--txt { margin-right: 20px; }
@media only screen and (min-width: 768px) { .p-sec__inner--detail .p-sec__inner--txt { flex: 1; margin-right: 40px; } }

.p-sec__title { font-size: 1.125rem; margin-bottom: 5px; color: #017AEE; }
@media only screen and (min-width: 768px) { .p-sec__title { font-size: 1.875rem; margin-bottom: 30px; } }

.p-sec__btn { display: flex; justify-content: space-between; margin-top: auto; }
@media only screen and (min-width: 768px) { .p-sec__btn > * { width: 300px; } }

.p-sec__box { background-color: #202020; padding: 10px; }
@media only screen and (min-width: 768px) { .p-sec__box { padding: 30px 60px; } }

.p-sec__box--a { margin-top: 40px; }
.p-sec__box--a ul { display: flex; flex-wrap: wrap; justify-content: center; }
.p-sec__box--a ul li { width: 48%; margin-right: 1%; margin-bottom: 1%; padding: 20px; background-color: #017AEE; }
@media only screen and (min-width: 768px) { .p-sec__box--a ul li { width: 32.0192307692%; margin-right: 1.9230769231%; margin-bottom: 0; } }
.p-sec__box--a ul li:nth-child(3n) { margin-right: 0; }
.p-sec__box--a ul li:last-child { margin-right: 0; }
.p-sec__box--a ul li dl dt { font-size: 1.25rem; line-height: 1.3; margin-bottom: 10px; text-align: center; }
@media only screen and (min-width: 768px) { .p-sec__box--a ul li dl dt { font-size: 2.5rem; } }

/* individual setting */
.p-txt01 { background-image: url(../images/bg_panel01_txt01.png); background-position: 50% 95%; background-size: 70% auto; padding: 0 0 60vw; }
@media only screen and (min-width: 768px) { .p-txt01 { background-position: 100% 50%; background-size: 40% auto; padding: 0 45% 100px 0; } }

.p-test__title { background-color: #0059AF; padding: 0 10px; display: flex; align-items: center; margin: 20px 0 10px; font-weight: bold; }
@media only screen and (min-width: 768px) { .p-test__title { font-size: 1.25rem; margin: 30px 0 20px; } }

.p-test__num { color: #017AEE; background-color: #fff; border-radius: 50%; display: flex; align-items: center; justify-content: center; margin-right: 5px; width: 15px; height: 15px; font-size: 0.75rem; }
@media only screen and (min-width: 768px) { .p-test__num { width: 20px; height: 20px; font-size: 1rem; } }

.p-test__list { display: flex; justify-content: space-between; }

.p-test__item { width: 45%; border: 1px solid #666; text-align: center; font-weight: bold; margin-bottom: 10px; }
.p-test__item + .p-test__item { position: relative; }
.p-test__item + .p-test__item::before { content: ''; display: block; position: absolute; top: 0; bottom: 0; left: -13%; margin: auto; width: 0; height: 0; border-style: solid; border-width: 8px 0 8px 8px; border-color: transparent transparent transparent #666; }

.p-test__dt { background-color: #333; }

/* -----------------------------------------------------------------
Utility
----------------------------------------------------------------- */
/* align */
.u-tac { text-align: center !important; }

.u-tal { text-align: left !important; }

.u-tar { text-align: right !important; }

@media only screen and (min-width: 768px) { .u-tac--pc { text-align: center !important; }
  .u-tal--pc { text-align: left !important; }
  .u-tar--pc { text-align: right !important; } }
/* marggin, padding */
.u-mt0 { margin-top: 0px !important; }

.u-mr0 { margin-right: 0px !important; }

.u-mb0 { margin-bottom: 0px !important; }

.u-ml0 { margin-left: 0px !important; }

.u-pt0 { padding-top: 0px !important; }

.u-pr0 { padding-right: 0px !important; }

.u-pb0 { padding-bottom: 0px !important; }

.u-pl0 { padding-left: 0px !important; }

.u-mt10 { margin-top: 10px !important; }

.u-mr10 { margin-right: 10px !important; }

.u-mb10 { margin-bottom: 10px !important; }

.u-ml10 { margin-left: 10px !important; }

.u-pt10 { padding-top: 10px !important; }

.u-pr10 { padding-right: 10px !important; }

.u-pb10 { padding-bottom: 10px !important; }

.u-pl10 { padding-left: 10px !important; }

.u-mt20 { margin-top: 20px !important; }

.u-mr20 { margin-right: 20px !important; }

.u-mb20 { margin-bottom: 20px !important; }

.u-ml20 { margin-left: 20px !important; }

.u-pt20 { padding-top: 20px !important; }

.u-pr20 { padding-right: 20px !important; }

.u-pb20 { padding-bottom: 20px !important; }

.u-pl20 { padding-left: 20px !important; }

.u-mt30 { margin-top: 30px !important; }

.u-mr30 { margin-right: 30px !important; }

.u-mb30 { margin-bottom: 30px !important; }

.u-ml30 { margin-left: 30px !important; }

.u-pt30 { padding-top: 30px !important; }

.u-pr30 { padding-right: 30px !important; }

.u-pb30 { padding-bottom: 30px !important; }

.u-pl30 { padding-left: 30px !important; }

.u-mt40 { margin-top: 40px !important; }

.u-mr40 { margin-right: 40px !important; }

.u-mb40 { margin-bottom: 40px !important; }

.u-ml40 { margin-left: 40px !important; }

.u-pt40 { padding-top: 40px !important; }

.u-pr40 { padding-right: 40px !important; }

.u-pb40 { padding-bottom: 40px !important; }

.u-pl40 { padding-left: 40px !important; }

.u-mt50 { margin-top: 50px !important; }

.u-mr50 { margin-right: 50px !important; }

.u-mb50 { margin-bottom: 50px !important; }

.u-ml50 { margin-left: 50px !important; }

.u-pt50 { padding-top: 50px !important; }

.u-pr50 { padding-right: 50px !important; }

.u-pb50 { padding-bottom: 50px !important; }

.u-pl50 { padding-left: 50px !important; }

.u-mt60 { margin-top: 60px !important; }

.u-mr60 { margin-right: 60px !important; }

.u-mb60 { margin-bottom: 60px !important; }

.u-ml60 { margin-left: 60px !important; }

.u-pt60 { padding-top: 60px !important; }

.u-pr60 { padding-right: 60px !important; }

.u-pb60 { padding-bottom: 60px !important; }

.u-pl60 { padding-left: 60px !important; }

.u-mt70 { margin-top: 70px !important; }

.u-mr70 { margin-right: 70px !important; }

.u-mb70 { margin-bottom: 70px !important; }

.u-ml70 { margin-left: 70px !important; }

.u-pt70 { padding-top: 70px !important; }

.u-pr70 { padding-right: 70px !important; }

.u-pb70 { padding-bottom: 70px !important; }

.u-pl70 { padding-left: 70px !important; }

.u-mt80 { margin-top: 80px !important; }

.u-mr80 { margin-right: 80px !important; }

.u-mb80 { margin-bottom: 80px !important; }

.u-ml80 { margin-left: 80px !important; }

.u-pt80 { padding-top: 80px !important; }

.u-pr80 { padding-right: 80px !important; }

.u-pb80 { padding-bottom: 80px !important; }

.u-pl80 { padding-left: 80px !important; }

.u-mt90 { margin-top: 90px !important; }

.u-mr90 { margin-right: 90px !important; }

.u-mb90 { margin-bottom: 90px !important; }

.u-ml90 { margin-left: 90px !important; }

.u-pt90 { padding-top: 90px !important; }

.u-pr90 { padding-right: 90px !important; }

.u-pb90 { padding-bottom: 90px !important; }

.u-pl90 { padding-left: 90px !important; }

.u-mt100 { margin-top: 100px !important; }

.u-mr100 { margin-right: 100px !important; }

.u-mb100 { margin-bottom: 100px !important; }

.u-ml100 { margin-left: 100px !important; }

.u-pt100 { padding-top: 100px !important; }

.u-pr100 { padding-right: 100px !important; }

.u-pb100 { padding-bottom: 100px !important; }

.u-pl100 { padding-left: 100px !important; }

@media only screen and (min-width: 768px) { .u-mt0--pc { margin-top: 0px !important; }
  .u-mr0--pc { margin-right: 0px !important; }
  .u-mb0--pc { margin-bottom: 0px !important; }
  .u-ml0--pc { margin-left: 0px !important; }
  .u-pt0--pc { padding-top: 0px !important; }
  .u-pr0--pc { padding-right: 0px !important; }
  .u-pb0--pc { padding-bottom: 0px !important; }
  .u-pl0--pc { padding-left: 0px !important; }
  .u-mt10--pc { margin-top: 10px !important; }
  .u-mr10--pc { margin-right: 10px !important; }
  .u-mb10--pc { margin-bottom: 10px !important; }
  .u-ml10--pc { margin-left: 10px !important; }
  .u-pt10--pc { padding-top: 10px !important; }
  .u-pr10--pc { padding-right: 10px !important; }
  .u-pb10--pc { padding-bottom: 10px !important; }
  .u-pl10--pc { padding-left: 10px !important; }
  .u-mt20--pc { margin-top: 20px !important; }
  .u-mr20--pc { margin-right: 20px !important; }
  .u-mb20--pc { margin-bottom: 20px !important; }
  .u-ml20--pc { margin-left: 20px !important; }
  .u-pt20--pc { padding-top: 20px !important; }
  .u-pr20--pc { padding-right: 20px !important; }
  .u-pb20--pc { padding-bottom: 20px !important; }
  .u-pl20--pc { padding-left: 20px !important; }
  .u-mt30--pc { margin-top: 30px !important; }
  .u-mr30--pc { margin-right: 30px !important; }
  .u-mb30--pc { margin-bottom: 30px !important; }
  .u-ml30--pc { margin-left: 30px !important; }
  .u-pt30--pc { padding-top: 30px !important; }
  .u-pr30--pc { padding-right: 30px !important; }
  .u-pb30--pc { padding-bottom: 30px !important; }
  .u-pl30--pc { padding-left: 30px !important; }
  .u-mt40--pc { margin-top: 40px !important; }
  .u-mr40--pc { margin-right: 40px !important; }
  .u-mb40--pc { margin-bottom: 40px !important; }
  .u-ml40--pc { margin-left: 40px !important; }
  .u-pt40--pc { padding-top: 40px !important; }
  .u-pr40--pc { padding-right: 40px !important; }
  .u-pb40--pc { padding-bottom: 40px !important; }
  .u-pl40--pc { padding-left: 40px !important; }
  .u-mt50--pc { margin-top: 50px !important; }
  .u-mr50--pc { margin-right: 50px !important; }
  .u-mb50--pc { margin-bottom: 50px !important; }
  .u-ml50--pc { margin-left: 50px !important; }
  .u-pt50--pc { padding-top: 50px !important; }
  .u-pr50--pc { padding-right: 50px !important; }
  .u-pb50--pc { padding-bottom: 50px !important; }
  .u-pl50--pc { padding-left: 50px !important; }
  .u-mt60--pc { margin-top: 60px !important; }
  .u-mr60--pc { margin-right: 60px !important; }
  .u-mb60--pc { margin-bottom: 60px !important; }
  .u-ml60--pc { margin-left: 60px !important; }
  .u-pt60--pc { padding-top: 60px !important; }
  .u-pr60--pc { padding-right: 60px !important; }
  .u-pb60--pc { padding-bottom: 60px !important; }
  .u-pl60--pc { padding-left: 60px !important; }
  .u-mt70--pc { margin-top: 70px !important; }
  .u-mr70--pc { margin-right: 70px !important; }
  .u-mb70--pc { margin-bottom: 70px !important; }
  .u-ml70--pc { margin-left: 70px !important; }
  .u-pt70--pc { padding-top: 70px !important; }
  .u-pr70--pc { padding-right: 70px !important; }
  .u-pb70--pc { padding-bottom: 70px !important; }
  .u-pl70--pc { padding-left: 70px !important; }
  .u-mt80--pc { margin-top: 80px !important; }
  .u-mr80--pc { margin-right: 80px !important; }
  .u-mb80--pc { margin-bottom: 80px !important; }
  .u-ml80--pc { margin-left: 80px !important; }
  .u-pt80--pc { padding-top: 80px !important; }
  .u-pr80--pc { padding-right: 80px !important; }
  .u-pb80--pc { padding-bottom: 80px !important; }
  .u-pl80--pc { padding-left: 80px !important; }
  .u-mt90--pc { margin-top: 90px !important; }
  .u-mr90--pc { margin-right: 90px !important; }
  .u-mb90--pc { margin-bottom: 90px !important; }
  .u-ml90--pc { margin-left: 90px !important; }
  .u-pt90--pc { padding-top: 90px !important; }
  .u-pr90--pc { padding-right: 90px !important; }
  .u-pb90--pc { padding-bottom: 90px !important; }
  .u-pl90--pc { padding-left: 90px !important; }
  .u-mt100--pc { margin-top: 100px !important; }
  .u-mr100--pc { margin-right: 100px !important; }
  .u-mb100--pc { margin-bottom: 100px !important; }
  .u-ml100--pc { margin-left: 100px !important; }
  .u-pt100--pc { padding-top: 100px !important; }
  .u-pr100--pc { padding-right: 100px !important; }
  .u-pb100--pc { padding-bottom: 100px !important; }
  .u-pl100--pc { padding-left: 100px !important; } }
/* width */
.u-w5 { width: 5% !important; }

.u-w10 { width: 10% !important; }

.u-w15 { width: 15% !important; }

.u-w20 { width: 20% !important; }

.u-w25 { width: 25% !important; }

.u-w30 { width: 30% !important; }

.u-w35 { width: 35% !important; }

.u-w40 { width: 40% !important; }

.u-w45 { width: 45% !important; }

.u-w50 { width: 50% !important; }

.u-w55 { width: 55% !important; }

.u-w60 { width: 60% !important; }

.u-w65 { width: 65% !important; }

.u-w70 { width: 70% !important; }

.u-w75 { width: 75% !important; }

.u-w80 { width: 80% !important; }

.u-w85 { width: 85% !important; }

.u-w90 { width: 90% !important; }

.u-w95 { width: 95% !important; }

.u-w100 { width: 100% !important; }

@media only screen and (min-width: 768px) { .u-w5--pc { width: 5% !important; }
  .u-w10--pc { width: 10% !important; }
  .u-w15--pc { width: 15% !important; }
  .u-w20--pc { width: 20% !important; }
  .u-w25--pc { width: 25% !important; }
  .u-w30--pc { width: 30% !important; }
  .u-w35--pc { width: 35% !important; }
  .u-w40--pc { width: 40% !important; }
  .u-w45--pc { width: 45% !important; }
  .u-w50--pc { width: 50% !important; }
  .u-w55--pc { width: 55% !important; }
  .u-w60--pc { width: 60% !important; }
  .u-w65--pc { width: 65% !important; }
  .u-w70--pc { width: 70% !important; }
  .u-w75--pc { width: 75% !important; }
  .u-w80--pc { width: 80% !important; }
  .u-w85--pc { width: 85% !important; }
  .u-w90--pc { width: 90% !important; }
  .u-w95--pc { width: 95% !important; }
  .u-w100--pc { width: 100% !important; } }
/* font-size */
.u-fs10 { font-size: 0.625rem !important; }

.u-fs11 { font-size: 0.6875rem !important; }

.u-fs12 { font-size: 0.75rem !important; }

.u-fs13 { font-size: 0.8125rem !important; }

.u-fs14 { font-size: 0.875rem !important; }

.u-fs15 { font-size: 0.9375rem !important; }

.u-fs16 { font-size: 1rem !important; }

.u-fs17 { font-size: 1.0625rem !important; }

.u-fs18 { font-size: 1.125rem !important; }

.u-fs19 { font-size: 1.1875rem !important; }

.u-fs20 { font-size: 1.25rem !important; }

.u-fs21 { font-size: 1.3125rem !important; }

.u-fs22 { font-size: 1.375rem !important; }

.u-fs23 { font-size: 1.4375rem !important; }

.u-fs24 { font-size: 1.5rem !important; }

.u-fs25 { font-size: 1.5625rem !important; }

.u-fs26 { font-size: 1.625rem !important; }

.u-fs27 { font-size: 1.6875rem !important; }

.u-fs28 { font-size: 1.75rem !important; }

.u-fs29 { font-size: 1.8125rem !important; }

.u-fs30 { font-size: 1.875rem !important; }

.u-fs31 { font-size: 1.9375rem !important; }

.u-fs32 { font-size: 2rem !important; }

.u-fs33 { font-size: 2.0625rem !important; }

.u-fs34 { font-size: 2.125rem !important; }

.u-fs35 { font-size: 2.1875rem !important; }

.u-fs36 { font-size: 2.25rem !important; }

.u-fs37 { font-size: 2.3125rem !important; }

.u-fs38 { font-size: 2.375rem !important; }

.u-fs39 { font-size: 2.4375rem !important; }

.u-fs40 { font-size: 2.5rem !important; }

@media only screen and (min-width: 768px) { .u-fs10--pc { font-size: 0.625rem !important; }
  .u-fs11--pc { font-size: 0.6875rem !important; }
  .u-fs12--pc { font-size: 0.75rem !important; }
  .u-fs13--pc { font-size: 0.8125rem !important; }
  .u-fs14--pc { font-size: 0.875rem !important; }
  .u-fs15--pc { font-size: 0.9375rem !important; }
  .u-fs16--pc { font-size: 1rem !important; }
  .u-fs17--pc { font-size: 1.0625rem !important; }
  .u-fs18--pc { font-size: 1.125rem !important; }
  .u-fs19--pc { font-size: 1.1875rem !important; }
  .u-fs20--pc { font-size: 1.25rem !important; }
  .u-fs21--pc { font-size: 1.3125rem !important; }
  .u-fs22--pc { font-size: 1.375rem !important; }
  .u-fs23--pc { font-size: 1.4375rem !important; }
  .u-fs24--pc { font-size: 1.5rem !important; }
  .u-fs25--pc { font-size: 1.5625rem !important; }
  .u-fs26--pc { font-size: 1.625rem !important; }
  .u-fs27--pc { font-size: 1.6875rem !important; }
  .u-fs28--pc { font-size: 1.75rem !important; }
  .u-fs29--pc { font-size: 1.8125rem !important; }
  .u-fs30--pc { font-size: 1.875rem !important; }
  .u-fs31--pc { font-size: 1.9375rem !important; }
  .u-fs32--pc { font-size: 2rem !important; }
  .u-fs33--pc { font-size: 2.0625rem !important; }
  .u-fs34--pc { font-size: 2.125rem !important; }
  .u-fs35--pc { font-size: 2.1875rem !important; }
  .u-fs36--pc { font-size: 2.25rem !important; }
  .u-fs37--pc { font-size: 2.3125rem !important; }
  .u-fs38--pc { font-size: 2.375rem !important; }
  .u-fs39--pc { font-size: 2.4375rem !important; }
  .u-fs40--pc { font-size: 2.5rem !important; } }

/*# sourceMappingURL=style.css.map */