@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap&subset=japanese);
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ }

body { margin: 0; }

h1 { font-size: 2em; margin: 0.67em 0; }

hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ }

pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

a { background-color: transparent; }

abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ }

b, strong { font-weight: bolder; }

code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ }

small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ }

button, input { /* 1 */ overflow: visible; }

button, select { /* 1 */ text-transform: none; }

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

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

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

fieldset { padding: 0.35em 0.75em 0.625em; }

legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ }

progress { vertical-align: baseline; }

textarea { overflow: auto; }

[type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ }

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; }

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

[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }

::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ }

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

/******************************************************************
reset
******************************************************************/
main { display: block; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd { margin: 0; padding: 0; }

li { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

iframe { border: 0; }

button { background-color: transparent; border: none; cursor: pointer; padding: 0; appearance: none; }

em { font-style: normal; font-weight: bold; }

fieldset { border: 0; padding: 0; margin: 0; }

address { font-style: normal; }

/******************************************************************
base
******************************************************************/
body { min-width: 320px; font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: 400; font-size: 15px; color: #181A24; line-height: 1.8; }

@media screen and (max-width: 767px) { body { font-size: 14px; } }

body[data-menu-open="true"] { overflow: hidden; }

main { font-weight: 300; overflow: hidden; }

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

a:hover { text-decoration: underline; }

h1, h2 { line-height: 1.5; }

h3 { line-height: 1.6; }

h4 { line-height: 1.7; }

small { line-height: 1.6; }

img { max-width: 100%; height: auto; vertical-align: middle; -webkit-backface-visibility: hidden; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #B5C1CC; }

button, input, optgroup, select, textarea { color: #181A24; line-height: inherit; }

/******************************************************************
scroll-lock
******************************************************************/
body.is-scroll-lock { position: fixed; width: 100%; height: 100%; left: 0; }

/******************************************************************
layout - header-group
******************************************************************/
.l-header-group { background-color: #F5F5F6; line-height: 1; }

.l-header-group__inner { max-width: 1240px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; min-height: 20px; padding-top: 10px; padding-bottom: 10px; }

.l-header-group__logo img { width: 280px; vertical-align: baseline; }

.l-header-group__nav { display: flex; flex-wrap: wrap; font-size: 12px; margin-bottom: -5px; }

.l-header-group__nav li { margin-right: 30px; margin-bottom: 5px; }

.l-header-group__nav a { color: #181A24; position: relative; padding-right: 5px; padding-right: 10px; }

.l-header-group__nav a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 2px) rotate(45deg); transform-origin: top right; border-top: 1px solid #181A24; border-right: 1px solid #181A24; width: 6px; height: 6px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.l-header-group__nav a::after { top: 5px; }

.l-header-group__nav a:hover { color: #004098; text-decoration: none; }

@media screen and (max-width: 767px) { .l-header-group { display: none; } }

/******************************************************************
layout - header
******************************************************************/
.l-header { background: #fff; line-height: 1.8; }

.l-header a { text-decoration: none; }

@media print, screen and (min-width: 768px) { .l-header__inner { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; display: flex; justify-content: space-between; align-items: center; padding-top: 20px; padding-bottom: 20px; }
  .l-header__logo-outer { position: relative; display: flex; align-items: flex-end; }
  .l-header__logo { font-size: 15px; width: 175px; min-height: 42px; display: flex; align-items: center; }
  .l-header__category { margin-left: 25px; margin-bottom: 5px; line-height: 1; font-size: 14px; }
  .l-header__category a { display: inline-block; color: #181A24; transition-property: color; transition-duration: 0.3s; position: relative; padding-right: 5.5px; padding-right: 15px; }
  .l-header__category a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 2.5px) rotate(45deg); transform-origin: top right; border-top: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-header__category a::after { top: 2px; }
  .l-header__category a:hover { color: #004098; }
  .l-header__focus a { line-height: 1.8; width: 0px; height: 0px; display: inline-block; position: absolute; top: 3px; left: 250px; padding: 5px 0; background: #e1e3e5; font-size: 0; text-align: center; }
  .l-header__focus a:focus { width: 175px; height: auto; font-size: 12px; }
  .l-header__body-pc-inner { display: flex; align-items: center; }
  .l-header__emergency2 { margin-right: 20px; }
  .l-header__emergency2 a { display: inline-block; color: #fff; font-size: 11px; background: #E6002D url(/common20/img/icn_emergency2.svg) left 16px center no-repeat; padding: 5px 20px 5px 38px; border-radius: 200px; transition-property: opacity; transition-duration: 0.3s; }
  .l-header__emergency2 a:hover { text-decoration: none; opacity: .7; }
  .l-header__faq2 { margin-right: 20px; }
  .l-header__faq2 a { position: relative; color: #181A24; display: inline-block; font-size: 11px; background: url(/common20/img/icn_faq2.svg) left center no-repeat; padding: 5px 0 5px 20px; transition-property: color; transition-duration: 0.3s; }
  .l-header__faq2 a::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 18px; height: 18px; background: url(/common20/img/icn_faq2_o.svg) left center no-repeat; opacity: 0; }
  .l-header__faq2 a:hover, .l-header__faq2 a[aria-expanded="true"] { color: #004098; background: none; }
  .l-header__faq2 a:hover::before, .l-header__faq2 a[aria-expanded="true"]::before { opacity: 1; }
  .l-header__member { margin-right: 20px; }
  .l-header__member a { display: inline-block; color: #fff; font-size: 11px; background: #004098; padding: 5px 20px 5px 20px; border-radius: 200px; transition-property: opacity; transition-duration: 0.3s; }
  .l-header__member a:hover { text-decoration: none; opacity: .7; }
  .l-header__lang2 { margin-right: 20px; position: relative; }
  .l-header__lang2-trigger { display: flex; }
  .l-header__lang2-trigger a { color: #181A24; font-size: 11px; line-height: 1.8; background: url(/common20/img/icn_lang2.svg) left center no-repeat; padding: 5px 0 5px 20px; transition-property: color; transition-duration: 0.3s; }
  .l-header__lang2-trigger a::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 18px; height: 18px; background: url(/common20/img/icn_lang2_o.svg) left center no-repeat; opacity: 0; }
  .l-header__lang2-trigger a:hover, .l-header__lang2-trigger a[aria-expanded="true"] { color: #004098; background: none; }
  .l-header__lang2-trigger a:hover::before, .l-header__lang2-trigger a[aria-expanded="true"]::before { opacity: 1; }
  .l-header__lang2-list { position: absolute; z-index: 1000; display: none; margin-top: 4px; background-color: #fff; border: 1px solid #F5F5F6; border-radius: 4px; padding: 14px 6px; }
  .l-header__lang2-list a { box-sizing: border-box; cursor: pointer; min-width: 103px; line-height: 1.8; font-size: 13px; color: #004098; white-space: nowrap; display: block; padding: 2px 6px; transition-property: background; transition-duration: 0.3s; }
  .l-header__lang2-list a:hover { background-color: #F5F5F6; }
  .l-header__search2 { position: relative; }
  .l-header__search2-trigger a { display: flex; align-items: center; line-height: 1; background: url(/common20/img/icn_search2.svg) center center no-repeat; }
  .l-header__search2-trigger a img { margin-top: 10px; margin-bottom: 10px; opacity: 0; }
  .l-header__search2-trigger a:hover, .l-header__search2-trigger a[aria-expanded="true"] { background: none; }
  .l-header__search2-trigger a:hover img, .l-header__search2-trigger a[aria-expanded="true"] img { opacity: 1; }
  .l-header__search2-form { position: absolute; z-index: 1000; display: none; right: -3px; }
  .l-header__search2-form form { display: flex; background: #fff; border: 1px solid #004098; border-radius: 4px; padding: 6px; }
  .l-header__search2-form form input[type="text"] { outline: 0; border: 0 !important; width: 200px; padding: 6px 12px; line-height: 1.8; font-size: 100%; }
  .l-header__search2-form form button { box-sizing: border-box; display: flex; align-items: center; padding: 0 10px; width: 40px; transition-property: background; transition-duration: 0.3s; }
  .l-header__search2-form form button:hover { background-color: #F5F5F6; }
  .l-header__search2-form form button img { width: 20px; }
  .l-header__body-sp { display: none; } }

@media screen and (max-width: 767px) { .l-header__inner { box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; padding: 10px 8px 10px 10px; min-height: 78px; }
  .l-header__logo-outer { position: relative; display: flex; align-items: flex-end; margin-bottom: 2vw; }
  .l-header__logo { line-height: 1.8; font-size: 15px; }
  .l-header__logo img { max-width: 120px; width: 32vw; }
  .l-header__category { margin-left: 10px; line-height: 1; }
  .l-header__category a { display: inline-block; color: #181A24; transition-property: opacity; transition-duration: 0.3s; position: relative; padding-right: 4.5px; padding-right: 8px; font-size: 10px; }
  .l-header__category a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 1.5px) rotate(45deg); transform-origin: top right; border-top: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; width: 5px; height: 5px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-header__category a::after { top: 3px; }
  .l-header__category a:hover { text-decoration: none; opacity: 0.7; }
  .l-header__focus { display: none; }
  .l-header__body-pc { display: none; }
  .l-header__body-sp { display: flex; align-items: center; }
  .l-header__emergency2 { margin-right: 5px; font-size: 10px; line-height: 1; }
  .l-header__emergency2 a { display: inline-block; color: #fff; background: #E6002D url(/common20/img/icn_emergency2.svg) left 8px center/14px auto no-repeat; padding: 7px 10px 7px 28px; border-radius: 200px; }
  .l-header__emergency2 a:hover { text-decoration: none; }
  .l-header__emergency2 img { display: block; margin: 4px auto 4px auto; }
  .l-header__member { margin-right: 5px; font-size: 10px; line-height: 1; }
  .l-header__member a { display: inline-block; color: #fff; background: #004098; padding: 7px 10px 7px 10px; border-radius: 200px; }
  .l-header__member a:hover { text-decoration: none; }
  .l-header__member img { display: block; margin: 4px auto 4px auto; } }

/******************************************************************
layout - sp-nav-control
******************************************************************/
@media print, screen and (min-width: 768px) { .l-sp-nav-control { display: none; } }

@media screen and (max-width: 767px) { .l-sp-nav-control2 { line-height: 1.8; display: inline-block; padding: 2vw; text-align: center; color: #181A24; font-size: 14px; }
  .l-sp-nav-control2:hover { text-decoration: none; }
  .l-sp-nav-control2__item { display: inline-block; top: -1px; position: relative; height: 2px; width: 24px; background-color: #004098; transition-property: all; transition-duration: 0.3s; top: -4px; }
  .l-sp-nav-control2__item::before, .l-sp-nav-control2__item::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; width: 0; height: 0; left: 0; transition-property: all; transition-duration: 0.3s; }
  .l-sp-nav-control2__item::before { height: 2px; width: 24px; background-color: #004098; width: 24px; bottom: 8px; }
  .l-sp-nav-control2__item::after { height: 2px; width: 24px; background-color: #004098; width: 24px; bottom: -8px; }
  .l-sp-nav-control2[aria-expanded="true"] .l-sp-nav-control2__item { background-color: transparent; }
  .l-sp-nav-control2[aria-expanded="true"] .l-sp-nav-control2__item::before { bottom: 0; transform: rotate(-45deg); }
  .l-sp-nav-control2[aria-expanded="true"] .l-sp-nav-control2__item::after { bottom: 0; transform: rotate(45deg); }
  .l-sp-nav-control2__text { display: block; text-align: center; font-size: 10px; min-width: 4em; } }

/******************************************************************
layout - sp-nav
******************************************************************/
.l-sp-nav a { text-decoration: none; }

@media print, screen and (min-width: 768px) { .l-sp-nav { display: none; } }

@media screen and (max-width: 767px) { .l-sp-nav { display: none; }
  .l-sp-nav a { line-height: 1.8; }
  .l-sp-nav__search-form { padding: 0 20px 20px 20px; }
  .l-sp-nav__search-form form { display: flex; border: 1px solid #dcdcdc; }
  .l-sp-nav__search-form form input[type="text"] { outline: 0; border: 0 !important; width: 200px; padding: 14px 14px 14px 40px; background: url(/common20/img/icn_sp_search.svg) left 14px center no-repeat; }
  .l-sp-nav__search-form form button { white-space: nowrap; display: flex; align-items: center; padding: 0 10px; }
  .l-sp-nav__search-form form button:hover { opacity: 0.7; }
  .l-sp-nav__bottom2 { padding: 60px 0; }
  .l-sp-nav__bottom2 > *:not(:last-child) { margin-bottom: 40px; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .l-sp-nav__bottom2 > *:not(:last-child) { margin-bottom: 30px; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .l-sp-nav__bottom2 { padding: 40px 20px 60px 20px; } }

@media screen and (max-width: 767px) { .l-sp-nav__sns2 { display: flex; justify-content: center; }
  .l-sp-nav__sns2 li { padding: 0 6px; } }

@media screen and (max-width: 767px) and (max-width: 320px) { .l-sp-nav__sns2 li { padding: 0 2vw; } }

@media screen and (max-width: 767px) { .l-sp-nav__sns2 img { width: 40px; }
  .l-sp-nav__sns-list { margin-top: -15px; text-align: center; }
  .l-sp-nav__sns-list a { display: inline-block; color: #181A24; font-size: 14px; position: relative; padding-right: 5.5px; padding-right: 25px; }
  .l-sp-nav__sns-list a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 2.5px) rotate(45deg); transform-origin: top right; border-top: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-sp-nav__sns-list a::after { top: 2px; }
  .l-sp-nav__sns-list a:hover { text-decoration: none; }
  .l-sp-nav__group-logo { text-align: center; }
  .l-sp-nav__group-logo img { width: 330px; }
  .l-sp-nav__close a { display: block; padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: #004098; font-size: 14px; color: #ffffff; }
  .l-sp-nav__close a:hover { text-decoration: none; }
  .l-sp-nav__close a span { position: relative; padding-left: 24px; }
  .l-sp-nav__close a span::before, .l-sp-nav__close a span::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .l-sp-nav__close a span::before { border-top: 2px solid #ffffff; width: 18px; height: 0; top: 0; bottom: 0; right: 0; transform: rotate(45deg); }
  .l-sp-nav__close a span::after { border-left: 2px solid #ffffff; width: 0; height: 18px; top: 0; bottom: 0; right: 8px; transform: rotate(45deg); } }

/******************************************************************
layout - sp-navs
******************************************************************/
.l-sp-navs2 { margin: 0 20px 20px 20px; font-size: 14px; border-top: 1px solid #F5F5F6; }

.l-sp-navs2 a:hover { text-decoration: none; }

.l-sp-navs2__item1 { border-bottom: 1px solid #F5F5F6; }

.l-sp-navs2__item1 > a { display: block; color: #181A24; }

.l-sp-navs2__item1:not(.js-l-sp-navs-button) > a { position: relative; padding-right: 25.5px; padding: 15px 28px 15px 20px; }

.l-sp-navs2__item1:not(.js-l-sp-navs-button) > a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-20px, 2.5px) rotate(45deg); transform-origin: top right; border-top: 1px solid #004098; border-right: 1px solid #004098; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.l-sp-navs2__item1.js-l-sp-navs-button > a { position: relative; padding: 15px 28px 15px 20px; }

.l-sp-navs2__item1.js-l-sp-navs-button > a::before, .l-sp-navs2__item1.js-l-sp-navs-button > a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.l-sp-navs2__item1.js-l-sp-navs-button > a::before { border-top: 1px solid #004098; width: 13px; height: 0; top: 0; bottom: 0; right: 0; }

.l-sp-navs2__item1.js-l-sp-navs-button > a::after { border-left: 1px solid #004098; width: 0; height: 13px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }

.l-sp-navs2__item1.js-l-sp-navs-button > a::before { right: 16px; }

.l-sp-navs2__item1.js-l-sp-navs-button > a::after { right: 22px; }

.l-sp-navs2__item1.js-l-sp-navs-button > a[aria-expanded="true"]::after { height: 0; }

.l-sp-navs2__item1 > ul { display: none; border-top: 1px solid #F5F5F6; margin-left: 1em; }

.l-sp-navs2__faq { display: inline-block; background: url(/common20/img/icn_faq2.svg) left center no-repeat; padding-left: 30px; }

.l-sp-navs2__lang { display: inline-block; background: url(/common20/img/icn_lang2.svg) left center no-repeat; padding-left: 30px; }

.l-sp-navs2__item2 { background-color: #fff; }

.l-sp-navs2__item2:not(:last-child) { border-bottom: 1px solid #F5F5F6; }

.l-sp-navs2__item2 > a { display: block; color: #181A24; position: relative; padding-right: 25.5px; padding: 15px 28px 15px 20px; }

.l-sp-navs2__item2 > a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-20px, 2.5px) rotate(45deg); transform-origin: top right; border-top: 1px solid #004098; border-right: 1px solid #004098; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

/******************************************************************
layout - pagetop
******************************************************************/
[data-pagetop] { position: relative; }

@media print { [data-pagetop] { display: none; } }

[data-pagetop] .l-pagetop__btn { display: none; position: absolute; bottom: 30px; right: 30px; }

[data-pagetop="fixed"] .l-pagetop__btn { position: fixed; z-index: 100; }

@media screen and (max-width: 767px) { [data-pagetop] .l-pagetop__btn { bottom: 10px; right: 10px; } }

.l-pagetop__btn { display: block; box-sizing: border-box; }

.l-pagetop__btn { position: relative; width: 45px; height: 45px; border-radius: 100%; background: #004098; transition-property: background; transition-duration: 0.3s; }

.l-pagetop__btn::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(4px, 1px) rotate(45deg); transform-origin: top left; border-top: 1px solid #fff; border-left: 1px solid #fff; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media print, screen and (min-width: 768px) { .l-pagetop__btn:hover { background: #0055cb; } }

@media screen and (max-width: 767px) { .l-pagetop__btn { position: relative; width: 35px; height: 35px; }
  .l-pagetop__btn::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(3px, 1px) rotate(45deg); transform-origin: top left; border-top: 1px solid #fff; border-left: 1px solid #fff; width: 6px; height: 6px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

footer { background-color: #F5F5F6; }

/******************************************************************
layout - footer-bnr2
******************************************************************/
.l-footer-bnr2 { background-color: #fff; }

@media print, screen and (min-width: 768px) { .l-footer-bnr2 { padding-top: 40px; padding-bottom: 40px; }
  .l-footer-bnr2__inner { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
  .l-footer-bnr2 ul { display: flex; justify-content: center; flex-wrap: wrap; margin-top: -40px; margin-right: -40px; }
  .l-footer-bnr2 li { margin-top: 40px; margin-right: 40px; text-align: center; line-height: 1.4; }
  .l-footer-bnr2 li a { transition-property: opacity; transition-duration: 0.3s; }
  .l-footer-bnr2 li a:hover { opacity: .7; text-decoration: none; }
  .l-footer-bnr2 li span { display: block; color: #181A24; font-size: 12px; margin-bottom: 6px; }
  .l-footer-bnr2 li img { border: 1px solid #F5F5F6; } }

@media screen and (max-width: 767px) { .l-footer-bnr2 { padding-top: 40px; padding-bottom: 40px; }
  .l-footer-bnr2__inner { padding-left: 20px; padding-right: 20px; }
  .l-footer-bnr2 ul { display: flex; justify-content: center; flex-wrap: wrap; margin-top: -20px; margin-right: -20px; }
  .l-footer-bnr2 li { margin-top: 20px; margin-right: 20px; width: calc(50% - 20px); text-align: center; line-height: 1.4; }
  .l-footer-bnr2 li a:hover { text-decoration: none; }
  .l-footer-bnr2 li span { display: block; color: #181A24; font-size: 12px; margin-bottom: 6px; }
  .l-footer-bnr2 li img { box-sizing: border-box; border: 1px solid #F5F5F6; width: 100%; } }

/******************************************************************
layout - footer2
******************************************************************/
.l-footer2 { color: #fff; background: #004098; font-size: 14px; }

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

.l-footer2 a:hover { text-decoration: underline; }

@media print, screen and (min-width: 768px) { .l-footer2__inner { line-height: 1.8; max-width: 1200px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 40px; padding-bottom: 30px; display: flex; align-items: center; }
  .l-footer2__nav { flex-grow: 1; display: flex; font-size: 12px; }
  .l-footer2__nav ul { margin-right: 60px; }
  .l-footer2__nav li:not(:last-child) { margin-bottom: 5px; }
  .l-footer2__sns-outer { text-align: center; }
  .l-footer2__sns { display: flex; justify-content: center; margin-right: -18px; }
  .l-footer2__sns li { margin-right: 18px; }
  .l-footer2__sns a { transition-property: opacity; transition-duration: 0.3s; }
  .l-footer2__sns a:hover { opacity: 0.7; }
  .l-footer2__sns-list { margin-top: 15px; }
  .l-footer2__sns-list a { position: relative; padding-right: 5.5px; padding-right: 20px; }
  .l-footer2__sns-list a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 2.5px) rotate(45deg); transform-origin: top right; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-footer2__sns-list a::after { top: 2px; } }

@media screen and (max-width: 767px) { .l-footer2__inner { padding: 30px 20px; display: flex; flex-direction: column; }
  .l-footer2__nav { order: 3; margin-top: 30px; font-size: 12px; }
  .l-footer2__nav ul:not(:last-child) { margin-bottom: 8px; }
  .l-footer2__nav li:not(:last-child) { margin-bottom: 8px; }
  .l-footer2__sns { display: flex; justify-content: center; }
  .l-footer2__sns li { padding: 0 10px; }
  .l-footer2__sns li img { width: 40px; }
  .l-footer2__sns-list { margin-top: 12px; text-align: center; }
  .l-footer2__sns-list a { position: relative; padding-right: 5.5px; padding-right: 20px; }
  .l-footer2__sns-list a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 2.5px) rotate(45deg); transform-origin: top right; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-footer2__sns-list a::after { top: 2px; } }

/******************************************************************
layout - footer-group
******************************************************************/
@media print, screen and (min-width: 768px) { .l-footer-group__inner { max-width: 1240px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; display: flex; justify-content: space-between; align-items: flex-end; padding-top: 12px; padding-bottom: 15px; } }

@media screen and (max-width: 767px) { .l-footer-group__inner { box-sizing: border-box; padding: 20px; display: flex; flex-direction: column; min-height: 134px; justify-content: center; } }

@media print, screen and (min-width: 768px) { .l-footer-group__logo img { width: 400px; } }

@media screen and (max-width: 767px) { .l-footer-group__logo img { width: 400px; } }

.l-footer-group__copy { font-size: 12px; color: #B9BABD; }

@media screen and (max-width: 767px) { .l-footer-group__copy { display: block; padding-top: 10px; } }

@media screen and (max-width: 767px) and (max-width: 320px) { .l-footer-group__copy { font-size: 10px; } }

/******************************************************************
component - section
******************************************************************/
.c-section { position: relative; padding-top: 0.1px; padding-bottom: 0.1px; }

.c-section__fit { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 767px) { .c-section__fit { padding-right: 20px; padding-left: 20px; } }

.c-section__top { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 3rem; }

@media screen and (max-width: 767px) { .c-section__top { padding-right: 20px; padding-left: 20px; } }

.c-section__bottom { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-bottom: 3rem; }

@media screen and (max-width: 767px) { .c-section__bottom { padding-right: 20px; padding-left: 20px; } }

.c-section__vertical { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 3rem; margin-bottom: 3rem; }

@media screen and (max-width: 767px) { .c-section__vertical { padding-right: 20px; padding-left: 20px; } }

.c-section--bg { background-color: #F5F5F6; }

.c-section__person-top { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 80px; margin-bottom: 80px; }

@media screen and (max-width: 767px) { .c-section__person-top { margin-top: 60px; margin-bottom: 60px; padding-right: 20px; padding-left: 20px; } }

.c-section__person-top--half { margin-top: 40px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .c-section__person-top--half { margin-top: 30px; margin-bottom: 30px; } }

.c-section__person-top-heading { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 80px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .c-section__person-top-heading { margin-top: 60px; margin-bottom: 30px; padding-right: 20px; padding-left: 20px; } }

.c-section__detail { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 40px; margin-bottom: 100px; }

.c-section__detail > *:not(:last-child) { margin-bottom: 20px; }

@media screen and (max-width: 767px) { .c-section__detail > *:not(:last-child) { margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .c-section__detail { margin-top: 30px; margin-bottom: 60px; padding-right: 20px; padding-left: 20px; } }

@media print, screen and (min-width: 768px) { .c-section--contentsrow > * { padding-right: 0; padding-left: 0; } }

@media screen and (max-width: 767px) { .c-section__top { margin-top: 2rem; }
  .c-section__bottom { margin-bottom: 2rem; }
  .c-section__vertical { margin: 2rem auto 2rem auto; } }

/******************************************************************
component - grid2
******************************************************************/
.c-grid2 { overflow: hidden; display: flex; flex-wrap: wrap; margin-right: -20px; margin-top: -20px; }

.c-grid2--center { justify-content: center; }

.c-grid2--right { justify-content: flex-end; }

@media screen and (max-width: 767px) { .c-grid2.sp-left { justify-content: flex-start; }
  .c-grid2.sp-center { justify-content: center; }
  .c-grid2.sp-right { justify-content: flex-end; } }

.c-grid2 > [class*="c-grid2__item"], .c-grid2 > .c-grid2__item5col { position: relative; box-sizing: border-box; margin-right: 20px; margin-top: 20px; }

.c-grid2 > .c-grid2__item1 { width: calc( 8.33333% - 20px); }

.c-grid2 > .c-grid2__item2 { width: calc( 16.66667% - 20px); }

.c-grid2 > .c-grid2__item3 { width: calc( 25% - 20px); }

.c-grid2 > .c-grid2__item4 { width: calc( 33.33333% - 20px); }

.c-grid2 > .c-grid2__item5 { width: calc( 41.66667% - 20px); }

.c-grid2 > .c-grid2__item6 { width: calc( 50% - 20px); }

.c-grid2 > .c-grid2__item7 { width: calc( 58.33333% - 20px); }

.c-grid2 > .c-grid2__item8 { width: calc( 66.66667% - 20px); }

.c-grid2 > .c-grid2__item9 { width: calc( 75% - 20px); }

.c-grid2 > .c-grid2__item10 { width: calc( 83.33333% - 20px); }

.c-grid2 > .c-grid2__item11 { width: calc( 91.66667% - 20px); }

.c-grid2 > .c-grid2__item12 { width: calc( 100% - 20px); }

.c-grid2 > .c-grid2__item5col { width: calc( 20% - 20px); }

.c-grid2--vertical > [class*="c-grid2__item"], .c-grid2--vertical > .c-grid2__item5col { display: flex; align-items: center; }

@media screen and (max-width: 767px) { .c-grid2 { margin-right: -15px; margin-top: -15px; }
  .c-grid2 > [class*="c-grid2__item"], .c-grid2 > .c-grid2__item5col { margin-right: 15px; margin-top: 15px; }
  .c-grid2 > .c-grid2__item1 { width: calc( 8.33333% - 15px); }
  .c-grid2 > .c-grid2__item2 { width: calc( 16.66667% - 15px); }
  .c-grid2 > .c-grid2__item3 { width: calc( 25% - 15px); }
  .c-grid2 > .c-grid2__item4 { width: calc( 33.33333% - 15px); }
  .c-grid2 > .c-grid2__item5 { width: calc( 41.66667% - 15px); }
  .c-grid2 > .c-grid2__item6 { width: calc( 50% - 15px); }
  .c-grid2 > .c-grid2__item7 { width: calc( 58.33333% - 15px); }
  .c-grid2 > .c-grid2__item8 { width: calc( 66.66667% - 15px); }
  .c-grid2 > .c-grid2__item9 { width: calc( 75% - 15px); }
  .c-grid2 > .c-grid2__item10 { width: calc( 83.33333% - 15px); }
  .c-grid2 > .c-grid2__item11 { width: calc( 91.66667% - 15px); }
  .c-grid2 > .c-grid2__item12 { width: calc( 100% - 15px); }
  .c-grid2 > .c-grid2__item5col { width: calc( 20% - 15px); }
  .c-grid2 > .sp-item1 { width: calc( 8.33333% - 15px); }
  .c-grid2 > .sp-item2 { width: calc( 16.66667% - 15px); }
  .c-grid2 > .sp-item3 { width: calc( 25% - 15px); }
  .c-grid2 > .sp-item4 { width: calc( 33.33333% - 15px); }
  .c-grid2 > .sp-item5 { width: calc( 41.66667% - 15px); }
  .c-grid2 > .sp-item6 { width: calc( 50% - 15px); }
  .c-grid2 > .sp-item7 { width: calc( 58.33333% - 15px); }
  .c-grid2 > .sp-item8 { width: calc( 66.66667% - 15px); }
  .c-grid2 > .sp-item9 { width: calc( 75% - 15px); }
  .c-grid2 > .sp-item10 { width: calc( 83.33333% - 15px); }
  .c-grid2 > .sp-item11 { width: calc( 91.66667% - 15px); }
  .c-grid2 > .sp-item12 { width: calc( 100% - 15px); }
  .c-grid2 > .sp-item5col { width: calc( 20% - 15px); } }

/******************************************************************
component - card-list
******************************************************************/
.c-card-list--frame { background-color: #fff; }

.c-card-list--frameborder { background-color: #fff; border: 1px solid #dcdcdc; }

@media screen and (max-width: 767px) { .c-card-list { margin-bottom: 12px; } }

.c-card-list a { color: #181A24; display: block; }

.c-card-list a:hover { text-decoration: none; }

.c-card-list__img { margin-bottom: 18px; }

@media screen and (max-width: 767px) { .c-card-list__img { margin-bottom: 9px; } }

.c-card-list--frame .c-card-list__img, .c-card-list--frameborder .c-card-list__img { margin-bottom: 0; }

@media screen and (max-width: 767px) { .c-card-list--frame .c-card-list__img, .c-card-list--frameborder .c-card-list__img { margin-bottom: 0; } }

.c-card-list__body { display: block; font-size: 15px; }

.c-card-list__body > *:not(:last-child) { margin-bottom: 12px; }

@media screen and (max-width: 767px) { .c-card-list__body > *:not(:last-child) { margin-bottom: 9px; } }

@media screen and (max-width: 767px) { .c-card-list__body { font-size: 14px; } }

.c-card-list--frame .c-card-list__body, .c-card-list--frameborder .c-card-list__body { padding: 20px; }

@media screen and (max-width: 767px) { .c-card-list--frame .c-card-list__body, .c-card-list--frameborder .c-card-list__body { padding: 8px; } }

.c-card-list__date { font-size: 12px; display: block; }

.c-card-list__title { display: block; font-weight: 400; font-size: 16px; line-height: 1.6; }

@media screen and (max-width: 767px) { .c-card-list__title { font-size: 14px; } }

.c-card-list__hash { margin-top: 12px; font-size: 12px; display: flex; flex-wrap: wrap; }

@media screen and (max-width: 767px) { .c-card-list__hash { margin-top: 9px; } }

.c-card-list--frame .c-card-list__hash, .c-card-list--frameborder .c-card-list__hash { margin-top: 0; padding: 0 20px 20px; }

@media screen and (max-width: 767px) { .c-card-list--frame .c-card-list__hash, .c-card-list--frameborder .c-card-list__hash { padding: 0 8px 8px; } }

.c-card-list__hash li { margin-right: 1em; }

.c-card-list__hash a { color: #004098; }

.c-card-list__hash a:hover { text-decoration: underline; }

/******************************************************************
component - heading
******************************************************************/
.c-heading-top { font-weight: 400; line-height: 1.4; font-size: 32px; margin-bottom: 40px !important; }

@media screen and (max-width: 767px) { .c-heading-top { font-size: 28px; margin-bottom: 30px !important; } }

.c-heading-top--menu { font-size: 28px; margin-bottom: 20px !important; }

@media screen and (max-width: 767px) { .c-heading-top--menu { margin-bottom: 10px !important; font-size: 18px; }
  .c-heading-top--menu:not(:first-child) { margin-top: 20px !important; } }

.c-heading-top--news { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 80px; }

@media screen and (max-width: 767px) { .c-heading-top--news { margin-top: 60px; } }

/******************************************************************
component - button
******************************************************************/
.c-button { color: inherit; text-decoration: none; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; padding: 0.5em 1.5em; }

.c-button:hover { text-decoration: none; }

.c-button--full { display: block; width: 100%; }

.c-button--arrow { text-align: left; color: #004098; font-weight: 400; position: relative; padding-right: 6.5px; padding-right: 15px; }

.c-button--arrow::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 3px) rotate(45deg); transform-origin: top right; border-top: 1px solid #004098; border-right: 1px solid #004098; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.c-button--arrow:hover { text-decoration: underline; }

.u-right .c-button--arrow { text-align: right; }

/******************************************************************
component - badge
******************************************************************/
.c-badge { display: inline-block; text-align: center; vertical-align: 1px; box-sizing: border-box; line-height: 1; }

.c-badge--full { display: block; width: 100%; }

.c-badge--important, .c-badge--news { line-height: 1.1; text-align: left; padding: 0.25em 0.5em 0.35em; font-size: 10px; color: #181A24; background-color: #e6edf8; }

.c-badge--disclosure { line-height: 1.1; text-align: left; padding: 0.25em 0.5em 0.35em; font-size: 10px; background-color: #E6002D; color: #fff; font-weight: 500; text-align: center; min-width: 8em; }

.c-badge--important { background-color: #004098; color: #fff; }

/******************************************************************
project - person-visual
******************************************************************/
.p-person-visual { position: relative; line-height: 1; }

.p-person-visual__inner { text-align: center; opacity: 0; }

.p-person-visual__inner img { width: 100%; }

.p-person-visual__inner.slick-initialized { opacity: 1; }

@media print, screen and (min-width: 768px) { .p-person-visual__item { position: relative; background-repeat: no-repeat; background-position: center center; background-size: auto 100%; text-align: center; display: block !important; }
  .p-person-visual__item a { display: block; } }

@media print, screen and (min-width: 768px) { .p-person-visual__pc-img { margin: 0 auto; max-width: 1200px; }
  .p-person-visual__pc-img span { display: block; padding-top: 30.41667%; } }

@media screen and (max-width: 767px) { .p-person-visual__pc-img { display: none; } }

.p-person-visual__arrow .slick-prev, .p-person-visual__arrow .slick-next { position: absolute; top: 50%; transform: translate(0, -50%) translateZ(0); outline: none; background-color: rgba(255, 255, 255, 0.6); overflow: hidden; text-indent: -999px; width: 40px; height: 40px; border: 1px solid #dcdcdc; border-radius: 6px; transition-property: background; transition-duration: 0.3s; }

@media screen and (max-width: 767px) { .p-person-visual__arrow .slick-prev, .p-person-visual__arrow .slick-next { width: 20px; height: 20px; } }

.p-person-visual__arrow .slick-prev:hover, .p-person-visual__arrow .slick-next:hover { background-color: #fff; }

.p-person-visual__arrow .slick-prev { z-index: +1; left: 30px; background: rgba(255, 255, 255, 0.6) url(/common20/img/ico-arrowForward-default_lw.png) center center/100% auto no-repeat; position: absolute; }

@media screen and (max-width: 767px) { .p-person-visual__arrow .slick-prev { left: 10px; } }

.p-person-visual__arrow .slick-next { right: 30px; background: rgba(255, 255, 255, 0.6) url(/common20/img/ico-arrowForward-default_rw.png) center center/100% auto no-repeat; position: absolute; }

@media screen and (max-width: 767px) { .p-person-visual__arrow .slick-next { right: 10px; } }

.p-person-visual .slick-dots { position: absolute; left: 50%; transform: translate(-50%, 0); display: flex !important; justify-content: center; bottom: 10px; height: 12px; }

@media screen and (max-width: 767px) { .p-person-visual .slick-dots { display: none !important; } }

.p-person-visual .slick-dots li { margin: 0 5px; }

.p-person-visual .slick-dots li button { display: block; outline: none; transition-property: background, opacity; transition-duration: 0.3s; overflow: hidden; text-indent: -999px; background: #fff; width: 28px; height: 4px; }

.p-person-visual .slick-dots li button:hover { opacity: 0.7; }

.p-person-visual .slick-dots li.slick-active button { background: #004098; }

/******************************************************************
layout - person-top-caution
******************************************************************/
.p-person-top-caution { font-weight: 400; }

@media print, screen and (min-width: 768px) { .p-person-top-caution { padding-top: 30px; padding-bottom: 30px; } }

@media screen and (max-width: 767px) { .p-person-top-caution { padding: 20px; font-size: 13px; } }

.p-person-top-caution__inner { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 767px) { .p-person-top-caution__inner { padding: 0; } }

.p-person-top-caution__item { overflow: hidden; }

.p-person-top-caution__item > * { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; position: relative; padding-left: 20px; }

.p-person-top-caution__item > *::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0.45em; left: 0; width: 14px; height: 14px; background-color: #004098; border-radius: 100%; }

.p-person-top-caution__item > *::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 5px; transform: translate(0px, 3px) rotate(45deg); transform-origin: top right; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 4px; height: 4px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media screen and (max-width: 767px) { .p-person-top-caution__item > *::after { transform: translate(0px, 2px) rotate(45deg); } }

.p-person-top-caution__item a { color: inherit; }

.p-person-top-caution__item a:hover { color: #004098; }

/******************************************************************
project - person-top-menu
******************************************************************/
.p-person-top-menu__nav { border-bottom: 2px solid #004098; }

.p-person-top-menu [role="tablist"] { display: flex; margin-right: -20px; }

@media screen and (max-width: 767px) { .p-person-top-menu [role="tablist"] { margin-right: -1vw; } }

.p-person-top-menu [role="tablist"] li { width: calc(100%/3 - 20px); margin-right: 20px; }

@media screen and (max-width: 767px) { .p-person-top-menu [role="tablist"] li { width: calc(100%/3 - 1vw); margin-right: 1vw; } }

.p-person-top-menu [role="tablist"] li a { transition-property: opacity; transition-duration: 0.3s; display: flex; background-color: #fff; justify-content: center; align-items: center; color: #181A24; font-weight: 400; padding: 12px; font-size: 20px; border-radius: 8px 8px 0 0; }

@media screen and (max-width: 767px) { .p-person-top-menu [role="tablist"] li a { padding: 12px; font-size: 14px; } }

@media print, screen and (max-width: 414px) { .p-person-top-menu [role="tablist"] li a { padding: 3vw; font-size: 3vw; border-radius: 4px 4px 0 0; } }

.p-person-top-menu [role="tablist"] li a:hover { text-decoration: none; }

.p-person-top-menu [role="tablist"] li a:hover:not([aria-expanded="true"]) { opacity: .7; }

.p-person-top-menu [role="tablist"] li a[aria-expanded="true"] { background-color: #004098; color: #fff; }

.p-person-top-menu [role="tabpanel"] { padding: 40px 20px 0 20px; }

@media screen and (max-width: 767px) { .p-person-top-menu [role="tabpanel"] { padding: 20px 0 0 0; } }

.p-person-top-menu [role="tabpanel"][aria-hidden="true"] { display: none; }

.p-person-top-menu__list + .p-person-top-menu__list, .p-person-top-menu__list + .p-person-top-menu__iconlist, .p-person-top-menu__iconlist + .p-person-top-menu__list, .p-person-top-menu__iconlist + .p-person-top-menu__iconlist { margin-top: 0px; }

.p-person-top-menu__iconlist { display: flex; flex-wrap: wrap; margin-right: -30px; margin-top: -30px; }

@media screen and (max-width: 767px) { .p-person-top-menu__iconlist { margin-right: -2vw; margin-top: -2vw; } }

.p-person-top-menu__iconlist li { margin-right: 30px; margin-top: 30px; width: calc((100%/6) - 30px); display: flex; }

@media print, screen and (max-width: 1210px) { .p-person-top-menu__iconlist li { margin-right: 2.47934vw; margin-top: 2.47934vw; width: calc((100%/6) - 2.47934vw); } }

@media screen and (max-width: 767px) { .p-person-top-menu__iconlist li { margin-right: 2vw; margin-top: 2vw; width: calc((100%/3) - 2vw); } }

.p-person-top-menu__iconlist li a { flex-grow: 1; text-align: center; background-color: #fff; border-radius: 6px; color: #181A24; font-weight: 400; line-height: 1.4; font-size: 16px; padding: 16px; transition-property: opacity; transition-duration: 0.3s; }

@media print, screen and (max-width: 1210px) { .p-person-top-menu__iconlist li a { font-size: 1.32231vw; padding: 1.32231vw; } }

@media screen and (max-width: 767px) { .p-person-top-menu__iconlist li a { font-size: 14px; padding: 10px; } }

@media print, screen and (max-width: 414px) { .p-person-top-menu__iconlist li a { font-size: 3vw; padding: 3vw 1vw; } }

.p-person-top-menu__iconlist li a:hover { text-decoration: none; opacity: .7; }

.p-person-top-menu__iconlist li span { display: block; width: 100%; min-height: 0%; }

.p-person-top-menu__iconlist li span:first-child { display: flex; align-items: center; }

.p-person-top-menu__iconlist li img { width: 70%; max-width: 80px; margin-left: auto; margin-right: auto; }

.p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas a { display: flex; flex-direction: column; padding: 12px; font-size: 15.6px; letter-spacing: -0.05em; }

@media print, screen and (max-width: 1210px) { .p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas a { font-size: 1.19835vw; padding: 0.99174vw; } }

@media screen and (max-width: 767px) { .p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas a { font-size: 13px; padding: 10px; } }

@media print, screen and (max-width: 470px) { .p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas a { font-size: 2.8vw; } }

@media print, screen and (max-width: 414px) { .p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas a { font-size: 2.8vw; padding: 3vw 2vw 2vw 2vw; } }

@media print, screen and (max-width: 320px) { .p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas a { font-size: 2.6vw; } }

.p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas img { width: 100%; max-width: none; max-height: 80px; }

.p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas .p-person-top-menu__mytokyogas-text { flex-grow: 1; }

.p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas .p-person-top-menu__mytokyogas-login { margin-top: .2em; background-color: #004098; padding: .2em 0; border-radius: .5em; color: #fff; font-size: 13px; }

@media print, screen and (max-width: 1210px) { .p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas .p-person-top-menu__mytokyogas-login { font-size: 1.07438vw; } }

@media screen and (max-width: 767px) { .p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas .p-person-top-menu__mytokyogas-login { font-size: 11px; } }

@media print, screen and (max-width: 470px) { .p-person-top-menu__iconlist li.p-person-top-menu__mytokyogas .p-person-top-menu__mytokyogas-login { font-size: 2.4vw; } }

.p-person-top-menu__list { display: flex; flex-wrap: wrap; margin-right: -30px; margin-top: -30px; }

@media screen and (max-width: 767px) { .p-person-top-menu__list { margin-right: -3vw; margin-top: -3vw; } }

@media screen and (max-width: 767px) { .p-person-top-menu__list.sp-col2 li { width: calc((100%/2) - 3vw); } }

.p-person-top-menu__list li { margin-right: 30px; margin-top: 30px; width: calc((100%/4) - 30px); display: flex; }

@media print, screen and (max-width: 1210px) { .p-person-top-menu__list li { margin-right: 2.47934vw; margin-top: 2.47934vw; width: calc((100%/4) - 2.47934vw); } }

@media screen and (max-width: 767px) { .p-person-top-menu__list li { margin-right: 3vw; margin-top: 3vw; width: calc((100%/1) - 3vw); } }

.p-person-top-menu__list li a { flex-grow: 1; display: flex; align-items: center; background-color: #fff; border-radius: 6px; color: #181A24; font-weight: 400; line-height: 1.4; font-size: 16px; padding: 16px; position: relative; padding-right: 16.5px; padding-right: 25px; transition-property: opacity; transition-duration: 0.3s; }

.p-person-top-menu__list li a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-10px, 3px) rotate(45deg); transform-origin: top right; border-top: 1px solid #004098; border-right: 1px solid #004098; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media print, screen and (max-width: 1210px) { .p-person-top-menu__list li a { font-size: 1.32231vw; padding: 1.32231vw; padding-right: 25px; } }

@media screen and (max-width: 767px) { .p-person-top-menu__list li a { font-size: 13px; padding: 14px; padding-right: 25px; } }

@media print, screen and (max-width: 414px) { .p-person-top-menu__list li a { padding: 4vw 10px; padding-right: 25px; } }

.p-person-top-menu__list li a:hover { text-decoration: none; opacity: .7; }

.p-person-top-menu__btn { margin-top: 15px; text-align: right; }

@media screen and (max-width: 767px) { .p-person-top-menu__btn { font-size: 13px; } }

.p-person-top-menu__btn a { font-weight: 400; transition-property: opacity; transition-duration: 0.3s; position: relative; padding-right: 6.5px; padding-right: 15px; }

.p-person-top-menu__btn a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 3px) rotate(45deg); transform-origin: top right; border-top: 1px solid #004098; border-right: 1px solid #004098; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.p-person-top-menu__btn a::after { top: 2px; }

.p-person-top-menu__btn + .p-person-top-menu__btn { margin-top: 5px; }

/******************************************************************
project - infiniteslide
******************************************************************/
.p-infiniteslide { margin-bottom: 80px; }

.p-infiniteslide .slick-track { display: flex; }

.p-infiniteslide .slick-slide { float: none; height: auto; }

.p-infiniteslide.slick-initialized .slick-slide { display: flex; }

.p-infiniteslide.slick-initialized .slick-slide > * { display: flex; width: 100%; }

@media screen and (max-width: 767px) { .p-infiniteslide { margin-bottom: 60px; } }

.p-infiniteslide__item { background-color: #fff; margin-right: 30px; max-width: 300px; display: flex !important; }

@media screen and (max-width: 767px) { .p-infiniteslide__item { margin-right: 10px; max-width: 260px; } }

.p-infiniteslide a { color: inherit; }

.p-infiniteslide a:hover { text-decoration: none; }

.p-infiniteslide__body { display: block; font-size: 15px; padding: 20px; }

.p-infiniteslide__body > *:not(:last-child) { margin-bottom: 12px; }

@media screen and (max-width: 767px) { .p-infiniteslide__body > *:not(:last-child) { margin-bottom: 9px; } }

@media screen and (max-width: 767px) { .p-infiniteslide__body { font-size: 14px; padding: 8px; } }

.p-infiniteslide__title { display: block; font-weight: 400; font-size: 16px; line-height: 1.6; }

@media screen and (max-width: 767px) { .p-infiniteslide__title { font-size: 14px; } }

.p-infiniteslide .slick-prev, .p-infiniteslide .slick-next { position: absolute; top: 50%; transform: translate(0, -50%) translateZ(0); outline: none; background-color: rgba(255, 255, 255, 0.6); overflow: hidden; text-indent: -999px; width: 40px; height: 40px; border: 1px solid #dcdcdc; border-radius: 6px; transition-property: background; transition-duration: 0.3s; }

@media screen and (max-width: 767px) { .p-infiniteslide .slick-prev, .p-infiniteslide .slick-next { width: 20px; height: 20px; } }

.p-infiniteslide .slick-prev:hover, .p-infiniteslide .slick-next:hover { background-color: #fff; }

.p-infiniteslide .slick-prev { z-index: +1; left: 30px; background: rgba(255, 255, 255, 0.6) url(/common20/img/ico-arrowForward-default_lw.png) center center/100% auto no-repeat; position: absolute; }

@media screen and (max-width: 767px) { .p-infiniteslide .slick-prev { left: 10px; } }

.p-infiniteslide .slick-next { right: 30px; background: rgba(255, 255, 255, 0.6) url(/common20/img/ico-arrowForward-default_rw.png) center center/100% auto no-repeat; position: absolute; }

@media screen and (max-width: 767px) { .p-infiniteslide .slick-next { right: 10px; } }

/******************************************************************
project - sogo-news
******************************************************************/
.p-sogo-news[aria-hidden="true"] { display: none; }

.p-sogo-news li:not(:first-child) { border-top: 1px solid #dcdcdc; }

.p-sogo-news li a { display: block; color: #181A24; line-height: 1.2; }

@media print, screen and (min-width: 768px) { .p-sogo-news li a { padding: 14px 20px 14px 35px; transition-property: background; transition-duration: 0.3s; }
  .p-sogo-news li a:hover { background-color: #F5F5F6; } }

@media screen and (max-width: 767px) { .p-sogo-news li a { padding: 16px 0; } }

.p-sogo-news li a:hover { text-decoration: none; }

.p-sogo-news__date { font-size: 12px; }

.p-sogo-news__icon > * { margin-right: 4px; margin-bottom: 2px; }

.p-sogo-news__body { margin-top: 4px; display: block; line-height: 1.8; }

.p-sogo-news-nav { text-align: right; }

.p-sogo-news-nav__homesafety a { display: inline-flex; align-items: center; }

.p-sogo-news-nav__homesafety a img { margin-right: 10px; }

/******************************************************************
project - sogo-emergency
******************************************************************/
.p-sogo-emergency { background-color: #F5F5F6; padding: 24px 0; }

@media screen and (max-width: 767px) { .p-sogo-emergency { padding: 20px 0; } }

.p-sogo-emergency__body { box-sizing: content-box; max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

.p-sogo-emergency__body > *:not(:last-child) { margin-bottom: .5em; }

.p-sogo-emergency__body h2 { font-weight: bold; color: #E6002D; font-size: 15px; }

@media screen and (max-width: 767px) { .p-sogo-emergency__body h2 { font-size: 14px; } }

.p-sogo-emergency__body ul { color: #E6002D; }

.p-sogo-emergency__body ul li.caution { background: url(/common20/img/icn_caution_r.svg) left 0.5em/21px auto no-repeat; padding-left: 20px; }

.p-sogo-emergency__body ul a { color: #E6002D; }

@media screen and (max-width: 767px) { .p-sogo-emergency__body { padding: 0 20px; font-size: 13px; } }

/******************************************************************
project - topics-list
******************************************************************/
@media print, screen and (min-width: 768px) { .p-topics-list__inner { display: flex; flex-wrap: wrap; margin-right: -30px; margin-bottom: -30px; }
  .p-topics-list__item3 { margin-right: 30px; margin-bottom: 30px; width: calc( (100% / 3) - 30px - 0.1px); }
  .p-topics-list__item4 { margin-right: 30px; margin-bottom: 30px; width: calc( (100% / 4) - 30px - 0.1px); } }

@media screen and (max-width: 767px) { .p-topics-list { overflow-x: scroll; }
  .p-topics-list__inner { display: flex; margin-right: -10px; }
  .p-topics-list__item3, .p-topics-list__item4 { flex-shrink: 0; width: 70vw; max-width: 260px; margin-right: 10px; } }

.p-topics-list-btn { text-align: right; margin-top: 40px; }

@media screen and (max-width: 767px) { .p-topics-list-btn { margin-top: 30px; } }

.p-topics-list-btn a { font-weight: 400; transition-property: opacity; transition-duration: 0.3s; position: relative; padding-right: 6.5px; padding-right: 15px; }

.p-topics-list-btn a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 3px) rotate(45deg); transform-origin: top right; border-top: 1px solid #004098; border-right: 1px solid #004098; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.p-topics-list-btn a::after { top: 2px; }

/******************************************************************
project - news-tab
******************************************************************/
.p-news-tab { max-width: 1180px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 767px) { .p-news-tab { padding-right: 0; padding-left: 0; } }

.p-news-tab ul { border-bottom: 1px solid #dcdcdc; display: flex; }

@media print, screen and (min-width: 768px) { .p-news-tab li { width: 100%; } }

@media screen and (max-width: 767px) { .p-news-tab--ir li { width: 100%; } }

.p-news-tab a { position: relative; color: inherit; padding: 0.5em 1em; font-size: 20px; }

.p-news-tab a:hover { text-decoration: none; }

@media print, screen and (min-width: 768px) { .p-news-tab a { display: block; text-align: center; } }

@media screen and (max-width: 767px) { .p-news-tab a { display: inline-block; padding: 0.5em 0.8em; font-size: 13px; } }

@media print, screen and (max-width: 414px) { .p-news-tab a { font-size: 3.5vw; } }

.p-news-tab a::after { transition-property: opacity width; transition-duration: 0.3s; position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; right: 0; bottom: -4px; left: 0; width: 0; height: 4px; background-color: #004098; opacity: 0; }

.p-news-tab a[aria-expanded="true"], .p-news-tab a.is-active { font-weight: 400; }

.p-news-tab a[aria-expanded="true"]::after, .p-news-tab a.is-active::after { width: 50%; opacity: 1; }

@media print, screen and (min-width: 768px) { .p-news-tab a:hover::after { width: 50%; opacity: 1; } }

@media screen and (max-width: 767px) { .p-news-tab--ir a { display: block; text-align: center; font-size: 16px; } }

/******************************************************************
project - modal (Modaal)
******************************************************************/
/*! Modaal - accessible modals - v0.4.4 by Humaan, for all humans. http://humaan.com */
.modaal-noscroll { overflow: hidden; }

.modaal-accessible-hide { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: 0; }

.modaal-wrapper { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 9999; overflow: auto; opacity: 1; box-sizing: border-box; -webkit-overflow-scrolling: touch; transition: all 0.3s ease-in-out; }

.modaal-wrapper * { box-sizing: border-box; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-backface-visibility: hidden; }

.modaal-wrapper .modaal-close { border: none; background: transparent; padding: 0; -webkit-appearance: none; }

.modaal-wrapper.modaal-start_none { display: none; opacity: 1; }

.modaal-wrapper.modaal-start_fade { opacity: 0; }

.modaal-wrapper *[tabindex="0"] { outline: none !important; }

.modaal-wrapper.modaal-fullscreen { overflow: hidden; }

.modaal-outer-wrapper { display: table; position: relative; width: 100%; height: 100%; }

.modaal-fullscreen .modaal-outer-wrapper { display: block; }

.modaal-inner-wrapper { display: table-cell; width: 100%; height: 100%; position: relative; vertical-align: middle; text-align: center; padding: 80px 25px; }

@media screen and (max-width: 767px) { .modaal-inner-wrapper { padding: 80px 5px; } }

.modaal-fullscreen .modaal-inner-wrapper { padding: 0; display: block; vertical-align: top; }

.modaal-container { position: relative; display: inline-block; width: 100%; margin: auto; text-align: left; color: #000; max-width: 1000px; border-radius: 0px; background: #fff; box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); cursor: auto; }

.modaal-container.is_loading { height: 100px; width: 100px; overflow: hidden; }

.modaal-fullscreen .modaal-container { max-width: none; height: 100%; overflow: auto; }

.modaal-close { position: fixed; right: 20px; top: 20px; color: #fff; cursor: pointer; opacity: 1; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border-radius: 100%; transition: all 0.2s ease-in-out; }

.modaal-close:focus, .modaal-close:hover { outline: none; background: #fff; }

.modaal-close:focus:before, .modaal-close:focus:after, .modaal-close:hover:before, .modaal-close:hover:after { background: #b93d0c; }

.modaal-close span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-close:before, .modaal-close:after { display: block; content: " "; position: absolute; top: 14px; left: 23px; width: 4px; height: 22px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }

.modaal-close:before { transform: rotate(-45deg); }

.modaal-close:after { transform: rotate(45deg); }

.modaal-fullscreen .modaal-close { background: #afb7bc; right: 10px; top: 10px; }

.modaal-content-container { padding: 30px; }

.modaal-confirm-wrap { padding: 30px 0 0; text-align: center; font-size: 0; }

.modaal-confirm-btn { font-size: 14px; display: inline-block; margin: 0 10px; vertical-align: middle; cursor: pointer; border: none; background: transparent; }

.modaal-confirm-btn.modaal-ok { padding: 10px 15px; color: #fff; background: #555; border-radius: 3px; transition: background 0.2s ease-in-out; }

.modaal-confirm-btn.modaal-ok:hover { background: #2f2f2f; }

.modaal-confirm-btn.modaal-cancel { text-decoration: underline; }

.modaal-confirm-btn.modaal-cancel:hover { text-decoration: none; color: #2f2f2f; }

@keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-o-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-moz-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-ms-keyframes instaReveal { 0% { opacity: 0; }
  100% { opacity: 1; } }

.modaal-instagram .modaal-container { width: auto; background: transparent; box-shadow: none !important; }

.modaal-instagram .modaal-content-container { padding: 0; background: transparent; }

.modaal-instagram .modaal-content-container > blockquote { width: 1px !important; height: 1px !important; opacity: 0 !important; }

.modaal-instagram iframe { opacity: 0; margin: -6px !important; border-radius: 0 !important; width: 1000px !important; max-width: 800px !important; box-shadow: none !important; animation: instaReveal 1s linear forwards; }

.modaal-image .modaal-inner-wrapper { padding-left: 140px; padding-right: 140px; }

.modaal-image .modaal-container { width: auto; max-width: 100%; }

.modaal-gallery-wrap { position: relative; color: #fff; }

.modaal-gallery-item { display: none; }

.modaal-gallery-item img { display: block; }

.modaal-gallery-item.is_active { display: block; }

.modaal-gallery-label { position: absolute; left: 0; width: 100%; margin: 20px 0 0; font-size: 18px; text-align: center; color: #fff; }

.modaal-gallery-label:focus { outline: none; }

.modaal-gallery-control { position: absolute; top: 50%; transform: translateY(-50%); opacity: 1; cursor: pointer; color: #fff; width: 50px; height: 50px; background: rgba(0, 0, 0, 0); border: none; border-radius: 100%; transition: all 0.2s ease-in-out; }

.modaal-gallery-control.is_hidden { opacity: 0; cursor: default; }

.modaal-gallery-control:focus, .modaal-gallery-control:hover { outline: none; background: #fff; }

.modaal-gallery-control:focus:before, .modaal-gallery-control:focus:after, .modaal-gallery-control:hover:before, .modaal-gallery-control:hover:after { background: #afb7bc; }

.modaal-gallery-control span { position: absolute !important; clip: rect(1px 1px 1px 1px); /* IE6, IE7 */ clip: rect(1px, 1px, 1px, 1px); padding: 0 !important; border: 0 !important; height: 1px !important; width: 1px !important; overflow: hidden; }

.modaal-gallery-control:before, .modaal-gallery-control:after { display: block; content: " "; position: absolute; top: 16px; left: 25px; width: 4px; height: 18px; border-radius: 4px; background: #fff; transition: background 0.2s ease-in-out; }

.modaal-gallery-control:before { margin: -5px 0 0; transform: rotate(-45deg); }

.modaal-gallery-control:after { margin: 5px 0 0; transform: rotate(45deg); }

.modaal-gallery-next-inner { left: 100%; margin-left: 40px; }

.modaal-gallery-next-outer { right: 45px; }

.modaal-gallery-prev:before, .modaal-gallery-prev:after { left: 22px; }

.modaal-gallery-prev:before { margin: 5px 0 0; transform: rotate(-45deg); }

.modaal-gallery-prev:after { margin: -5px 0 0; transform: rotate(45deg); }

.modaal-gallery-prev-inner { right: 100%; margin-right: 40px; }

.modaal-gallery-prev-outer { left: 45px; }

.modaal-video-wrap { margin: auto; position: relative; max-width: 1300px; }

.modaal-video-container { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); background: #000; max-width: 1300px; margin-left: auto; margin-right: auto; }

.modaal-video-container iframe, .modaal-video-container object, .modaal-video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.modaal-iframe .modaal-content { width: 100%; height: 100%; }

.modaal-iframe-elem { width: 100%; height: 100%; display: block; }

@media only screen and (min-width: 1400px) { .modaal-video-container { padding-bottom: 0; height: 731px; } }

@media only screen and (max-width: 1140px) { .modaal-image .modaal-inner-wrapper { padding-left: 25px; padding-right: 25px; }
  .modaal-gallery-control { top: auto; bottom: 20px; transform: none; background: rgba(0, 0, 0, 0.7); }
  .modaal-gallery-control:before, .modaal-gallery-control:after { background: #fff; }
  .modaal-gallery-next { left: auto; right: 20px; }
  .modaal-gallery-prev { left: 20px; right: auto; } }

@media screen and (max-width: 900px) { .modaal-instagram iframe { width: 500px !important; } }

@media screen and (max-height: 1100px) { .modaal-instagram iframe { width: 700px !important; } }

@media screen and (max-height: 1000px) { .modaal-inner-wrapper { padding-top: 60px; padding-bottom: 60px; }
  .modaal-instagram iframe { width: 600px !important; } }

@media screen and (max-height: 900px) { .modaal-instagram iframe { width: 500px !important; }
  .modaal-video-container { max-width: 900px; max-height: 510px; } }

@media only screen and (max-width: 600px) { .modaal-instagram iframe { width: 280px !important; } }

@media only screen and (max-height: 820px) { .modaal-gallery-label { display: none; } }

.modaal-loading-spinner { background: none; position: absolute; width: 200px; height: 200px; top: 50%; left: 50%; margin: -100px 0 0 -100px; transform: scale(0.25); }

@-ms-keyframes modaal-loading-spinner { 0% { opacity: 1; -ms-transform: scale(1.5); -moz-transform: scale(1.5); -webkit-transform: scale(1.5); -o-transform: scale(1.5); transform: scale(1.5); }
  100% { opacity: .1; -ms-transform: scale(1); -moz-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); transform: scale(1); } }

@-moz-keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-webkit-keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@-o-keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

@keyframes modaal-loading-spinner { 0% { opacity: 1;
    -ms-transform: scale(1.5);
    -moz-transform: scale(1.5);
    -webkit-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5); }
  100% { opacity: .1;
    -ms-transform: scale(1);
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1); } }

.modaal-loading-spinner > div { width: 24px; height: 24px; margin-left: 4px; margin-top: 4px; position: absolute; }

.modaal-loading-spinner > div > div { width: 100%; height: 100%; border-radius: 15px; background: #fff; }

.modaal-loading-spinner > div:nth-of-type(1) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: 0s; -moz-animation-delay: 0s; -webkit-animation-delay: 0s; -o-animation-delay: 0s; animation-delay: 0s; }

.modaal-loading-spinner > div:nth-of-type(2) > div, .modaal-loading-spinner > div:nth-of-type(3) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(1) { -ms-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); transform: translate(84px, 84px) rotate(45deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(2) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .12s; -moz-animation-delay: .12s; -webkit-animation-delay: .12s; -o-animation-delay: .12s; animation-delay: .12s; }

.modaal-loading-spinner > div:nth-of-type(2) { -ms-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); transform: translate(84px, 84px) rotate(90deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(3) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .25s; -moz-animation-delay: .25s; -webkit-animation-delay: .25s; -o-animation-delay: .25s; animation-delay: .25s; }

.modaal-loading-spinner > div:nth-of-type(4) > div, .modaal-loading-spinner > div:nth-of-type(5) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(3) { -ms-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); transform: translate(84px, 84px) rotate(135deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(4) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .37s; -moz-animation-delay: .37s; -webkit-animation-delay: .37s; -o-animation-delay: .37s; animation-delay: .37s; }

.modaal-loading-spinner > div:nth-of-type(4) { -ms-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); transform: translate(84px, 84px) rotate(180deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(5) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .5s; -moz-animation-delay: .5s; -webkit-animation-delay: .5s; -o-animation-delay: .5s; animation-delay: .5s; }

.modaal-loading-spinner > div:nth-of-type(6) > div, .modaal-loading-spinner > div:nth-of-type(7) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; }

.modaal-loading-spinner > div:nth-of-type(5) { -ms-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); transform: translate(84px, 84px) rotate(225deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(6) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .62s; -moz-animation-delay: .62s; -webkit-animation-delay: .62s; -o-animation-delay: .62s; animation-delay: .62s; }

.modaal-loading-spinner > div:nth-of-type(6) { -ms-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); transform: translate(84px, 84px) rotate(270deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(7) > div { animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .75s; -moz-animation-delay: .75s; -webkit-animation-delay: .75s; -o-animation-delay: .75s; animation-delay: .75s; }

.modaal-loading-spinner > div:nth-of-type(7) { -ms-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); transform: translate(84px, 84px) rotate(315deg) translate(70px, 0); }

.modaal-loading-spinner > div:nth-of-type(8) > div { -ms-animation: modaal-loading-spinner 1s linear infinite; -moz-animation: modaal-loading-spinner 1s linear infinite; -webkit-animation: modaal-loading-spinner 1s linear infinite; -o-animation: modaal-loading-spinner 1s linear infinite; animation: modaal-loading-spinner 1s linear infinite; -ms-animation-delay: .87s; -moz-animation-delay: .87s; -webkit-animation-delay: .87s; -o-animation-delay: .87s; animation-delay: .87s; }

.modaal-loading-spinner > div:nth-of-type(8) { -ms-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -moz-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -webkit-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); -o-transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); transform: translate(84px, 84px) rotate(360deg) translate(70px, 0); }

/******************************************************************
project - carousel-slick
******************************************************************/
.slick-slider { position: relative; display: block; box-sizing: border-box; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; }

.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; }

.slick-track:before, .slick-track:after { content: ""; display: table; }

.slick-track:after { clear: both; }

.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; display: none; }

.slick-slide.slick-loading img { display: none; }

.slick-slide.dragging img { pointer-events: none; }

.slick-initialized .slick-slide { display: block; }

.slick-loading .slick-slide { visibility: hidden; }

.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-arrow.slick-hidden { display: none; }

/******************************************************************
utility - mediaQuery
******************************************************************/
.u-sp-media { display: none; }

@media print, screen and (max-width: 1210px) { .u-pcwidth-media { display: none; } }

@media screen and (max-width: 767px) { .u-pc-media { display: none; }
  .u-sp-media { display: block; }
  img.u-sp-media { display: inline-block; }
  br.u-sp-media { display: inline-block; }
  table.u-sp-media { display: table; } }

.u-se-media { display: none; }

/******************************************************************
utility - display
******************************************************************/
.u-block { display: block; }

.u-none { display: none; }

.u-inline { display: inline; }

.u-inline-block { display: inline-block; }

.u-table { display: table; }

.u-table-row { display: table-row; }

.u-table-cell { display: table-cell; }

.u-flex { display: flex; }

.u-inline-flex { display: inline-flex; }

@media screen and (max-width: 767px) { .u-sp-block { display: block; }
  .u-sp-none { display: none; }
  .u-sp-inline { display: inline; }
  .u-sp-inline-block { display: inline-block; }
  .u-sp-table { display: table; }
  .u-sp-table-row { display: table-row; }
  .u-sp-table-cell { display: table-cell; }
  .u-sp-flex { display: flex; }
  .u-sp-inline-flex { display: inline-flex; } }

/******************************************************************
utility - display-off
******************************************************************/
.u-display-off { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; padding: 0; clip: rect(0, 0, 0, 0); }

@media screen and (max-width: 767px) { .u-sp-display-off { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; overflow: hidden; padding: 0; clip: rect(0, 0, 0, 0); } }

/******************************************************************
utility - text-align
******************************************************************/
.u-center { text-align: center; }

.u-right { text-align: right; }

.u-left { text-align: left; }

@media screen and (max-width: 767px) { .u-sp-center { text-align: center; }
  .u-sp-right { text-align: right; }
  .u-sp-left { text-align: left; } }

/******************************************************************
utility - over-scale-img
******************************************************************/
.u-over-scale-img { display: block; overflow: hidden; }

.u-over-scale-img img { width: 100%; transition-property: transform; transition-duration: 0.3s; }

@media print, screen and (min-width: 768px) { a:hover .u-over-scale-img img { transform: scale(1.1); } }

.u-over-scale-img--light img, .u-over-scale-img--dark img { transition-property: all; }

a:hover .u-over-scale-img--light img, a:hover .u-over-scale-img--dark img { opacity: 0.7; }

.u-over-scale-img--light { background-color: #ffffff; }

.u-over-scale-img--dark { background-color: #000000; }

/******************************************************************
utility - over-scale-img
******************************************************************/
@media print, screen and (min-width: 768px) { .c-accordion__head:hover .u-over-scale-img img { transform: scale(1.1); } }

/******************************************************************
utility - icon-arrow
******************************************************************/
.u-icon-arrow { margin-left: 5px; position: relative; padding-left: 6.5px; }

.u-icon-arrow::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; transform: translate(6.5px, 3px) rotate(135deg); transform-origin: top left; border-top: 1px solid #0F218B; border-left: 1px solid #0F218B; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.u-icon-arrow::after { top: .3em; }

/******************************************************************
utility - icon-blank
******************************************************************/
.u-icon-blank { margin-left: 5px; position: relative; padding-left: 11px; }

.u-icon-blank::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 9px; height: 9px; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5IDkiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMGUzZjgxO30uY2xzLTJ7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj48cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjIiIHdpZHRoPSI3IiBoZWlnaHQ9IjciLz48cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjIuNSIgeT0iMC41IiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOCwxVjZIM1YxSDhNOSwwSDJWN0g5VjBaIi8+PC9nPjwvZz48L3N2Zz4=) no-repeat center center; }

/******************************************************************
utility - icon-pdf
******************************************************************/
.u-icon-pdf { margin-left: 5px; position: relative; padding-left: 10px; }

.u-icon-pdf::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 12px; height: 12px; background: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjMDA0MDk4Ii8+PC9zdmc+") no-repeat left center/100% auto; }

a:hover .u-icon-pdf { position: relative; }

a:hover .u-icon-pdf::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjMzM1OUNDIi8+PC9zdmc+"); }

/******************************************************************
utility - icon-excel
******************************************************************/
.u-icon-excel { margin-left: 5px; position: relative; padding-left: 16px; }

.u-icon-excel::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 16px; height: 16px; background: url("data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+Cgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il94MzFfMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0id2lkdGg6IDE2cHg7IGhlaWdodDogMTZweDsgb3BhY2l0eTogMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzNzQxNDk7fQo8L3N0eWxlPgo8Zz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzg4LjAzMiw0NS42NTQgMzg4LjAzMiw4My4wNzcgNDc0LjU3Myw4My4wNzcgNDc0LjU3Myw0MjguOTYxIDM4OC4wMzIsNDI4Ljk2MSAzODguMDMyLDQ2Ni4zODggCgkJNTEyLDQ2Ni4zODggNTEyLDQ1LjY1NCAJIiBzdHlsZT0iZmlsbDogcmdiKDI5LCAxMDcsIDY1KTsiPjwvcG9seWdvbj4KCTxyZWN0IHg9IjM4OC4wMzIiIHk9IjEyMC41IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDkuMTE4IiBoZWlnaHQ9IjY1LjM5OCIgc3R5bGU9ImZpbGw6IHJnYigyOSwgMTA3LCA2NSk7Ij48L3JlY3Q+Cgk8cmVjdCB4PSIzODguMDMyIiB5PSIyMjMuMzIxIiBjbGFzcz0ic3QwIiB3aWR0aD0iNDkuMTE4IiBoZWlnaHQ9IjY1LjM5NyIgc3R5bGU9ImZpbGw6IHJnYigyOSwgMTA3LCA2NSk7Ij48L3JlY3Q+Cgk8cmVjdCB4PSIzODguMDMyIiB5PSIzMjYuMTQxIiBjbGFzcz0ic3QwIiB3aWR0aD0iNDkuMTE4IiBoZWlnaHQ9IjY1LjM5NyIgc3R5bGU9ImZpbGw6IHJnYigyOSwgMTA3LCA2NSk7Ij48L3JlY3Q+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzY1Ljc2OCw2LjY1NFY2LjUwMkwwLDQ3LjM4MlY0NjQuNjFsMzY1Ljc2OCw0MC44ODd2LTM5LjExdi0zNy40Mjd2LTM3LjQyM3YtNjUuMzk3di0zNy40MjN2LTY1LjM5N3YtMzcuNDIzCgkJVjEyMC41VjgzLjA3N1Y0NS42NTRWMTAuNTExbDAuMDE1LTMuODU3SDM2NS43Njh6IE0xNjYuNTg4LDIxMy4yMzJsMC4wNDItMC4wNjlsMC4wOTIsMC4xNDlsMzAuMzExLTUxLjA4M2wwLjk4Mi0xLjYzNwoJCWwzNi40NDEtMS42ODZsMTIuMDIyLTAuNTc1bDYuNDUtMC4yMjVsLTE2LjgzNSwyNy43OTJsLTM5LjA2LDY0LjM2OWwtMy43NDIsNi4xNzVsMy43NDIsNi4xM2wzOC43MzMsNjMuNTdsMTAuOTE0LDE3LjkzOAoJCWw1LjkxNyw5Ljg5MWwtMTguMTQxLTAuODM4bC0xOS41OTgtMC45MDZsLTE3Ljc3MS0wLjk2N2wtMC4wNTQtMC4wOTFsLTMwLjMxMS01MS41OTNsLTcuMTEyLDExLjY0NmwtMjIuNzgxLDM3LjM3NGwtMzMuNjQ3LTEuNTI2CgkJbC0xNS43MDctMC43ODhsNTMuODQ2LTg5LjgzOGwtMzYuOTEzLTYxLjU3MWwtMTcuNDEtMjkuMTg1bDQ5LjA4NC0yLjI0MmwyMy41MjcsMzguMzE0bDQuODA5LDcuODEyTDE2Ni41ODgsMjEzLjIzMnoiIHN0eWxlPSJmaWxsOiByZ2IoMjksIDEwNywgNjUpOyI+PC9wYXRoPgo8L2c+Cjwvc3ZnPgo=") no-repeat center center; }

/******************************************************************
utility - icon-word
******************************************************************/
.u-icon-word { margin-left: 5px; position: relative; padding-left: 16px; }

.u-icon-word::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 16px; height: 16px; background: url("data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iX3gzMV8wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJ3aWR0aDogMTZweDsgaGVpZ2h0OiAxNnB4OyBvcGFjaXR5OiAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzM3NDE0OTt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI1MTIsNDUuODI2IDUxMS45OTYsNDUuODI2IDUxMS45OTYsNDUuNjYyIDM4OC4wMjgsNDUuNjYyIDM4OC4wMjgsODMuMDg3IDQ3NC40NjUsODMuMDg3IAoJCTQ3NC41Nyw4My4wODcgNDc0LjU3LDQyOC45NjcgMzg4LjcxNiw0MjguOTY3IDM4OC4xODksNDI4Ljk2NyAzODguMTg5LDQyOC45NjcgMzg4LjAyOCw0MjguOTY3IDM4OC4wMjgsNDY2LjM5MyA1MTEuOTk2LDQ2Ni4zOTMgCgkJNTExLjk5Niw0OC4zODkgCSIgc3R5bGU9ImZpbGw6IHJnYig0MCwgODIsIDE0OSk7Ij48L3BvbHlnb24+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQzNy4xNDksMTIwLjUwOSAzODguNDksMTIwLjUwOSAzODguMTg5LDEyMC41MDkgMzg4LjE4OSwxMjAuNTA5IDM4OC4wMjgsMTIwLjUwOSAzODguMDI4LDE1My4yMDggCgkJNDM3LjE0OSwxNTMuMjA4IAkiIHN0eWxlPSJmaWxsOiByZ2IoNDAsIDgyLCAxNDkpOyI+PC9wb2x5Z29uPgoJPHJlY3QgeD0iMzg4LjAyOCIgeT0iMzU4Ljg0NyIgY2xhc3M9InN0MCIgd2lkdGg9IjQ5LjEyMSIgaGVpZ2h0PSIzMi42OTkiIHN0eWxlPSJmaWxsOiByZ2IoNDAsIDgyLCAxNDkpOyI+PC9yZWN0PgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI0MzcuMTQ5LDI5OS4yNjIgMzg4LjQ5LDI5OS4yNjIgMzg4LjE4OSwyOTkuMjYyIDM4OC4xODksMjk5LjI2MiAzODguMDI4LDI5OS4yNjIgMzg4LjAyOCwzMzEuOTYxIAoJCTQzNy4xNDksMzMxLjk2MSAJIiBzdHlsZT0iZmlsbDogcmdiKDQwLCA4MiwgMTQ5KTsiPjwvcG9seWdvbj4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNDM3LjE0OSwyMzkuNjggMzg4LjM0MSwyMzkuNjggMzg4LjE4OSwyMzkuNjc2IDM4OC4xODksMjM5LjY4IDM4OC4wMjgsMjM5LjY4IDM4OC4wMjgsMjcyLjM3OSAKCQk0MzcuMTQ5LDI3Mi4zNzkgCSIgc3R5bGU9ImZpbGw6IHJnYig0MCwgODIsIDE0OSk7Ij48L3BvbHlnb24+Cgk8cmVjdCB4PSIzODguMDI4IiB5PSIxODAuMDk0IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDkuMTIxIiBoZWlnaHQ9IjMyLjY5OSIgc3R5bGU9ImZpbGw6IHJnYig0MCwgODIsIDE0OSk7Ij48L3JlY3Q+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzY1Ljc1OSw2LjY4MnYtMC4xNkwwLDQ3LjR2NDE3LjE5NmwzNjUuNzU5LDQwLjg4MlY1Ny4zNjVsMC4wMTUtNTAuNjg3TDM2NS43NTksNi42ODJ6IE0xMzguNTY2LDI2My42NzYKCQlsMC4wNzgtMC4yOTNsMC4wNzgsMC4zMzZsMjMuNDM4LTg4LjIzOGwyNy4yMDItMS4wMzlsMTMuMTQ5LDQ3Ljc2OWwxMS4zMzYsNDEuNzFsMC4wNjYtMC4yODVsMC4wODYsMC4zMjRsMjEuNTE5LTkxLjM2MgoJCWwzMS41MTktMS4yMzRsOS4xOTEtMC4zMTZMMjMxLjM2MiwzNDMuNDhsLTMwLjgwMS0xLjEyMWwtMjQuODgyLTg3Ljc2MmwtMjQuMzE2LDg1Ljg0M2wtMjguNjQxLTEuMTIxTDkwLjUyMiwyMDUuNjczCgkJbC02LjQ4OC0yNy4wNzRsMzUuMTY0LTEuMzU5bDEwLjM1MSw0NS44NTFMMTM4LjU2NiwyNjMuNjc2eiIgc3R5bGU9ImZpbGw6IHJnYig0MCwgODIsIDE0OSk7Ij48L3BhdGg+CjwvZz4KPC9zdmc+Cg==") no-repeat center center; }