@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500&display=swap&subset=japanese);
@import url(https://fonts.googleapis.com/css2?family=Lato:ital,wght@1,700&display=swap);
/*! 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 - site-tab
******************************************************************/
.l-site-tab { padding-top: 5px; padding-right: 5px; padding-left: 5px; background: #004098; text-align: center; }

@media screen and (max-width: 767px) { .l-site-tab { padding-right: 10px; padding-left: 10px; } }

.l-site-tab * { line-height: 1; }

.l-site-tab__inner { max-width: 960px; margin: 0 auto; display: flex; }

.l-site-tab li { box-sizing: border-box; width: 33.33333%; padding: 7px 0 9px; color: #fff; font-size: 16px; }

@media screen and (max-width: 767px) { .l-site-tab li { font-size: 10px; padding: 5px 0 8px; } }

.l-site-tab a { display: block; color: #fff; border-right: 2px solid transparent; text-decoration: none; padding: 6px 0; }

@media screen and (max-width: 767px) { .l-site-tab a { padding: 2px 0; } }

.l-site-tab a:hover { text-decoration: none; color: #879fc0; }

.l-site-tab .is-home-current .l-site-tab__home { border-radius: 3px 3px 0 0; background: #fff; font-weight: bold; }

.l-site-tab .is-home-current .l-site-tab__home a { color: #004098; }

.l-site-tab .is-home-current .l-site-tab__eee a { border-right: solid 2px #5779a7; }

@media screen and (max-width: 767px) { .l-site-tab .is-home-current .l-site-tab__eee a { border-right: solid 1px #5779a7; } }

.l-site-tab .is-home-current .l-site-tab__company a { border-right: solid 2px #5779a7; }

@media screen and (max-width: 767px) { .l-site-tab .is-home-current .l-site-tab__company a { border-right: 0; } }

.l-site-tab .is-eee-current .l-site-tab__eee { border-radius: 3px 3px 0 0; background: #fff; font-weight: bold; }

.l-site-tab .is-eee-current .l-site-tab__eee a { color: #004098; }

.l-site-tab .is-eee-current .l-site-tab__home a { border-left: solid 2px #5779a7; }

@media screen and (max-width: 767px) { .l-site-tab .is-eee-current .l-site-tab__home a { border-left: 0; } }

.l-site-tab .is-eee-current .l-site-tab__company a { border-right: solid 2px #5779a7; }

@media screen and (max-width: 767px) { .l-site-tab .is-eee-current .l-site-tab__company a { border-right: 0; } }

.l-site-tab .is-company-current .l-site-tab__company { border-radius: 3px 3px 0 0; background: #fff; font-weight: bold; }

.l-site-tab .is-company-current .l-site-tab__company a { color: #004098; }

.l-site-tab .is-company-current .l-site-tab__home a { border-left: solid 2px #5779a7; }

@media screen and (max-width: 767px) { .l-site-tab .is-company-current .l-site-tab__home a { border-left: 0; } }

.l-site-tab .is-company-current .l-site-tab__eee a { border-left: solid 2px #5779a7; }

@media screen and (max-width: 767px) { .l-site-tab .is-company-current .l-site-tab__eee a { border-left: solid 1px #5779a7; } }

/******************************************************************
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--sogo .l-header__inner { padding-top: 15px; padding-bottom: 15px; }
  .l-header--sogo .l-header__logo-outer { margin-top: 0; }
  .l-header--sogo .l-header__body-pc { margin-top: 5px; }
  .l-header__inner { max-width: 960px; 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--sogo .l-header__logo { width: 240px; min-height: 42px; }
  .l-header__logo-network { font-size: 15px; width: 330px; 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__emergency { margin-right: 20px; }
  .l-header__emergency a { color: #E6002D; display: inline-block; font-size: 11px; background: url(/common20/img/icn_emergency.svg) left center no-repeat; padding: 5px 0 5px 20px; transition-property: color; transition-duration: 0.3s; }
  .l-header__emergency a:hover { text-decoration: none; color: #ff4d70; }
  .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__faq { margin-right: 20px; }
  .l-header__faq a { color: #181A24; display: inline-block; font-size: 11px; background: url(/common20/img/icn_faq.svg) left center no-repeat; padding: 5px 0 5px 20px; transition-property: color; transition-duration: 0.3s; }
  .l-header__faq a:hover { text-decoration: none; color: #004098; }
  .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 { color: #181A24; display: inline-block; font-size: 11px; background: url(/common20/img/icn_member.svg) left center no-repeat; padding: 5px 0 5px 20px; transition-property: color; transition-duration: 0.3s; }
  .l-header__member a:hover { text-decoration: none; color: #004098; }
  .l-header__lang { border-right: 1px solid #819abd; position: relative; }
  .l-header__lang-trigger { display: flex; }
  .l-header__lang-trigger a { border-top-left-radius: 4px; border-bottom-left-radius: 4px; color: #fff; font-size: 11px; line-height: 1.8; position: relative; padding-right: 19px; background: #004098 url(/common20/img/icn_lang.svg) left 15px center no-repeat; padding: 6px 25px 8px 40px; transition-property: background; transition-duration: 0.3s; }
  .l-header__lang-trigger a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 15px; height: 4px; border-color: #fff; border-style: solid; border-top-width: 4px; border-bottom-width: 0; border-left: 2px solid transparent; border-right: 2px solid transparent; }
  .l-header__lang-trigger a:hover { text-decoration: none; background-color: #0051c1; }
  .l-header__lang-trigger a[aria-expanded="true"]::after { border-top-width: 0; border-bottom-width: 4px; }
  .l-header__lang-list { position: absolute; z-index: 1000; display: none; margin-top: 2px; background-color: #004098; border-radius: 4px; padding: 14px; }
  .l-header__lang-list a { cursor: pointer; min-width: 87px; line-height: 1.8; font-size: 13px; color: #fff; white-space: nowrap; display: block; padding-top: 2px; padding-bottom: 2px; transition-property: opacity; transition-duration: 0.3s; }
  .l-header__lang-list a:hover { text-decoration: none; opacity: 0.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__search { position: relative; }
  .l-header__search-trigger { display: flex; }
  .l-header__search-trigger a { line-height: 1.8; border-top-right-radius: 4px; border-bottom-right-radius: 4px; color: #fff; font-size: 11px; background: #004098; padding: 6px 30px 8px 30px; transition-property: background; transition-duration: 0.3s; }
  .l-header__search-trigger a:hover { text-decoration: none; background-color: #0051c1; }
  .l-header__search-form { position: absolute; z-index: 1000; display: none; right: 0; margin-top: 2px; }
  .l-header__search-form form { display: flex; background: #004098; border-radius: 4px; padding: 6px; }
  .l-header__search-form form input[type="text"] { outline: 0; border: 0 !important; width: 200px; padding: 6px 12px; line-height: 1.8; font-size: 100%; }
  .l-header__search-form form button { box-sizing: border-box; display: flex; align-items: center; padding: 0 10px; width: 40px; }
  .l-header__search-form form button:hover { opacity: 0.7; }
  .l-header__search-form form button img { width: 20px; }
  .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--sogo .l-header__inner { padding-top: 0; padding-bottom: 0; }
  .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__logo-network { line-height: 1.8; font-size: 15px; }
  .l-header__logo-network img { max-width: 210px; width: 56vw; }
  .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__emergency { font-size: 10px; line-height: 1; }
  .l-header__emergency a { display: inline-block; color: #E6002D; padding: 2vw; }
  .l-header__emergency a:hover { text-decoration: none; }
  .l-header__emergency img { display: block; margin: 4px auto 4px auto; }
  .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 { font-size: 10px; line-height: 1; }
  .l-header__member a { display: inline-block; color: #181A24; padding: 2vw; }
  .l-header__member a:hover { text-decoration: none; }
  .l-header__member img { display: block; margin: 4px auto 4px auto; } }

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

@media print, screen and (min-width: 768px) { .l-nav__inner { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 16px; } }

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

/******************************************************************
layout - nav-main
******************************************************************/
@media print, screen and (min-width: 768px) { .l-nav-main { display: flex; }
  .l-nav-main > .l-nav-main__item { border-bottom: 1px solid #F5F5F6; flex-grow: 1; }
  .l-nav-main > .l-nav-main__item > a { display: flex; align-items: center; justify-content: center; box-sizing: border-box; height: 100%; line-height: 1; color: #181A24; padding-bottom: 12px; font-size: 14px; transition-property: color; transition-duration: 0.3s; position: relative; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-nav-main > .l-nav-main__item > a { font-size: 1.5vw; } }

@media print, screen and (min-width: 768px) { .l-nav-main > .l-nav-main__item > a:hover { color: #004098; }
  .l-nav-main > .l-nav-main__item > a::after { transition-property: height; transition-duration: 0.3s; position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; right: 0; bottom: 0; left: 0; width: 100%; height: 0; background-color: #004098; }
  .l-nav-main > .l-nav-main__item > a > span { display: inline-block; }
  .l-nav-main > .l-nav-main__item[data-menu-item] > a > span { position: relative; padding-right: 9px; padding: 0 16px 0 14px; }
  .l-nav-main > .l-nav-main__item[data-menu-item] > a > span::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0px, 0.25px) rotate(45deg); transform-origin: top right; border-bottom: 2px solid #181A24; border-right: 2px solid #181A24; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-nav-main > .l-nav-main__item[data-menu-item] > a > span::after { top: unset; bottom: -1px; }
  .l-nav-main > .l-nav-main__item[data-menu-item] > a:hover span::after { border-color: #004098; }
  .l-nav-main > .l-nav-main__item > a.is-active::after { height: 4px; }
  .l-nav-main > .l-nav-main__item[data-menu-item="event,true"] > a::after { height: 4px; } }

@media screen and (max-width: 767px) { .l-nav-main > .l-nav-main__item > a { box-sizing: border-box; line-height: 1.5; }
  .l-nav-main > .l-nav-main__item > a > span { display: block; } }

/******************************************************************
layout - nav-mega
******************************************************************/
.l-nav-mega { position: absolute; left: 0; width: 100%; z-index: 999; background: #004098; border-top: 6px solid #fff; color: #fff; font-weight: 300; line-height: 1.5; font-size: 14px; font-feature-settings: "palt"; letter-spacing: 1px; }

.l-nav-mega a { color: #fff; line-height: 1.8; }

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

@media print, screen and (min-width: 768px) { .l-nav-mega { display: none; }
  .l-nav-mega__close { width: 80px; display: block; margin-left: auto; margin-bottom: 10px; margin-top: -30px; }
  .l-nav-mega__close span { position: relative; padding-right: 24px; }
  .l-nav-mega__close span::before, .l-nav-mega__close span::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .l-nav-mega__close span::before { border-top: 2px solid #ffffff; width: 18px; height: 0; top: 0; bottom: 0; right: 0; transform: rotate(45deg); }
  .l-nav-mega__close span::after { border-left: 2px solid #ffffff; width: 0; height: 18px; top: 0; bottom: 0; right: 8px; transform: rotate(45deg); }
  .l-nav-mega__inner { max-width: 960px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; display: flex; padding-top: 40px; padding-bottom: 40px; }
  .l-nav-mega__head { box-sizing: border-box; width: 23.54167%; border-right: 1px solid #89a1c1; padding-right: 30px; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-nav-mega__head { padding-right: 3.125vw; } }

@media print, screen and (min-width: 768px) { .l-nav-mega__head-title { font-weight: 400; margin-bottom: 12px; font-size: 24px; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-nav-mega__head-title { font-size: 2.5vw; } }

@media print, screen and (min-width: 768px) { .l-nav-mega__head-btn { position: absolute; }
  .l-nav-mega__body { width: 76.45833%; padding-left: 30px; display: flex; flex-wrap: wrap; margin-top: -15px; margin-right: -25px; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-nav-mega__body { padding-left: 3.125vw; } }

@media print, screen and (min-width: 768px) { .l-nav-mega__item1 { width: calc((100%/3) - 25px); margin-top: 15px; margin-right: 24.9px; }
  .l-nav-mega__item1 > *:not(:first-child) { margin-top: 15px; }
  .l-nav-mega__item2 { width: calc(((100%/3)*2) - 25px); margin-top: 15px; margin-right: 24.9px; }
  .l-nav-mega__item2-inner { display: flex; flex-wrap: wrap; margin-top: -15px; margin-right: -25px; }
  .l-nav-mega__item2-inner > * { width: calc(100%/2 - 25px); margin-top: 15px; margin-right: 24.9px; }
  .l-nav-mega__item-img { display: block; }
  .l-nav-mega__item-img span { margin-bottom: 5px; display: block; overflow: hidden; }
  .l-nav-mega__item-img span img { width: 100%; transition-property: transform; transition-duration: 0.3s; }
  .l-nav-mega__item-img:hover img { transform: scale(1.1); }
  .l-nav-mega__item-list > *:not(:first-child) { margin-top: 10px; } }

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

/******************************************************************
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-control { line-height: 1.8; display: inline-block; padding: 2vw; text-align: center; color: #181A24; font-size: 14px; }
  .l-sp-nav-control:hover { text-decoration: none; }
  .l-sp-nav-control__item { display: inline-block; top: -1px; position: relative; height: 2px; width: 20px; background-color: #004098; transition-property: all; transition-duration: 0.3s; }
  .l-sp-nav-control__item::before, .l-sp-nav-control__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-control__item::before { height: 2px; width: 20px; background-color: #004098; width: 20px; bottom: 6px; }
  .l-sp-nav-control__item::after { height: 2px; width: 20px; background-color: #004098; width: 20px; bottom: -6px; }
  .l-sp-nav-control[aria-expanded="true"] .l-sp-nav-control__item { background-color: transparent; }
  .l-sp-nav-control[aria-expanded="true"] .l-sp-nav-control__item::before { bottom: 0; transform: rotate(-45deg); }
  .l-sp-nav-control[aria-expanded="true"] .l-sp-nav-control__item::after { bottom: 0; transform: rotate(45deg); }
  .l-sp-nav-control__text { display: block; text-align: center; font-size: 10px; min-width: 4em; }
  .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__sogo { display: flex; justify-content: space-between; padding: 10px 20px 10px 20px; }
  .l-sp-nav__sogo .l-sp-nav__lang { width: calc(50% - 5px); }
  .l-sp-nav__sogo .l-sp-nav__lang-trigger a { display: block; border-radius: 0; padding: 14px 30px 14px 45px; font-size: 14px; } }

@media screen and (max-width: 767px) and (max-width: 414px) { .l-sp-nav__sogo .l-sp-nav__lang-trigger a { font-size: 3.3vw; padding: 14px 6.5vw 14px 10vw; } }

@media screen and (max-width: 767px) { .l-sp-nav__sogo .l-sp-nav__lang-list { box-sizing: border-box; width: 100%; border-radius: 0; margin-top: 0; border: 1px solid #6a85af; }
  .l-sp-nav__faq { width: calc(50% - 5px); text-align: center; }
  .l-sp-nav__faq a { display: block; color: #fff; background: #004098 url(/common20/img/icn_faq_w.svg) left 18px center no-repeat; padding: 14px 30px 14px 45px; font-size: 14px; } }

@media screen and (max-width: 767px) and (max-width: 414px) { .l-sp-nav__faq a { font-size: 3.3vw; padding: 14px 6.5vw 14px 10vw; } }

@media screen and (max-width: 767px) { .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__bottom { padding: 60px 0; }
  .l-sp-nav__bottom > *:not(:last-child) { margin-bottom: 40px; } }

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

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

@media screen and (max-width: 767px) { .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__lang { position: relative; }
  .l-sp-nav__lang-trigger { text-align: center; }
  .l-sp-nav__lang-trigger a { display: inline-block; border-radius: 4px; color: #fff; font-size: 11px; position: relative; padding-right: 21px; background: #004098 url(/common20/img/icn_lang.svg) left 18px center no-repeat; padding: 6px 30px 8px 45px; }
  .l-sp-nav__lang-trigger a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 17px; height: 4px; border-color: #fff; border-style: solid; border-top-width: 4px; border-bottom-width: 0; border-left: 2px solid transparent; border-right: 2px solid transparent; }
  .l-sp-nav__lang-trigger a:hover { text-decoration: none; }
  .l-sp-nav__lang-trigger a[aria-expanded="true"]::after { border-top-width: 0; border-bottom-width: 4px; }
  .l-sp-nav__lang-list { display: none; position: absolute; left: 50%; transform: translateX(-50%); z-index: 1000; display: none; margin-top: 2px; background-color: #004098; border-radius: 4px; padding: 10px; }
  .l-sp-nav__lang-list a { cursor: pointer; min-width: 105px; font-size: 13px; color: #fff; white-space: nowrap; display: block; }
  .l-sp-nav__target > *:not(:last-child) { margin-bottom: 10px; }
  .l-sp-nav__target a { display: block; text-align: center; background-color: #004098; color: #fff; font-size: 14px; position: relative; padding-right: 25.5px; padding: 15px 28px 15px 20px; }
  .l-sp-nav__target 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 #fff; border-right: 1px solid #fff; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-sp-nav__target2 { border-top: 1px solid #F5F5F6; }
  .l-sp-nav__target2 > *:not(:last-child) { margin-bottom: 10px; }
  .l-sp-nav__target2 li { border-bottom: 1px solid #F5F5F6; }
  .l-sp-nav__target2 a { display: block; color: #181A24; position: relative; padding-right: 25.5px; padding: 15px 28px 15px 20px; }
  .l-sp-nav__target2 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-nav__about { padding-top: 15px; padding-bottom: 15px; }
  .l-sp-nav__about > *:not(:last-child) { margin-bottom: 8px; }
  .l-sp-nav__sns { display: flex; justify-content: center; }
  .l-sp-nav__sns li { padding: 0 18px; } }

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

@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-navs { background-color: #004098; font-size: 14px; }

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

.l-sp-navs__item1:not(:last-child) { border-bottom: 1px solid #6c8ab2; }

.l-sp-navs__item1 > a { display: block; color: #fff; }

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

.l-sp-navs__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 #fff; border-right: 1px solid #fff; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

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

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

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

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

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

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

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

.l-sp-navs__item1 > ul { display: none; }

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

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

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

.l-sp-navs__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 #3c3c3c; border-right: 1px solid #3c3c3c; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.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; }

.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-breadcrumb
******************************************************************/
.l-footer-breadcrumb { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

.l-footer-breadcrumb ol { padding-top: 10px; padding-bottom: 10px; font-size: 11px; }

.l-footer-breadcrumb ol::after { content: ""; display: block; clear: both; }

.l-footer-breadcrumb ol li { float: left; padding-right: 2em; font-size: 85%; line-height: 1.8; }

.l-footer-breadcrumb ol li a { line-height: 1.8; color: inherit; text-decoration: none; }

.l-footer-breadcrumb ol li a:hover { text-decoration: underline; }

.l-footer-breadcrumb ol li:not(:last-child)::after { content: '>'; padding-left: 2em; color: #b4b4b4; }

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

/******************************************************************
layout - footer-nav
******************************************************************/
.l-footer-nav__main li a { position: relative; display: block; overflow: hidden; background-color: #000; color: #fff; font-size: 16px; }

@media print, screen and (min-width: 768px) { .l-footer-nav__main li a { padding-top: 28.57143%; } }

@media print, screen and (max-width: 980px) { .l-footer-nav__main li a { font-size: 1.6vw; } }

@media screen and (max-width: 767px) { .l-footer-nav__main li a { padding-top: 26.66667%; font-size: 18px; } }

.l-footer-nav__main li a:hover { text-decoration: none; }

.l-footer-nav__main li a span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; }

.l-footer-nav__img { background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.6; }

@media print, screen and (min-width: 768px) { .l-footer-nav__img { transition-property: transform, opacity; transition-duration: 0.3s; transform: scale(1.01); }
  a:hover .l-footer-nav__img { transform: scale(1.1); opacity: 1; } }

@media print, screen and (min-width: 768px) { .l-footer-nav__main { display: flex; }
  .l-footer-nav__main li { width: 100%; } }

/******************************************************************
layout - footer-bnr
******************************************************************/
.l-footer-bnr { position: relative; }

@media print, screen and (min-width: 768px) { .l-footer-bnr { margin-left: auto; margin-right: auto; width: 672px; padding-top: 40px; padding-bottom: 40px; } }

@media screen and (max-width: 767px) { .l-footer-bnr { margin-left: 15px; margin-right: 15px; padding-top: 20px; padding-bottom: 20px; } }

.l-footer-bnr__arrow .slick-prev, .l-footer-bnr__arrow .slick-next { position: absolute; top: 50%; transform: translate(0, -50%) translateZ(0); outline: none; overflow: hidden; text-indent: -999px; width: 30px; height: 30px; }

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

.l-footer-bnr__arrow .slick-prev { z-index: +1; left: 0; position: relative; position: absolute; }

.l-footer-bnr__arrow .slick-prev::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(1.5px, 0) rotate(225deg); border-top: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.l-footer-bnr__arrow .slick-next { right: 0; position: relative; position: absolute; }

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

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

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

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

@media print, screen and (min-width: 768px) { .l-footer__inner { line-height: 1.8; max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 50px; padding-bottom: 40px; text-align: center; }
  .l-footer__inner > *:not(:last-child) { margin-bottom: 40px; } }

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

@media print, screen and (min-width: 768px) { .l-footer__sns-outer { display: flex; justify-content: center; align-items: center; }
  .l-footer__sns { display: flex; }
  .l-footer__sns li { margin-right: 25px; }
  .l-footer__sns a { transition-property: opacity; transition-duration: 0.3s; }
  .l-footer__sns a:hover { opacity: 0.7; }
  .l-footer__sns-list a { display: inline-block; position: relative; padding-right: 5.5px; padding-right: 30px; }
  .l-footer__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-footer__sns-list a::after { top: 2px; }
  .l-footer__target { display: flex; justify-content: center; flex-wrap: wrap; margin-top: 40px; margin-bottom: 60px !important; margin-right: -20px; }
  .l-footer__target li { width: calc(33.33333% - 20px); margin-top: 20px; margin-right: 20px; display: flex; }
  .l-footer__target a { line-height: 1.8; flex-grow: 1; display: flex; align-items: center; justify-content: center; background-color: #fff; color: #181A24; font-weight: 400; transition-property: opacity; transition-duration: 0.3s; position: relative; padding-right: 26.5px; padding: 1em 30px; }
  .l-footer__target a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-20px, 3px) rotate(45deg); transform-origin: top right; border-top: 1px solid #181A24; border-right: 1px solid #181A24; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-footer__target a::after { transition-property: border; transition-duration: 0.3s; }
  .l-footer__target a:hover { text-decoration: none; color: #181A24; opacity: 0.7; }
  .l-footer__nav ul { display: flex; justify-content: center; line-height: 1; }
  .l-footer__nav ul li:not(:last-child) { padding-right: 30px; margin-right: 30px; border-right: 1px solid #6c8ab2; }
  .l-footer__copy { font-size: 12px; } }

@media screen and (max-width: 767px) { .l-footer__inner { padding-top: 40px; padding-bottom: 40px; text-align: center; }
  .l-footer__sns-outer { padding-bottom: 40px; }
  .l-footer__sns-outer > *:not(:last-child) { margin-bottom: 30px; } }

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

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

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

@media screen and (max-width: 767px) { .l-footer__sns-list { text-align: center; }
  .l-footer__sns-list a { line-height: 1.8; display: inline-block; font-size: 14px; position: relative; padding-right: 5.5px; padding-right: 25px; }
  .l-footer__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-footer__sns-list a::after { top: 2px; }
  .l-footer__target { padding-bottom: 20px; padding-left: 20px; padding-right: 20px; }
  .l-footer__target > *:not(:first-child) { margin-top: 10px; }
  .l-footer__target a { line-height: 1.8; display: block; background-color: #fff; color: #181A24; font-weight: 400; position: relative; padding-right: 26.5px; padding: 1em 30px; }
  .l-footer__target a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-20px, 3px) rotate(45deg); transform-origin: top right; border-top: 1px solid #181A24; border-right: 1px solid #181A24; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-footer__target a::after { transition-property: border; transition-duration: 0.3s; }
  .l-footer__target a:hover { text-decoration: none; color: #181A24; }
  .l-footer__nav { border-top: 1px solid #6c8ab2; }
  .l-footer__nav a { line-height: 1.8; display: block; border-bottom: 1px solid #6c8ab2; padding: 12px 0; }
  .l-footer__copy { display: block; padding-top: 40px; font-size: 12px; } }

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

/******************************************************************
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 { margin-right: 150px; text-align: center; } }

@media screen and (min-width: 768px) and (max-width: 1260px) { .l-footer2__sns-outer { margin-right: 11.90476vw; } }

@media screen and (min-width: 768px) and (max-width: 900px) { .l-footer2__sns-outer { margin-right: 30px; } }

@media print, screen and (min-width: 768px) { .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; }
  .l-footer2__bnr li:not(:last-child) { margin-bottom: 15px; }
  .l-footer2__bnr a { transition-property: opacity; transition-duration: 0.3s; }
  .l-footer2__bnr a:hover { opacity: 0.7; } }

@media screen and (max-width: 767px) { .l-footer2__inner { padding: 30px 20px; display: flex; flex-direction: column; }
  .l-footer2__nav { order: 3; border-top: 1px solid #fff; margin-top: 30px; padding-top: 20px; 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; }
  .l-footer2__bnr { margin-top: 30px; text-align: center; }
  .l-footer2__bnr li:not(:last-child) { margin-bottom: 15px; } }

/******************************************************************
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: 950px; 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: 950px; 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: 950px; 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: 950px; 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__top-topics { max-width: 950px; 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__top-topics { margin-top: 60px; margin-bottom: 30px; padding-right: 20px; padding-left: 20px; } }

.c-section__top-special { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 80px; margin-bottom: 100px; }

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

.c-section__cat-detail { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 80px; margin-bottom: 100px; }

.c-section__cat-detail > *:not(:last-child) { margin-bottom: 40px; }

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

.c-section__cat-detail::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 100%; height: 236px; background-color: #F5F5F6; z-index: -1; }

@media screen and (max-width: 767px) { .c-section__cat-detail::after { height: 202px; } }

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

@media print, screen and (min-width: 768px) { .c-section__cat-detail > .c-grid2.c-grid2--2l:first-child { margin-top: 30px; } }

.c-section__topicshead { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 40px; margin-bottom: 100px; display: flex; justify-content: space-between; }

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

@media screen and (max-width: 767px) { .c-section__topicshead { flex-direction: column-reverse; }
  .c-section__topicshead > *:first-child { margin-top: 15px; } }

.c-section--cat-add-detail .c-section__detail:first-child { margin-top: 0 !important; }

.c-section__detail-bg-wrapper { background-color: #F5F5F6; padding-top: .1px; padding-bottom: .1px; }

.c-section__detail { max-width: 950px; 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; } }

.c-section__head-date { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 40px; margin-bottom: -20px; }

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

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

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

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

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

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

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

.c-section__detail-bottom::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 100%; height: 100%; border-bottom: 1px solid #dcdcdc; background-color: #F5F5F6; z-index: -1; }

.c-section--net-top-bottom:last-child { margin-bottom: 110px; }

@media screen and (max-width: 767px) { .c-section--net-top-bottom:last-child { margin-bottom: 55px; } }

.c-section__net-top { max-width: 950px; 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__net-top { margin-top: 60px; 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); } }

.c-grid2--2s { margin-right: -10px; margin-top: -10px; }

.c-grid2--2s > [class*="c-grid2__item"], .c-grid2--2s > .c-grid2__item5col { margin-right: 10px; margin-top: 10px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-grid2--m { margin-right: -20px; margin-top: -20px; }

.c-grid2--m > [class*="c-grid2__item"], .c-grid2--m > .c-grid2__item5col { margin-right: 20px; margin-top: 20px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-grid2--2l { margin-right: -30px; margin-top: -30px; }

.c-grid2--2l > [class*="c-grid2__item"], .c-grid2--2l > .c-grid2__item5col { margin-right: 30px; margin-top: 30px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-grid2--2x { margin-right: -40px; margin-top: -40px; }

.c-grid2--2x > [class*="c-grid2__item"], .c-grid2--2x > .c-grid2__item5col { margin-right: 40px; margin-top: 40px; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

/******************************************************************
component - grid
******************************************************************/
.c-grid-col { height: 100%; }

.c-grid-col__inner { height: calc(100% + 20px); display: flex; flex-direction: column; }

.c-grid-col__inner > .c-grid-col__item1 { position: relative; box-sizing: border-box; height: calc( 8.33333% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item2 { position: relative; box-sizing: border-box; height: calc( 16.66667% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item3 { position: relative; box-sizing: border-box; height: calc( 25% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item4 { position: relative; box-sizing: border-box; height: calc( 33.33333% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item5 { position: relative; box-sizing: border-box; height: calc( 41.66667% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item6 { position: relative; box-sizing: border-box; height: calc( 50% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item7 { position: relative; box-sizing: border-box; height: calc( 58.33333% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item8 { position: relative; box-sizing: border-box; height: calc( 66.66667% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item9 { position: relative; box-sizing: border-box; height: calc( 75% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item10 { position: relative; box-sizing: border-box; height: calc( 83.33333% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item11 { position: relative; box-sizing: border-box; height: calc( 91.66667% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item12 { position: relative; box-sizing: border-box; height: calc( 100% - 20px); margin-bottom: 20px; }

.c-grid-col__inner > .c-grid-col__item5col { position: relative; box-sizing: border-box; height: calc( 20% - 20px); margin-bottom: 20px; }

.c-grid-col__item--center { display: flex; justify-content: center; text-align: center; }

.c-grid-col__item--vertical { display: flex; align-items: center; }

@media screen and (max-width: 767px) { .c-grid-col__inner { height: auto; margin-bottom: -15px; }
  .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 15px); margin-bottom: 15px; }
  .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 15px); margin-bottom: 15px; } }

.c-grid-col--2s > .c-grid-col__inner { height: calc(100% + 10px); }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 10px); margin-bottom: 10px; }

.c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 10px); margin-bottom: 10px; }

@media screen and (max-width: 767px) { .c-grid-col--2s > .c-grid-col__inner { margin-bottom: -7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col--2s > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 7.5px); margin-bottom: 7.5px; } }

.c-grid-col--m > .c-grid-col__inner { height: calc(100% + 20px); }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 20px); margin-bottom: 20px; }

.c-grid-col--m > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 20px); margin-bottom: 20px; }

@media screen and (max-width: 767px) { .c-grid-col--m > .c-grid-col__inner { margin-bottom: -15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 15px); margin-bottom: 15px; }
  .c-grid-col--m > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 15px); margin-bottom: 15px; } }

.c-grid-col--2l > .c-grid-col__inner { height: calc(100% + 30px); }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 30px); margin-bottom: 30px; }

.c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 30px); margin-bottom: 30px; }

@media screen and (max-width: 767px) { .c-grid-col--2l > .c-grid-col__inner { margin-bottom: -22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col--2l > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 22.5px); margin-bottom: 22.5px; } }

.c-grid-col--2x > .c-grid-col__inner { height: calc(100% + 40px); }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 40px); margin-bottom: 40px; }

.c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 40px); margin-bottom: 40px; }

@media screen and (max-width: 767px) { .c-grid-col--2x > .c-grid-col__inner { margin-bottom: -30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 30px); margin-bottom: 30px; }
  .c-grid-col--2x > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 30px); margin-bottom: 30px; } }

@media screen and (max-width: 767px) { .c-grid-col.sp-2s > .c-grid-col__inner { margin-bottom: -7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 7.5px); margin-bottom: 7.5px; }
  .c-grid-col.sp-2s > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 7.5px); margin-bottom: 7.5px; } }

@media screen and (max-width: 767px) { .c-grid-col.sp-m > .c-grid-col__inner { margin-bottom: -15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 15px); margin-bottom: 15px; }
  .c-grid-col.sp-m > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 15px); margin-bottom: 15px; } }

@media screen and (max-width: 767px) { .c-grid-col.sp-2l > .c-grid-col__inner { margin-bottom: -22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 22.5px); margin-bottom: 22.5px; }
  .c-grid-col.sp-2l > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 22.5px); margin-bottom: 22.5px; } }

@media screen and (max-width: 767px) { .c-grid-col.sp-2x > .c-grid-col__inner { margin-bottom: -30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item1 { height: calc( 8.33333% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item2 { height: calc( 16.66667% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item3 { height: calc( 25% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item4 { height: calc( 33.33333% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item5 { height: calc( 41.66667% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item6 { height: calc( 50% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item7 { height: calc( 58.33333% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item8 { height: calc( 66.66667% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item9 { height: calc( 75% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item10 { height: calc( 83.33333% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item11 { height: calc( 91.66667% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item12 { height: calc( 100% - 30px); margin-bottom: 30px; }
  .c-grid-col.sp-2x > .c-grid-col__inner > .c-grid-col__item5col { height: calc( 20% - 30px); margin-bottom: 30px; } }

/******************************************************************
component - 100vw
******************************************************************/
.c-100vw { width: 100vw; margin: 0 calc(50% - 50vw); }

.c-100vw__inner { padding-right: 30px; padding-left: 30px; }

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

.c-100vw__inner950 { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

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

/******************************************************************
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: 14px; }

.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; font-size: 15px; }

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

.c-card-list__body--line-clamp > span { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; /*IE対策*/ }

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

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

.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 - card-list2
******************************************************************/
.c-card-list2-title { display: none; }

@media screen and (max-width: 767px) { .c-card-list2-title { display: block; background-color: #F5F5F6; margin-bottom: 0 !important; border: 1px solid #dcdcdc; border-bottom: 0; }
  .c-card-list2-title a { display: block; padding: 8px; font-weight: 400; font-size: 15px; } }

@media print, screen and (min-width: 768px) { .c-card-list2 { display: flex; flex-wrap: wrap; margin-right: -25px; margin-top: -25px; } }

.c-card-list2__item { box-sizing: border-box; border: 1px solid #dcdcdc; }

@media print, screen and (min-width: 768px) { .c-card-list2__item { margin-right: 25px; margin-top: 25px; width: calc(33.33333% - 25px); } }

@media screen and (max-width: 767px) { .c-card-list2__item:not(:first-child) { border-top: 0; } }

@media print, screen and (min-width: 768px) { .c-card-list2__head { background-color: #F5F5F6; } }

.c-card-list2__head > * { display: flex; align-items: center; font-weight: 400; font-size: 15px; padding: 8px; line-height: 1.5; }

@media screen and (max-width: 767px) { .c-card-list2__head > * { flex-grow: 1; text-decoration: none !important; }
  .js-accordion .c-card-list2__head > * { position: relative; padding-right: 35px; }
  .js-accordion .c-card-list2__head > *::before, .js-accordion .c-card-list2__head > *::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .js-accordion .c-card-list2__head > *::before { border-top: 2px solid #004098; width: 18px; height: 0; top: 0; bottom: 0; right: 0; }
  .js-accordion .c-card-list2__head > *::after { border-left: 2px solid #004098; width: 0; height: 18px; top: 0; bottom: 0; right: 8px; transition-property: all; transition-duration: 0.3s; }
  .js-accordion .c-card-list2__head > *::before { right: 10px; }
  .js-accordion .c-card-list2__head > *::after { right: 18px; }
  .js-accordion .c-card-list2__head > *[aria-expanded="true"]::after { height: 0; } }

.c-card-list2__head-img { padding-right: 8px; flex-shrink: 0; }

.c-card-list2__head-text { flex-grow: 1; }

@media screen and (max-width: 767px) { .c-card-list2__head { display: flex; } }

.c-card-list2__head-toggle { display: none; }

.c-card-list2__body { padding: 20px; }

@media screen and (max-width: 767px) { .c-card-list2__body { display: none; padding: 0; }
  .c-card-list2__body .c-list__item { margin: 0 !important; border-top: 1px solid #dcdcdc; }
  .c-card-list2__body .c-list__item a { display: block; padding: 8px; } }

/******************************************************************
component - card-list3
******************************************************************/
@media print, screen and (min-width: 768px) { .c-card-list3 { display: flex; flex-wrap: wrap; margin-right: -25px; margin-top: -25px; } }

.c-card-list3__item { box-sizing: border-box; border: 1px solid #dcdcdc; }

@media print, screen and (min-width: 768px) { .c-card-list3__item { margin-right: 25px; margin-top: 25px; width: calc(33.33333% - 25px); } }

@media screen and (max-width: 767px) { .c-card-list3__item:not(:first-child) { border-top: 0; } }

.c-card-list3__head { display: flex; align-items: center; font-weight: 400; font-size: 16px; padding: 8px; line-height: 1.5; }

@media print, screen and (min-width: 768px) { .c-card-list3__head { background-color: #F5F5F6; } }

@media screen and (max-width: 767px) { .c-card-list3__head { font-size: 15px; flex-grow: 1; text-decoration: none; }
  .js-accordion .c-card-list3__head { position: relative; padding-right: 35px; }
  .js-accordion .c-card-list3__head::before, .js-accordion .c-card-list3__head::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .js-accordion .c-card-list3__head::before { border-top: 2px solid #004098; width: 18px; height: 0; top: 0; bottom: 0; right: 0; }
  .js-accordion .c-card-list3__head::after { border-left: 2px solid #004098; width: 0; height: 18px; top: 0; bottom: 0; right: 8px; transition-property: all; transition-duration: 0.3s; }
  .js-accordion .c-card-list3__head::before { right: 10px; }
  .js-accordion .c-card-list3__head::after { right: 18px; }
  .js-accordion .c-card-list3__head[aria-expanded="true"]::after { height: 0; } }

.c-card-list3__head-img { padding-right: 8px; flex-shrink: 0; }

.c-card-list3__head-text { flex-grow: 1; display: flex; align-items: center; }

@media screen and (max-width: 767px) { .c-card-list3__head { display: flex; } }

.c-card-list3__head-toggle { display: none; }

.c-card-list3__body { padding: 20px; }

@media screen and (max-width: 767px) { .c-card-list3__body { display: none; padding: 0; }
  .c-card-list3__body .c-list__item { margin: 0 !important; border-top: 1px solid #dcdcdc; }
  .c-card-list3__body .c-list__item a { display: block; padding: 8px; } }

.c-frame-bg { background-color: #F5F5F6; padding: 30px; }

@media screen and (max-width: 767px) { .c-frame-bg { padding: 20px; } }

.c-frame-bg--grid { padding: 9px 12px; }

.c-frame-bg--quotation { background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IiB3aWR0aD0iMThweCIgaGVpZ2h0PSIxM3B4IiB2aWV3Qm94PSIwIDAgMTggMTMiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDE4IDEzOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6I0ZGRkZGRjt9Cjwvc3R5bGU+CjxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDE4MiAyOTU5KSI+Cgk8Zz4KCQk8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwIDApIj4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0xODEuOS0yOTUxLjJoMy44bC0yLjUsNS4xaDMuOGwyLjUtNS4xdi03LjZoLTcuNlYtMjk1MS4yeiIvPgoJCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTE3MS43LTI5NTguOXY3LjZoMy44bC0yLjUsNS4xaDMuOGwyLjUtNS4xdi03LjZILTE3MS43eiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K) left 8px top 8px no-repeat, url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSLjg6zjgqTjg6Tjg7xfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSIxOCIgaGVpZ2h0PSIxMyIgdmlld0JveD0iMCAwIDE4IDEzIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IDAgMCAxOCAxMzsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiNGRkZGRkY7fQo8L3N0eWxlPgo8ZyB0cmFuc2Zvcm09InRyYW5zbGF0ZSgxODIgMjk1OSkiPgoJPGc+CgkJPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMCAwKSI+CgkJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTY0LjEtMjk1My44aC0zLjhsMi41LTUuMWgtMy44bC0yLjUsNS4xdjcuNmg3LjZWLTI5NTMuOHoiLz4KCQkJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0xNzQuMy0yOTQ2LjF2LTcuNmgtMy44bDIuNS01LjFoLTMuOGwtMi41LDUuMXY3LjZILTE3NC4zeiIvPgoJCTwvZz4KCTwvZz4KPC9nPgo8L3N2Zz4K) right 8px bottom 8px no-repeat, #F5F5F6; }

@media screen and (max-width: 767px) { .c-frame-bg--quotation { background-size: 15px auto; } }

.c-frame-bg--message { text-align: center; padding: 60px 30px; }

@media screen and (max-width: 767px) { .c-frame-bg--message { padding: 40px 20px; } }

.c-frame-border { border: 1px solid #dcdcdc; padding: 30px; }

@media screen and (max-width: 767px) { .c-frame-border { padding: 20px; } }

@media print, screen and (min-width: 768px) { .c-indent-side { margin-left: 5%; margin-right: 5%; } }

/******************************************************************
component - nav-inline
******************************************************************/
.c-nav-inline { margin-bottom: 40px !important; }

@media screen and (max-width: 767px) { .c-nav-inline { margin-bottom: 30px !important; } }

.c-nav-inline a { color: #181A24; font-weight: 400; text-decoration: none; }

.c-nav-inline__head { display: none; }

@media screen and (max-width: 767px) { .c-nav-inline__head { display: block; border: 1px solid #dcdcdc; }
  .c-nav-inline__head a { display: block; position: relative; padding: 15px 28px 15px 20px; }
  .c-nav-inline__head a::before, .c-nav-inline__head a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-nav-inline__head a::before { border-top: 1px solid #181A24; width: 13px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-nav-inline__head a::after { border-left: 1px solid #181A24; width: 0; height: 13px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }
  .c-nav-inline__head a::before { right: 16px; }
  .c-nav-inline__head a::after { right: 22px; }
  .c-nav-inline__head a[aria-expanded="true"]::after { height: 0; } }

@media print, screen and (min-width: 768px) { .c-nav-inline__body { border: 1px solid #dcdcdc; display: flex !important; }
  .c-nav-inline__body li { width: 100%; }
  .c-nav-inline__body li:not(:last-child) a::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 0; bottom: 0; width: 1px; height: 60%; background-color: #dcdcdc; }
  .c-nav-inline__body a { position: relative; display: block; text-align: center; transition-property: background; transition-duration: 0.3s; position: relative; padding-right: 21px; padding: 14px 24px 14px 10px; }
  .c-nav-inline__body a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-12px, 1.25px) rotate(45deg); transform-origin: top right; border-bottom: 1px solid #181A24; border-right: 1px solid #181A24; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .c-nav-inline__body a { font-size: 1.6vw; } }

@media print, screen and (min-width: 768px) { .c-nav-inline__body a:hover { background-color: #F5F5F6; } }

@media screen and (max-width: 767px) { .c-nav-inline__body { display: none; }
  .c-nav-inline__body li { background-color: #fff; border-left: 1px solid #dcdcdc; border-right: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; }
  .c-nav-inline__body li > a { display: block; color: #181A24; position: relative; padding-right: 27px; padding: 15px 28px 15px 20px; }
  .c-nav-inline__body li > a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-18px, 1.25px) rotate(45deg); transform-origin: top right; border-bottom: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

/******************************************************************
component - nav-inline2
******************************************************************/
.c-nav-inline2 { margin-bottom: 40px !important; }

@media screen and (max-width: 767px) { .c-nav-inline2 { margin-bottom: 30px !important; } }

.c-nav-inline2 a { color: #181A24; font-weight: 400; text-decoration: none; }

.c-nav-inline2__head { display: none; }

@media screen and (max-width: 767px) { .c-nav-inline2__head { display: block; border: 1px solid #3c3c3c; border-radius: 8px; }
  .c-nav-inline2__head a { display: block; position: relative; padding: 15px 28px 15px 20px; }
  .c-nav-inline2__head a::before, .c-nav-inline2__head a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-nav-inline2__head a::before { border-top: 1px solid #004098; width: 13px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-nav-inline2__head a::after { border-left: 1px solid #004098; width: 0; height: 13px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }
  .c-nav-inline2__head a::before { right: 16px; }
  .c-nav-inline2__head a::after { right: 22px; }
  .c-nav-inline2__head a[aria-expanded="true"]::after { height: 0; } }

@media print, screen and (min-width: 768px) { .c-nav-inline2__body { display: flex !important; flex-wrap: wrap; margin-right: -10px; margin-top: -10px; }
  .c-nav-inline2__body li { display: flex; }
  .c-nav-inline2__body a { width: 100%; display: flex; align-items: center; justify-content: center; position: relative; text-align: center; border: 1px solid #3c3c3c; border-radius: 8px; transition-property: background; transition-duration: 0.3s; padding: 14px 24px; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .c-nav-inline2__body a { font-size: 1.6vw; } }

@media print, screen and (min-width: 768px) { .c-nav-inline2__body a:hover { background-color: #F5F5F6; }
  .c-nav-inline2__body a span { position: relative; padding-right: 9px; padding-right: 25px; text-align: left; }
  .c-nav-inline2__body a span::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(0, 1.25px) rotate(45deg); transform-origin: top right; border-bottom: 1px solid #004098; border-right: 1px solid #004098; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media screen and (max-width: 767px) { .c-nav-inline2__body { display: none; }
  .c-nav-inline2__body li { background-color: #fff; border-bottom: 1px solid #dcdcdc; }
  .c-nav-inline2__body li > a { display: block; color: #181A24; position: relative; padding-right: 27px; padding: 15px 28px 15px 20px; }
  .c-nav-inline2__body li > a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-18px, 1.25px) rotate(45deg); transform-origin: top right; border-bottom: 1px solid #004098; border-right: 1px solid #004098; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media print, screen and (min-width: 768px) { .c-nav-inline2__col2 { width: calc(50% - 10px); margin-right: 10px; margin-top: 10px; }
  .c-nav-inline2__col3 { width: calc(100%/3 - 10px); margin-right: 10px; margin-top: 10px; }
  .c-nav-inline2__col4 { width: calc(25% - 10px); margin-right: 10px; margin-top: 10px; } }

/******************************************************************
component - nav-inline3
******************************************************************/
@media print, screen and (min-width: 768px) { .c-nav-inline3 { min-width: 310px; } }

.c-nav-inline3 a { color: #181A24; font-weight: 400; text-decoration: none; }

.c-nav-inline3__inner { position: relative; }

.c-nav-inline3__head { display: block; border: 1px solid #dcdcdc; }

.c-nav-inline3__head a { display: block; position: relative; padding-right: 23px; padding: 15px 28px 15px 20px; }

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

.c-nav-inline3__head a[aria-expanded="true"]::after { transform: translate(-23px, 4px) rotate(-135deg); }

@media print, screen and (min-width: 768px) { .c-nav-inline3__head a { transition-property: background; transition-duration: 0.3s; }
  .c-nav-inline3__head a:hover { background-color: #F5F5F6; } }

.c-nav-inline3__body { display: none; box-sizing: border-box; position: absolute; z-index: +1; width: 100%; border: 1px solid #dcdcdc; border-top: 0; background-color: #fff; padding: 10px 0; }

.c-nav-inline3__body li > a { display: block; color: #181A24; padding: 7px 10px 7px 20px; }

@media print, screen and (min-width: 768px) { .c-nav-inline3__body li > a { transition-property: color; transition-duration: 0.3s; }
  .c-nav-inline3__body li > a:hover { color: #6b749d; } }

/******************************************************************
component - navs
******************************************************************/
.c-navs { margin-bottom: 40px !important; }

@media screen and (max-width: 767px) { .c-navs { margin-bottom: 30px !important; } }

.c-navs a { color: #181A24; font-weight: 400; text-decoration: none; }

.c-navs__head { display: none; }

@media screen and (max-width: 767px) { .c-navs__head { display: block; border: 1px solid #3c3c3c; border-radius: 8px; }
  .c-navs__head a { display: block; color: #181A24; position: relative; padding: 15px 28px 15px 20px; }
  .c-navs__head a::before, .c-navs__head a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-navs__head a::before { border-top: 1px solid #004098; width: 13px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-navs__head a::after { border-left: 1px solid #004098; width: 0; height: 13px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }
  .c-navs__head a::before { right: 16px; }
  .c-navs__head a::after { right: 22px; }
  .c-navs__head a[aria-expanded="true"]::after { height: 0; } }

@media print, screen and (min-width: 768px) { .c-navs__body { display: flex !important; flex-wrap: wrap; margin-right: -20px; margin-top: -20px; }
  .c-navs__body li { display: flex; }
  .c-navs__body a { width: 100%; display: flex; align-items: center; position: relative; border: 1px solid #3c3c3c; border-radius: 8px; color: #181A24; transition-property: background; transition-duration: 0.3s; position: relative; padding-right: 26.5px; padding: 14px 32px 14px 24px; }
  .c-navs__body a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-20px, 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 (min-width: 768px) and (max-width: 980px) { .c-navs__body a { font-size: 1.6vw; } }

@media print, screen and (min-width: 768px) { .c-navs__body a::after { transition-property: border; transition-duration: 0.3s; }
  .c-navs__body a:hover { background-color: #F5F5F6; } }

@media screen and (max-width: 767px) { .c-navs__body { display: none; }
  .c-navs__body li { background-color: #fff; border-bottom: 1px solid #dcdcdc; }
  .c-navs__body li > a { display: block; color: #181A24; position: relative; padding-right: 23.5px; padding: 15px 28px 15px 20px; }
  .c-navs__body li > a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-18px, 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; } }

@media print, screen and (min-width: 768px) { .c-navs__col2 { width: calc(50% - 20px); margin-right: 20px; margin-top: 20px; }
  .c-navs__col3 { width: calc(100%/3 - 20px); margin-right: 20px; margin-top: 20px; }
  .c-navs__col4 { width: calc(25% - 20px); margin-right: 20px; margin-top: 20px; } }

/******************************************************************
component - news-pagination
******************************************************************/
.c-news-pagination-top { display: flex; align-items: center; justify-content: center; }

.c-news-pagination-top__prev { width: 135px; text-align: left; }

.c-news-pagination-top__next { width: 135px; text-align: right; }

@media screen and (max-width: 767px) { .c-news-pagination-top { flex-wrap: wrap; }
  .c-news-pagination-top__prev { width: 40%; text-align: center; }
  .c-news-pagination-top__next { width: 40%; text-align: center; } }

.c-news-pagination { display: flex; align-items: center; justify-content: center; }

.c-news-pagination__prev { width: 20%; text-align: left; }

.c-news-pagination__next { width: 20%; text-align: right; }

@media screen and (max-width: 767px) { .c-news-pagination { flex-wrap: wrap; }
  .c-news-pagination__prev { width: 50%; order: 1; text-align: center; }
  .c-news-pagination__top { order: 3; width: 100%; }
  .c-news-pagination__next { width: 50%; order: 2; text-align: center; } }

/******************************************************************
component - qa
******************************************************************/
.c-qa__head { font-size: 15px; font-weight: 300; position: relative; background-color: #F5F5F6; padding-left: 1em; }

.c-qa__headinner { display: block; padding: 15px 15px 15px 25px; }

.c-qa__head::before { position: absolute; left: 0; content: "Q．"; font-weight: 400; padding: 15px 0 15px 15px; }

.c-qa--border .c-qa__body { padding-top: 20px; padding-bottom: 20px; }

@media screen and (max-width: 767px) { .c-qa--border .c-qa__body { padding-top: 15px; padding-bottom: 15px; } }

.c-qa__bodyinner { padding-left: 2em; }

.c-qa__bodyinner { position: relative; padding-left: 40px; }

.c-qa__bodyinner::before { position: absolute; left: 0; content: "A．"; padding-left: 15px; }

/******************************************************************
component - accordion
******************************************************************/
@media print, screen and (min-width: 768px) { .c-accordion__item { border: 1px solid #D4D7D9; } }

.c-accordion__head { font-size: 15px; font-weight: bold; cursor: pointer; user-select: none; line-height: 1.4; display: block; }

@media screen and (max-width: 767px) { .c-accordion__head { outline: 0; } }

@media print, screen and (min-width: 768px) { .c-accordion__head { position: relative; transition-property: background; transition-duration: 0.3s; }
  .c-accordion__head::before, .c-accordion__head::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-accordion__head::before { border-top: 2px solid #004098; width: 24px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-accordion__head::after { border-left: 2px solid #004098; width: 0; height: 24px; top: 0; bottom: 0; right: 11px; transition-property: all; transition-duration: 0.3s; }
  .c-accordion__head::before { right: 16px; }
  .c-accordion__head::after { right: 27px; }
  .c-accordion__head--note { position: relative; }
  .c-accordion__head--note::before, .c-accordion__head--note::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-accordion__head--note::before { border-top: 1px solid #004098; width: 15px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-accordion__head--note::after { border-left: 1px solid #004098; width: 0; height: 15px; top: 0; bottom: 0; right: 7px; transition-property: all; transition-duration: 0.3s; }
  .c-accordion__head--note::before { right: 15px; }
  .c-accordion__head--note::after { right: 22px; }
  .c-accordion__head--pdf { position: relative; }
  .c-accordion__head--pdf::before, .c-accordion__head--pdf::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-accordion__head--pdf::before { border-top: 2px solid #004098; width: 24px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-accordion__head--pdf::after { border-left: 2px solid #004098; width: 0; height: 24px; top: 0; bottom: 0; right: 11px; transition-property: all; transition-duration: 0.3s; }
  .c-accordion__head--pdf::before { right: 16px; }
  .c-accordion__head--pdf::after { right: 27px; }
  .c-accordion__head:hover { background-color: #F5F5F6; }
  .c-accordion__head[aria-expanded="true"]::after { height: 0; }
  .c-accordion__head-inner { display: flex; align-items: center; padding-right: 55px; min-height: 80px; }
  .c-accordion__head--note .c-accordion__head-inner { min-height: 0; padding: 13px 0 13px 24px; font-size: 15px; font-weight: 300; }
  .c-accordion__head--pdf .c-accordion__head-inner { min-height: 0; padding: 22px 0 22px 24px; font-size: 16px; }
  .c-accordion__head-img { width: 230px; }
  .c-accordion__head-img + .c-accordion__head-main { width: calc(100% - 230px); }
  .c-accordion__head-main { box-sizing: border-box; padding: 5px 0 5px 24px; font-weight: normal; }
  .c-accordion__head-title { display: block; font-size: 22px; }
  .c-accordion__head-sub { display: block; margin-top: 5px; }
  .c-accordion__head-note { display: block; font-size: 12px; margin-top: 5px; }
  .c-accordion__head-btn { display: none; } }

@media screen and (max-width: 767px) { .c-accordion__head--note { border: 1px solid #D4D7D9; position: relative; }
  .c-accordion__head--note::before, .c-accordion__head--note::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-accordion__head--note::before { border-top: 1px solid #004098; width: 13px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-accordion__head--note::after { border-left: 1px solid #004098; width: 0; height: 13px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }
  .c-accordion__head--note::before { right: 8px; }
  .c-accordion__head--note::after { right: 14px; }
  .c-accordion__head--note[aria-expanded="true"]::after { height: 0; }
  .c-accordion__head--pdf { border: 1px solid #D4D7D9; position: relative; }
  .c-accordion__head--pdf::before, .c-accordion__head--pdf::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-accordion__head--pdf::before { border-top: 1px solid #004098; width: 13px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-accordion__head--pdf::after { border-left: 1px solid #004098; width: 0; height: 13px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }
  .c-accordion__head--pdf::before { right: 8px; }
  .c-accordion__head--pdf::after { right: 14px; }
  .c-accordion__head--pdf[aria-expanded="true"]::after { height: 0; }
  .c-accordion__head--note .c-accordion__head-inner { padding: 12px 28px 12px 10px; font-size: 14px; font-weight: 300; }
  .c-accordion__head--pdf .c-accordion__head-inner { padding: 16px 28px 16px 16px; font-size: 14px; font-weight: 400; }
  .c-accordion__head-main { margin-top: 3px; border: 1px solid #D4D7D9; display: block; font-weight: normal; position: relative; padding: 10px 30px 10px 10px; }
  .c-accordion__head-main::before, .c-accordion__head-main::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-accordion__head-main::before { border-top: 2px solid #004098; width: 18px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-accordion__head-main::after { border-left: 2px solid #004098; width: 0; height: 18px; top: 0; bottom: 0; right: 8px; transition-property: all; transition-duration: 0.3s; }
  .c-accordion__head-main::before { right: 10px; }
  .c-accordion__head-main::after { right: 18px; }
  .c-accordion__head[aria-expanded="true"] .c-accordion__head-main::after { height: 0; }
  .c-accordion__head-title { display: block; font-size: 14px; }
  .c-accordion__head-sub { display: block; font-size: 12px; margin-top: 5px; }
  .c-accordion__head-note { display: block; font-size: 10px; margin-top: 5px; } }

.c-accordion__body { display: none; }

.c-accordion__body-inner { padding: 30px; border-top: 1px solid #D4D7D9; }

@media screen and (max-width: 767px) { .c-accordion__body-inner { padding: 15px 0; } }

.c-accordion__body-btn { margin-top: 30px; text-align: center; }

.c-accordion__body-btn a { box-sizing: border-box; display: inline-block; text-align: center; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.5; background: #004098; color: #fff; width: 14em; padding: 10px; position: relative; transition-property: opacity; transition-duration: 0.3s; }

.c-accordion__body-btn a::before, .c-accordion__body-btn a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.c-accordion__body-btn a::before { border-top: 2px solid #fff; width: 23px; height: 0; top: 0; bottom: 0; left: 0; transform: rotate(45deg); }

.c-accordion__body-btn a::after { border-left: 2px solid #fff; width: 0; height: 23px; top: 0; bottom: 0; left: 11px; transform: rotate(45deg); }

.c-accordion__body-btn a::before { left: 10px; }

.c-accordion__body-btn a::after { left: 21px; }

@media print, screen and (min-width: 768px) { .c-accordion__body-btn a:hover { opacity: .8; text-decoration: none; } }

/******************************************************************
component - history
******************************************************************/
.c-history { margin-top: -15px; }

@media screen and (max-width: 767px) { .c-history { margin-top: -10px; } }

.c-history__item { position: relative; padding-top: 15px; padding-bottom: 15px; padding-left: 20px; }

@media screen and (max-width: 767px) { .c-history__item { padding-top: 10px; padding-bottom: 10px; } }

@media print, screen and (min-width: 768px) { .c-history__item { display: flex; } }

.c-history__item::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 12px; height: 12px; background-color: #004098; border-radius: 100%; }

.c-history__item::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 3px; width: 6px; height: 100%; background-color: #F5F5F6; }

.c-history__item:first-child::before { height: 50%; top: auto; }

.c-history__item:last-child::before { height: 50%; bottom: auto; }

div > .c-history__item:first-child::before { height: 100%; top: 0; }

@media print, screen and (min-width: 768px) { .c-history dt { width: 8em; } }

@media screen and (max-width: 767px) { .c-history dt { font-size: 10px; } }

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

.c-gutter-2s > *:not(:last-child) { margin-bottom: 10px; }

.c-gutter-2l > *:not(:last-child) { margin-bottom: 30px; }

.c-gutter-2x > *:not(:last-child) { margin-bottom: 40px; }

@media screen and (max-width: 767px) { .c-gutter > *:not(:last-child) { margin-bottom: 15px; }
  .c-gutter-2s > *:not(:last-child) { margin-bottom: 7.5px; }
  .c-gutter-2l > *:not(:last-child) { margin-bottom: 22.5px; }
  .c-gutter-2x > *:not(:last-child) { margin-bottom: 30px; }
  .c-sp-gutter > *:not(:last-child) { margin-bottom: 15px; }
  .c-sp-gutter-2s > *:not(:last-child) { margin-bottom: 7.5px; }
  .c-sp-gutter-2l > *:not(:last-child) { margin-bottom: 22.5px; }
  .c-sp-gutter-2x > *:not(:last-child) { margin-bottom: 30px; } }

/******************************************************************
component - flex
******************************************************************/
.c-flex { display: flex; margin-right: -20px; }

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

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

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

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

.c-flex--wrap { flex-wrap: wrap; margin-top: -20px; }

.c-flex > .c-flex__item { box-sizing: border-box; margin-right: 20px; }

.c-flex--wrap > .c-flex__item { margin-top: 20px; }

.c-flex--vertical { align-items: center; }

@media screen and (max-width: 767px) { .c-flex:not(.sp-keep) { flex-direction: column; margin-right: 0; margin-top: -15px; }
  .c-flex:not(.sp-keep) > .c-flex__item { width: 100%; margin-right: 0; margin-top: 15px; }
  .c-flex.sp-keep { margin-right: -15px; }
  .c-flex.sp-keep > .c-flex__item { margin-right: 15px; }
  .c-flex--wrap.sp-keep { margin-top: -15px; }
  .c-flex--wrap.sp-keep > .c-flex__item { margin-top: 15px; } }

/******************************************************************
component - text-row2
******************************************************************/
.c-text-row2 { display: flex; }

.c-text-row2--inline { display: inline-flex; }

.c-text-row2--vertical { align-items: center; }

.c-text-row2 > .c-text-row2__head-left, .c-text-row2 > .c-text-row2__head-right { box-sizing: border-box; flex-shrink: 0; max-width: 50%; }

.c-text-row2 > .c-text-row2__head-left { margin-right: 20px; order: 1; }

.c-text-row2 > .c-text-row2__head-right { margin-left: 20px; order: 2; }

.c-text-row2 > .c-text-row2__body-right, .c-text-row2 > .c-text-row2__body-left { box-sizing: border-box; flex-grow: 1; }

.c-text-row2 > .c-text-row2__body-right { order: 2; }

.c-text-row2 > .c-text-row2__body-left { order: 1; }

@media screen and (max-width: 767px) { .c-text-row2.sp-top { align-items: stretch; }
  .c-text-row2.sp-vertical { align-items: center; }
  .c-text-row2 > .c-text-row2__head-left { margin-right: 15px; }
  .c-text-row2 > .c-text-row2__head-right { margin-left: 15px; }
  .c-text-row2.sp-column { flex-direction: column; }
  .c-text-row2.sp-column--center { align-items: flex-start; }
  .c-text-row2.sp-column > .c-text-row2__head-left, .c-text-row2.sp-column > .c-text-row2__head-right { order: 1; margin-bottom: 15px; margin-right: 0; margin-left: 0; text-align: center; width: 100%; max-width: none; }
  .c-text-row2.sp-column > .c-text-row2__body-right, .c-text-row2.sp-column > .c-text-row2__body-left { order: 2; width: 100%; }
  .c-text-row2.sp-column.sp-column-reverse > .c-text-row2__head-left, .c-text-row2.sp-column.sp-column-reverse > .c-text-row2__head-right { order: 2; margin-top: 15px; margin-bottom: 0; }
  .c-text-row2.sp-column.sp-column-reverse > .c-text-row2__body-right, .c-text-row2.sp-column.sp-column-reverse > .c-text-row2__body-left { order: 1; } }

.c-text-row2--2l > .c-text-row2__head-left { margin-right: 30px; }

.c-text-row2--2l > .c-text-row2__head-right { margin-left: 30px; }

@media screen and (max-width: 767px) { .c-text-row2--2l > .c-text-row2__head-left { margin-right: 22.5px; }
  .c-text-row2--2l > .c-text-row2__head-right { margin-left: 22.5px; }
  .c-text-row2--2l.sp-column > .c-text-row2__head-left, .c-text-row2--2l.sp-column > .c-text-row2__head-right { margin-bottom: 22.5px; }
  .c-text-row2--2l.sp-column.sp-column-reverse > .c-text-row2__head-left, .c-text-row2--2l.sp-column.sp-column-reverse > .c-text-row2__head-right { margin-top: 22.5px; } }

@media screen and (max-width: 767px) { .c-text-row2.sp-2l > .c-text-row2__head-left { margin-right: 22.5px; }
  .c-text-row2.sp-2l > .c-text-row2__head-right { margin-left: 22.5px; }
  .c-text-row2.sp-2l.sp-column > .c-text-row2__head-left, .c-text-row2.sp-2l.sp-column > .c-text-row2__head-right { margin-bottom: 22.5px; margin-right: 0; margin-left: 0; }
  .c-text-row2.sp-2l.sp-column.sp-column-reverse > .c-text-row2__head-left, .c-text-row2.sp-2l.sp-column.sp-column-reverse > .c-text-row2__head-right { margin-top: 22.5px; } }

@media screen and (max-width: 767px) { .c-sp-imgscroll { text-align: center; overflow-x: scroll; }
  .c-sp-imgscroll__inner { box-sizing: border-box; border: 1px solid #dcdcdc; padding: 15px; display: inline-block; }
  .c-sp-imgscroll img { max-width: none; } }

/******************************************************************
component - table
******************************************************************/
.c-table-scroll .c-table { min-width: 700px; }

.c-table { width: 100%; }

.c-table__caption { text-align: left; font-size: 16px; margin-bottom: 10px; font-weight: 400; }

@media screen and (max-width: 767px) { .c-table__caption { font-size: 14px; margin-bottom: 7.5px; } }

.c-table--diversity2 th, .c-table--diversity2 td { text-align: center; vertical-align: middle; }

@media screen and (max-width: 767px) { .c-table--diversity2 th, .c-table--diversity2 td { padding-left: 2px; padding-right: 2px; } }

.c-table--diversity th, .c-table--diversity td { text-align: center; vertical-align: middle; }

@media screen and (max-width: 767px) { .c-table--diversity th, .c-table--diversity td { padding-left: 2px; padding-right: 2px; } }

@media print, screen and (min-width: 768px) { .c-table--diversity th:first-child { width: 1%; }
  .c-table--diversity td:nth-last-child(1), .c-table--diversity td:nth-last-child(2) { width: 30%; } }

.c-table__data--phase { width: 25%; text-align: center !important; vertical-align: middle !important; }

.c-table__data--phase strong { font-size: 16px; }

.c-table--officer th { padding: 30px 20px !important; width: 34%; }

@media screen and (max-width: 767px) { .c-table--officer th { padding: 15px !important; } }

.c-table--officer td { padding: 30px !important; }

@media screen and (max-width: 767px) { .c-table--officer td { padding: 15px !important; } }

@media screen and (max-width: 767px) { .c-table.sp-column { display: block; width: 100%; border-top: 1px solid #dcdcdc; }
  .c-table.sp-column tbody, .c-table.sp-column tr { display: block; width: 100%; }
  .c-table.sp-column .c-table__data { display: block; width: 100%; border-top: 0; } }

.c-table th { font-weight: 400; }

.c-table__data { font-size: 14px; box-sizing: border-box; border: 1px solid #dcdcdc; text-align: left; padding-right: 20px; padding-left: 20px; padding-top: 15px; padding-bottom: 15px; vertical-align: top; }

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

@media screen and (max-width: 767px) { .c-table__data { padding-top: 11.25px; padding-bottom: 11.25px; } }

.c-table__data--bg { background-color: #004098; color: #ffffff; }

.c-table__data--bg a { color: #ffffff; }

.c-table__data--bglight { background-color: #F5F5F6; }

/******************************************************************
component - table-borderless
******************************************************************/
.c-table-scroll .c-table-borderless { min-width: 700px; }

.c-table-borderless--full { width: 100%; }

.c-table-borderless--stripe *:not(thead) tr:nth-child(odd) { background-color: #ecefef; }

.c-table-borderless--stripe-even *:not(thead) tr:nth-child(even) { background-color: #ecefef; }

.c-table-borderless__caption { font-weight: bold; font-size: 18px; line-height: 1.6; text-align: left; }

@media screen and (max-width: 767px) { .c-table-borderless__caption { font-size: 16.8px; } }

@media screen and (max-width: 767px) { .c-table-borderless.sp-column { display: block; width: 100%; }
  .c-table-borderless.sp-column tbody, .c-table-borderless.sp-column__data { display: block; width: 100%; } }

.c-table-borderless__data { box-sizing: border-box; text-align: left; padding-right: 20px; padding-left: 20px; padding-top: 15px; padding-bottom: 15px; vertical-align: top; }

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

@media screen and (max-width: 767px) { .c-table-borderless__data { padding-top: 11.25px; padding-bottom: 11.25px; } }

/******************************************************************
component - table-scroll
******************************************************************/
.c-table-scroll { overflow-x: auto; }

.c-table-scroll::-webkit-scrollbar { width: 5px; background: #F1F1F1; }

.c-table-scroll::-webkit-scrollbar:horizontal { height: 5px; background: #F1F1F1; }

.c-table-scroll::-webkit-scrollbar-thumb { background: #BCBCBC; border-radius: 2px; }

.c-table-scroll::-webkit-scrollbar-thumb:horizontal { background: #BCBCBC; border-radius: 2px; }

@media screen and (max-width: 767px) { .c-sp-table-scroll { overflow-x: auto; }
  .c-sp-table-scroll::-webkit-scrollbar { width: 5px; background: #F1F1F1; }
  .c-sp-table-scroll::-webkit-scrollbar:horizontal { height: 5px; background: #F1F1F1; }
  .c-sp-table-scroll::-webkit-scrollbar-thumb { background: #BCBCBC; border-radius: 2px; }
  .c-sp-table-scroll::-webkit-scrollbar-thumb:horizontal { background: #BCBCBC; border-radius: 2px; } }

/******************************************************************
component - news
******************************************************************/
.c-news__item:not(:first-child) { border-top: 1px solid #dcdcdc; }

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

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

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

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

.c-news__date { font-size: 12px; }

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

/******************************************************************
component - news2
******************************************************************/
.c-news2__item { display: block; color: #181A24; line-height: 1.2; }

.c-news2__item:not(:first-child) { padding-top: 16px; }

@media screen and (max-width: 767px) { .c-news2__item:not(:first-child) { padding-top: 12px; } }

.c-news2__date { font-size: 12px; }

.c-news2__body { margin-top: 4px; display: block; line-height: 1.8; }

/******************************************************************
component - list
******************************************************************/
.c-list > *:not(:last-child) { margin-bottom: 10px; }

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

/******************************************************************
component - list-disc
******************************************************************/
.c-list-disc > *:not(:last-child) { margin-bottom: 10px; }

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

.c-list-disc--s { font-size: 0.75rem; line-height: 1.6; }

@media screen and (max-width: 767px) { .c-list-disc--s { font-size: 0.75rem; } }

.c-list-disc__item { margin-left: 1.5em; list-style: disc; }

/******************************************************************
component - list-order
******************************************************************/
.c-list-order > *:not(:last-child) { margin-bottom: 10px; }

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

.c-list-order--s { font-size: 0.75rem; line-height: 1.6; }

@media screen and (max-width: 767px) { .c-list-order--s { font-size: 0.75rem; } }

.c-list-order__item { margin-left: 1.5em; list-style: decimal; }

/******************************************************************
component - list-notes
******************************************************************/
.c-list-notes { display: table; width: 100%; }

.c-list-notes--bordersand { border-top: 1px solid #B5C1CC; border-bottom: 1px solid #B5C1CC; padding-top: 16px; padding-bottom: 16px; }

@media screen and (max-width: 767px) { .c-list-notes--bordersand { padding-top: 12px; padding-bottom: 12px; } }

.c-list-notes--border > .c-list-notes__row:first-child:not(:last-child) > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:first-child:not(:last-child) > .c-list-notes__body { padding-bottom: 16px; }

@media screen and (max-width: 767px) { .c-list-notes--border > .c-list-notes__row:first-child:not(:last-child) > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:first-child:not(:last-child) > .c-list-notes__body { padding-bottom: 12px; } }

.c-list-notes--border > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__body { border-top: 1px solid #B5C1CC; padding-top: 16px; padding-bottom: 16px; }

@media screen and (max-width: 767px) { .c-list-notes--border > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__body { padding-top: 12px; padding-bottom: 12px; } }

.c-list-notes--border > .c-list-notes__row:not(:first-child):last-child > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:not(:first-child):last-child > .c-list-notes__body { border-top: 1px solid #B5C1CC; padding-top: 16px; }

@media screen and (max-width: 767px) { .c-list-notes--border > .c-list-notes__row:not(:first-child):last-child > .c-list-notes__head, .c-list-notes--border > .c-list-notes__row:not(:first-child):last-child > .c-list-notes__body { padding-top: 12px; } }

.c-list-notes--s { font-size: 0.75rem; line-height: 1.6; }

@media screen and (max-width: 767px) { .c-list-notes--s { font-size: 0.75rem; } }

.c-list-notes--gutter > .c-list-notes__row:not(:first-child) > .c-list-notes__head, .c-list-notes--gutter > .c-list-notes__row:not(:first-child) > .c-list-notes__body { padding-top: 16px; }

@media screen and (max-width: 767px) { .c-list-notes--gutter > .c-list-notes__row:not(:first-child) > .c-list-notes__head, .c-list-notes--gutter > .c-list-notes__row:not(:first-child) > .c-list-notes__body { padding-top: 12px; } }

@media screen and (max-width: 767px) { .c-list-notes--gutter.sp-vertial > .c-list-notes__row:not(:first-child) > .c-list-notes__body { padding-top: 0; } }

.c-list-notes--gutter-s > .c-list-notes__row:not(:first-child) > .c-list-notes__head, .c-list-notes--gutter-s > .c-list-notes__row:not(:first-child) > .c-list-notes__body { padding-top: 10px; }

@media screen and (max-width: 767px) { .c-list-notes--gutter-s > .c-list-notes__row:not(:first-child) > .c-list-notes__head, .c-list-notes--gutter-s > .c-list-notes__row:not(:first-child) > .c-list-notes__body { padding-top: 7.5px; } }

@media screen and (max-width: 767px) { .c-list-notes--gutter-s.sp-vertial > .c-list-notes__row:not(:first-child) > .c-list-notes__body { padding-top: 0; } }

.c-list-notes__row { display: table-row; }

.c-list-notes__head { display: table-cell; white-space: nowrap; padding-right: 0.5em; width: 0.1%; vertical-align: top; }

.c-list-notes__head--wide { padding-right: 1.5em; font-weight: 400; }

.c-list-notes__head--fit { padding-right: 0; }

.c-list-notes__head--strong { font-weight: 700; }

.c-list-notes__body { display: table-cell; vertical-align: top; }

@media screen and (max-width: 767px) { .c-list-notes.sp-vertial { display: block; }
  .c-list-notes.sp-vertial > .c-list-notes__row { display: block; }
  .c-list-notes.sp-vertial > .c-list-notes__row > .c-list-notes__head { display: block; white-space: normal; padding-right: 0; width: auto; }
  .c-list-notes.sp-vertial > .c-list-notes__row > .c-list-notes__body { display: block; }
  .c-list-notes.sp-vertial > .c-list-notes__row:not(:first-child) > .c-list-notes__head--wide { margin-top: 5px; }
  .c-list-notes.sp-vertial > .c-list-notes__row > .c-list-notes__head--wide + .c-list-notes__body { margin-top: 5px; }
  .c-list-notes--border.sp-vertial > .c-list-notes__row:not(:first-child):not(:last-child) > .c-list-notes__body { border-top: 0; padding-top: 0; }
  .c-list-notes--border.sp-vertial > .c-list-notes__row:last-child > .c-list-notes__body { border-top: 0; }
  .c-list-notes--border.sp-vertial > .c-list-notes__row > .c-list-notes__head { padding-bottom: 0 !important; }
  .c-list-notes--border.sp-vertial > .c-list-notes__row > .c-list-notes__body { padding-top: 0 !important; } }

/******************************************************************
component - define
******************************************************************/
.c-define--gutter .c-define__head:not(:first-child) { padding-top: 16px; }

@media screen and (max-width: 767px) { .c-define--gutter .c-define__head:not(:first-child) { padding-top: 12px; } }

.c-define__head { font-weight: 400; }

/******************************************************************
component - image
******************************************************************/
.js-image-size-sync > a { display: block; color: inherit; text-decoration: none; }

.js-image-size-sync > a:hover { text-decoration: none; }

.js-image-size-sync.c-image--center a { margin-right: auto; margin-left: auto; }

.js-image-size-sync.c-image--right a { margin-left: auto; }

.c-image--center { text-align: center; }

.c-image--right { text-align: right; }

.c-image__title { display: block; text-align: left; line-height: 1.5; font-weight: bold; font-size: 18px; line-height: 1.6; }

@media screen and (max-width: 767px) { .c-image__title { font-size: 16.8px; } }

.c-image--center .c-image__title { margin-right: auto; margin-left: auto; }

.c-image--right .c-image__title { margin-left: auto; }

.c-image__title:first-child { margin-bottom: 10px; }

@media screen and (max-width: 767px) { .c-image__title:first-child { margin-bottom: 7.5px; } }

.c-image__title:last-child { margin-top: 10px; }

@media screen and (max-width: 767px) { .c-image__title:last-child { margin-top: 7.5px; } }

.c-image__caption { display: block; text-align: left; line-height: 1.5; font-size: 13px; }

@media screen and (max-width: 767px) { .c-image__caption { font-size: 12px; } }

.c-image--center .c-image__caption { margin-right: auto; margin-left: auto; }

.c-image--right .c-image__caption { margin-left: auto; }

.c-image__caption:first-child { margin-bottom: 10px; }

@media screen and (max-width: 767px) { .c-image__caption:first-child { margin-bottom: 7.5px; } }

.c-image__caption:last-child { margin-top: 10px; }

@media screen and (max-width: 767px) { .c-image__caption:last-child { margin-top: 7.5px; } }

/******************************************************************
component - c-image-youtube
******************************************************************/
.c-image-youtube { position: relative; display: inline-block; max-width: 100%; }

.c-image-youtube__main { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDI0LjIuMywgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHZpZXdCb3g9IjAgMCA2MCA0MyIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNjAgNDM7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRkZGRkZGO30KPC9zdHlsZT4KPGc+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzAuMSw0MS45Yy02LjIsMC0xMi41LDAtMTguNy0wLjRjLTItMC4xLTQuMS0wLjMtNS45LTEuM2MtMS4yLTAuNy0yLjItMS42LTIuOC0yLjljLTEtMi4yLTEuMy00LjUtMS41LTYuOAoJCUMwLjgsMjUuNywwLjcsMjAuOSwxLDE2YzAuMS0yLjYsMC4yLTUuMiwwLjgtNy43YzAuMi0xLDAuNi0xLjksMS0yLjljMS4xLTIuMSwzLTMuMiw1LjItMy43YzEuOS0wLjQsMy44LTAuNCw1LjgtMC40CgkJQzIwLjMsMS4xLDI2LjksMSwzMy41LDEuMWM1LjEsMC4xLDEwLjEsMC4yLDE1LjIsMC40YzEuNiwwLjEsMy4xLDAuMSw0LjYsMC43YzIsMC44LDMuNSwyLDQuMyw0LjFjMC44LDIsMS4xLDQsMS4zLDYuMQoJCWMwLjUsNS43LDAuNSwxMS40LDAuMSwxNy4xYy0wLjEsMS45LTAuMywzLjgtMC44LDUuN2MtMS4xLDQuMy0zLjgsNi03LjgsNi4zYy00LjIsMC4zLTguNSwwLjQtMTIuNywwLjUKCQlDMzUuMSw0MiwzMi42LDQxLjksMzAuMSw0MS45eiBNMjMuOSwzMGM1LjctMy4xLDExLjMtNi4yLDE3LTkuM2MtNS43LTMuMS0xMS4zLTYuMi0xNy05LjNDMjMuOSwxNy42LDIzLjksMjMuNywyMy45LDMweiIvPgo8L2c+Cjwvc3ZnPgo=); background-repeat: no-repeat; background-position: center center; background-size: 88px 61px; }

@media screen and (max-width: 767px) { .c-image-youtube__main { background-size: 44px 31px; } }

.c-image-youtube--under .c-image-youtube__main { background-position: right 14px bottom 14px; }

.c-image-youtube--s .c-image-youtube__main { background-size: 40px 29px; }

.c-image-youtube--2s .c-image-youtube__main { background-size: 30px 22px; }

@media screen and (max-width: 767px) { .c-image-youtube.sp-s .c-image-youtube__main { background-size: 40px 29px; }
  .c-image-youtube.sp-2s .c-image-youtube__main { background-size: 30px 22px; } }

.c-image-border { display: inline-block; padding: 9px; border: 1px solid #dcdcdc; }

.c-grid2 .c-image-border { display: block; }

/******************************************************************
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__small { display: inline-block; padding-left: 1em; font-size: 15px; }

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

.c-heading-top--sogo { margin-top: 80px; }

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

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

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

.c-heading1 { font-weight: 400; font-size: 32px; margin-bottom: 100px !important; }

@media screen and (max-width: 767px) { .c-heading1 { font-size: 26px; margin-bottom: 60px !important; } }

.c-heading2 { border-bottom: 1px solid #dcdcdc; padding-bottom: 0.4em; font-weight: 400; font-size: 24px; margin-bottom: 40px !important; }

.c-heading2:not(:first-child) { margin-top: 40px !important; }

@media screen and (max-width: 767px) { .c-heading2:not(:first-child) { margin-top: 30px !important; } }

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

.c-heading2--homesafety { display: flex; align-items: center; }

.c-heading2--homesafety img { vertical-align: -4px; margin-right: 0.6em; }

.c-heading2--diversity { background: url(/common20/img/icn_diversity.png) left top 0.2em no-repeat; padding-left: 37px; }

@media screen and (max-width: 767px) { .c-heading2--diversity { background-size: 22px auto; padding-left: 30px; } }

.c-heading2--note { display: flex; align-items: center; justify-content: space-between; }

.c-heading2--note h2 { font-weight: 400; font-size: 24px; }

@media screen and (max-width: 767px) { .c-heading2--note h2 { font-size: 20px; } }

.c-heading2--note p { font-size: 13px; }

@media screen and (max-width: 767px) { .c-heading2--note p { font-size: 12px; } }

.c-heading2-size { font-weight: 400; font-size: 24px; }

@media screen and (max-width: 767px) { .c-heading2-size { font-size: 20px; } }

.c-heading3 { border-bottom: 1px solid #dcdcdc; padding-bottom: 0.4em; font-weight: 400; font-size: 18px; }

@media screen and (max-width: 767px) { .c-heading3 { font-size: 16px; } }

.c-heading4 { font-weight: 400; font-size: 18px; }

@media screen and (max-width: 767px) { .c-heading4 { font-size: 16px; } }

.c-heading5 { font-weight: 400; font-size: 14px; }

@media screen and (max-width: 767px) { .c-heading5 { font-size: 13px; } }

/******************************************************************
component - heading-news
******************************************************************/
.c-heading2news { border-bottom: 1px solid #dcdcdc; padding-bottom: 0.4em; margin-bottom: 40px !important; }

.c-heading2news:not(:first-child) { margin-top: 40px !important; }

@media screen and (max-width: 767px) { .c-heading2news:not(:first-child) { margin-top: 30px !important; } }

@media screen and (max-width: 767px) { .c-heading2news { margin-bottom: 30px !important; } }

.c-heading2news__main { font-weight: 400; font-size: 32px; line-height: 1.4; }

@media screen and (max-width: 767px) { .c-heading2news__main { font-size: 26px; } }

.c-heading2news__sub { margin: 8px 0; font-weight: 400; font-size: 20px; line-height: 1.4; }

@media screen and (max-width: 767px) { .c-heading2news__sub { font-size: 16px; } }

/******************************************************************
component - button
******************************************************************/
.c-button-col2 { display: flex; justify-content: center; margin-right: -30px; }

.c-button-col2__item { margin-right: 30px; max-width: calc(50% - 30px); display: flex; }

.c-button-col2 .c-button--basic { display: flex; align-items: center; justify-content: center; width: 100%; }

@media screen and (max-width: 810px) { .c-button-col2__item { width: calc(50% - 30px); }
  .c-button-col2 .c-button--basic { min-width: auto !important; } }

@media screen and (max-width: 767px) { .c-button-col2 { flex-wrap: wrap; }
  .c-button-col2 > *:not(:last-child) { margin-bottom: 20px; } }

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

@media screen and (max-width: 767px) { .c-button-col2__item { max-width: none; width: 100%; } }

.c-button-col3 { display: flex; margin-right: -30px; }

.c-button-col3__item { margin-right: 30px; max-width: calc(33.33333% - 30px); flex-grow: 1; display: flex; }

.c-button-col3 .c-button--basic { display: flex; align-items: center; justify-content: center; width: 100%; min-width: auto !important; }

@media screen and (max-width: 810px) { .c-button-col3__item { width: calc(33.33333% - 30px); } }

@media screen and (max-width: 767px) { .c-button-col3 { flex-wrap: wrap; }
  .c-button-col3 > *:not(:last-child) { margin-bottom: 20px; } }

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

@media screen and (max-width: 767px) { .c-button-col3__item { max-width: none; width: 100%; } }

.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--radius { border-radius: 6px; }

.c-button--circle { border-radius: 3em; }

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

.c-button--basic { font-weight: 400; color: #181A24; background-color: #fff; border: 1px solid #3c3c3c; border-radius: 8px; transition-property: background; transition-duration: 0.3s; position: relative; padding-right: 26.5px; padding: 1em 30px; }

.c-button--basic:not(.c-button--full) { min-width: 24em; }

@media screen and (max-width: 767px) { .c-button--basic { min-width: auto !important; display: block; width: 100%; } }

.c-button--basic::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-20px, 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--basic::after { transition-property: border; transition-duration: 0.3s; }

.c-button--basic:hover { background-color: #F5F5F6; }

.c-button--basic-icon { font-weight: 400; color: #181A24; background-color: #fff; border: 1px solid #3c3c3c; border-radius: 8px; transition-property: background; transition-duration: 0.3s; position: relative; padding-right: 26.5px; padding: 8px 30px 8px 8px; display: inline-flex; align-items: center; }

.c-button--basic-icon:not(.c-button--full) { width: 24em; }

@media screen and (max-width: 767px) { .c-button--basic-icon { width: 100% !important; } }

.c-button--basic-icon::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-20px, 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--basic-icon::after { transition-property: border; transition-duration: 0.3s; }

.c-button--basic-icon:hover { background-color: #F5F5F6; }

.c-button--basic-icon__img { flex-shrink: 0; padding-right: 8px; }

.c-button--basic-icon__text { flex-grow: 1; text-align: center; }

.c-button--basic-icon__text span { display: inline-block; text-align: left; }

.c-button--basic-homesafety { font-weight: 400; color: #181A24; background-color: #fff; border: 1px solid #3c3c3c; border-radius: 8px; transition-property: background; transition-duration: 0.3s; position: relative; padding-right: 26.5px; padding: 0.7em 30px; min-height: 55px; display: flex; align-items: center; justify-content: center; }

.c-button--basic-homesafety:not(.c-button--full) { min-width: 24em; }

@media screen and (max-width: 767px) { .c-button--basic-homesafety { min-width: auto !important; width: 100%; } }

.c-button--basic-homesafety::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-20px, 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--basic-homesafety span { display: inline-block; }

.c-button--basic-homesafety span:nth-child(2) { padding-left: 10px; }

.c-button--basic-homesafety::after { transition-property: border; transition-duration: 0.3s; }

.c-button--basic-homesafety:hover { background-color: #F5F5F6; }

.c-button--basic-emergency { font-weight: 400; color: #181A24; border: 2px solid #E6002D; border-radius: 8px; font-size: 140%; transition-property: background, color; transition-duration: 0.3s; position: relative; padding-right: 26.5px; padding: 0.7em 30px; display: inline-flex; align-items: center; justify-content: center; }

.c-button--basic-emergency:not(.c-button--full) { min-width: 24em; }

@media screen and (max-width: 767px) { .c-button--basic-emergency { min-width: auto !important; width: 100%; } }

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

@media screen and (max-width: 767px) { .c-button--basic-emergency { font-size: 120%; padding: 0.7em 30px 0.7em 10px; } }

.c-button--basic-emergency span { display: inline-block; }

.c-button--basic-emergency span:nth-child(2) { padding-left: 10px; }

.c-button--basic-emergency img { height: 38px; }

@media screen and (max-width: 767px) { .c-button--basic-emergency img { height: 30px; } }

.c-button--basic-emergency::after { transition-property: border; transition-duration: 0.3s; }

.c-button--basic-emergency:hover { color: #fff; text-decoration: none; border: 2px solid #E6002D; background-color: #E6002D; }

.c-button--basic-emergency:hover::after { border-color: #fff; }

.c-button--basic-bottom { font-weight: 400; color: #181A24; background-color: #fff; border: 1px solid #3c3c3c; border-radius: 8px; transition-property: background; transition-duration: 0.3s; position: relative; padding-right: 31px; padding: 1em 30px; }

.c-button--basic-bottom:not(.c-button--full) { min-width: 24em; }

@media screen and (max-width: 767px) { .c-button--basic-bottom { min-width: auto !important; display: block; width: 100%; } }

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

.c-button--basic-bottom::after { transition-property: border; transition-duration: 0.3s; }

.c-button--basic-bottom:hover { background-color: #F5F5F6; }

.c-button--basic-plus { font-weight: 400; color: #181A24; border: 1px solid #3c3c3c; border-radius: 8px; transition-property: background; transition-duration: 0.3s; position: relative; padding: 1em 30px; }

.c-button--basic-plus:not(.c-button--full) { min-width: 24em; }

@media screen and (max-width: 767px) { .c-button--basic-plus { min-width: auto !important; display: block; width: 100%; } }

.c-button--basic-plus::before, .c-button--basic-plus::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.c-button--basic-plus::before { border-top: 1px solid #004098; width: 13px; height: 0; top: 0; bottom: 0; right: 0; }

.c-button--basic-plus::after { border-left: 1px solid #004098; width: 0; height: 13px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }

.c-button--basic-plus::after { transition-property: height; transition-duration: 0.3s; }

.c-button--basic-plus::before { right: 15px; }

.c-button--basic-plus::after { right: 21px; }

@media print, screen and (min-width: 768px) { .c-button--basic-plus:hover { background-color: #F5F5F6; } }

.c-button--basic-plus[aria-expanded="true"]::after { height: 0; }

.c-button--basic-prev { font-weight: 400; color: #181A24; border: 1px solid #3c3c3c; border-radius: 8px; transition-property: background; transition-duration: 0.3s; position: relative; padding-left: 26.5px; padding: 1em 30px; }

.c-button--basic-prev:not(.c-button--full) { min-width: 24em; }

@media screen and (max-width: 767px) { .c-button--basic-prev { min-width: auto !important; display: block; width: 100%; } }

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

.c-button--basic-prev::after { transition-property: border; transition-duration: 0.3s; }

.c-button--basic-prev:hover { background-color: #F5F5F6; }

.c-button--news-prev { font-weight: 400; color: #181A24; position: relative; padding-left: 6.5px; padding: 1em 30px; }

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

.c-button--news-prev:hover { color: #023f98; }

.c-button--news-next { font-weight: 400; color: #181A24; position: relative; padding-right: 6.5px; padding: 1em 30px; }

.c-button--news-next::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 #3c3c3c; border-right: 1px solid #3c3c3c; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.c-button--news-next:hover { color: #023f98; }

.c-button--map { background-color: #004098; padding: 0.20em 2.0em 0.35em 2.0em; border-radius: 3px; transition-property: opacity; transition-duration: 0.3s; }

@media screen and (max-width: 767px) { .c-button--map { padding: 0.20em 1.0em 0.35em 1.0em; } }

.c-button--map img { width: 12px; max-width: none; }

.c-button--map:hover { opacity: 0.5; }

.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; }

.c-button--contact { color: #004098; font-weight: 400; position: relative; padding-right: 6.5px; padding: 0 15px 0 0; }

.c-button--contact::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--contact:hover { text-decoration: underline; }

.c-button--contact-pdf { color: #004098; font-weight: 400; position: relative; padding-left: 10px; padding: 0 1.5em 0 0; }

.c-button--contact-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; }

.c-button--contact-pdf::after { right: 0; left: auto; }

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

.c-button--contact-excel { color: #004098; font-weight: 400; position: relative; padding-left: 16px; padding: 0 1.5em 0 0; }

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

.c-button--contact-excel::after { right: 0; left: auto; }

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

.c-button--contact-word { color: #004098; font-weight: 400; position: relative; padding-left: 16px; padding: 0 1.5em 0 0; }

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

.c-button--contact-word::after { right: 0; left: auto; }

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

/******************************************************************
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; }

/******************************************************************
component - googlemap
******************************************************************/
.c-googlemap__inner { position: relative; padding-top: 43.79562%; }

.c-googlemap__inner > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; }

@media screen and (max-width: 767px) { .c-googlemap__inner { position: relative; padding-top: 47.76119%; }
  .c-googlemap__inner > iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 0; } }

.c-googlemap__inner:not(:first-child) { margin-top: 10px; }

@media screen and (max-width: 767px) { .c-googlemap__inner:not(:first-child) { margin-top: 7.5px; } }

.c-googlemap__inner:not(:last-child) { margin-bottom: 10px; }

@media screen and (max-width: 767px) { .c-googlemap__inner:not(:last-child) { margin-bottom: 7.5px; } }

/******************************************************************
component - input-group
******************************************************************/
.c-input-group { display: inline-flex; border: 1px solid #dcdcdc; }

.c-input-group--borderless { border: 0; }

.c-input-group--full { box-sizing: border-box; display: flex; width: 100%; }

.c-input-group__input { box-sizing: border-box; vertical-align: middle; padding: 0.25em 0.5em; background-color: #ffffff; border: 1px solid transparent; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out; -webkit-appearance: none; width: 100%; flex-grow: 1; padding: 15px 28px 15px 20px; }

.c-input-group__input::placeholder { color: #969696; }

.c-input-group__input:-ms-input-placeholder { color: #969696; }

.c-input-group__input:-moz-placeholder, .c-input-group__input::-moz-placeholder { color: #969696; opacity: 1; }

.c-input-group__input:focus { outline: 0; }

.c-input-group > *:not(input) { flex-shrink: 0; white-space: nowrap; }

.c-input-group > * { display: flex; align-items: center; }

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

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

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

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

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

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

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

@media screen and (max-width: 767px) { .p-sogo-visual__arrow { display: none; } }

.p-sogo-visual__arrow .slick-prev, .p-sogo-visual__arrow .slick-next { position: absolute; top: 50%; transform: translate(0, -50%) translateZ(0); outline: none; overflow: hidden; text-indent: -999px; width: 30px; height: 30px; box-shadow: 0px 0px 21px -8px rgba(0, 0, 0, 0.3); }

.p-sogo-visual__arrow .slick-prev { z-index: +1; position: relative; position: absolute; width: 45px; height: 45px; border-radius: 100%; background: rgba(255, 255, 255, 0.6); }

.p-sogo-visual__arrow .slick-prev::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(1.5px, 0) rotate(225deg); border-top: 1px solid #181A24; border-right: 1px solid #181A24; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media print, screen and (min-width: 768px) { .p-sogo-visual__arrow .slick-prev { left: 10px; transform: translate(0, -50%); transition-property: background; transition-duration: 0.3s; }
  .p-sogo-visual__arrow .slick-prev:hover { background: #fff; } }

.p-sogo-visual__arrow .slick-next { position: relative; position: absolute; width: 45px; height: 45px; border-radius: 100%; background: rgba(255, 255, 255, 0.6); }

.p-sogo-visual__arrow .slick-next::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(-1.5px, 0) rotate(45deg); border-top: 1px solid #181A24; border-right: 1px solid #181A24; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

@media print, screen and (min-width: 768px) { .p-sogo-visual__arrow .slick-next { right: 10px; transform: translate(0, -50%); transition-property: background; transition-duration: 0.3s; }
  .p-sogo-visual__arrow .slick-next:hover { background: #fff; } }

.p-sogo-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-sogo-visual .slick-dots { display: none !important; } }

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

.p-sogo-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-sogo-visual .slick-dots li button:hover { opacity: 0.7; }

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

/******************************************************************
project - sogo-visual-bottom
******************************************************************/
.p-sogo-visual-bottom { position: relative; background-color: #F5F5F6; }

@media print, screen and (min-width: 768px) { .p-sogo-visual-bottom { padding-top: 15px; padding-bottom: 30px; }
  .p-sogo-visual-bottom::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 0; left: 0; width: 100%; height: 40px; background-color: #004098; } }

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

/******************************************************************
layout - sogo-nav
******************************************************************/
@media print, screen and (min-width: 768px) { .p-sogo-nav { position: relative; z-index: +1; margin: 0 auto; box-sizing: border-box; max-width: 1010px; width: 100%; padding-right: 30px; padding-left: 30px; } }

.p-sogo-nav__inner { background-color: #fff; box-shadow: 0px 0px 18px 0px rgba(14, 63, 129, 0.2); display: flex; align-items: center; justify-content: center; padding-left: 2%; padding-right: 2%; }

@media print, screen and (min-width: 768px) { .p-sogo-nav__inner { position: relative; border-radius: 4px; } }

.p-sogo-nav__item { box-sizing: border-box; width: 100%; margin-left: 0.5%; margin-right: 0.5%; }

.p-sogo-nav__item:last-child { color: #E6002D; }

@media screen and (max-width: 767px) { .p-sogo-nav__item:last-child { display: none; } }

.p-sogo-nav__item > a { display: block; text-align: center; color: inherit; font-weight: 400; line-height: 1.2; font-feature-settings: "palt"; }

.p-sogo-nav__item > a:hover { text-decoration: none; }

@media print, screen and (min-width: 768px) { .p-sogo-nav__item > a { font-size: 15px; padding: 12px 0; transition-property: background; transition-duration: 0.3s; }
  .p-sogo-nav__item > a:hover { background-color: #F5F5F6; } }

@media screen and (max-width: 767px) { .p-sogo-nav__item > a { font-size: 11px; padding: 2.0vw 0; } }

.p-sogo-nav__item > a img { display: block; margin-left: auto; margin-right: auto; margin-bottom: 6px; }

@media screen and (max-width: 767px) { .p-sogo-nav__item > a img { margin-bottom: 5%; } }

.p-sogo-nav__item[data-menu-item="event,true"] > a { position: relative; padding-top: 10px; padding: 12px 0; }

.p-sogo-nav__item[data-menu-item="event,true"] > a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0px; right: 0; left: 0; width: 10px; height: 10px; border-color: #004098; border-style: solid; border-top-width: 10px; border-bottom-width: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; }

.p-sogo-nav__item[data-menu-item="event,true"] > a::after { transform: scaleX(1.4); }

/******************************************************************
layout - sogo-nav-mega
******************************************************************/
@media print, screen and (min-width: 768px) { .p-sogo-nav-mega { display: none; position: absolute; width: 100%; top: 1px; left: 0; transform: translateY(-100%); }
  .p-sogo-nav-mega__inner { background-color: #004098; border-radius: 4px; }
  .p-sogo-nav-mega__body { padding: 30px; display: flex; margin-right: -20px; }
  .p-sogo-nav-mega__body ul { width: 100%; margin-right: 20px; margin-top: -14px; }
  .p-sogo-nav-mega__body li { margin-top: 14px; line-height: 1.4; font-size: 14px; }
  .p-sogo-nav-mega__body a { display: block; color: #fff; position: relative; padding-right: 5px; transition-property: opacity; transition-duration: 0.3s; }
  .p-sogo-nav-mega__body 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 #fff; border-right: 1px solid #fff; width: 6px; height: 6px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .p-sogo-nav-mega__body a:hover { text-decoration: none; opacity: 0.6; } }

@media screen and (max-width: 767px) { .p-sogo-nav-mega { display: none; z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); }
  .p-sogo-nav-mega__inner { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }
  .p-sogo-nav-mega__inner2 { width: calc(100vw - 40px); max-height: calc(80vh - 40px); margin-bottom: 10vh; overflow-y: auto; -webkit-overflow-scrolling: touch; }
  .p-sogo-nav-mega__head { background-color: #fff; display: flex; align-items: center; justify-content: space-between; padding: 10px; }
  .p-sogo-nav-mega__icon img { width: 44px; height: auto; }
  .p-sogo-nav-mega__text { font-size: 24px; line-height: 1.2; text-align: center; }
  .p-sogo-nav-mega__close a { display: inline-block; text-align: center; }
  .p-sogo-nav-mega__close a:hover { text-decoration: none; }
  .p-sogo-nav-mega__close-item { display: inline-block; top: -1px; position: relative; height: 2px; width: 20px; background-color: #004098; transition-property: all; transition-duration: 0.3s; background-color: transparent; }
  .p-sogo-nav-mega__close-item::before, .p-sogo-nav-mega__close-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; }
  .p-sogo-nav-mega__close-item::before { height: 2px; width: 20px; background-color: #004098; width: 20px; bottom: 6px; }
  .p-sogo-nav-mega__close-item::after { height: 2px; width: 20px; background-color: #004098; width: 20px; bottom: -6px; }
  .p-sogo-nav-mega__close-item::before { bottom: 0; transform: rotate(-45deg); }
  .p-sogo-nav-mega__close-item::after { bottom: 0; transform: rotate(45deg); }
  .p-sogo-nav-mega__close-text { display: block; text-align: center; font-size: 10px; min-width: 4em; }
  .p-sogo-nav-mega__body { background-color: #004098; }
  .p-sogo-nav-mega__body li:not(:last-child) { border-bottom: 1px solid #6c8ab2; }
  .p-sogo-nav-mega__body a { display: block; color: #fff; position: relative; padding-right: 25.5px; padding: 15px 28px 15px 20px; }
  .p-sogo-nav-mega__body 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 #fff; border-right: 1px solid #fff; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .p-sogo-nav-mega__body a:hover { text-decoration: none; } }

/******************************************************************
layout - sogo-caution
******************************************************************/
.p-sogo-caution { box-sizing: border-box; max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 30px; }

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

.p-sogo-caution__item { overflow: hidden; }

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

.p-sogo-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-sogo-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-sogo-caution__item > *::after { transform: translate(0px, 2px) rotate(45deg); } }

.p-sogo-caution__item a { color: inherit; }

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

/******************************************************************
Project - sogo-bnr
******************************************************************/
.p-sogo-bnr-outer { max-width: 1010px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media print, screen and (min-width: 768px) { .p-sogo-bnr-outer { padding-top: 40px; } }

@media screen and (max-width: 767px) { .p-sogo-bnr-outer { padding-top: 20px; padding-right: 20px; padding-left: 20px; } }

.p-sogo-bnr { position: relative; }

.p-sogo-bnr__inner { opacity: 0; }

.p-sogo-bnr__inner.slick-initialized { opacity: 1; }

.p-sogo-bnr__arrow .slick-prev, .p-sogo-bnr__arrow .slick-next { position: absolute; top: 50%; transform: translate(0, -50%) translateZ(0); outline: none; overflow: hidden; text-indent: -999px; width: 30px; height: 30px; }

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

.p-sogo-bnr__arrow .slick-prev { z-index: +1; left: 0; position: relative; position: absolute; }

.p-sogo-bnr__arrow .slick-prev::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(1.5px, 0) rotate(225deg); border-top: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

.p-sogo-bnr__arrow .slick-next { right: 0; position: relative; position: absolute; }

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

/******************************************************************
project - sogo-news
******************************************************************/
.p-sogo-news[aria-expanded="false"] { 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: 950px; 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: #181A24; font-size: 15px; }

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

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

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

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

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

/******************************************************************
project - index-visual
******************************************************************/
.p-index-visual { position: relative; }

.p-index-visual__inner { opacity: 0; }

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

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

.p-index-visual__item { position: relative; color: #fff; }

.p-index-visual__item-inner { position: absolute; width: 100%; height: 88%; display: flex; flex-direction: column; align-items: center; justify-content: center; z-index: +1; }

.p-index-visual__item-title { line-height: 1.2; font-size: 36px; font-weight: 400; text-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); }

@media screen and (max-width: 767px) { .p-index-visual__item-title { font-size: 6.6vw; } }

.p-index-visual__item-btn { margin-top: 35px; color: #fff; font-weight: 400; text-align: center; display: inline-block; border: 1px solid #fff; border-radius: 8px; font-size: 14px; position: relative; padding-right: 19.5px; padding: 0.9em 10em 0.9em 10em; transition-property: background, color; transition-duration: 0.3s; }

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

.p-index-visual__item-btn::after { transition-property: border; transition-duration: 0.3s; }

@media print, screen and (min-width: 768px) { .p-index-visual__item-btn:hover { background-color: rgba(255, 255, 255, 0.3); color: #fff; text-decoration: none; } }

@media screen and (max-width: 767px) { .p-index-visual__item-btn { width: 50%; padding: 0.9em 2em 0.9em 2em; font-size: 3.5vw; }
  .p-index-visual__item-btn:hover { text-decoration: none; } }

.p-index-visual a.p-index-visual__item { transition-property: filter; transition-duration: 0.3s; }

.p-index-visual a.p-index-visual__item:hover { filter: brightness(110%); }

.p-index-visual__arrow .slick-prev, .p-index-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-index-visual__arrow .slick-prev, .p-index-visual__arrow .slick-next { width: 20px; height: 20px; } }

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

.p-index-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-index-visual__arrow .slick-prev { left: 10px; } }

.p-index-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-index-visual__arrow .slick-next { right: 10px; } }

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

@media screen and (max-width: 767px) { .p-index-visual .slick-dots { bottom: 20px; height: 8px; } }

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

.p-index-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; }

@media screen and (max-width: 767px) { .p-index-visual .slick-dots li button { width: 28px; height: 4px; } }

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

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

/******************************************************************
layout - index-caution
******************************************************************/
.p-index-caution { background-color: #F5F5F6; font-weight: 400; }

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

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

.p-index-caution__inner { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 767px) { .p-index-caution__inner { width: 100%; padding-left: 0; } }

.p-index-caution__item { overflow: hidden; }

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

.p-index-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-index-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-index-caution__item > *::after { transform: translate(0px, 2px) rotate(45deg); } }

.p-index-caution__item a { color: inherit; }

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

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

@media screen and (max-width: 767px) { .p-index-news { margin-block: 15px; padding: 0 20px; } }

.p-index-news__inner { box-sizing: border-box; background-color: #fff; }

@media print, screen and (min-width: 768px) { .p-index-news__inner { display: flex; } }

.p-index-news h2 { box-sizing: border-box; font-weight: 400; font-size: 18px; }

@media print, screen and (min-width: 768px) { .p-index-news h2 { flex-shrink: 0; border-right: 1px solid #dcdcdc; padding: 14px 25px 0 0; } }

.p-index-news h2 span { display: block; }

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

.p-index-news__main ul li a { display: block; color: #181A24; }

@media print, screen and (min-width: 768px) { .p-index-news__main ul li a { padding: 10px 20px 10px 25px; transition-property: background; transition-duration: 0.3s; }
  .p-index-news__main ul li a:hover { background-color: #F5F5F6; } }

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

.p-index-news__main ul li a:hover { text-decoration: none; }

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

.p-index-news__icon > * { margin-right: 4px; }

.p-index-news__body { display: block; }

.p-index-news__btn { margin-top: 10px; font-size: 14px; }

@media print, screen and (min-width: 768px) { .p-index-news__btn { text-align: right; } }

@media screen and (max-width: 767px) { .p-index-news__btn { text-align: center; } }

.p-index-news__btn a { color: #004098; font-weight: 400; position: relative; padding-right: 6.5px; padding-right: 15px; }

.p-index-news__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-index-news__btn a:after { top: 2px; }

.p-index-news__btn a:hover { text-decoration: underline; }

/******************************************************************
project - index-nav
******************************************************************/
.p-index-nav li a { position: relative; display: block; overflow: hidden; background-color: #000; color: #fff; }

.p-index-nav li a:hover { text-decoration: none; }

.p-index-nav li a > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.p-index-nav__img { background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.7; }

@media print, screen and (min-width: 768px) { .p-index-nav__img { transition-property: transform, opacity; transition-duration: 0.3s; transform: scale(1.01); }
  a:hover .p-index-nav__img { transform: scale(1.1); opacity: 1; } }

@media print, screen and (min-width: 768px) { .p-index-nav ul { display: flex; flex-wrap: wrap; font-size: 24px; }
  .p-index-nav__col1 { width: 100%; }
  .p-index-nav__col1 a { height: 318px; background: linear-gradient(to right, #45bee6 20%, #94c33a 74%); }
  .p-index-nav__col1 a:hover .p-index-nav__compass-btn { background-color: rgba(255, 255, 255, 0.3); color: #fff; }
  .p-index-nav__compass-copy { margin-bottom: 30px; display: block; font-size: 24px; font-weight: 400; }
  .p-index-nav__compass-btn { display: inline-block; border: 1px solid #fff; font-size: 18px; font-family: 'Lato', sans-serif; border-radius: 8px; position: relative; padding-right: 19.5px; padding: 0.3em 6em 0.5em 6em; transition-property: background, color; transition-duration: 0.3s; }
  .p-index-nav__compass-btn::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-13px, 3px) rotate(45deg); transform-origin: top right; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .p-index-nav__compass-btn::after { transition-property: border; transition-duration: 0.3s; }
  .p-index-nav__col2 { width: 50%; }
  .p-index-nav__col2 a { padding-top: 51.94444%; }
  .p-index-nav__col3 { width: 33.33333%; }
  .p-index-nav__col3 a { padding-top: 63.20939%; } }

@media screen and (max-width: 767px) { .p-index-nav ul { font-size: 18px; }
  .p-index-nav__col1 { width: 100%; }
  .p-index-nav__col1 a { min-height: 269px; background: linear-gradient(135deg, #45bee6 20%, #94c33a 74%); }
  .p-index-nav__compass-copy { margin-bottom: 20px; display: block; font-size: 20px; font-weight: 400; line-height: 1.4; }
  .p-index-nav__compass-btn { display: inline-block; border: 1px solid #fff; border-radius: 8px; font-size: 14px; font-family: 'Lato', sans-serif; position: relative; padding-right: 19.5px; padding: 0.6em 4em 0.8em 4em; transition-property: background, color; transition-duration: 0.3s; }
  .p-index-nav__compass-btn::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-13px, 3px) rotate(45deg); transform-origin: top right; border-top: 1px solid #fff; border-right: 1px solid #fff; width: 8px; height: 8px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .p-index-nav__compass-btn::after { transition-property: border; transition-duration: 0.3s; }
  .p-index-nav__col2, .p-index-nav__col3 { width: 100%; }
  .p-index-nav__col2 a, .p-index-nav__col3 a { padding-top: 53.33333%; } }

/******************************************************************
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); } }

@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 { 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 - cat-visual
******************************************************************/
.p-cat-visual { background-size: cover; background-position: center center; }

@media screen and (max-width: 767px) { .p-cat-visual { background: none !important; color: inherit !important; } }

.p-cat-visual--noimg { background-color: #F5F5F6; }

@media screen and (max-width: 767px) { .p-cat-visual--noimg { background-color: #F5F5F6 !important; } }

.p-cat-visual__inner { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 70px; padding-bottom: 60px; }

@media print, screen and (max-width: 980px) { .p-cat-visual__inner { padding-top: 7vw; padding-bottom: 6vw; } }

@media screen and (max-width: 767px) { .p-cat-visual__inner { padding: 0 !important; } }

.p-cat-visual__img { display: none; }

@media screen and (max-width: 767px) { .p-cat-visual__img { display: block; }
  .p-cat-visual__img img { width: 100%; } }

@media screen and (max-width: 767px) { .p-cat-visual__body { padding: 55px 20px; } }

.p-cat-visual__title { font-weight: 300; font-size: 40px; line-height: 1.5; }

@media screen and (max-width: 767px) { .p-cat-visual__title { font-size: 30px; } }

.p-cat-visual__copy { margin-top: 18px; }

/******************************************************************
project - cat-nav
******************************************************************/
@media print, screen and (min-width: 768px) { .p-cat-nav { background-color: #004098; } }

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

@media print, screen and (min-width: 768px) { .p-cat-nav--s .p-cat-nav__body { font-size: 14px; } }

.p-cat-nav--wrap .p-cat-nav__body { flex-wrap: wrap; }

.p-cat-nav__inner { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 767px) { .p-cat-nav__inner { padding: 0 !important; } }

.p-cat-nav__head { display: none; }

@media screen and (max-width: 767px) { .p-cat-nav__head { display: block; background-color: #004098; }
  .p-cat-nav__head a { display: block; color: #fff; position: relative; padding: 15px 28px 15px 20px; }
  .p-cat-nav__head a::before, .p-cat-nav__head a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .p-cat-nav__head a::before { border-top: 1px solid #fff; width: 13px; height: 0; top: 0; bottom: 0; right: 0; }
  .p-cat-nav__head a::after { border-left: 1px solid #fff; width: 0; height: 13px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }
  .p-cat-nav__head a::before { right: 16px; }
  .p-cat-nav__head a::after { right: 22px; }
  .p-cat-nav__head a[aria-expanded="true"]::after { height: 0; } }

@media print, screen and (min-width: 768px) { .p-cat-nav__body { display: flex !important; justify-content: center; }
  .p-cat-nav__body li { display: flex; }
  .p-cat-nav__body a { display: flex; align-items: center; color: #fff; transition-property: background; transition-duration: 0.3s; position: relative; padding-right: 21px; padding: 18px 2.6em; }
  .p-cat-nav__body a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-12px, 1.25px) rotate(45deg); transform-origin: top right; border-bottom: 1px solid #fff; border-right: 1px solid #fff; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

@media screen and (min-width: 768px) and (max-width: 1000px) { .p-cat-nav__body a { font-size: 1.6vw; padding: 18px 3.0vw; } }

@media print, screen and (min-width: 768px) { .p-cat-nav__body a:hover { background-color: rgba(255, 255, 255, 0.1); } }

@media screen and (max-width: 767px) { .p-cat-nav__body { display: none; }
  .p-cat-nav__body li { background-color: #fff; border-bottom: 1px solid #dcdcdc; }
  .p-cat-nav__body li > a { display: block; color: #181A24; position: relative; padding-right: 27px; padding: 15px 34px 15px 20px; }
  .p-cat-nav__body li > a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; transform: translate(-18px, 1.25px) rotate(45deg); transform-origin: top right; border-bottom: 1px solid #3c3c3c; border-right: 1px solid #3c3c3c; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

/******************************************************************
project - cat-business
******************************************************************/
.p-cat-business { background-size: cover; background-position: right center; }

@media screen and (max-width: 767px) { .p-cat-business { background: transparent !important; } }

.p-cat-business__inner { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 80px; padding-bottom: 70px; }

.p-cat-business__inner > *:not(:last-child) { margin-bottom: 30px; }

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

@media screen and (max-width: 767px) { .p-cat-business__inner { padding: 0 0 60px 0; } }

.p-cat-business__title { font-weight: 400; }

@media print, screen and (min-width: 768px) { .p-cat-business__title { background: transparent !important; font-size: 24px; width: 65%; } }

@media screen and (max-width: 767px) { .p-cat-business__title { background-size: cover; background-position: right center; font-size: 20px; padding: 10vw 20px; } }

@media print, screen and (min-width: 768px) { .p-cat-business__copy { width: 65%; } }

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

/******************************************************************
project - homesafety-list
******************************************************************/
.js-homesafety__list { display: none; }

.p-homesafety-list__item { border-bottom: 1px solid #dcdcdc; }

.p-homesafety-list a { display: block; color: #181A24; transition-property: background; transition-duration: 0.3s; padding: 15px 35px; }

@media screen and (max-width: 767px) { .p-homesafety-list a { padding: 15px 0; } }

.p-homesafety-list a:hover { background-color: #F5F5F6; text-decoration: none; }

.p-homesafety-list__time { display: block; float: left; padding-right: 16px; }

@media screen and (max-width: 767px) { .p-homesafety-list__time { padding-right: 12px; } }

.p-homesafety-list__body { display: block; clear: both; }

/******************************************************************
project - news-rss
******************************************************************/
.p-news-rss { display: flex; justify-content: flex-end; }

.p-news-rss > *:not(:last-child) { margin-right: 20px; }

@media screen and (max-width: 767px) { .p-news-rss > *:not(:last-child) { margin-right: 15px; } }

.p-news-rss__icon a { display: inline-block; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC43NSAxMC43NSIgd2lkdGg9IjExIiBoZWlnaHQ9IjExIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNDA5ODt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PGNpcmNsZSBpZD0i5qWV5YaG5b2iXzM4IiBkYXRhLW5hbWU9IualleWGhuW9oiAzOCIgY2xhc3M9ImNscy0xIiBjeD0iMS41NCIgY3k9IjkuMjEiIHI9IjEuNTQiLz48cGF0aCBpZD0i44OR44K5XzY1NSIgZGF0YS1uYW1lPSLjg5HjgrkgNjU1IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjEyLDEwLjc1SDcuMTdBNy4xOCw3LjE4LDAsMCwwLDAsMy41OFY1LjYzQTUuMTIsNS4xMiwwLDAsMSw1LjEyLDEwLjc1WiIvPjxwYXRoIGlkPSLjg5HjgrlfNjU2IiBkYXRhLW5hbWU9IuODkeOCuSA2NTYiIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjc1LDEwLjc1QTEwLjc3LDEwLjc3LDAsMCwwLDAsMFYyLjA1YTguNzEsOC43MSwwLDAsMSw4LjcsOC43WiIvPjwvZz48L2c+PC9zdmc+) left 0.6em no-repeat; padding-left: 18px; }

.p-news-rss a { font-weight: 400; }

/******************************************************************
project - news-search
******************************************************************/
.p-news-search { margin-top: 40px; }

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

/******************************************************************
project - news-select
******************************************************************/
@media print, screen and (min-width: 768px) { .p-news-select { display: flex; justify-content: space-between; }
  .p-news-select > *:first-child { width: calc(100% - 310px - 20px); }
  .p-news-select > *:last-child { width: 310px; } }

@media screen and (max-width: 767px) { .p-news-select > *:first-child { margin-bottom: 10px; } }

/******************************************************************
project - news-title
******************************************************************/
.p-news-title { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-bottom: 40px; font-weight: 400; font-size: 32px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .p-news-title { margin-bottom: 40px; padding-right: 20px; padding-left: 20px; } }

@media screen and (max-width: 767px) { .p-news-title { font-size: 24px; margin-bottom: 20px; } }

/******************************************************************
project - news-tab
******************************************************************/
.p-news-tab { max-width: 950px; 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 - news-list
******************************************************************/
.p-news-list[aria-expanded="false"] { display: none; }

.p-news-list__year { font-weight: 400; font-size: 32px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .p-news-list__year { font-size: 24px; margin-bottom: 20px; } }

@media print, screen and (min-width: 768px) { .p-news-list__item { border-top: 1px solid #dcdcdc; display: flex; margin-bottom: 40px; } }

@media screen and (max-width: 767px) { .p-news-list__item { margin-bottom: 40px; } }

.p-news-list h3 { font-weight: 400; }

@media print, screen and (min-width: 768px) { .p-news-list h3 { font-size: 32px; width: 100px; padding-top: 10px; } }

@media screen and (max-width: 767px) { .p-news-list h3 { font-size: 24px; padding-bottom: 16px; } }

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

@media print, screen and (min-width: 768px) { .p-news-list ul li:not(:first-child) { border-top: 1px solid #dcdcdc; } }

@media screen and (max-width: 767px) { .p-news-list ul li { border-top: 1px solid #dcdcdc; }
  .p-news-list ul li:last-child { border-bottom: 1px solid #dcdcdc; } }

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

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

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

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

.p-news-list__date { font-size: 12px; margin-right: 4px; }

.p-news-list__icon > * { margin-right: 4px; margin-bottom: 2px; }

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

.js-news .js-news__item { display: none; }

.js-news #news-head + .js-news__item { display: block; }

.js-news .c-news-pagination-top__prev a, .js-news .c-news-pagination-top__next a { display: none; }

/******************************************************************
project - detail-visual
******************************************************************/
.p-detail-visual { background-color: #F5F5F6; }

.p-detail-visual__inner { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 60px; padding-bottom: 60px; }

@media screen and (max-width: 767px) { .p-detail-visual__inner { padding-top: 40px; padding-bottom: 40px; } }

.p-detail-visual__title { font-weight: 400; font-size: 24px; line-height: 1.5; }

@media screen and (max-width: 767px) { .p-detail-visual__title { font-size: 20px; } }

/******************************************************************
project - detail-share
******************************************************************/
.p-detail-share { display: flex; align-items: center; justify-content: flex-end; }

.p-detail-share dt { font-weight: 400; }

.p-detail-share dd { margin-left: 15px; }

.p-detail-share dd svg { vertical-align: middle; }

.p-detail-share dd svg .p-detail-share__icon { transition-property: fill; transition-duration: 0.3s; }

.p-detail-share dd .p-detail-share__icon { fill: #b4b4b4; }

.p-detail-share__facebook a:hover .p-detail-share__icon { fill: #1877f2; }

.p-detail-share__twitter a:hover .p-detail-share__icon { fill: #1da1f2; }

.p-detail-share__x a:hover .p-detail-share__icon { fill: #000; }

.p-detail-share__line a:hover .p-detail-share__icon { fill: #00b900; }

.p-detail-share--colorful a { transition-property: opacity; transition-duration: 0.3s; }

.p-detail-share--colorful a:hover { opacity: 0.7; }

.p-detail-share--colorful .p-detail-share__facebook .p-detail-share__icon { fill: #1877f2; }

.p-detail-share--colorful .p-detail-share__twitter .p-detail-share__icon { fill: #1da1f2; }

.p-detail-share--colorful .p-detail-share__x .p-detail-share__icon { fill: #000; }

.p-detail-share--colorful .p-detail-share__line .p-detail-share__icon { fill: #00b900; }

/******************************************************************
project - detail-bottom-nav
******************************************************************/
@media print, screen and (min-width: 768px) { .p-detail-bottom-nav { display: flex; margin-top: -20px; margin-right: -20px; } }

@media print, screen and (min-width: 768px) { .p-detail-bottom-nav__item { margin-top: 20px; margin-right: 20px; width: calc(20% - 20px); display: flex; } }

@media screen and (max-width: 767px) { .p-detail-bottom-nav__item { margin-top: 10px; } }

.p-detail-bottom-nav__item a { border-radius: 5em; background-color: #fff; border: 1px solid #004098; font-weight: 400; line-height: 1.4; text-align: center; color: inherit; }

.p-detail-bottom-nav__item a:hover { text-decoration: none; }

@media print, screen and (min-width: 768px) { .p-detail-bottom-nav__item a { display: flex; width: 100%; justify-content: center; align-items: center; position: relative; padding-right: 25.5px; padding: 0.6em 1.8em 0.6em 1.2em; transition-property: background, color; transition-duration: 0.3s; }
  .p-detail-bottom-nav__item 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 #3c3c3c; border-right: 1px solid #3c3c3c; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .p-detail-bottom-nav__item a:hover { background-color: #004098; color: #fff; }
  .p-detail-bottom-nav__item a:hover::after { border-color: #fff; } }

@media screen and (max-width: 767px) { .p-detail-bottom-nav__item a { display: block; position: relative; padding-right: 25.5px; padding: 1.0em 1.8em 1.0em 1.2em; }
  .p-detail-bottom-nav__item 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 #3c3c3c; border-right: 1px solid #3c3c3c; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

/******************************************************************
project - detail-employee
******************************************************************/
.p-detail-employee__position { font-weight: 400; font-size: 16px; }

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

.p-detail-employee__name { font-weight: 400; font-size: 18px; }

@media screen and (max-width: 767px) { .p-detail-employee__name { font-size: 16px; } }

/******************************************************************
project - detail-monthlyreport
******************************************************************/
.p-detail-monthlyreport__item { border-top: 1px solid #d9d9d9; padding: 15px 0 60px 0; }

@media screen and (max-width: 767px) { .p-detail-monthlyreport__item { padding: 10px 0 40px 0; } }

.p-detail-monthlyreport__item:last-child { padding-bottom: 0; }

.p-detail-monthlyreport__title { font-size: 16px; font-weight: 400; margin-top: 10px; margin-bottom: 20px; }

@media screen and (max-width: 767px) { .p-detail-monthlyreport__title { font-size: 15px; margin-top: 0; margin-bottom: 15px; } }

.p-detail-monthlyreport__text { font-size: 15px; }

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

.p-detail-monthlyreport__number { font-size: 15px; margin-top: 40px; }

@media screen and (max-width: 767px) { .p-detail-monthlyreport__number { font-size: 14px; margin-top: 30px; } }

.p-detail-monthlyreport__img { display: block; }

@media print, screen and (min-width: 768px) { .p-detail-monthlyreport__img { max-width: 295px; } }

.p-detail-monthlyreport__img:not(:first-child) { margin-top: 10px; }

/******************************************************************
project - detail-officer
******************************************************************/
.p-detail-officer__head { display: flex; }

@media screen and (max-width: 767px) { .p-detail-officer__head { flex-wrap: wrap; } }

.p-detail-officer__img { width: 180px; }

@media screen and (max-width: 767px) { .p-detail-officer__img { width: 30%; } }

.p-detail-officer__head-main-sp { display: none; }

@media screen and (max-width: 767px) { .p-detail-officer__head-main-sp { box-sizing: border-box; display: block; width: 70%; padding-left: 10px; } }

.p-detail-officer__head-main { box-sizing: border-box; }

@media print, screen and (min-width: 768px) { .p-detail-officer__head-main { width: calc(100% - 180px); padding-left: 30px; display: flex; flex-direction: column; }
  .p-detail-officer__head-main-inner { flex-grow: 1; } }

@media screen and (max-width: 767px) { .p-detail-officer__head-main { width: 100%; margin-top: 15px; padding-left: 0; }
  .p-detail-officer__head-main .p-detail-officer__position, .p-detail-officer__head-main .p-detail-officer__name, .p-detail-officer__head-main .p-detail-officer__note { display: none; } }

.p-detail-officer__position { font-size: 15px; font-weight: 400; }

@media screen and (max-width: 767px) { .p-detail-officer__position { font-size: 12px; } }

.p-detail-officer__position:first-child { margin-bottom: 0.5em; }

@media screen and (max-width: 767px) { .p-detail-officer__position:first-child { margin-bottom: 0.2em; } }

.p-detail-officer__position:not(:first-child) { margin-top: 0.5em; }

@media screen and (max-width: 767px) { .p-detail-officer__position:not(:first-child) { margin-top: 0.2em; } }

.p-detail-officer__name { font-size: 24px; font-weight: 400; line-height: 1.4; }

@media screen and (max-width: 767px) { .p-detail-officer__name { font-size: 20px; } }

.p-detail-officer__name sup { font-size: 14px; }

@media screen and (max-width: 767px) { .p-detail-officer__name sup { font-size: 12px; } }

.p-detail-officer__note { font-size: 15px; }

@media screen and (max-width: 767px) { .p-detail-officer__note { font-size: 12px; } }

@media print, screen and (min-width: 768px) and (max-width: 1000px) { .p-detail-officer__btn .c-button--basic-plus { min-width: auto; width: 100%; } }

.p-detail-officer__body { display: none; }

@media print, screen and (min-width: 768px) { .p-detail-officer__body dl { margin-top: 20px; display: table; }
  .p-detail-officer__body dl div { display: table-row; }
  .p-detail-officer__body dl dt { display: table-cell; font-weight: 400; width: 0.1%; white-space: nowrap; vertical-align: top; padding: 0.5em 1.5em 0.5em 0; }
  .p-detail-officer__body dl dd { display: table-cell; vertical-align: top; padding: 0.5em 0 0.5em 0; } }

@media screen and (max-width: 767px) { .p-detail-officer__body dl { margin-top: 10px; font-size: 12px; }
  .p-detail-officer__body dl div:not(:first-child) { margin-top: 0.75em; }
  .p-detail-officer__body dl dt { font-weight: 400; } }

/******************************************************************
project - detail-location
******************************************************************/
@media screen and (max-width: 767px) { .p-detail-location { border-bottom: 1px solid #d9d9d9; padding-bottom: 15px; } }

@media print, screen and (min-width: 768px) { .p-detail-location__block { display: flex; } }

.p-detail-location__block:not(:first-child) { border-top: 1px solid #d9d9d9; margin-top: 35px; padding-top: 35px; }

@media screen and (max-width: 767px) { .p-detail-location__block:not(:first-child) { margin-top: 15px; padding-top: 15px; } }

.p-detail-location__head { box-sizing: border-box; font-weight: 400; font-size: 16px; }

@media print, screen and (min-width: 768px) { .p-detail-location__head { width: 28%; padding-right: 2%; } }

.p-detail-location__body { box-sizing: border-box; }

@media print, screen and (min-width: 768px) { .p-detail-location__body { width: 72%; } }

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

.p-detail-location__body > *:not(:last-child) { margin-bottom: 20px; }

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

.p-detail-location__bodys { box-sizing: border-box; }

@media print, screen and (min-width: 768px) { .p-detail-location__bodys { width: 72%; } }

@media screen and (max-width: 767px) { .p-detail-location__bodys dd { margin-left: 10%; font-size: 12px; }
  .p-detail-location__bodys dd strong { font-size: 14px; } }

.p-detail-location__bodys dd > *:not(:last-child) { margin-bottom: 20px; }

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

.p-detail-location__bodys dd:not(:first-child) { border-top: 1px solid #d9d9d9; margin-top: 35px; padding-top: 35px; }

@media screen and (max-width: 767px) { .p-detail-location__bodys dd:not(:first-child) { margin-top: 15px; padding-top: 15px; } }

/******************************************************************
project - detail-media
******************************************************************/
.p-detail-media > *:not(:last-child) { margin-bottom: 15px; }

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

.p-detail-media__title { font-weight: 400; font-size: 18px; display: flex; align-items: center; justify-content: space-between; }

.p-detail-media__title span:first-child { width: 61px; }

.p-detail-media__title span:last-child { width: calc(100% - 61px - 10px); }

.p-detail-media__btn { margin-top: 30px; }

@media screen and (max-width: 767px) { .p-detail-media__btn { margin-top: 20px; } }

.p-detail-media__btn > *:not(:last-child) { margin-bottom: 10px; }

/******************************************************************
project - detail-social
******************************************************************/
.p-detail-social > *:not(:last-child) { margin-bottom: 60px; }

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

.p-detail-social__item { border-top: 1px solid #dcdcdc; padding-top: 20px; }

@media print, screen and (min-width: 768px) { .p-detail-social__item { display: flex; justify-content: space-between; } }

@media print, screen and (min-width: 768px) { .p-detail-social__img { width: 100px; }
  .p-detail-social__main { width: calc(100% - 100px - 30px); }
  .p-detail-social__img-sp { display: none; }
  .p-detail-social__title { width: calc(100% - 100px - 20px); font-size: 20px; font-weight: 400; margin-bottom: 5px; } }

@media screen and (max-width: 767px) { .p-detail-social__img { display: none; }
  .p-detail-social__main-sp { display: flex; align-items: center; justify-content: space-between; margin-bottom: 15px; }
  .p-detail-social__img-sp { width: 100px; }
  .p-detail-social__title { width: calc(100% - 100px - 20px); font-size: 20px; font-weight: 400; } }

.p-detail-social__btn { margin-top: 15px; }

.p-detail-social__btn li { display: inline-block; padding-top: 15px; }

.p-detail-social__btn li:not(:last-child) { padding-right: 35px; }

.p-detail-social__btn a { transition-property: opacity; transition-duration: 0.3s; }

.p-detail-social__btn a:hover { opacity: 0.5; }

.p-detail-social__btn img { width: 50px; }

.p-detail-social__modal { display: none; z-index: 999; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background-color: rgba(0, 0, 0, 0.3); }

.p-detail-social__modal-inner { width: 100%; height: 100vh; display: flex; align-items: center; justify-content: center; }

.p-detail-social__modal-main { position: relative; z-index: 1001; background-color: #fff; max-width: 430px; padding: 25px; box-shadow: 0px 0px 18px 0px rgba(14, 63, 129, 0.2); }

@media screen and (max-width: 767px) { .p-detail-social__modal-main { max-width: 85%; padding: 15px; } }

.p-detail-social__modal-qr { padding: 40px; text-align: center; }

.p-detail-social__modal-qr img { max-width: 250px; }

@media screen and (max-width: 767px) { .p-detail-social__modal-qr img { width: 70%; } }

.p-detail-social__modal-close { position: absolute; top: 15px; right: 15px; }

.p-detail-social__modal-close a { display: inline-block; width: 15px; height: 15px; position: relative; }

.p-detail-social__modal-close a::before, .p-detail-social__modal-close a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.p-detail-social__modal-close a::before { border-top: 1px solid #3c3c3c; width: 13px; height: 0; top: 0; bottom: 0; left: 0; transform: rotate(45deg); }

.p-detail-social__modal-close a::after { border-left: 1px solid #3c3c3c; width: 0; height: 13px; top: 0; bottom: 0; left: 6px; transform: rotate(45deg); }

.p-detail-social__modal-close a:hover { opacity: 0.7; }

/******************************************************************
project - detail-rss
******************************************************************/
.p-detail-rss dt { font-weight: 400; font-size: 18px; }

@media screen and (max-width: 767px) { .p-detail-rss dt { font-size: 16px; } }

.p-detail-rss dt:not(:first-child) { margin-top: 30px; }

.p-detail-rss dd a { display: inline-block; word-break: break-all; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC43NSAxMC43NSIgd2lkdGg9IjExIiBoZWlnaHQ9IjExIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNDA5ODt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PGNpcmNsZSBpZD0i5qWV5YaG5b2iXzM4IiBkYXRhLW5hbWU9IualleWGhuW9oiAzOCIgY2xhc3M9ImNscy0xIiBjeD0iMS41NCIgY3k9IjkuMjEiIHI9IjEuNTQiLz48cGF0aCBpZD0i44OR44K5XzY1NSIgZGF0YS1uYW1lPSLjg5HjgrkgNjU1IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjEyLDEwLjc1SDcuMTdBNy4xOCw3LjE4LDAsMCwwLDAsMy41OFY1LjYzQTUuMTIsNS4xMiwwLDAsMSw1LjEyLDEwLjc1WiIvPjxwYXRoIGlkPSLjg5HjgrlfNjU2IiBkYXRhLW5hbWU9IuODkeOCuSA2NTYiIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjc1LDEwLjc1QTEwLjc3LDEwLjc3LDAsMCwwLDAsMFYyLjA1YTguNzEsOC43MSwwLDAsMSw4LjcsOC43WiIvPjwvZz48L2c+PC9zdmc+) left 0.6em no-repeat; padding-left: 18px; }

/******************************************************************
project - detail-sitemap
******************************************************************/
.p-detail-sitemap__item:not(:first-child) { border-top: 1px solid #d9d9d9; }

@media print, screen and (min-width: 768px) { .p-detail-sitemap__item:not(:first-child) { padding-top: 40px; } }

@media screen and (max-width: 767px) { .p-detail-sitemap__item:not(:first-child) { padding-top: 15px; } }

@media print, screen and (min-width: 768px) { .p-detail-sitemap__item { padding-bottom: 40px; display: flex; justify-content: space-between; } }

@media screen and (max-width: 767px) { .p-detail-sitemap__item { padding-bottom: 15px; } }

.p-detail-sitemap h3 { font-weight: 400; font-size: 16px; }

@media print, screen and (min-width: 768px) { .p-detail-sitemap h3 { width: 28%; } }

@media print, screen and (min-width: 768px) { .p-detail-sitemap__bodys { width: 70%; } }

@media screen and (max-width: 767px) { .p-detail-sitemap__bodys { margin-left: 10%; margin-top: 15px; } }

@media print, screen and (min-width: 768px) { .p-detail-sitemap__body:not(:first-child) { border-top: 1px solid #d9d9d9; padding-top: 35px; margin-top: 35px; } }

@media screen and (max-width: 767px) { .p-detail-sitemap__body:not(:first-child) { margin-top: 15px; } }

.p-detail-sitemap__body > *:not(:last-child) { margin-bottom: 4px; }

.p-detail-sitemap h4 { font-weight: 400; font-size: 16px; }

.p-detail-sitemap li:not(:last-child) { margin-bottom: 4px; }

/******************************************************************
project - net-top-visual
******************************************************************/
.p-net-top-visual { position: relative; }

@media print, screen and (min-width: 768px) { .p-net-top-visual { margin-left: auto; margin-right: auto; } }

.p-net-top-visual__inner .slick-slide img { width: 1280px !important; width: 75vw !important; }

@media screen and (max-width: 767px) { .p-net-top-visual__inner .slick-slide img { width: 100vw !important; } }

.p-net-top-visual__arrow .slick-prev, .p-net-top-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-net-top-visual__arrow .slick-prev, .p-net-top-visual__arrow .slick-next { width: 20px; height: 20px; } }

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

.p-net-top-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-net-top-visual__arrow .slick-prev { left: 10px; } }

.p-net-top-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-net-top-visual__arrow .slick-next { right: 10px; } }

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

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

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

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

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

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

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

.p-net-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-net-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-net-top-caution__item > *::after { transform: translate(0px, 2px) rotate(45deg); } }

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

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

/******************************************************************
project - net-top-select
******************************************************************/
.p-net-top-select { display: flex; flex-wrap: wrap; margin-right: -50px; margin-bottom: -50px; }

@media screen and (max-width: 767px) { .p-net-top-select { margin-right: -18px; margin-bottom: -18px; } }

.p-net-top-select li { background-color: #fff; border-radius: 8px; display: flex; width: 200px; width: calc(25% - 50px); margin-right: 50px; margin-bottom: 50px; padding-top: 15px; padding-bottom: 20px; line-height: 1.5; }

@media screen and (max-width: 767px) { .p-net-top-select li { width: calc(50% - 18px); margin-right: 18px; margin-bottom: 18px; padding-top: 12px; padding-bottom: 16px; } }

.p-net-top-select a { flex-grow: 1; text-align: center; color: #181A24; font-feature-settings: "palt"; font-weight: 400; font-size: 13px; }

@media print, screen and (max-width: 414px) { .p-net-top-select a { font-size: 3.1401vw; } }

.p-net-top-select a:hover { text-decoration: none; }

.p-net-top-select__img { display: block; }

.p-net-top-select__img img { max-width: 120px; }

@media screen and (max-width: 767px) { .p-net-top-select__img img { max-width: 96px; } }

.p-net-top-select__text { display: block; min-height: 45px; }

@media screen and (max-width: 767px) { .p-net-top-select__text { min-height: 5.86701vw; } }

/******************************************************************
project - net-top-nav
******************************************************************/
.p-net-top-nav { background-color: #F5F5F6; }

.p-net-top-nav li a { position: relative; display: block; overflow: hidden; background-color: #000; color: #fff; }

.p-net-top-nav li a:hover { text-decoration: none; }

.p-net-top-nav li a > span { position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; display: flex; align-items: center; justify-content: center; flex-direction: column; }

.p-net-top-nav__img { background-position: center center; background-repeat: no-repeat; background-size: cover; opacity: 0.7; }

@media print, screen and (min-width: 768px) { .p-net-top-nav__img { transition-property: transform, opacity; transition-duration: 0.3s; transform: scale(1.01); }
  a:hover .p-net-top-nav__img { transform: scale(1.1); opacity: 1; } }

@media print, screen and (min-width: 768px) { .p-net-top-nav ul { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 100px; padding-bottom: 100px; display: flex; flex-wrap: wrap; font-size: 24px; }
  .p-net-top-nav__col1 { width: 100%; }
  .p-net-top-nav__col1 a { padding-top: 33.57895%; }
  .p-net-top-nav__col2 { width: 50%; }
  .p-net-top-nav__col2 a { padding-top: 38.52632%; }
  .p-net-top-nav__col3 { width: 33.33333%; }
  .p-net-top-nav__col3 a { padding-top: 66.4557%; } }

@media screen and (max-width: 767px) { .p-net-top-nav ul { font-size: 18px; padding: 60px 20px 60px 20px; }
  .p-net-top-nav__col1, .p-net-top-nav__col2, .p-net-top-nav__col3 { width: 100%; }
  .p-net-top-nav__col1 a, .p-net-top-nav__col2 a, .p-net-top-nav__col3 a { padding-top: 25.67164%; }
  .p-net-top-nav__col1, .p-net-top-nav__col2, .p-net-top-nav__col3:not(:last-child) { margin-bottom: 10px; } }

/******************************************************************
project - net-top-slick
******************************************************************/
.p-net-top-slick { position: relative; }

@media print, screen and (min-width: 768px) { .p-net-top-slick { margin-left: auto; margin-right: auto; margin-top: 80px; } }

@media screen and (max-width: 767px) { .p-net-top-slick { margin-top: 40px; } }

.p-net-top-slick__arrow .slick-prev, .p-net-top-slick__arrow .slick-next { position: absolute; top: 50%; transform: translate(0, -50%) translateZ(0); outline: none; 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-net-top-slick__arrow .slick-prev, .p-net-top-slick__arrow .slick-next { width: 20px; height: 20px; } }

.p-net-top-slick__arrow .slick-prev:hover, .p-net-top-slick__arrow .slick-next:hover { background-color: #F5F5F6; }

.p-net-top-slick__arrow .slick-prev { z-index: +1; left: 0; position: relative; position: absolute; }

.p-net-top-slick__arrow .slick-prev::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(1.5px, 0) rotate(225deg); 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 screen and (max-width: 767px) { .p-net-top-slick__arrow .slick-prev { position: relative; position: absolute; }
  .p-net-top-slick__arrow .slick-prev::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(1px, 0) rotate(225deg); border-top: 1px solid #004098; border-right: 1px solid #004098; width: 6px; height: 6px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

.p-net-top-slick__arrow .slick-next { right: 0; position: relative; position: absolute; }

.p-net-top-slick__arrow .slick-next::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(-1.5px, 0) rotate(45deg); 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 screen and (max-width: 767px) { .p-net-top-slick__arrow .slick-next { position: relative; position: absolute; }
  .p-net-top-slick__arrow .slick-next::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0; left: 0; transform: translate(-1px, 0) rotate(45deg); border-top: 1px solid #004098; border-right: 1px solid #004098; width: 6px; height: 6px; transition-property: top, right, bottom, left; transition-duration: 0.3s; } }

/******************************************************************
project - net-news-select
******************************************************************/
@media print, screen and (min-width: 768px) { .p-net-news-select { display: flex; justify-content: space-between; }
  .p-net-news-select > *:first-child { width: calc(100% - 310px - 20px); }
  .p-net-news-select > *:last-child { width: 310px; }
  .p-net-news-select .p-news-search { margin-top: 0; } }

@media screen and (max-width: 767px) { .p-net-news-select > *:first-child { margin-bottom: 10px; } }

/******************************************************************
project - ir-visual
******************************************************************/
.p-ir-visual__earnings { background-size: cover; display: flex; text-align: center; }

@media screen and (max-width: 767px) { .p-ir-visual__earnings { min-height: 56vw; } }

.p-ir-visual__earnings p { width: 100%; display: flex; }

.p-ir-visual__earnings a { width: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; text-decoration: none; }

.p-ir-visual__earnings strong { display: inline-block; font-weight: 600; border-bottom: 1px solid #fff; margin-bottom: 10px; font-size: 35px; }

@media screen and (max-width: 767px) { .p-ir-visual__earnings strong { font-size: 28px; } }

.p-ir-visual__earnings span { display: block; font-size: 18px; }

@media screen and (max-width: 767px) { .p-ir-visual__earnings span { font-size: 16px; } }

.p-ir-visual__stock { background-color: #f1f3f5; padding: 30px 50px 20px 50px; }

@media screen and (max-width: 767px) { .p-ir-visual__stock { padding: 20px 30px 10px 30px; } }

.p-ir-visual__stock figure { margin: 0 0 15px 0; }

.p-ir-news-btn { text-align: right; margin-top: 20px; }

@media screen and (max-width: 767px) { .p-ir-news-btn { margin-top: 15px; } }

.p-ir-document { display: flex; background-repeat: no-repeat; background-position: left 10px center; background-size: 90px auto; }

@media screen and (max-width: 767px) { .p-ir-document { background-size: 60px auto; } }

.p-ir-document a { display: flex; align-items: center; width: 100%; padding-left: 90px; }

@media screen and (max-width: 767px) { .p-ir-document a { padding-left: 60px; } }

/******************************************************************
project - searchbox
******************************************************************/
.p-searchbox__button { padding: 15px; }

.p-searchbox__button svg { transition-property: fill; transition-duration: 0.3s; width: 15px; height: 15px; fill: #3c3c3c; }

.p-searchbox__button:hover svg { fill: #898989; }

/******************************************************************
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; }

.p-net-top-visual .slick-slider { overflow: hidden; }

.p-net-top-visual .slick-list { margin-left: -30px; margin-right: -30px; }

@media screen and (max-width: 767px) { .p-net-top-visual .slick-list { margin-left: 0; margin-right: 0; } }

.p-net-top-visual .slick-track { display: flex; }

.p-net-top-visual .slick-slide { float: none; margin-left: 30px; margin-right: 30px; line-height: 0; }

@media screen and (max-width: 767px) { .p-net-top-visual .slick-slide { margin-left: 0; margin-right: 0; } }

.p-net-top-visual .slick-slide img { width: 100%; }

.p-net-top-visual .slick-slide a { display: block; outline: 0; }

.p-sogo-bnr .slick-slider, .l-footer-bnr .slick-slider { overflow: hidden; margin-left: 50px; margin-right: 50px; }

@media screen and (max-width: 767px) { .p-sogo-bnr .slick-slider, .l-footer-bnr .slick-slider { margin-left: 20px; margin-right: 20px; } }

.p-sogo-bnr .slick-list, .l-footer-bnr .slick-list { margin-left: -10px; margin-right: -10px; }

@media screen and (max-width: 767px) { .p-sogo-bnr .slick-list, .l-footer-bnr .slick-list { margin-left: -7.5px; margin-right: -7.5px; } }

.p-sogo-bnr .slick-track, .l-footer-bnr .slick-track { display: flex; }

.p-sogo-bnr .slick-slide, .l-footer-bnr .slick-slide { float: none; margin-left: 10px; margin-right: 10px; line-height: 0; }

@media screen and (max-width: 767px) { .p-sogo-bnr .slick-slide, .l-footer-bnr .slick-slide { margin-left: 7.5px; margin-right: 7.5px; } }

.p-sogo-bnr .slick-slide img, .l-footer-bnr .slick-slide img { width: 100%; }

.p-sogo-bnr .slick-slide a, .l-footer-bnr .slick-slide a { display: block; outline: 0; }

.p-net-top-slick .slick-slider { overflow: hidden; margin-left: 50px; margin-right: 50px; }

@media screen and (max-width: 767px) { .p-net-top-slick .slick-slider { margin-left: 20px; margin-right: 20px; } }

.p-net-top-slick .slick-list { margin-left: -10px; margin-right: -10px; }

@media screen and (max-width: 767px) { .p-net-top-slick .slick-list { margin-left: -7.5px; margin-right: -7.5px; } }

.p-net-top-slick .slick-track { display: flex; }

.p-net-top-slick .slick-slide { float: none; height: auto; margin-left: 10px; margin-right: 10px; }

.p-net-top-slick .slick-slide img { width: 100%; }

.p-net-top-slick .slick-slide a { display: block; outline: 0; color: #181A24; }

.p-net-top-slick .slick-slide a:hover { text-decoration: none; }

@media screen and (max-width: 767px) { .p-net-top-slick .slick-slide { margin-left: 15px; margin-right: 15px; } }

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

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

.p-net-top-slick .p-carousel-slick { flex-direction: column; }

.p-net-top-slick .p-carousel-slick__img { min-height: 0%; }

.p-net-top-slick .p-carousel-slick__body { flex-grow: 1; display: flex; align-items: center; padding-top: .5em; }

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

@media print, screen and (max-width: 980px) { .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 - margin-top
******************************************************************/
.u-margin-top { margin-top: 20px; }

.u-margin-top-m { margin-top: 20px; }

.u-margin-top-2x { margin-top: 40px; }

.u-margin-top-3x { margin-top: 60px; }

@media screen and (max-width: 767px) { .u-margin-top { margin-top: 15px; }
  .u-margin-top-m { margin-top: 15px; }
  .u-margin-top-2x { margin-top: 30px; }
  .u-margin-top-3x { margin-top: 45px; }
  .u-sp-margin-top { margin-top: 15px; }
  .u-sp-margin-top-m { margin-top: 15px; }
  .u-sp-margin-top-2x { margin-top: 30px; }
  .u-sp-margin-top-3x { margin-top: 45px; } }

/******************************************************************
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 - font-size-percent
******************************************************************/
.u-font-size50per { font-size: 50%; }

.u-font-size55per { font-size: 55%; }

.u-font-size60per { font-size: 60%; }

.u-font-size65per { font-size: 65%; }

.u-font-size70per { font-size: 70%; }

.u-font-size75per { font-size: 75%; }

.u-font-size80per { font-size: 80%; }

.u-font-size85per { font-size: 85%; }

.u-font-size90per { font-size: 90%; }

.u-font-size95per { font-size: 95%; }

.u-font-size100per { font-size: 100%; }

.u-font-size110per { font-size: 110%; }

.u-font-size120per { font-size: 120%; }

.u-font-size130per { font-size: 130%; }

.u-font-size140per { font-size: 140%; }

.u-font-size150per { font-size: 150%; }

.u-font-size160per { font-size: 160%; }

.u-font-size170per { font-size: 170%; }

.u-font-size180per { font-size: 180%; }

.u-font-size190per { font-size: 190%; }

.u-font-size200per { font-size: 200%; }

.u-font-size210per { font-size: 210%; }

.u-font-size220per { font-size: 220%; }

.u-font-size230per { font-size: 230%; }

.u-font-size240per { font-size: 240%; }

.u-font-size250per { font-size: 250%; }

.u-font-size260per { font-size: 260%; }

.u-font-size270per { font-size: 270%; }

.u-font-size280per { font-size: 280%; }

.u-font-size290per { font-size: 290%; }

.u-font-size300per { font-size: 300%; }

@media screen and (max-width: 767px) { .u-sp-font-size50per { font-size: 50%; }
  .u-sp-font-size55per { font-size: 55%; }
  .u-sp-font-size60per { font-size: 60%; }
  .u-sp-font-size65per { font-size: 65%; }
  .u-sp-font-size70per { font-size: 70%; }
  .u-sp-font-size75per { font-size: 75%; }
  .u-sp-font-size80per { font-size: 80%; }
  .u-sp-font-size85per { font-size: 85%; }
  .u-sp-font-size90per { font-size: 90%; }
  .u-sp-font-size95per { font-size: 95%; }
  .u-sp-font-size100per { font-size: 100%; }
  .u-sp-font-size110per { font-size: 110%; }
  .u-sp-font-size120per { font-size: 120%; }
  .u-sp-font-size130per { font-size: 130%; }
  .u-sp-font-size140per { font-size: 140%; }
  .u-sp-font-size150per { font-size: 150%; }
  .u-sp-font-size160per { font-size: 160%; }
  .u-sp-font-size170per { font-size: 170%; }
  .u-sp-font-size180per { font-size: 180%; }
  .u-sp-font-size190per { font-size: 190%; }
  .u-sp-font-size200per { font-size: 200%; }
  .u-sp-font-size210per { font-size: 210%; }
  .u-sp-font-size220per { font-size: 220%; }
  .u-sp-font-size230per { font-size: 230%; }
  .u-sp-font-size240per { font-size: 240%; }
  .u-sp-font-size250per { font-size: 250%; }
  .u-sp-font-size260per { font-size: 260%; }
  .u-sp-font-size270per { font-size: 270%; }
  .u-sp-font-size280per { font-size: 280%; }
  .u-sp-font-size290per { font-size: 290%; }
  .u-sp-font-size300per { font-size: 300%; } }

/******************************************************************
utility - over-opacity
******************************************************************/
.u-over-opacity { transition-property: opacity; transition-duration: 0.3s; }

.u-over-opacity:hover { opacity: 0.7; }

/******************************************************************
utility - over-scale
******************************************************************/
.u-over-scale { position: relative; overflow: hidden; width: 100%; }

.u-over-scale__inner { position: absolute; z-index: -1; top: 0; left: 0; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover; transition-property: transform; transition-duration: 0.3s; }

a:hover .u-over-scale__inner { transform: scale(1.1); }

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

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

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

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

/******************************************************************
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 - link-set
******************************************************************/
.u-link-set a, a.u-link-set { color: #004098; text-decoration: underline; }

.u-link-set a:hover, a.u-link-set:hover { text-decoration: none; }

/******************************************************************
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: 15px; }

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

/******************************************************************
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: 17px; background: url("data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTguMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+Cgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9Il94MzFfMCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHZpZXdCb3g9IjAgMCA1MTIgNTEyIiBzdHlsZT0id2lkdGg6IDE2cHg7IGhlaWdodDogMTZweDsgb3BhY2l0eTogMTsiIHhtbDpzcGFjZT0icHJlc2VydmUiPgo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPgoJLnN0MHtmaWxsOiMzNzQxNDk7fQo8L3N0eWxlPgo8Zz4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iMzg4LjAzMiw0NS42NTQgMzg4LjAzMiw4My4wNzcgNDc0LjU3Myw4My4wNzcgNDc0LjU3Myw0MjguOTYxIDM4OC4wMzIsNDI4Ljk2MSAzODguMDMyLDQ2Ni4zODggCgkJNTEyLDQ2Ni4zODggNTEyLDQ1LjY1NCAJIiBzdHlsZT0iZmlsbDogcmdiKDI5LCAxMDcsIDY1KTsiPjwvcG9seWdvbj4KCTxyZWN0IHg9IjM4OC4wMzIiIHk9IjEyMC41IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDkuMTE4IiBoZWlnaHQ9IjY1LjM5OCIgc3R5bGU9ImZpbGw6IHJnYigyOSwgMTA3LCA2NSk7Ij48L3JlY3Q+Cgk8cmVjdCB4PSIzODguMDMyIiB5PSIyMjMuMzIxIiBjbGFzcz0ic3QwIiB3aWR0aD0iNDkuMTE4IiBoZWlnaHQ9IjY1LjM5NyIgc3R5bGU9ImZpbGw6IHJnYigyOSwgMTA3LCA2NSk7Ij48L3JlY3Q+Cgk8cmVjdCB4PSIzODguMDMyIiB5PSIzMjYuMTQxIiBjbGFzcz0ic3QwIiB3aWR0aD0iNDkuMTE4IiBoZWlnaHQ9IjY1LjM5NyIgc3R5bGU9ImZpbGw6IHJnYigyOSwgMTA3LCA2NSk7Ij48L3JlY3Q+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzY1Ljc2OCw2LjY1NFY2LjUwMkwwLDQ3LjM4MlY0NjQuNjFsMzY1Ljc2OCw0MC44ODd2LTM5LjExdi0zNy40Mjd2LTM3LjQyM3YtNjUuMzk3di0zNy40MjN2LTY1LjM5N3YtMzcuNDIzCgkJVjEyMC41VjgzLjA3N1Y0NS42NTRWMTAuNTExbDAuMDE1LTMuODU3SDM2NS43Njh6IE0xNjYuNTg4LDIxMy4yMzJsMC4wNDItMC4wNjlsMC4wOTIsMC4xNDlsMzAuMzExLTUxLjA4M2wwLjk4Mi0xLjYzNwoJCWwzNi40NDEtMS42ODZsMTIuMDIyLTAuNTc1bDYuNDUtMC4yMjVsLTE2LjgzNSwyNy43OTJsLTM5LjA2LDY0LjM2OWwtMy43NDIsNi4xNzVsMy43NDIsNi4xM2wzOC43MzMsNjMuNTdsMTAuOTE0LDE3LjkzOAoJCWw1LjkxNyw5Ljg5MWwtMTguMTQxLTAuODM4bC0xOS41OTgtMC45MDZsLTE3Ljc3MS0wLjk2N2wtMC4wNTQtMC4wOTFsLTMwLjMxMS01MS41OTNsLTcuMTEyLDExLjY0NmwtMjIuNzgxLDM3LjM3NGwtMzMuNjQ3LTEuNTI2CgkJbC0xNS43MDctMC43ODhsNTMuODQ2LTg5LjgzOGwtMzYuOTEzLTYxLjU3MWwtMTcuNDEtMjkuMTg1bDQ5LjA4NC0yLjI0MmwyMy41MjcsMzguMzE0bDQuODA5LDcuODEyTDE2Ni41ODgsMjEzLjIzMnoiIHN0eWxlPSJmaWxsOiByZ2IoMjksIDEwNywgNjUpOyI+PC9wYXRoPgo8L2c+Cjwvc3ZnPgo=") no-repeat center bottom; }

/******************************************************************
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: 17px; background: url("data:image/svg+xml;base64,PCEtLT94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPy0tPgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTkuMS4xLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iX3gzMV8wIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgdmlld0JveD0iMCAwIDUxMiA1MTIiIHN0eWxlPSJ3aWR0aDogMTZweDsgaGVpZ2h0OiAxNnB4OyBvcGFjaXR5OiAxOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+CjxzdHlsZSB0eXBlPSJ0ZXh0L2NzcyI+Cgkuc3Qwe2ZpbGw6IzM3NDE0OTt9Cjwvc3R5bGU+CjxnPgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI1MTIsNDUuODI2IDUxMS45OTYsNDUuODI2IDUxMS45OTYsNDUuNjYyIDM4OC4wMjgsNDUuNjYyIDM4OC4wMjgsODMuMDg3IDQ3NC40NjUsODMuMDg3IAoJCTQ3NC41Nyw4My4wODcgNDc0LjU3LDQyOC45NjcgMzg4LjcxNiw0MjguOTY3IDM4OC4xODksNDI4Ljk2NyAzODguMTg5LDQyOC45NjcgMzg4LjAyOCw0MjguOTY3IDM4OC4wMjgsNDY2LjM5MyA1MTEuOTk2LDQ2Ni4zOTMgCgkJNTExLjk5Niw0OC4zODkgCSIgc3R5bGU9ImZpbGw6IHJnYig0MCwgODIsIDE0OSk7Ij48L3BvbHlnb24+Cgk8cG9seWdvbiBjbGFzcz0ic3QwIiBwb2ludHM9IjQzNy4xNDksMTIwLjUwOSAzODguNDksMTIwLjUwOSAzODguMTg5LDEyMC41MDkgMzg4LjE4OSwxMjAuNTA5IDM4OC4wMjgsMTIwLjUwOSAzODguMDI4LDE1My4yMDggCgkJNDM3LjE0OSwxNTMuMjA4IAkiIHN0eWxlPSJmaWxsOiByZ2IoNDAsIDgyLCAxNDkpOyI+PC9wb2x5Z29uPgoJPHJlY3QgeD0iMzg4LjAyOCIgeT0iMzU4Ljg0NyIgY2xhc3M9InN0MCIgd2lkdGg9IjQ5LjEyMSIgaGVpZ2h0PSIzMi42OTkiIHN0eWxlPSJmaWxsOiByZ2IoNDAsIDgyLCAxNDkpOyI+PC9yZWN0PgoJPHBvbHlnb24gY2xhc3M9InN0MCIgcG9pbnRzPSI0MzcuMTQ5LDI5OS4yNjIgMzg4LjQ5LDI5OS4yNjIgMzg4LjE4OSwyOTkuMjYyIDM4OC4xODksMjk5LjI2MiAzODguMDI4LDI5OS4yNjIgMzg4LjAyOCwzMzEuOTYxIAoJCTQzNy4xNDksMzMxLjk2MSAJIiBzdHlsZT0iZmlsbDogcmdiKDQwLCA4MiwgMTQ5KTsiPjwvcG9seWdvbj4KCTxwb2x5Z29uIGNsYXNzPSJzdDAiIHBvaW50cz0iNDM3LjE0OSwyMzkuNjggMzg4LjM0MSwyMzkuNjggMzg4LjE4OSwyMzkuNjc2IDM4OC4xODksMjM5LjY4IDM4OC4wMjgsMjM5LjY4IDM4OC4wMjgsMjcyLjM3OSAKCQk0MzcuMTQ5LDI3Mi4zNzkgCSIgc3R5bGU9ImZpbGw6IHJnYig0MCwgODIsIDE0OSk7Ij48L3BvbHlnb24+Cgk8cmVjdCB4PSIzODguMDI4IiB5PSIxODAuMDk0IiBjbGFzcz0ic3QwIiB3aWR0aD0iNDkuMTIxIiBoZWlnaHQ9IjMyLjY5OSIgc3R5bGU9ImZpbGw6IHJnYig0MCwgODIsIDE0OSk7Ij48L3JlY3Q+Cgk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzY1Ljc1OSw2LjY4MnYtMC4xNkwwLDQ3LjR2NDE3LjE5NmwzNjUuNzU5LDQwLjg4MlY1Ny4zNjVsMC4wMTUtNTAuNjg3TDM2NS43NTksNi42ODJ6IE0xMzguNTY2LDI2My42NzYKCQlsMC4wNzgtMC4yOTNsMC4wNzgsMC4zMzZsMjMuNDM4LTg4LjIzOGwyNy4yMDItMS4wMzlsMTMuMTQ5LDQ3Ljc2OWwxMS4zMzYsNDEuNzFsMC4wNjYtMC4yODVsMC4wODYsMC4zMjRsMjEuNTE5LTkxLjM2MgoJCWwzMS41MTktMS4yMzRsOS4xOTEtMC4zMTZMMjMxLjM2MiwzNDMuNDhsLTMwLjgwMS0xLjEyMWwtMjQuODgyLTg3Ljc2MmwtMjQuMzE2LDg1Ljg0M2wtMjguNjQxLTEuMTIxTDkwLjUyMiwyMDUuNjczCgkJbC02LjQ4OC0yNy4wNzRsMzUuMTY0LTEuMzU5bDEwLjM1MSw0NS44NTFMMTM4LjU2NiwyNjMuNjc2eiIgc3R5bGU9ImZpbGw6IHJnYig0MCwgODIsIDE0OSk7Ij48L3BhdGg+CjwvZz4KPC9zdmc+Cg==") no-repeat center bottom; }

/******************************************************************
utility - ani-is-active
******************************************************************/
.u-ani-is-active > * { transform: translateY(20%); opacity: 0; }

.u-ani-is-active > *.is-active { animation: u-ani-is-active 0.2s ease-out 0s 1 forwards; }

@keyframes u-ani-is-active { 0% { transform: translateY(10%);
    opacity: 0; }
  100% { transform: translateY(0%);
    opacity: 1; } }