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

body { margin: 0; }

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

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

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

a { background-color: transparent; }

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

b, strong { font-weight: bolder; }

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

small { font-size: 80%; }

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

sub { bottom: -0.25em; }

sup { top: -0.5em; }

img { border-style: none; }

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

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

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

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

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

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

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

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

progress { vertical-align: baseline; }

textarea { overflow: auto; }

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

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

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

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

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

details { display: block; }

summary { display: list-item; }

template { display: none; }

[hidden] { display: none; }

/******************************************************************
reset
******************************************************************/
main { display: block; background-color: #F5F5F6; }

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, figure { 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-size: 14px; color: #181A24; line-height: 1.6; overflow-wrap: break-word; }

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

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

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

a:hover { color: #3359CC; text-decoration: underline; }

h1, h2 { line-height: 1.3; }

h3 { line-height: 1.4; }

h4 { line-height: 1.5; }

small { line-height: 1.4; }

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

svg { vertical-align: middle; }

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

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

/******************************************************************
layout - wrapper
******************************************************************/
.l-wrapper { width: 100%; overflow: hidden; }

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

.l-header-group__inner { max-width: 960px; 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 - notice
******************************************************************/
.l-notice { display: none; max-width: 960px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; margin-top: 20px; margin-bottom: 20px; position: relative; }

.l-notice[area-hidden="false"] { display: block; }

@media screen and (max-width: 767px) { .l-notice { padding: 0 10px; } }

.l-notice--red .l-notice__inner { border: 1px solid #E6002D; padding: 20px 30px 20px 20px; }

@media screen and (max-width: 767px) { .l-notice--red .l-notice__inner { padding: 20px 30px 20px 10px; } }

.l-notice--blue .l-notice__inner { border: 1px solid #004098; padding: 20px 30px 20px 20px; }

@media screen and (max-width: 767px) { .l-notice--blue .l-notice__inner { padding: 20px 30px 20px 10px; } }

.l-notice__inner { padding-right: 30px; }

.l-notice__inner > *:not(:last-child):not(:nth-last-child(2)) { margin-bottom: 12px; }

@media screen and (max-width: 767px) { .l-notice__inner { padding: 0 30px 0 10px; }
  .l-notice__inner > *:not(:last-child):not(:nth-last-child(2)) { margin-bottom: 8px; } }

.l-notice__title { font-size: 15px; }

.l-notice__close { width: 16px; height: 16px; position: relative; position: absolute; top: 0; right: 40px; transition-property: opacity; transition-duration: 0.3s; }

.l-notice__close::before, .l-notice__close::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.l-notice__close::before { border-top: 2px solid #181A24; width: 16px; height: 0; top: 0; bottom: 0; left: 0; transform: rotate(45deg); }

.l-notice__close::after { border-left: 2px solid #181A24; width: 0; height: 16px; top: 0; bottom: 0; left: 7px; transform: rotate(45deg); }

@media screen and (max-width: 767px) { .l-notice__close { top: -4px; right: 20px; } }

.l-notice__close:hover { opacity: .6; }

.l-notice--red .l-notice__close { position: relative; position: absolute; top: 10px; }

.l-notice--red .l-notice__close::before, .l-notice--red .l-notice__close::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.l-notice--red .l-notice__close::before { border-top: 2px solid #E6002D; width: 16px; height: 0; top: 0; bottom: 0; left: 0; transform: rotate(45deg); }

.l-notice--red .l-notice__close::after { border-left: 2px solid #E6002D; width: 0; height: 16px; top: 0; bottom: 0; left: 7px; transform: rotate(45deg); }

.l-notice--blue .l-notice__close { position: relative; position: absolute; top: 10px; }

.l-notice--blue .l-notice__close::before, .l-notice--blue .l-notice__close::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.l-notice--blue .l-notice__close::before { border-top: 2px solid #004098; width: 16px; height: 0; top: 0; bottom: 0; left: 0; transform: rotate(45deg); }

.l-notice--blue .l-notice__close::after { border-left: 2px solid #004098; width: 0; height: 16px; top: 0; bottom: 0; left: 7px; transform: rotate(45deg); }

/******************************************************************
layout - header-sticky
******************************************************************/
.l-header-sticky { background-color: #F5F5F6; }

.l-header-sticky__body { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

@media screen and (max-width: 767px) { .l-header-sticky__body { padding-left: 0; padding-right: 0; } }

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

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

@media print, screen and (min-width: 768px) { .l-header__htmlhome-head { max-width: 960px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; display: flex; justify-content: space-between; align-items: center; height: 48px; }
  .l-header__htmlhome-head .l-header__logo { width: 120px; min-height: auto; }
  .l-header__htmlhome-head .l-header__category { font-size: 12px; }
  .l-header__htmlhome-head .l-header__category { margin-bottom: 0; }
  .l-header__htmllp-head { max-width: 960px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; display: flex; justify-content: flex-end; align-items: center; height: 40px; }
  .l-header__htmllp-head-logo { line-height: 1; }
  .l-header__htmllp-head-logo img { width: 120px; }
  .l-header__exchange-head-logo { max-width: 960px; margin-inline: auto; padding: 5px 30px 7px 30px; }
  .l-header__exchange-head-logo img { width: 125px; }
  .l-header__exchange-head-igniture { background: linear-gradient(90deg, #424d99 20%, #5185c5 100%); }
  .l-header__exchange-head-igniture span { display: flex; align-items: center; justify-content: flex-end; max-width: 960px; min-height: 45px; margin-inline: auto; padding: 0 30px; }
  .l-header__exchange-head-igniture img { width: 126px; margin-top: -4px; }
  .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__logo-exchange { font-size: 15px; width: 236px; min-height: 26px; display: flex; align-items: center; }
  .l-header__logo-exchange img { width: 100%; height: auto; }
  .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 #333333; border-right: 1px solid #333333; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-header__category a::after { top: 2px; }
  .l-header__category a:hover { color: #004098; }
  .l-header__focus a { line-height: 1.8; width: 0px; height: 0px; display: inline-block; position: absolute; top: 3px; left: 250px; padding: 5px 0; background: #e1e3e5; font-size: 0; text-align: center; }
  .l-header__focus a:focus { width: 175px; height: auto; font-size: 12px; }
  .l-header__body-pc-inner { display: flex; align-items: center; }
  .l-header__emergency2 { margin-right: 20px; }
  .l-header__emergency2 a { display: inline-block; color: #fff; font-size: 11px; background: #E6002D url(/common22/img/icn_emergency2.svg) left 16px center no-repeat; padding: 5px 20px 5px 38px; border-radius: 200px; transition-property: opacity; transition-duration: 0.3s; }
  .l-header__emergency2 a:hover { text-decoration: none; opacity: .7; }
  .l-header__faq2 { margin-right: 20px; }
  .l-header__faq2 a { position: relative; color: #181A24; display: inline-block; font-size: 11px; background: url(/common22/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(/common22/img/icn_faq2_o.svg) left center no-repeat; opacity: 0; }
  .l-header__faq2 a:hover, .l-header__faq2 a[aria-expanded="true"] { color: #004098; background: none; }
  .l-header__faq2 a:hover::before, .l-header__faq2 a[aria-expanded="true"]::before { opacity: 1; }
  .l-header__member { margin-right: 20px; }
  .l-header__member a { display: inline-block; color: #fff; font-size: 11px; background: #004098; padding: 5px 20px 5px 20px; border-radius: 200px; transition-property: opacity; transition-duration: 0.3s; }
  .l-header__member a:hover { text-decoration: none; opacity: .7; }
  .l-header__search2 { position: relative; }
  .l-header__search2-trigger a { display: flex; align-items: center; line-height: 1; background: url(/common22/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; }
  .l-header__htmlhome-head-igniture { background: linear-gradient(90deg, #424d99 20%, #5185c5 100%); }
  .l-header__htmlhome-head-igniture span { display: flex; align-items: center; max-width: 960px; margin-inline: auto; height: 64px; padding: 0 30px; }
  .l-header__htmlhome-head-igniture img { width: 140px; margin-top: -4px; }
  .l-header__htmllp-head-igniture { background: linear-gradient(90deg, #424d99 20%, #5185c5 100%); }
  .l-header__htmllp-head-igniture span { display: flex; align-items: center; max-width: 960px; margin-inline: auto; height: 64px; padding: 0 30px; }
  .l-header__htmllp-head-igniture img { width: 140px; margin-top: -4px; }
  .l-header__igniture { background: linear-gradient(90deg, #424d99 20%, #5185c5 100%); }
  .l-header__igniture span { display: flex; align-items: center; justify-content: flex-end; max-width: 960px; min-height: 45px; margin-inline: auto; padding: 0 30px; }
  .l-header__igniture img { width: 126px; margin-top: -4px; } }

@media screen and (max-width: 767px) { .l-header__htmlhome-head { box-sizing: border-box; display: flex; justify-content: space-between; align-items: center; padding: 10px 8px 10px 10px; min-height: 78px; }
  .l-header__htmlhome-head:has(.l-header__logo-exchange) { min-height: initial; }
  .l-header__htmllp-head { display: flex; justify-content: flex-end; align-items: center; height: 40px; padding-inline: 10px; }
  .l-header__htmllp-head-logo { line-height: 1; }
  .l-header__htmllp-head-logo img { width: 120px; }
  .l-header__exchange-head-logo { line-height: 1; padding: 10px; }
  .l-header__exchange-head-logo img { width: 100px; }
  .l-header__exchange-head-igniture { background: linear-gradient(90deg, #424d99 20%, #5185c5 100%); }
  .l-header__exchange-head-igniture span { display: flex; align-items: center; justify-content: flex-end; min-height: 35px; padding: 0 11px; }
  .l-header__exchange-head-igniture img { width: 101px; margin-top: -1px; }
  .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__inner:has(.l-header__logo-exchange) { min-height: initial; }
  .l-header__logo-outer { position: relative; }
  .l-header__logo { line-height: 1.0; font-size: 15px; margin-bottom: 7px; }
  .l-header__logo img { max-width: 120px; width: 32vw; }
  .l-header__logo-exchange { line-height: 1.0; font-size: 15px; }
  .l-header__logo-exchange img { max-width: 220px; width: 52vw; }
  .l-header__category { 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: 12px; }
  .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 #333333; border-right: 1px solid #333333; width: 5px; height: 5px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-header__category a::after { top: 3px; }
  .l-header__category a:hover { text-decoration: none; opacity: 0.7; }
  .l-header__focus { display: none; }
  .l-header__body-pc { display: none; }
  .l-header__body-sp { display: flex; align-items: center; }
  .l-header__emergency2 { margin-right: 5px; font-size: 10px; line-height: 1; }
  .l-header__emergency2 a { display: inline-block; color: #fff; background: #E6002D url(/common22/img/icn_emergency2.svg) left 8px center/14px auto no-repeat; padding: 7px 10px 7px 28px; border-radius: 200px; }
  .l-header__emergency2 a:hover { text-decoration: none; }
  .l-header__emergency2 img { display: block; margin: 4px auto 4px auto; }
  .l-header__member { margin-right: 5px; font-size: 10px; line-height: 1; }
  .l-header__member a { display: inline-block; color: #fff; background: #004098; padding: 7px 10px 7px 10px; border-radius: 200px; }
  .l-header__member a:hover { text-decoration: none; }
  .l-header__member img { display: block; margin: 4px auto 4px auto; }
  .l-header__htmlhome-head-igniture { background: linear-gradient(90deg, #424d99 20%, #5185c5 100%); height: 43px; padding-inline: 13px; display: flex; align-items: center; }
  .l-header__htmlhome-head-igniture img { width: 122px; margin-top: -7px; }
  .l-header__htmllp-head-igniture { background: linear-gradient(90deg, #424d99 20%, #5185c5 100%); height: 43px; padding-inline: 13px; display: flex; align-items: center; }
  .l-header__htmllp-head-igniture img { width: 122px; margin-top: -7px; }
  .l-header__igniture { background: linear-gradient(90deg, #424d99 20%, #5185c5 100%); height: 43px; padding-inline: 24px; display: flex; align-items: center; justify-content: flex-end; }
  .l-header__igniture img { width: 122px; margin-top: -7px; } }

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

@media print, screen and (min-width: 768px) { .l-nav { margin-top: 10px; }
  .l-nav__inner { max-width: 960px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
  #sp-navigation + .l-nav { margin-top: 0; } }

@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 { width: 100%; }
  .l-nav-main > .l-nav-main__item:first-child > a::before { border-left: 1px solid #E4E4E4; }
  .l-nav-main > .l-nav-main__item > a { display: flex; align-items: center; justify-content: center; width: 100%; min-height: 56px; color: #181A24; font-size: 14px; position: relative; z-index: +1; } }

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

@media print, screen and (min-width: 768px) { .l-nav-main > .l-nav-main__item > a::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 0; bottom: 0; width: 100%; height: 32px; border-right: 1px solid #E4E4E4; z-index: -1; }
  .l-nav-main > .l-nav-main__item > a::after { transition-property: background; transition-duration: 0.3s; position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 0; bottom: 0; width: calc(100% + 1px); height: 100%; border-radius: 8px 8px 0 0; z-index: -1; }
  .l-nav-main > .l-nav-main__item > a:hover::after { background-color: #EDEEFA; }
  .l-nav-main > .l-nav-main__item > a img + span { padding-left: 10px; }
  .l-nav-main > .l-nav-main__item[data-menu-item="event,true"] > a::after { background-color: #EDEEFA; position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 0; bottom: 0; width: calc(100% + 1px); height: 100%; border-radius: 8px 8px 0 0; z-index: -1; } }

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

/******************************************************************
layout - nav-mega
******************************************************************/
.l-nav-mega { position: absolute; left: 0; width: 100%; z-index: 999; background: #EDEEFA; font-size: 14px; line-height: 1.6; }

.l-nav-mega a { color: #181A24; }

.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: 20px; margin-top: -30px; padding-right: 10px; }
  .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: 1px solid #181A24; width: 18px; height: 0; top: 0; bottom: 0; right: 0; transform: rotate(45deg); }
  .l-nav-mega__close span::after { border-left: 1px solid #181A24; 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: 60px; }
  .l-nav-mega__head { box-sizing: border-box; width: 27.8125%; border-right: 1px solid #fff; padding-right: 24px; } }

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

@media print, screen and (min-width: 768px) { .l-nav-mega__head-title { font-weight: 600; font-size: 16px; } }

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

@media print, screen and (min-width: 768px) { .l-nav-mega__head-title a { display: inline-block; }
  .l-nav-mega__body { width: 72.1875%; padding-left: 24px; display: flex; margin-top: -32px; margin-right: -32px; } }

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

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-nav-mega__body { margin-top: -3.33333vw; margin-right: -3.33333vw; } }

@media print, screen and (min-width: 768px) { .l-nav-mega__item { width: calc((100%/3) - 32px); margin-top: 32px; margin-right: 32px; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-nav-mega__item { width: calc((100%/3) - (32px / 960px) * 100vw); margin-top: 3.33333vw; margin-right: 3.33333vw; } }

@media print, screen and (min-width: 768px) { .l-nav-mega__item dl:not(:last-child) { margin-bottom: 32px; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-nav-mega__item dl:not(:last-child) { margin-bottom: 3.33333vw; } }

@media print, screen and (min-width: 768px) { .l-nav-mega__item dl > *:not(:last-child) { margin-bottom: 20px; }
  .l-nav-mega__item dt { font-weight: 600; font-size: 15px; } }

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

@media print, screen and (min-width: 768px) { .l-nav-mega__item dt a { display: inline-block; }
  .l-nav-mega__img { border-radius: 8px; margin-bottom: 20px; } }

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

/******************************************************************
layout - nav-scroll
******************************************************************/
.l-nav-scroll { padding: 20px 33px; position: relative; }

@media screen and (max-width: 767px) { .l-nav-scroll { padding: 0; } }

.l-nav-scroll__nav button { transition-property: opacity; transition-duration: 0.3s; }

.l-nav-scroll__nav button:hover { opacity: .5; }

.l-nav-scroll__nav img { width: 33px; height: 33px; }

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

.l-nav-scroll__nav-prev { display: none; z-index: +2; position: absolute; left: 0; top: 0; bottom: 0; height: 33px; margin: auto; }

.l-nav-scroll__nav-next { display: none; z-index: +2; position: absolute; right: 0; top: 0; bottom: 0; height: 33px; margin: auto; }

.l-nav-scroll__scroll-area { overflow-x: scroll; }

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

@media screen and (max-width: 767px) { .l-nav-scroll__scroll-area { padding: 10px 24px; } }

@media print, screen and (min-width: 768px) { .l-nav-scroll__scroll-area.is-scroll::after { z-index: +1; position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 32px; width: 60px; height: 100%; background: linear-gradient(to left, rgba(245, 245, 246, 0) 0%, #f5f5f6 90%); pointer-events: none; transition-property: opacity; transition-duration: 0.3s; opacity: 1; }
  .l-nav-scroll__scroll-area.is-scroll.is-prev-hidden::after { opacity: 0; }
  .l-nav-scroll__scroll-area.is-scroll::before { z-index: +1; position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 32px; width: 60px; height: 100%; background: linear-gradient(to right, rgba(245, 245, 246, 0) 0%, #f5f5f6 90%); pointer-events: none; transition-property: opacity; transition-duration: 0.3s; opacity: 1; }
  .l-nav-scroll__scroll-area.is-scroll.is-next-hidden::before { opacity: 0; } }

.l-nav-scroll__body { display: flex; width: max-content; }

.l-nav-scroll__item:not(:last-child) { margin-right: 15px; }

@media screen and (max-width: 767px) { .l-nav-scroll__item:not(:last-child) { margin-right: 6px; } }

.l-nav-scroll__item a { display: inline-block; background-color: #fff; border-radius: 8px; padding: .4em 1.5em; transition-property: opacity; transition-duration: 0.3s; }

.l-nav-scroll__item a:hover { text-decoration: none; }

.l-nav-scroll__item a:hover:not(.is-active) { opacity: .5; }

@media screen and (max-width: 767px) { .l-nav-scroll__item a { padding: .4em .8em; font-size: 13px; } }

.l-nav-scroll__item a.is-active { background-color: #004098; color: #fff; }

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

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

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

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

@media screen and (max-width: 767px) { .l-sp-nav { display: none; }
  .l-sp-nav a { line-height: 1.6; }
  .l-sp-nav__faq { width: calc(50% - 5px); text-align: center; }
  .l-sp-nav__faq a { display: block; color: #fff; background: #004098 url(/common22/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; border-radius: 8px; }
  .l-sp-nav__search-form form input[type="text"] { outline: 0; border: 0 !important; width: 200px; padding: 10px 14px 10px 40px; background: url(/common22/img/icn_sp_search.svg) left 14px center no-repeat; }
  .l-sp-nav__search-form form button { white-space: nowrap; display: flex; align-items: center; padding: 0 10px; }
  .l-sp-nav__search-form form button:hover { opacity: 0.7; }
  .l-sp-nav__bottom2 { padding: 60px 0 60px 0; }
  .l-sp-nav__bottom2 > *:not(:last-child) { margin-bottom: 48px; } }

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

@media screen and (max-width: 767px) and (max-width: 767px) { .l-sp-nav__bottom2 { padding: 10px 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(/common22/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__other { font-size: 12px; margin: 0 20px 50px 20px !important; }
  .l-sp-nav__other li:not(:last-child) { margin-bottom: 6px; }
  .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 #333333; border-right: 1px solid #333333; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }
  .l-sp-nav__sns-list a::after { top: 2px; }
  .l-sp-nav__sns-list a:hover { text-decoration: none; }
  .l-sp-nav__group-logo { text-align: center; }
  .l-sp-nav__group-logo img { width: 330px; }
  .l-sp-nav__close a { display: block; padding-top: 10px; padding-bottom: 10px; text-align: center; background-color: #004098; font-size: 14px; color: #ffffff; }
  .l-sp-nav__close a:hover { text-decoration: none; }
  .l-sp-nav__close a span { position: relative; padding-left: 24px; }
  .l-sp-nav__close a span::before, .l-sp-nav__close a span::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .l-sp-nav__close a span::before { border-top: 2px solid #ffffff; width: 18px; height: 0; top: 0; bottom: 0; right: 0; transform: rotate(45deg); }
  .l-sp-nav__close a span::after { border-left: 2px solid #ffffff; width: 0; height: 18px; top: 0; bottom: 0; right: 8px; transform: rotate(45deg); } }

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

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

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

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

.l-sp-navs2__item1:not(.js-l-sp-navs-button) > a:not([target="_blank"]) { position: relative; padding-right: 25.5px; padding: 15px 36px 15px 20px; }

.l-sp-navs2__item1:not(.js-l-sp-navs-button) > a:not([target="_blank"])::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:not(.js-l-sp-navs-button) > a[target="_blank"] { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE/tlM1VAjEQx2cqkA7ECqAD04FagXACblqB2IGeWLmwVABUQFqgA+xAb140/odklyVxN+xy8MK8x+PtJPObj8wMU11Rk5SI7yNmS67LJZV8wOYiZtcAPO0Sfd8eglm+O0VdfbAfqpr0UJqZr7ZgJVH8XONCqyTFLenBPDgLoZsscqYSj6EDvgN8mesDO9PHWRvBPckdAW/xdxl5jE8i0yU9wl3J0E8fUD1KoR8XwIlx0FfSw4fYa5dCrcO/wOYZXnFQIWWRZiaNwDHovgk0yoYBUVkpKiI+BuolGgerNzS/Wezt3EPZmraJuUPr4cov4BHgRFrsxhoWoDtwNt6e3rZbpBR2eOS104M+tmDXUWEZ4+DKLjmD84H431IQJobxqyPGrQB+RMe8FC1luwkQu/gUMVf55nMYgGdY7l8YgiZw8w7OeLcyPfkFStnFzWL+bUcAAAAASUVORK5CYII=") right 16px center/11px auto no-repeat; padding: 15px 36px 15px 20px; }

.l-sp-navs2__item1.js-l-sp-navs-button > a { position: relative; padding: 15px 36px 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[aria-expanded="true"] > a::after { height: 0; }

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

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

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

.l-sp-navs2__item2:not(.js-l-sp-navs-button) > a:not([target="_blank"]) { position: relative; padding-right: 25.5px; padding: 15px 36px 15px 34px; }

.l-sp-navs2__item2:not(.js-l-sp-navs-button) > a:not([target="_blank"])::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__item2:not(.js-l-sp-navs-button) > a[target="_blank"] { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE/tlM1VAjEQx2cqkA7ECqAD04FagXACblqB2IGeWLmwVABUQFqgA+xAb140/odklyVxN+xy8MK8x+PtJPObj8wMU11Rk5SI7yNmS67LJZV8wOYiZtcAPO0Sfd8eglm+O0VdfbAfqpr0UJqZr7ZgJVH8XONCqyTFLenBPDgLoZsscqYSj6EDvgN8mesDO9PHWRvBPckdAW/xdxl5jE8i0yU9wl3J0E8fUD1KoR8XwIlx0FfSw4fYa5dCrcO/wOYZXnFQIWWRZiaNwDHovgk0yoYBUVkpKiI+BuolGgerNzS/Wezt3EPZmraJuUPr4cov4BHgRFrsxhoWoDtwNt6e3rZbpBR2eOS104M+tmDXUWEZ4+DKLjmD84H431IQJobxqyPGrQB+RMe8FC1luwkQu/gUMVf55nMYgGdY7l8YgiZw8w7OeLcyPfkFStnFzWL+bUcAAAAASUVORK5CYII=") right 16px center/11px auto no-repeat; padding: 15px 36px 15px 34px; }

.l-sp-navs2__item2.js-l-sp-navs-button > a { position: relative; padding: 15px 36px 15px 34px; }

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

.l-sp-navs2__item2.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__item2.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__item2.js-l-sp-navs-button > a::before { right: 16px; }

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

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

.l-sp-navs2__item2 > ul { display: none; border-top: 1px solid #F5F5F6; }

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

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

.l-sp-navs2__item3 > a:not([target="_blank"]) { position: relative; padding-right: 25.5px; padding: 15px 36px 15px 48px; }

.l-sp-navs2__item3 > a:not([target="_blank"])::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__item3 > a[target="_blank"] { background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE/tlM1VAjEQx2cqkA7ECqAD04FagXACblqB2IGeWLmwVABUQFqgA+xAb140/odklyVxN+xy8MK8x+PtJPObj8wMU11Rk5SI7yNmS67LJZV8wOYiZtcAPO0Sfd8eglm+O0VdfbAfqpr0UJqZr7ZgJVH8XONCqyTFLenBPDgLoZsscqYSj6EDvgN8mesDO9PHWRvBPckdAW/xdxl5jE8i0yU9wl3J0E8fUD1KoR8XwIlx0FfSw4fYa5dCrcO/wOYZXnFQIWWRZiaNwDHovgk0yoYBUVkpKiI+BuolGgerNzS/Wezt3EPZmraJuUPr4cov4BHgRFrsxhoWoDtwNt6e3rZbpBR2eOS104M+tmDXUWEZ4+DKLjmD84H431IQJobxqyPGrQB+RMe8FC1luwkQu/gUMVf55nMYgGdY7l8YgiZw8w7OeLcyPfkFStnFzWL+bUcAAAAASUVORK5CYII=") right 16px center/11px auto no-repeat; padding: 15px 36px 15px 48px; }

/******************************************************************
layout - breadcrumb
******************************************************************/
.l-breadcrumb { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }

.l-breadcrumb ol { padding-top: 10px; font-size: 12px; }

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

.l-breadcrumb ol li { float: left; padding-right: .5em; line-height: 1.6; }

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

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

.l-breadcrumb ol li:not(:last-child)::after { content: '>'; padding-left: .5em; }

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

/******************************************************************
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] .l-pagetop__btn.is-chat { bottom: 130px; }

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

[data-pagetop="static"] .l-pagetop__btn.is-chat { bottom: 30px; }

@media screen and (max-width: 767px) { [data-pagetop] .l-pagetop__btn { bottom: 10px; right: 10px; }
  [data-pagetop] .l-pagetop__btn.is-chat { bottom: 60px; }
  [data-pagetop="static"] .l-pagetop__btn.is-chat { bottom: 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; } }

/******************************************************************
layout - footer-housing-exchange
******************************************************************/
.l-footer-housing-exchange { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-bottom: 32px; }

@media screen and (max-width: 767px) { .l-footer-housing-exchange { padding-top: 12px; padding-bottom: 44px; padding-right: 24px; padding-left: 24px; } }

.l-footer-housing-exchange ul { display: flex; flex-wrap: wrap; margin-top: -0.25em; }

.l-footer-housing-exchange ul > * { margin-top: 0.25em; }

.l-footer-housing-exchange ul > *:not(:last-child) { margin-right: 2em; }

/******************************************************************
layout - footer-html-igniture-slim
******************************************************************/
.l-footer-html-igniture-slim { border-bottom: 2px solid #424D99; }

.l-footer-html-igniture-slim__inner { max-width: 960px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; display: flex; align-items: center; justify-content: flex-end; height: 66px; }

@media screen and (max-width: 767px) { .l-footer-html-igniture-slim__inner { height: 45px; } }

.l-footer-html-igniture-slim__inner img { width: 140px; margin-top: -4px; }

@media screen and (max-width: 767px) { .l-footer-html-igniture-slim__inner img { width: 122px; margin-top: -4px; } }

/******************************************************************
layout - footer-html-igniture
******************************************************************/
.l-footer-html-igniture { text-align: center; }

@media print, screen and (min-width: 768px) { .l-footer-html-igniture { background: url(/common22/img/logo_igniture-bgleft.svg) left top/auto 60% no-repeat, url(/common22/img/logo_igniture-bgright.svg) right bottom/auto 30% no-repeat, #F6F6FA; min-height: 329px; display: flex; align-items: center; justify-content: center; } }

@media screen and (max-width: 767px) { .l-footer-html-igniture { background-color: #F6F6FA; } }

@media screen and (max-width: 767px) { .l-footer-html-igniture h2 img { width: 100%; } }

@media screen and (max-width: 375px) { .l-footer-html-igniture p { font-size: 3.73333vw; } }

.l-footer-html-igniture p a { text-decoration: underline; }

.l-footer-html-igniture p a:hover { text-decoration: none; }

.l-footer-html-igniture__foot { margin-top: 16px; }

@media screen and (max-width: 767px) { .l-footer-html-igniture__foot img { width: 100%; } }

/******************************************************************
layout - footer-mega
******************************************************************/
footer { overflow: hidden; }

.l-footer-mega { position: relative; z-index: +1; max-width: 960px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 60px; padding-bottom: 60px; }

.l-footer-mega::after { z-index: -1; position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 0; bottom: 0; left: 0; width: 100vw; height: 100%; margin: 0 calc(50% - 50vw); background-color: #FAFAFA; }

@media screen and (max-width: 767px) { .l-footer-mega::after { background-color: #D7D8DD; } }

@media screen and (max-width: 767px) { .l-footer-mega { padding: 32px 24px; } }

@media print, screen and (min-width: 768px) { .l-footer-mega__inner { display: flex; flex-wrap: wrap; margin-top: -40px; margin-right: -40px; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-footer-mega__inner { margin-top: -4.08163vw; margin-right: -4.08163vw; } }

@media screen and (max-width: 767px) { .l-footer-mega__inner { background-color: #fff; border-radius: 8px; overflow: hidden; } }

@media print, screen and (min-width: 768px) { .l-footer-mega__item { width: calc((100%/4) - 40px); margin-top: 40px; margin-right: 40px; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-footer-mega__item { width: calc((100%/4) - 4.08163vw); margin-top: 4.08163vw; margin-right: 4.08163vw; } }

/******************************************************************
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__recommend { border-bottom: 1px solid #fff; padding-top: 40px; padding-bottom: 40px; line-height: 1.6; }
  .l-footer2__recommend-inner { max-width: 960px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; }
  .l-footer2__recommend h3 { font-size: 18px; font-weight: 400; margin-bottom: 24px; }
  .l-footer2__recommend ul { display: flex; flex-wrap: wrap; margin-top: -12px; margin-right: -12px; }
  .l-footer2__recommend li { width: 150px; margin-top: 12px; margin-right: 12px; }
  .l-footer2__recommend img { width: 100%; }
  .l-footer2__inner { line-height: 1.6; max-width: 960px; 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; } }

@media print, screen and (min-width: 768px) and (max-width: 980px) { .l-footer2__nav ul { margin-right: 3.06122vw; } }

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

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

/******************************************************************
layout - footer-group
******************************************************************/
@media print, screen and (min-width: 768px) { .l-footer-group__inner { max-width: 960px; 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: 24px; 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; } }

/******************************************************************
layout - footer-navs2
******************************************************************/
.l-footer-navs2 { line-height: 1.3; }

.l-footer-navs2 a { color: inherit; text-decoration: none; }

.l-footer-navs2 a:hover { color: inherit; text-decoration: none; }

@media print, screen and (min-width: 768px) { .l-footer-navs2 > *:not(:last-child) { margin-bottom: 18px; }
  .l-footer-navs2 .u-icon-arrow { display: none; }
  .l-footer-navs2__title { font-size: 14px; border-bottom: 1px solid #E4E4E4; padding-bottom: 18px; }
  .l-footer-navs2__title a:hover { text-decoration: underline; }
  .l-footer-navs2__body { display: block !important; }
  .l-footer-navs2__body > *:not(:last-child) { margin-bottom: 18px; }
  .l-footer-navs2__item { font-size: 12px; }
  .l-footer-navs2__item a:hover { text-decoration: underline; } }

@media screen and (max-width: 767px) { .l-footer-navs2 { border-bottom: 1px solid #F6F6F6; }
  .l-footer-navs2__title { font-weight: normal; font-size: 14px; }
  .l-footer-navs2__title a { display: block; position: relative; padding: 20px 36px 20px 16px; }
  .l-footer-navs2__title a::before, .l-footer-navs2__title a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .l-footer-navs2__title a::before { border-top: 2px solid #004098; width: 14px; height: 0; top: 0; bottom: 0; right: 0; }
  .l-footer-navs2__title a::after { border-left: 2px solid #004098; width: 0; height: 14px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }
  .l-footer-navs2__title a::after { right: 20px; }
  .l-footer-navs2__title a::before { right: 14px; }
  [aria-expanded="true"] .l-footer-navs2__title a::after { height: 0; }
  .l-footer-navs2__body { display: none; background-color: #F6F6F6; padding: 8px 0; }
  .l-footer-navs2__item { font-size: 12px; }
  .l-footer-navs2__item a { display: block; padding: 8px 16px; } }

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

.p-sogo-emergency[area-hidden="false"] { display: block; }

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

.p-sogo-emergency__body { position: relative; 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 > *:first-child { margin-right: 35px; }

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

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

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

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

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

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

.p-sogo-emergency__close { width: 16px; height: 16px; position: relative; position: absolute; top: 0; right: 35px; transition-property: opacity; transition-duration: 0.3s; }

.p-sogo-emergency__close::before, .p-sogo-emergency__close::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }

.p-sogo-emergency__close::before { border-top: 2px solid #181A24; width: 16px; height: 0; top: 0; bottom: 0; left: 0; transform: rotate(45deg); }

.p-sogo-emergency__close::after { border-left: 2px solid #181A24; width: 0; height: 16px; top: 0; bottom: 0; left: 7px; transform: rotate(45deg); }

@media screen and (max-width: 767px) { .p-sogo-emergency__close { top: -4px; right: 20px; } }

.p-sogo-emergency__close:hover { opacity: .6; }

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

.c-section--offset { padding-top: 0; padding-bottom: 0; }

.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: 24px; padding-left: 24px; } }

.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: 24px; padding-left: 24px; } }

.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: 24px; padding-left: 24px; } }

.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: 24px; padding-left: 24px; } }

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

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

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

@media screen and (max-width: 767px) { .c-sp-section-side-clear { padding-right: 0; padding-left: 0; }
  .c-sp-section-side { padding-right: 24px; padding-left: 24px; }
  .c-sp-section-vertical-clear { margin-top: 0; margin-bottom: 0; }
  .c-sp-section-top-clear { margin-top: 0; }
  .c-sp-section-bottom-clear { margin-bottom: 0; }
  .c-sp-section-vertical { margin-top: 2rem; margin-bottom: 2rem; }
  .c-sp-section-top { margin-top: 2rem; }
  .c-sp-section-bottom { margin-bottom: 2rem; } }

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

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

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

.c-grid2--bottom { align-items: 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.sp-bottom { align-items: flex-end; } }

.c-grid2--text-column > * { display: flex; flex-direction: column; }

.c-grid2--text-column-main { flex-grow: 1; }

.c-grid2--img-column .c-grid2__item6:nth-child(odd) { text-align: right; }

@media screen and (max-width: 767px) { .c-grid2--img-column .c-grid2__item6:nth-child(odd) { text-align: center; } }

@media screen and (max-width: 767px) { .c-grid2--img-column .c-grid2__item6:nth-child(even) { text-align: center; } }

.c-grid2--img-column .c-grid2__item4 { text-align: center; }

.c-grid2--img-column .c-grid2__item3 { text-align: center; }

.c-grid2__title { background-color: #D8DAF2; border-radius: 8px; padding: .4em .8em; }

.c-grid2__title:not(:first-child) { margin-top: 24px; }

.c-grid2__title2 { font-weight: normal; border-bottom: 1px solid #004098; font-size: 14px; padding-bottom: .3em; }

.c-grid2__img { display: flex; align-items: center; justify-content: center; border-radius: 8px; overflow: hidden; }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) { .c-grid2--12px > .sp-item1 { width: calc( 8.33333% - 12px); }
  .c-grid2--12px > .sp-item2 { width: calc( 16.66667% - 12px); }
  .c-grid2--12px > .sp-item3 { width: calc( 25% - 12px); }
  .c-grid2--12px > .sp-item4 { width: calc( 33.33333% - 12px); }
  .c-grid2--12px > .sp-item5 { width: calc( 41.66667% - 12px); }
  .c-grid2--12px > .sp-item6 { width: calc( 50% - 12px); }
  .c-grid2--12px > .sp-item7 { width: calc( 58.33333% - 12px); }
  .c-grid2--12px > .sp-item8 { width: calc( 66.66667% - 12px); }
  .c-grid2--12px > .sp-item9 { width: calc( 75% - 12px); }
  .c-grid2--12px > .sp-item10 { width: calc( 83.33333% - 12px); }
  .c-grid2--12px > .sp-item11 { width: calc( 91.66667% - 12px); }
  .c-grid2--12px > .sp-item12 { width: calc( 100% - 12px); }
  .c-grid2--12px > .sp-item5col { width: calc( 20% - 12px); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) { .c-grid2--15px > .sp-item1 { width: calc( 8.33333% - 15px); }
  .c-grid2--15px > .sp-item2 { width: calc( 16.66667% - 15px); }
  .c-grid2--15px > .sp-item3 { width: calc( 25% - 15px); }
  .c-grid2--15px > .sp-item4 { width: calc( 33.33333% - 15px); }
  .c-grid2--15px > .sp-item5 { width: calc( 41.66667% - 15px); }
  .c-grid2--15px > .sp-item6 { width: calc( 50% - 15px); }
  .c-grid2--15px > .sp-item7 { width: calc( 58.33333% - 15px); }
  .c-grid2--15px > .sp-item8 { width: calc( 66.66667% - 15px); }
  .c-grid2--15px > .sp-item9 { width: calc( 75% - 15px); }
  .c-grid2--15px > .sp-item10 { width: calc( 83.33333% - 15px); }
  .c-grid2--15px > .sp-item11 { width: calc( 91.66667% - 15px); }
  .c-grid2--15px > .sp-item12 { width: calc( 100% - 15px); }
  .c-grid2--15px > .sp-item5col { width: calc( 20% - 15px); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) { .c-grid2--16px > .sp-item1 { width: calc( 8.33333% - 16px); }
  .c-grid2--16px > .sp-item2 { width: calc( 16.66667% - 16px); }
  .c-grid2--16px > .sp-item3 { width: calc( 25% - 16px); }
  .c-grid2--16px > .sp-item4 { width: calc( 33.33333% - 16px); }
  .c-grid2--16px > .sp-item5 { width: calc( 41.66667% - 16px); }
  .c-grid2--16px > .sp-item6 { width: calc( 50% - 16px); }
  .c-grid2--16px > .sp-item7 { width: calc( 58.33333% - 16px); }
  .c-grid2--16px > .sp-item8 { width: calc( 66.66667% - 16px); }
  .c-grid2--16px > .sp-item9 { width: calc( 75% - 16px); }
  .c-grid2--16px > .sp-item10 { width: calc( 83.33333% - 16px); }
  .c-grid2--16px > .sp-item11 { width: calc( 91.66667% - 16px); }
  .c-grid2--16px > .sp-item12 { width: calc( 100% - 16px); }
  .c-grid2--16px > .sp-item5col { width: calc( 20% - 16px); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) { .c-grid2--24px > .sp-item1 { width: calc( 8.33333% - 24px); }
  .c-grid2--24px > .sp-item2 { width: calc( 16.66667% - 24px); }
  .c-grid2--24px > .sp-item3 { width: calc( 25% - 24px); }
  .c-grid2--24px > .sp-item4 { width: calc( 33.33333% - 24px); }
  .c-grid2--24px > .sp-item5 { width: calc( 41.66667% - 24px); }
  .c-grid2--24px > .sp-item6 { width: calc( 50% - 24px); }
  .c-grid2--24px > .sp-item7 { width: calc( 58.33333% - 24px); }
  .c-grid2--24px > .sp-item8 { width: calc( 66.66667% - 24px); }
  .c-grid2--24px > .sp-item9 { width: calc( 75% - 24px); }
  .c-grid2--24px > .sp-item10 { width: calc( 83.33333% - 24px); }
  .c-grid2--24px > .sp-item11 { width: calc( 91.66667% - 24px); }
  .c-grid2--24px > .sp-item12 { width: calc( 100% - 24px); }
  .c-grid2--24px > .sp-item5col { width: calc( 20% - 24px); } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (max-width: 767px) { .c-grid2--32px > .sp-item1 { width: calc( 8.33333% - 32px); }
  .c-grid2--32px > .sp-item2 { width: calc( 16.66667% - 32px); }
  .c-grid2--32px > .sp-item3 { width: calc( 25% - 32px); }
  .c-grid2--32px > .sp-item4 { width: calc( 33.33333% - 32px); }
  .c-grid2--32px > .sp-item5 { width: calc( 41.66667% - 32px); }
  .c-grid2--32px > .sp-item6 { width: calc( 50% - 32px); }
  .c-grid2--32px > .sp-item7 { width: calc( 58.33333% - 32px); }
  .c-grid2--32px > .sp-item8 { width: calc( 66.66667% - 32px); }
  .c-grid2--32px > .sp-item9 { width: calc( 75% - 32px); }
  .c-grid2--32px > .sp-item10 { width: calc( 83.33333% - 32px); }
  .c-grid2--32px > .sp-item11 { width: calc( 91.66667% - 32px); }
  .c-grid2--32px > .sp-item12 { width: calc( 100% - 32px); }
  .c-grid2--32px > .sp-item5col { width: calc( 20% - 32px); } }

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

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

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

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

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

/******************************************************************
component - hero
******************************************************************/
.c-hero { display: flex; align-items: center; background-color: #fff; border-radius: 8px; overflow: hidden; margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-hero { flex-direction: column-reverse; margin-bottom: 32px; } }

.c-hero__body { font-weight: 500; padding: 20px 30px 20px 40px; }

@media screen and (max-width: 767px) { .c-hero__body { padding: 24px 16px; } }

.c-hero__img { flex-shrink: 0; }

@media screen and (max-width: 767px) { .c-hero__img { width: 100%; }
  .c-hero__img img { width: 100%; } }

/******************************************************************
component - hero-img
******************************************************************/
.c-hero-img { background-color: #fff; border-radius: 8px; overflow: hidden; margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-hero-img { margin-bottom: 32px; } }

.c-hero-img img { width: 100%; }

/******************************************************************
component - frame
******************************************************************/
.c-frame-bottom { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-frame-bottom { margin-bottom: 32px; } }

.c-frame { background-color: #fff; border-radius: 8px; margin-bottom: 56px; padding: 40px; }

@media screen and (max-width: 767px) { .c-frame { margin-bottom: 32px; padding: 24px 16px; } }

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

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

.c-frame--blue { background-color: #EDEEFA; }

@media screen and (max-width: 767px) { .c-frame--sp-inherit { background: none; padding: 0; } }

.c-frame-inherit { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-frame-inherit { margin-bottom: 32px; } }

.c-frame-inherit > *:not(:last-child) { margin-bottom: 24px; }

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

/******************************************************************
component - to-list
******************************************************************/
.c-section__detail > .c-to-list { font-size: 14px; margin-top: -46px; margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-section__detail > .c-to-list { margin-top: -16px; margin-bottom: 32px; } }

.c-to-list { text-align: right; font-size: 12px; margin-top: -16px; }

@media screen and (max-width: 767px) { .c-to-list { margin-top: -8px; } }

/******************************************************************
component - bnr
******************************************************************/
.c-bnr { text-align: center; margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-bnr { margin-bottom: 32px; } }

/******************************************************************
component - prd-frame
******************************************************************/
.c-prd-frame__head { border-radius: 8px 8px 0 0; overflow: hidden; }

.c-prd-frame__body { background-color: #fff; border-radius: 0 0 8px 8px; margin-bottom: 56px; padding: 24px 40px; }

@media screen and (max-width: 767px) { .c-prd-frame__body { margin-bottom: 32px; padding: 16px; } }

.c-prd-frame__body > *:not(:last-child) { margin-bottom: 24px; }

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

@media print, screen and (min-width: 768px) { .c-prd-frame__item { display: flex; }
  .c-prd-frame__item > *:not(:last-child) { margin-right: 24px; }
  .c-prd-frame__item-text { flex-grow: 1; font-size: 18px; }
  .c-prd-frame__item-manufacturer { white-space: nowrap; font-size: 12px; min-width: 160px; text-align: right; }
  .c-prd-frame__item-manufacturer > *:not(:last-child) { margin-bottom: 6px; } }

@media screen and (max-width: 767px) { .c-prd-frame__item > *:not(:last-child) { margin-bottom: 16px; }
  .c-prd-frame__item-text { display: block; font-size: 18px; }
  .c-prd-frame__item-manufacturer { display: block; font-size: 12px; text-align: right; }
  .c-prd-frame__item-manufacturer > *:not(:last-child) { margin-bottom: 6px; } }

/******************************************************************
component - prd-lineup
******************************************************************/
.c-prd-lineup-outer:not(:last-child) { margin-bottom: 32px !important; }

@media screen and (max-width: 767px) { .c-prd-lineup-outer:not(:last-child) { margin-bottom: 24px !important; } }

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

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

.c-prd-lineup__img { font-weight: normal; text-align: right; }

.c-prd-lineup__img span { display: inline-block; font-size: 12px; }

.c-prd-lineup__img img { width: 100%; }

.c-prd-lineup__price { line-height: 1.4; }

.c-prd-lineup__price dt { font-size: 13px; }

.c-prd-lineup__price dd { font-size: 13px; }

.c-prd-lineup__price dd strong { font-weight: normal; font-size: 24px; }

.c-prd-lineup__list > *:not(:last-child) { margin-bottom: 24px; }

.c-prd-lineup__item { display: flex; }

.c-prd-lineup__item-head { background-color: #004098; color: #fff; font-size: 15px; width: 4.0em; flex-shrink: 0; text-align: center; display: flex; align-items: center; justify-content: center; margin-right: 16px; border-radius: 8px; }

.c-prd-lineup__item-body { font-size: 16px; }

.c-prd-lineup__item-body > *:not(:last-child) { margin-bottom: 4px; }

.c-prd-lineup__item-price { line-height: 1.4; }

.c-prd-lineup__item-price dt { font-size: 13px; }

.c-prd-lineup__item-price dd { font-size: 13px; }

.c-prd-lineup__item-price dd strong { font-weight: normal; font-size: 24px; }

/******************************************************************
component - prd-function
******************************************************************/
.c-prd-function { display: flex; }

.c-prd-function__head { align-self: flex-start; background-color: #7386E5; color: #fff; font-size: 15px; width: 5.4em; flex-shrink: 0; text-align: center; aspect-ratio: 1/1; display: flex; align-items: center; justify-content: center; margin-right: 16px; border-radius: 8px; }

.c-prd-function__body { font-size: 14px; }

.c-prd-function__body > *:not(:last-child) { margin-bottom: 4px; }

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

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

.c-prd-list__img { display: flex; align-items: center; justify-content: center; border-radius: 8px; overflow: hidden; margin-bottom: 18px !important; }

.c-prd-list__img--border { border: 1px solid #E8E8E8; }

.c-prd-list__title { text-align: center; font-size: 16px; margin-bottom: 18px !important; }

/******************************************************************
component - attention-frame
******************************************************************/
.c-attention-frame { border-radius: 8px; overflow: hidden; border: 1px solid #EDEEFA; }

.c-attention-frame__title { padding: 16px 24px; background-color: #EDEEFA; font-size: 16px; position: relative; padding-left: 3.5em; }

.c-attention-frame__title:before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 24px; width: 1.6em; height: 1.6em; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #004098; content: "!"; color: #fff; font-weight: bold; }

.c-attention-frame__body { padding: 24px; }

.c-attention-frame__body > *:not(:last-child) { margin-bottom: 24px; }

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

@media screen and (max-width: 767px) { .c-attention-frame__body { padding: 16px 24px; } }

/******************************************************************
component - attention-bg
******************************************************************/
.c-attention-bg { background-color: #EDEEFA; border-radius: 8px; }

.c-attention-bg__title { font-size: 16px; padding: 24px; padding-bottom: 0; }

@media screen and (max-width: 767px) { .c-attention-bg__title { padding: 16px 24px; } }

.c-attention-bg__body { padding: 24px; }

.c-attention-bg__body > *:not(:last-child) { margin-bottom: 24px; }

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

@media screen and (max-width: 767px) { .c-attention-bg__body { padding: 16px 24px; } }

/******************************************************************
component - contact
******************************************************************/
.c-contact { display: flex; flex-direction: column; align-items: center; }

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

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

.c-contact__title { font-size: 14px; font-weight: 500; }

.c-contact__main { line-height: 1.4; display: flex; align-items: center; font-weight: 600; font-size: 32px; }

.c-contact__main > *:not(:last-child) { margin-right: 4px; }

.c-contact__main img { vertical-align: baseline; }

.c-contact__main a { color: #181A24; text-decoration: none; }

@media print, screen and (min-width: 768px) { .c-contact__main a { pointer-events: none; } }

/******************************************************************
component - card-list
******************************************************************/
.c-card-list--frame { background-color: #fff; border-radius: 8px; overflow: hidden; display: flex; }

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

.c-card-list a { flex-grow: 1; color: #181A24; display: block; border: 1px solid transparent; border-radius: 8px; overflow: hidden; transition-property: border; transition-duration: 0.3s; }

.c-card-list a:hover { text-decoration: none; border-color: #3359CC; }

.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__img img { width: 100%; }

.c-card-list__body { display: block; }

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

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

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

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

.c-card-list__date { font-size: 12px; color: #85878F; display: block; }

/******************************************************************
component - nav-inline3
******************************************************************/
.c-nav-inline3 { position: relative; background-color: #fff; z-index: +2; }

@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 #333333; border-right: 1px solid #333333; 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 - news-pagination
******************************************************************/
.c-news-pagination-top { margin-bottom: 40px; display: flex; align-items: center; justify-content: center; }

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

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

/******************************************************************
component - more-read
******************************************************************/
.c-more-read--anker-link .c-more-read__taeget { padding-bottom: 0; }

.c-more-read--anker-link .c-more-read__button { margin-top: 8px; }

.c-more-read__taeget { display: none; padding-bottom: 24px; }

.c-more-read__taeget > *:not(:last-child) { margin-bottom: 24px; }

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

@media screen and (max-width: 767px) { .c-more-read__taeget { padding-bottom: 16px; } }

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

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

.c-more-read__button { text-align: center; border-top: 2px solid #EDEEFA; padding-top: 12px; }

.c-more-read__button a { display: inline-block; color: inherit; text-decoration: none; font-size: 12px; font-weight: 500; }

.c-more-read__button a:hover { color: inherit; text-decoration: none; }

.c-more-read__button a:hover { color: #3359CC; }

[aria-expanded="false"] .c-more-read__button a { position: relative; padding-right: 6px; padding-right: 10px; }

[aria-expanded="false"] .c-more-read__button a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0px; height: 6px; border-color: #004098; border-style: solid; border-top-width: 6px; border-bottom-width: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; }

[aria-expanded="false"] .c-more-read__button a::after { top: 3px; }

[aria-expanded="false"] .c-more-read__button a:hover::after { border-top-color: #3359CC; border-bottom-color: #3359CC; }

[aria-expanded="true"] .c-more-read__button a { position: relative; padding-right: 6px; padding-right: 10px; }

[aria-expanded="true"] .c-more-read__button a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0px; height: 6px; border-color: #004098; border-style: solid; border-top-width: 0; border-bottom-width: 6px; border-left: 3px solid transparent; border-right: 3px solid transparent; }

[aria-expanded="true"] .c-more-read__button a::after { top: 3px; }

[aria-expanded="true"] .c-more-read__button a:hover::after { border-top-color: #3359CC; border-bottom-color: #3359CC; }

/******************************************************************
component - more-read-product
******************************************************************/
.c-more-read-product__taeget { display: none; }

.c-more-read-product__button { margin-top: 16px; text-align: center; }

.c-more-read-product__button a { display: inline-block; color: inherit; text-decoration: none; font-size: 12px; font-weight: 500; background-color: #fff; padding: 8px; border-radius: 8px; width: 50%; }

.c-more-read-product__button a:hover { color: inherit; text-decoration: none; }

.c-more-read-product__button a span { display: inline-block; }

[aria-expanded="false"] .c-more-read-product__button a span { position: relative; padding-right: 6px; padding-right: 10px; }

[aria-expanded="false"] .c-more-read-product__button a span::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0px; height: 6px; border-color: #004098; border-style: solid; border-top-width: 6px; border-bottom-width: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; }

[aria-expanded="false"] .c-more-read-product__button a span::after { top: 3px; }

[aria-expanded="true"] .c-more-read-product__button a span { position: relative; padding-right: 6px; padding-right: 10px; }

[aria-expanded="true"] .c-more-read-product__button a span::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0px; height: 6px; border-color: #004098; border-style: solid; border-top-width: 0; border-bottom-width: 6px; border-left: 3px solid transparent; border-right: 3px solid transparent; }

[aria-expanded="true"] .c-more-read-product__button a span::after { top: 3px; }

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

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

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

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

@media screen and (max-width: 767px) { .c-gutter > *:not(:last-child) { margin-bottom: 16px; }
  .c-gutter-4s > *:not(:last-child) { margin-bottom: 4px; }
  .c-gutter-2s > *:not(:last-child) { margin-bottom: 8px; }
  .c-gutter-2x > *:not(:last-child) { margin-bottom: 32px; }
  .c-sp-gutter > *:not(:last-child) { margin-bottom: 16px; }
  .c-sp-gutter-4s > *:not(:last-child) { margin-bottom: 4px; }
  .c-sp-gutter-2s > *:not(:last-child) { margin-bottom: 8px; }
  .c-sp-gutter-2x > *:not(:last-child) { margin-bottom: 32px; } }

/******************************************************************
component - gutter-row
******************************************************************/
.c-gutter-row > *:not(:last-child) { margin-right: 24px; }

@media screen and (max-width: 767px) { .c-gutter-row > *:not(:last-child) { margin-right: 16px; }
  .c-sp-gutter-row > *:not(:last-child) { margin-right: 16px; } }

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

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

.c-text-row2--vertical > .c-text-row2__head-left, .c-text-row2--vertical > .c-text-row2__head-right { display: flex; align-items: center; justify-content: center; }

.c-text-row2--vertical > .c-text-row2__body-right, .c-text-row2--vertical > .c-text-row2__body-left { align-self: center; }

.c-text-row2--half > .c-text-row2__head-left { width: calc(50% - 16px); text-align: center; }

.c-text-row2--half > .c-text-row2__head-right { width: calc(50% - 16px); text-align: 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: 60%; border-radius: 8px; overflow: hidden; }

.c-text-row2 > .c-text-row2__head-left--border, .c-text-row2 > .c-text-row2__head-right--border { border: 1px solid #E8E8E8; }

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

.c-text-row2 > .c-text-row2__head-right { margin-left: 32px; 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: 16px; }
  .c-text-row2 > .c-text-row2__head-right { margin-left: 16px; }
  .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: 16px; margin-right: 0; margin-left: 0; text-align: center; width: 100% !important; max-width: none !important; }
  .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: 16px; 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; } }

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

.c-table { width: 100%; }

@media screen and (max-width: 767px) { .c-table--sp-font-s { font-size: 12px; }
  .c-table--sp-font-s .c-table__title { font-size: 13px; } }

.c-table__2col-first-row { width: 42%; }

@media screen and (max-width: 767px) { .c-table__2col-first-row { width: 135px; } }

.c-table__first-row { width: 177px; }

@media screen and (max-width: 767px) { .c-table__first-row { width: 135px; } }

.c-table__title { font-weight: bold !important; text-align: center !important; font-size: 15px; }

.c-table__bg-lightgray { background-color: #FCFCFD; }

.c-table th, .c-table td { box-sizing: border-box; border: 1px solid #E8E8E8; text-align: left; padding: 12px; }

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

.c-table th { background-color: #F5F5F6; font-weight: normal; }

/******************************************************************
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-row
******************************************************************/
.c-news-row { display: table; width: 100%; }

.c-news-row__item { display: table-row-group; }

.c-news-row__item > * { display: table-row; }

.c-news-row__item:not(:last-child) .c-news-row__body { padding-bottom: 6px; }

.c-news-row__icon { display: table-cell; vertical-align: top; white-space: nowrap; width: 1%; }

.c-news-row__body { display: table-cell; vertical-align: top; padding-left: 6px; font-size: 14px; }

/******************************************************************
component - news-index
******************************************************************/
.c-news-index { background-color: #fff; border-radius: 8px; margin-bottom: 56px; padding: 30px 40px; }

@media screen and (max-width: 767px) { .c-news-index { margin-bottom: 32px; padding: 24px 16px; } }

.c-news-index > *:not(:last-child) { margin-bottom: .5em; }

.c-news-index__item { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

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

.c-list--anker { font-size: 12px; }

.c-list__item:not(:last-child) { margin-bottom: 6px; }

.c-list__item > .c-list { margin-top: 6px; margin-left: 1em; }

/******************************************************************
component - list
******************************************************************/
@media print, screen and (min-width: 768px) { .c-list-table { display: table; } }

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

.c-list-table--anker { font-size: 12px; }

@media print, screen and (min-width: 768px) { .c-list-table { margin-top: -6px; }
  .c-list-table .c-list-table__item { padding-top: 6px; } }

@media print, screen and (min-width: 768px) { .c-list-table--gutter { margin-top: -22px; }
  .c-list-table--gutter .c-list-table__item { padding-top: 22px; } }

@media print, screen and (min-width: 768px) { .c-list-table__row { display: table-row; } }

@media print, screen and (min-width: 768px) { .c-list-table__item { display: table-cell; }
  .c-list-table__item:not(:last-child) { padding-right: 24px; } }

@media screen and (max-width: 767px) { .c-list-table__item { display: block; margin-bottom: 6px; } }

/******************************************************************
component - list-disc
******************************************************************/
.c-list-disc-contact { font-size: 12px; line-height: 1.4; }

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

.c-list-disc-contact .c-list-disc__item::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0.55em; left: 0; width: 6px; height: 6px; }

.c-list-disc__item { position: relative; padding-left: 1em; }

.c-list-disc__item::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0.55em; left: 0; width: 8px; height: 8px; background-color: #181A24; border-radius: 100%; }

.c-list-disc__item:not(:last-child) { margin-bottom: 6px; }

/******************************************************************
component - list-dot
******************************************************************/
.c-list-dot__item { position: relative; padding-left: 1em; }

.c-list-dot__item::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0.7em; left: 2px; width: 4px; height: 4px; background-color: #181A24; border-radius: 100%; }

.c-list-dot__item:not(:last-child) { margin-bottom: 6px; }

/******************************************************************
component - list-dot-glid
******************************************************************/
.c-list-dot-glid { display: flex; flex-wrap: wrap; margin-top: -6px; margin-right: -24px; }

@media screen and (max-width: 767px) { .c-list-dot-glid { margin-right: -10px; } }

.c-list-dot-glid__item2 { width: calc( 50% - 24px); margin-right: 24px; }

.c-list-dot-glid__item3 { width: calc( 33.33333% - 24px); margin-right: 24px; }

.c-list-dot-glid__item4 { width: calc( 25% - 24px); margin-right: 24px; }

.c-list-dot-glid__item5 { width: calc( 20% - 24px); margin-right: 24px; }

.c-list-dot-glid__maker { display: list-item; margin-top: 6px; position: relative; padding-left: 1em; }

.c-list-dot-glid__maker::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0.7em; left: 2px; width: 4px; height: 4px; background-color: #181A24; border-radius: 100%; }

@media screen and (max-width: 767px) { .c-list-dot-glid__item2 { width: calc( 100%/2 - 10px); margin-right: 10px; }
  .c-list-dot-glid__item3 { width: calc( 100%/2 - 10px); margin-right: 10px; }
  .c-list-dot-glid__item4 { width: calc( 100%/2 - 10px); margin-right: 10px; }
  .c-list-dot-glid__item5 { width: calc( 100%/2 - 10px); margin-right: 10px; } }

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

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

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

.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: 19.2px; }

@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: 12.8px; } }

.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 #E8E8E8; padding-top: 19.2px; padding-bottom: 19.2px; }

@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: 12.8px; padding-bottom: 12.8px; } }

.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 #E8E8E8; padding-top: 19.2px; }

@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: 12.8px; } }

.c-list-notes--s { font-size: 12px; line-height: 1.4; }

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

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

@media screen and (max-width: 767px) { .c-list-notes.sp-vertical > .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__body { display: table-cell; vertical-align: top; }

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

/******************************************************************
component - list-notes-center
******************************************************************/
.c-list-notes-center { text-align: center; }

.c-list-notes-center--s { font-size: 12px; line-height: 1.4; }

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

.c-list-notes-center__inner { display: inline-block; text-align: left; }

.c-list-notes-center__row { display: table; }

.c-list-notes-center__head { display: table-cell; white-space: nowrap; padding-right: 0.5em; }

.c-list-notes-center__head--wide { padding-right: 1.5em; }

.c-list-notes-center__body { display: table-cell; }

.c-list-notes-center__row:not(:first-child) > .c-list-notes-center__head, .c-list-notes-center__row:not(:first-child) > .c-list-notes-center__body { padding-top: 6px; }

.c-list-notes-center--center .c-list-notes-center__row { margin-left: auto; margin-right: auto; }

@media screen and (max-width: 767px) { .c-list-notes-center.sp-vertical { text-align: left; }
  .c-list-notes-center.sp-vertical .c-list-notes-center__row { display: block; }
  .c-list-notes-center.sp-vertical .c-list-notes-center__row .c-list-notes-center__head { display: block; white-space: normal; padding-right: 0; width: auto; }
  .c-list-notes-center.sp-vertical .c-list-notes-center__row .c-list-notes-center__body { display: block; } }

/******************************************************************
component - list-bank
******************************************************************/
.c-list-bank { display: flex; flex-wrap: wrap; border-top: 1px solid #E8E8E8; border-left: 1px solid #E8E8E8; }

.c-list-bank__item { box-sizing: border-box; border-right: 1px solid #E8E8E8; border-bottom: 1px solid #E8E8E8; display: flex; align-items: center; justify-content: center; padding: 10px; width: 25%; }

@media screen and (max-width: 767px) { .c-list-bank__item { width: 50%; } }

/******************************************************************
component - list-arrow-bottom-inline
******************************************************************/
.c-section__detail > .c-list-arrow-bottom-inline { margin-bottom: 12px; }

.c-list-arrow-bottom-inline > *:not(:last-child) { margin-right: 24px; }

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

.c-list-arrow-bottom-inline__item { display: inline-block; position: relative; padding-right: 17px; padding-right: 1.5em; }

.c-list-arrow-bottom-inline__item::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0.8em; right: 0; transform: translate(-6px, -2px) 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-list-arrow-bottom-inline__item::after { top: .9em; }

.c-list-arrow-bottom-inline__item a { color: #181A24; font-size: 12px; }

.c-list-arrow-bottom-inline__item a:hover { text-decoration: none; color: #3359CC; }

/******************************************************************
component - list-qa
******************************************************************/
.c-list-qa__item { position: relative; padding-left: 2.5em; }

.c-list-qa__item:before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 1.6em; height: 1.6em; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #004098; content: "?"; color: #fff; font-weight: bold; }

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

.c-list-qa__item a { color: #181A24; }

.c-list-qa__item a:hover { color: #3359CC; text-decoration: none; }

/******************************************************************
component - list-note
******************************************************************/
.c-list-note--s { font-size: 12px; }

.c-list-note__item { position: relative; padding-left: 2.5em; }

.c-list-note__item:before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 1.6em; height: 1.6em; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #004098; content: "!"; color: #fff; font-weight: bold; }

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

.c-list-note__item a { color: #181A24; }

.c-list-note__item a:hover { color: #3359CC; text-decoration: none; }

/******************************************************************
component - list-check
******************************************************************/
.c-list-check__item { position: relative; padding-left: 2.5em; }

.c-list-check__item:before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 1.6em; height: 1.6em; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #004098; }

.c-list-check__item:after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0.4em; left: 0.45em; width: 0.7em; height: 0.5em; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate(-40deg); }

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

.c-list-check__item a { color: #181A24; }

.c-list-check__item a:hover { color: #3359CC; text-decoration: none; }

/******************************************************************
component - list-ol
******************************************************************/
.c-list-ol__item { position: relative; padding-left: 2.5em; }

.c-list-ol__item:before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 1.6em; height: 1.6em; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #004098; color: #fff; font-weight: bold; }

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

.c-list-ol__item:nth-child(1):before { content: "1"; }

.c-list-ol__item:nth-child(2):before { content: "2"; }

.c-list-ol__item:nth-child(3):before { content: "3"; }

.c-list-ol__item:nth-child(4):before { content: "4"; }

.c-list-ol__item:nth-child(5):before { content: "5"; }

.c-list-ol__item:nth-child(6):before { content: "6"; }

.c-list-ol__item:nth-child(7):before { content: "7"; }

.c-list-ol__item:nth-child(8):before { content: "8"; }

.c-list-ol__item:nth-child(9):before { content: "9"; }

.c-list-ol__item:nth-child(10):before { content: "10"; }

.c-list-ol__item:nth-child(11):before { content: "11"; }

.c-list-ol__item:nth-child(12):before { content: "12"; }

.c-list-ol__item:nth-child(13):before { content: "13"; }

.c-list-ol__item:nth-child(14):before { content: "14"; }

.c-list-ol__item:nth-child(15):before { content: "15"; }

.c-list-ol__item:nth-child(16):before { content: "16"; }

.c-list-ol__item:nth-child(17):before { content: "17"; }

.c-list-ol__item:nth-child(18):before { content: "18"; }

.c-list-ol__item:nth-child(19):before { content: "19"; }

.c-list-ol__item:nth-child(20):before { content: "20"; }

.c-list-ol__item:nth-child(21):before { content: "21"; }

.c-list-ol__item:nth-child(22):before { content: "22"; }

.c-list-ol__item:nth-child(23):before { content: "23"; }

.c-list-ol__item:nth-child(24):before { content: "24"; }

.c-list-ol__item:nth-child(25):before { content: "25"; }

.c-list-ol__item:nth-child(26):before { content: "26"; }

.c-list-ol__item:nth-child(27):before { content: "27"; }

.c-list-ol__item:nth-child(28):before { content: "28"; }

.c-list-ol__item:nth-child(29):before { content: "29"; }

.c-list-ol__item:nth-child(30):before { content: "30"; }

.c-list-ol__item:nth-child(31):before { content: "31"; }

.c-list-ol__item:nth-child(32):before { content: "32"; }

.c-list-ol__item:nth-child(33):before { content: "33"; }

.c-list-ol__item:nth-child(34):before { content: "34"; }

.c-list-ol__item:nth-child(35):before { content: "35"; }

.c-list-ol__item:nth-child(36):before { content: "36"; }

.c-list-ol__item:nth-child(37):before { content: "37"; }

.c-list-ol__item:nth-child(38):before { content: "38"; }

.c-list-ol__item:nth-child(39):before { content: "39"; }

.c-list-ol__item:nth-child(40):before { content: "40"; }

.c-list-ol__item:nth-child(41):before { content: "41"; }

.c-list-ol__item:nth-child(42):before { content: "42"; }

.c-list-ol__item:nth-child(43):before { content: "43"; }

.c-list-ol__item:nth-child(44):before { content: "44"; }

.c-list-ol__item:nth-child(45):before { content: "45"; }

.c-list-ol__item:nth-child(46):before { content: "46"; }

.c-list-ol__item:nth-child(47):before { content: "47"; }

.c-list-ol__item:nth-child(48):before { content: "48"; }

.c-list-ol__item:nth-child(49):before { content: "49"; }

.c-list-ol__item:nth-child(50):before { content: "50"; }

.c-list-ol__item a { color: #181A24; }

.c-list-ol__item a:hover { color: #3359CC; text-decoration: none; }

/******************************************************************
component - voice-icn
******************************************************************/
.c-voice-icn { display: flex; align-items: center; }

.c-voice-icn__img { margin-right: 16px; }

.c-voice-icn__img img { width: 30px; }

/******************************************************************
component - image-group
******************************************************************/
.c-image-group { display: flex; flex-wrap: wrap; justify-content: center; padding-left: 8%; padding-right: 8%; }

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

.c-image-group--border { border: 1px solid #E8E8E8; border-radius: 8px; }

.c-image-group__item { box-sizing: border-box; padding: 24px; display: flex; flex-direction: column; align-items: center; width: 50%; }

.c-image-group__item > *:not(:last-child) { margin-bottom: 24px; }

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

@media screen and (max-width: 767px) { .c-image-group__item { padding: 16px; } }

@media screen and (max-width: 767px) { .c-image-group__item { width: 100%; } }

.c-image-group__head { display: flex; align-items: center; }

.c-image-group__head > *:not(:last-child) { margin-right: .5em; }

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

.js-image-size-sync a:hover { color: inherit; 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--radius img { border-radius: 8px; }

.c-image--border img { box-sizing: border-box; border: 1px solid #E8E8E8; border-radius: 8px; }

.c-image__caption { display: block; text-align: left; line-height: 1.3; }

.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: 12px; }

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

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

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

/******************************************************************
component - heading
******************************************************************/
.c-heading1 { font-size: 26px; line-height: 141%; }

.c-section__detail > .c-heading1 { margin-bottom: 24px; }

.c-heading2 { font-size: 22px; line-height: 142%; }

@media print, screen and (min-width: 901px) { .c-heading2 { display: flex; align-items: center; } }

.c-heading2__badge { display: flex; }

.c-heading2__badge > *:not(:last-child) { margin-right: 5px; }

@media print, screen and (min-width: 901px) { .c-heading2__badge { margin-right: .6em; } }

@media screen and (max-width: 900px) { .c-heading2__badge { flex-wrap: wrap; margin-bottom: 4px; } }

.c-section__detail > .c-heading2 { margin-bottom: 12px; }

.c-heading3 { font-size: 18px; line-height: 140%; }

.c-section__detail > .c-heading3 { margin-bottom: 12px; }

.c-heading3-border { position: relative; font-size: 18px; line-height: 140%; padding-bottom: .5em; }

@media print, screen and (min-width: 901px) { .c-heading3-border { display: flex; align-items: center; } }

.c-heading3-border::before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; bottom: 0; left: 0; width: 100%; height: 2px; background-color: #D8DAF2; }

.c-heading3-border::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; bottom: 0; left: 0; width: 40px; height: 2px; background-color: #9DACF2; }

.c-heading3-border__badge { display: flex; }

.c-heading3-border__badge > *:not(:last-child) { margin-right: 5px; }

@media print, screen and (min-width: 901px) { .c-heading3-border__badge { margin-right: .6em; } }

@media screen and (max-width: 900px) { .c-heading3-border__badge { flex-wrap: wrap; margin-bottom: 4px; } }

.c-heading4-border { display: flex; align-items: center; font-size: 15px; line-height: 157%; padding-bottom: .5em; border-bottom: 1px solid #EDEEFA; }

.c-heading4-border__qa { position: relative; padding-left: 2.5em; }

.c-heading4-border__qa:before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 1.6em; height: 1.6em; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #004098; content: "?"; color: #fff; font-weight: bold; }

.c-heading4-border__accordion { flex-shrink: 0; font-weight: normal; margin-left: 24px; }

@media screen and (max-width: 767px) { .c-heading4-border__accordion { margin-left: 16px; } }

.c-heading4-border__accordion a { font-size: 12px; color: #181A24; }

.c-heading4-border__accordion a:hover { text-decoration: none; color: #3359CC; }

[aria-expanded="false"] .c-heading4-border__accordion a { position: relative; padding-right: 6px; padding-right: 10px; }

[aria-expanded="false"] .c-heading4-border__accordion a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0px; height: 6px; border-color: #004098; border-style: solid; border-top-width: 6px; border-bottom-width: 0; border-left: 3px solid transparent; border-right: 3px solid transparent; }

[aria-expanded="false"] .c-heading4-border__accordion a::after { top: 3px; }

[aria-expanded="false"] .c-heading4-border__accordion a:hover::after { border-top-color: #3359CC; border-bottom-color: #3359CC; }

[aria-expanded="true"] .c-heading4-border__accordion a { position: relative; padding-right: 6px; padding-right: 10px; }

[aria-expanded="true"] .c-heading4-border__accordion a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; right: 0px; height: 6px; border-color: #004098; border-style: solid; border-top-width: 0; border-bottom-width: 6px; border-left: 3px solid transparent; border-right: 3px solid transparent; }

[aria-expanded="true"] .c-heading4-border__accordion a::after { top: 3px; }

[aria-expanded="true"] .c-heading4-border__accordion a:hover::after { border-top-color: #3359CC; border-bottom-color: #3359CC; }

.c-heading4 { font-size: 15px; line-height: 157%; }

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

.c-heading-note { font-size: 16px; position: relative; padding-left: 2.2em; }

.c-heading-note:before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 1.6em; height: 1.6em; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #004098; content: "!"; color: #fff; font-weight: bold; }

.c-heading-img { font-size: 16px; display: flex; flex-wrap: wrap; }

.c-heading-img > *:not(:last-child) { margin-right: 1.5em; }

.c-heading-img > span { display: flex; align-items: center; }

.c-heading-img > span > *:not(:last-child) { margin-right: .8em; }

.c-heading-img > span img { height: 33px; }

/******************************************************************
component - heading-news
******************************************************************/
.c-news-category { font-size: 26px; line-height: 141%; margin-bottom: 24px; }

.c-heading-news { border-bottom: 1px solid #dcdcdc; padding-bottom: 1.0em; }

.c-heading-news__title { font-size: 26px; line-height: 141%; }

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

.c-heading-news__subtitle { margin-top: .3em; font-size: 20px; }

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

/******************************************************************
component - news-date
******************************************************************/
.c-news-date { text-align: right; margin-bottom: 40px !important; }

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

/******************************************************************
component - news-tag
******************************************************************/
.c-news-tag { display: flex; flex-wrap: wrap; margin-top: -0.5em; margin-right: -0.5em; }

.c-news-tag__item { margin-top: 0.5em; margin-right: 0.5em; }

/******************************************************************
component - button-set
******************************************************************/
.c-button-set { max-width: 432px; margin-left: auto; margin-right: auto; }

.c-button-set__balloon { text-align: center; }

.c-button-set__balloon span { display: inline-block; background-color: #7386E5; border-radius: 100vw; color: #fff; font-size: 14px; padding: .4em 1.3em .2em 1.3em; margin-bottom: 12px; position: relative; padding-bottom: 8px; }

.c-button-set__balloon span::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; bottom: 0px; right: 0; left: 0; width: 8px; height: 8px; border-color: #7386E5; border-style: solid; border-top-width: 8px; border-bottom-width: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; }

.c-button-set__balloon span::after { bottom: -8px; }

.c-button-set__main { text-align: center; }

.c-button-set__text { font-size: 13px; margin-top: 22px; }

.c-button-set__text a { font-size: 12px; }

@media screen and (max-width: 767px) { .c-button-set__text { margin-top: 14px; } }

/******************************************************************
component - accordion-framelist
******************************************************************/
.c-accordion-framelist { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-accordion-framelist { margin-bottom: 32px; } }

.c-accordion-framelist__item { border-radius: 8px; overflow: hidden; }

.c-accordion-framelist__item:not(:last-child) { margin-bottom: 24px; }

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

.c-accordion-framelist__btn { display: block; font-size: 14px; font-weight: normal; }

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

.c-accordion-framelist__btn a { color: inherit; text-decoration: none; display: inline-block; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.3; display: block; background-color: #fff; transition-property: background color border; transition-duration: 0.3s; position: relative; padding: 1.25em 2.2em 1.25em 1.5em; }

.c-accordion-framelist__btn a:hover { color: inherit; text-decoration: none; }

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

.c-accordion-framelist__btn a::before { border-top: 2px solid #004098; width: 16px; height: 0; top: 0; bottom: 0; right: 0; }

.c-accordion-framelist__btn a::after { border-left: 2px solid #004098; width: 0; height: 16px; top: 0; bottom: 0; right: 7px; transition-property: all; transition-duration: 0.3s; }

.c-accordion-framelist__btn a::after { right: 22px; }

.c-accordion-framelist__btn a::before { right: 15px; }

.c-accordion-framelist__btn a:hover { background-color: #F8F8FF; }

.c-accordion-framelist__btn a:hover::after { border-color: #3359CC; }

.c-accordion-framelist__btn a:hover::before { border-color: #3359CC; }

[aria-expanded="true"] .c-accordion-framelist__btn a::after { height: 0; }

.c-accordion-framelist__main { background-color: #EDEEFA; padding: 32px 40px 40px 40px; }

@media screen and (max-width: 767px) { .c-accordion-framelist__main { padding: 16px; } }

.c-accordion-framelist__main > *:not(:last-child) { margin-bottom: 24px; }

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

.c-accordion-framelist__main-inner { background-color: #fff; border-radius: 8px; padding: 40px; }

@media screen and (max-width: 767px) { .c-accordion-framelist__main-inner { padding: 16px; } }

.c-accordion-framelist__main-inner > *:not(:last-child) { margin-bottom: 24px; }

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

/******************************************************************
component - button-framelist
******************************************************************/
.c-button-framelist { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-button-framelist { margin-bottom: 32px; } }

.c-button-framelist__item:not(:last-child) { margin-bottom: 16px; }

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

/******************************************************************
component - service-list
******************************************************************/
.c-service-list { margin-bottom: 56px; }

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

.c-service-list__item { display: grid; background-color: #fff; border-radius: 8px; }

.c-service-list__item > * { display: grid; grid-template-rows: auto auto 1fr; align-items: flex-start; grid-template-areas: "img" "title" "text"; transition-property: border; transition-duration: 0.3s; color: #181A24; border: 1px solid transparent; border-radius: 8px; padding: 24px; }

@media screen and (max-width: 767px) { .c-service-list__item > * { grid-template-columns: auto 1fr; grid-template-rows: auto 1fr; grid-template-areas: "img title" "text text" "anker anker"; } }

@media screen and (max-width: 767px) { .c-service-list__item > * { padding: 24px 16px; } }

.c-service-list__item > *:hover { color: #181A24; text-decoration: none; border-color: #3359CC; }

.c-service-list__title { grid-area: title; font-weight: bold; font-size: 16px; }

@media print, screen and (min-width: 768px) { .c-service-list__title { text-align: center; min-height: 3.0em; margin-bottom: 16px; } }

@media screen and (max-width: 767px) { .c-service-list__title { align-self: center; padding-left: 18px; } }

.c-service-list__text { grid-area: text; }

@media screen and (max-width: 767px) { .c-service-list__text { margin-top: 24px; } }

.c-service-list__img { grid-area: img; display: flex; align-items: center; justify-content: center; }

@media print, screen and (min-width: 768px) { .c-service-list__img { margin-bottom: 24px; } }

@media screen and (max-width: 767px) { .c-service-list__img { width: 94px; } }

.c-service-list__anker { grid-area: anker; }

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

@media screen and (max-width: 767px) { .c-service-list__anker { margin-top: 16px; text-align: right; color: #004098; font-size: 12px; } }

/******************************************************************
component - service-list2
******************************************************************/
.c-service-list2 { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-service-list2 { margin-bottom: 32px; } }

.c-service-list2__item { display: grid; background-color: #fff; border-radius: 8px; }

.c-service-list2__item > * { display: grid; grid-template-rows: auto auto 1fr; align-items: flex-start; grid-template-areas: "img" "title" "text" "anker"; transition-property: border; transition-duration: 0.3s; color: #181A24; border: 1px solid transparent; border-radius: 8px; padding: 24px; }

@media screen and (max-width: 767px) { .c-service-list2__item > * { padding: 24px 16px; } }

.c-service-list2__item > *:hover { color: #181A24; text-decoration: none; border-color: #3359CC; }

.c-service-list2__title { grid-area: title; font-weight: bold; font-size: 16px; }

@media print, screen and (min-width: 768px) { .c-service-list2__title { text-align: center; min-height: 3.0em; margin-bottom: 16px; } }

@media screen and (max-width: 767px) { .c-service-list2__title { text-align: center; } }

.c-service-list2__text { grid-area: text; }

@media screen and (max-width: 767px) { .c-service-list2__text { margin-top: 24px; } }

.c-service-list2__img { grid-area: img; display: flex; align-items: center; justify-content: center; }

@media print, screen and (min-width: 768px) { .c-service-list2__img { margin-bottom: 24px; } }

@media screen and (max-width: 767px) { .c-service-list2__img { margin-bottom: 16px; } }

.c-service-list2__anker { grid-area: anker; }

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

@media screen and (max-width: 767px) { .c-service-list2__anker { margin-top: 16px; text-align: right; color: #004098; font-size: 12px; } }

/******************************************************************
component - service-list3
******************************************************************/
.c-section__detail > .c-service-list3 { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-section__detail > .c-service-list3 { margin-bottom: 32px; } }

.c-service-list3__item { display: flex; flex-direction: column; background-color: #fff; border-radius: 8px; overflow: hidden; }

@media print, screen and (min-width: 768px) { .c-service-list3__item--row { flex-direction: row; } }

.c-service-list3__img { order: 1; }

.c-service-list3__img img { width: 100%; }

@media print, screen and (min-width: 768px) { .c-service-list3__item--row .c-service-list3__img { width: 48%; flex-shrink: 0; } }

.c-service-list3__main { order: 2; display: flex; flex-direction: column; padding: 32px 40px; }

@media print, screen and (min-width: 768px) { .c-service-list3__main > *:not(:last-child) { margin-bottom: 22px; } }

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

@media screen and (max-width: 767px) { .c-service-list3__main { padding: 24px 16px; } }

.c-service-list3__item--row .c-service-list3__main { padding: 24px 40px; }

@media screen and (max-width: 767px) { .c-service-list3__item--row .c-service-list3__main { padding: 24px 16px; } }

.c-service-list3__title { font-weight: bold; font-size: 24px; }

.c-service-list3__text { flex-grow: 1; }

/******************************************************************
component - service-list4
******************************************************************/
.c-service-list4 { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-service-list4 { margin-left: -24px; margin-right: -24px; margin-bottom: 32px; overflow-x: scroll; } }

.c-service-list4__inner { display: flex; }

@media print, screen and (min-width: 768px) { .c-service-list4__inner { flex-wrap: wrap; margin-top: -14px; margin-right: -14px; } }

@media screen and (max-width: 767px) { .c-service-list4__inner { padding-left: 24px; margin-right: -14px; } }

.c-service-list4__item { display: flex; position: relative; }

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

@media screen and (max-width: 767px) { .c-service-list4__item { flex-shrink: 0; width: 70vw; max-width: 227px; margin-right: 14px; } }

.c-service-list4__item::after { position: absolute; top: 0; left: 100%; width: 24px; height: 100%; content: ''; }

.c-service-list4__item > * { display: flex; flex-direction: column-reverse; transition-property: border; transition-duration: 0.3s; background-color: #fff; border-radius: 8px; overflow: hidden; color: #181A24; border: 1px solid transparent; border-radius: 8px; }

.c-service-list4__item > *:hover { color: #181A24; text-decoration: none; border-color: #3359CC; }

.c-service-list4__text { padding: 14px 12px; flex-grow: 1; }

.c-service-list4__date { display: block; font-size: 12px; color: #85878F; padding-bottom: 8px; }

.c-service-list4__img img { width: 100%; }

/******************************************************************
component - service-list5
******************************************************************/
.c-service-list5 { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .c-service-list5 { margin-bottom: 32px; } }

/******************************************************************
component - product-list
******************************************************************/
.c-product-list-wrapper { margin-bottom: 56px; }

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

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

@media screen and (max-width: 767px) { .c-product-list--pc .c-product-list__item:nth-child(n + 4) { display: none; } }

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

.c-product-list__item { display: flex; background-color: #fff; border-radius: 8px; overflow: hidden; }

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

@media screen and (max-width: 767px) { .c-product-list__item { width: 100%; }
  .c-product-list__item:not(:last-child) { margin-bottom: 16px; } }

.c-product-list__item > * { display: flex; flex-direction: column; flex-grow: 1; }

.c-product-list__item a { transition-property: opacity; transition-duration: 0.3s; color: inherit; text-decoration: none; }

.c-product-list__item a:hover { opacity: .6; }

.c-product-list__main { order: 2; display: flex; flex-direction: column; height: 100%; padding: 8px 12px 16px 12px; }

@media screen and (max-width: 767px) { .c-product-list__main { padding: 16px 16px 16px 16px; } }

.c-product-list__logo { display: flex; align-items: center; justify-content: space-between; margin-bottom: 8px; }

.c-product-list__logo-prd { width: 63%; }

.c-product-list__logo-prd img { width: 165px; }

.c-product-list__logo-com { width: 30%; text-align: right; }

.c-product-list__logo-com img { width: 80px; }

.c-product-list__title { display: block; margin-bottom: 12px; }

.c-product-list__copy { display: block; flex-grow: 1; margin-bottom: 12px; }

.c-product-list__note > *:not(:last-child) { margin-bottom: 4px; }

.c-product-list__note li { background-color: #EDEEFA; border-radius: 4px; font-size: 12px; padding: 2px 6px; }

.c-product-list__img { order: 1; }

.c-product-list__img img { width: 100%; }

.c-product-list__anker { order: 3; }

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

@media screen and (max-width: 767px) { .c-product-list__anker { margin-right: 16px; margin-bottom: 16px; text-align: right; color: #004098; font-size: 12px; } }

/******************************************************************
component - product-lineup
******************************************************************/
@media print, screen and (min-width: 768px) { .c-product-lineup { background-color: #fff; border-radius: 8px; margin-bottom: 56px; padding: 40px; }
  .c-product-lineup__inner:not(:first-child) { margin-top: 36px; }
  .c-product-lineup__title { margin-bottom: 24px; font-size: 18px; font-weight: bold; background-color: #F5F5F6; border-radius: 8px; padding: 10px 12px; }
  .c-product-lineup__body-inner { display: flex; flex-wrap: wrap; margin-right: -26px; margin-top: -26px; }
  .c-product-lineup__item { margin-right: 26px; margin-top: 26px; width: calc(50% - 26px); }
  .c-product-lineup__item > *:not(:last-child) { margin-bottom: 18px; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .c-product-lineup__item > *:not(:last-child) { margin-bottom: 12px; } }

@media print, screen and (min-width: 768px) { .c-product-lineup__title2 { border-bottom: 2px solid #F5F5F6; font-size: 14px; padding-bottom: 6px; font-weight: bold; }
  .c-product-lineup ul { display: flex; flex-wrap: wrap; margin-right: -18px; margin-top: -18px; }
  .c-product-lineup li { margin-right: 18px; margin-top: 18px; width: calc(50% - 18px); font-size: 12px; }
  .c-product-lineup .u-icon-arrow { display: none; } }

@media screen and (max-width: 767px) { .c-product-lineup { margin-bottom: 32px; background-color: #fff; border-radius: 8px; overflow: hidden; }
  .c-product-lineup__inner:not(:first-child) { border-top: 1px solid #F6F6F6; }
  .c-product-lineup__title { font-size: 14px; font-weight: 500; position: relative; padding: 20px 36px 20px 16px; }
  .c-product-lineup__title::before, .c-product-lineup__title::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-product-lineup__title::before { border-top: 2px solid #004098; width: 14px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-product-lineup__title::after { border-left: 2px solid #004098; width: 0; height: 14px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }
  .c-product-lineup__title::after { right: 20px; }
  .c-product-lineup__title::before { right: 14px; }
  .c-product-lineup__inner[aria-expanded="true"] .c-product-lineup__title::after { height: 0; }
  .c-product-lineup__body { display: none; }
  .c-product-lineup__title2 { background-color: #E1E2F5; font-size: 14px; font-weight: 500; position: relative; padding: 20px 36px 20px 16px; }
  .c-product-lineup__title2::before, .c-product-lineup__title2::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; }
  .c-product-lineup__title2::before { border-top: 2px solid #004098; width: 14px; height: 0; top: 0; bottom: 0; right: 0; }
  .c-product-lineup__title2::after { border-left: 2px solid #004098; width: 0; height: 14px; top: 0; bottom: 0; right: 6px; transition-property: all; transition-duration: 0.3s; }
  .c-product-lineup__title2::after { right: 20px; }
  .c-product-lineup__title2::before { right: 14px; }
  .c-product-lineup__item[aria-expanded="true"] .c-product-lineup__title2::after { height: 0; }
  .c-product-lineup__body2 { display: none; background-color: #EDEEFA; }
  .c-product-lineup ul { padding: 8px 0; }
  .c-product-lineup li { font-size: 12px; }
  .c-product-lineup li a { display: block; padding: 8px 16px; } }

/******************************************************************
component - menu-list
******************************************************************/
.c-menu-list__inner { display: flex; flex-wrap: wrap; margin-top: -16px; margin-right: -16px; }

.c-menu-list__item { width: calc(50% - 16px); margin-top: 16px; margin-right: 16px; display: flex; position: relative; }

@media screen and (max-width: 767px) { .c-menu-list__item { width: calc(100% - 16px); } }

.c-menu-list__item::after { position: absolute; top: 0; left: 100%; width: 24px; height: 100%; content: ''; }

.c-menu-list__item > * { flex-grow: 1; display: flex; flex-direction: column-reverse; transition-property: opacity; transition-duration: 0.3s; background-color: #fff; border-radius: 8px; overflow: hidden; color: #181A24; border-radius: 8px; }

.c-menu-list__item > *:hover { color: #181A24; text-decoration: none; text-decoration: none; opacity: .6; }

.c-menu-list__main { padding: 32px 40px; flex-grow: 1; }

@media screen and (max-width: 767px) { .c-menu-list__main { padding: 16px; } }

.c-menu-list__title { display: block; font-weight: bold; font-size: 24px; margin-bottom: 16px; }

.c-menu-list__text { display: block; }

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

@media screen and (max-width: 767px) { .c-menu-list__anker { display: block; margin-top: 8px; text-align: right; color: #004098; font-size: 12px; } }

.c-menu-list__img img { width: 100%; }

/******************************************************************
component - gas-list
******************************************************************/
.c-gas-list { display: flex; flex-wrap: wrap; margin-top: -14px; margin-right: -14px; }

.c-gas-list__item { width: calc(25% - 14px); margin-top: 14px; margin-right: 14px; display: flex; }

@media screen and (max-width: 767px) { .c-gas-list__item { width: calc(50% - 14px); } }

.c-gas-list__item > * { flex-grow: 1; display: flex; flex-direction: column-reverse; transition-property: opacity; transition-duration: 0.3s; background-color: #fff; border-radius: 8px; border: 1px solid #E8E8E8; overflow: hidden; color: #181A24; border-radius: 8px; }

.c-gas-list__item > *:hover { color: #181A24; text-decoration: none; text-decoration: none; opacity: .6; }

.c-gas-list__text { flex-grow: 1; font-size: 16px; font-weight: bold; padding: 16px; }

@media screen and (max-width: 767px) { .c-gas-list__text { padding: 14px; } }

.c-gas-list__img { box-sizing: border-box; padding: 10px; aspect-ratio: 207 / 144; background-color: #EDEEFA; display: flex; align-items: center; justify-content: center; }

/******************************************************************
component - button
******************************************************************/
.c-button { color: inherit; text-decoration: none; display: inline-block; cursor: pointer; vertical-align: middle; box-sizing: border-box; border: 1px solid transparent; line-height: 1.3; padding: 1.25em 1.2em; border-radius: 8px; transition-property: background color border; transition-duration: 0.3s; }

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

.c-button.disabled { cursor: default; background-color: #B9BABD !important; }

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

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

.c-button--vertical { display: flex; width: 100%; align-items: center; }

.c-button--white { position: relative; padding-right: 24px; padding-right: 2.2em; background-color: #fff; }

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

.c-button--white.disabled { color: #fff !important; }

.c-button--white.disabled::after { border-color: #fff; }

.c-button--white:hover:not(.disabled) { background-color: #EDEEFA; }

.c-accordion-framelist .c-button--white:hover:not(.disabled) { background-color: #F8F8FF; }

.c-button--white:hover:not(.disabled)::after { border-color: #3359CC; }

.c-button--white-blank { padding-right: 2.2em; background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE/tlM1VAjEQx2cqkA7ECqAD04FagXACblqB2IGeWLmwVABUQFqgA+xAb140/odklyVxN+xy8MK8x+PtJPObj8wMU11Rk5SI7yNmS67LJZV8wOYiZtcAPO0Sfd8eglm+O0VdfbAfqpr0UJqZr7ZgJVH8XONCqyTFLenBPDgLoZsscqYSj6EDvgN8mesDO9PHWRvBPckdAW/xdxl5jE8i0yU9wl3J0E8fUD1KoR8XwIlx0FfSw4fYa5dCrcO/wOYZXnFQIWWRZiaNwDHovgk0yoYBUVkpKiI+BuolGgerNzS/Wezt3EPZmraJuUPr4cov4BHgRFrsxhoWoDtwNt6e3rZbpBR2eOS104M+tmDXUWEZ4+DKLjmD84H431IQJobxqyPGrQB+RMe8FC1luwkQu/gUMVf55nMYgGdY7l8YgiZw8w7OeLcyPfkFStnFzWL+bUcAAAAASUVORK5CYII=") right 12px center/11px auto no-repeat; }

.c-button--white-blank.disabled { background: #004098 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4xOTgiIGhlaWdodD0iMTEuMiIgdmlld0JveD0iMCAwIDExLjE5OCAxMS4yIj4KICA8ZyBpZD0i44Kw44Or44O844OXXzMxNjciIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDMxNjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTcxLjQwMSAtNjE3LjQpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTM2MiIgZGF0YS1uYW1lPSLjg5HjgrkgMTM2MiIgZD0iTTExNjUuOTc2LDQ0Ni40aC0zLjczM2EuNjIyLjYyMiwwLDEsMCwwLDEuMjQ0aDIuMjMzbC0xLjI5NCwxLjI4OC0zLjI0OCwzLjI0OGEuNjM1LjYzNSwwLDAsMC0uMTM2LjIuNjIyLjYyMiwwLDAsMCwwLC40NzkuNjQyLjY0MiwwLDAsMCwuMTM2LjIuNjIuNjIsMCwwLDAsLjIuMTM2LjYxOS42MTksMCwwLDAsLjQ3OCwwLC42MTkuNjE5LDAsMCwwLC4yLS4xMzZsMy4yNDgtMy4yNDgsMS4yODgtMS4yOTR2Mi4yMzRhLjYyMi42MjIsMCwxLDAsMS4yNDQsMFY0NDcuMDJhLjYyMS42MjEsMCwwLDAtLjYyMi0uNjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTYuMDAxIDE3MS4wMDIpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0i44OR44K5XzEzNjMiIGRhdGEtbmFtZT0i44OR44K5IDEzNjMiIGQ9Ik0xMTYyLjg2Nyw0NTcuNmgtNi4yMjJhMS4yNDQsMS4yNDQsMCwwLDEtMS4yNDUtMS4yNDR2LTYuMjIzYTEuMjQ0LDEuMjQ0LDAsMCwxLDEuMjQ1LTEuMjQ0aDMuMzM0YS42MjIuNjIyLDAsMSwxLDAsMS4yNDRoLTMuMTFhLjI0OS4yNDksMCwwLDAtLjI0OS4yNDl2NS43MjVhLjI0OC4yNDgsMCwwLDAsLjA3My4xNzYuMjUxLjI1MSwwLDAsMCwuMTc2LjA3M2g2di0zLjMzNmEuNjIzLjYyMywwLDAsMSwxLjI0NSwwdjMuMzM2YTEuMjQ2LDEuMjQ2LDAsMCwxLTEuMjQ1LDEuMjQ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTYuMDAxIDE3MS4wMDIpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K") right 12px center no-repeat; color: #fff !important; }

.c-button--white-blank.disabled::after { border-color: #fff; }

.c-button--white-blank:hover:not(.disabled) { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAW1JREFUOE/tlT1Wg0AQgGdCZWVuYDxBEJI6RxA7YqPeQE8g3kBPIFbESrwBfQjEG+ANtAfG2c1bHiJhwcZGCh7MznwzzB8IAy/bjX1AuNCYhTiQCwz+YPChzm4w2DxPzVGZO9/B6CDCtC4bDG5GarmbS0R6bMolWERhFMWCEMdtn8iG2SaYPemgRPCmIsd9HlscnDE8VPKmHRFeAZQTRLwVOmgt44zDPuosBsFnAYa5XZ1kQq8Nmqxs33LXXgW2lzEJZb49JMHsWlftfdCdwzYw0V2ymntd4C7or8E6aNUEZRHxc4hVKjoi7gP90W46MJ+LYXhRhqL6olAyQjedAOXT7fP8dTjYjUMe4VNZ4BpUvKvxbsplu+kilsNTFh7D/XofS7DqqJY0asFdXfIPrrLzt6ngZRERoJia3hevU7kC2O4mCez7uiFvt3WEgIvetBbFgoxjtfnUMZpOOh4d5PzzGw7njfgOhJ6axLrPLxyJMNxQrwmiAAAAAElFTkSuQmCC"); background-color: #EDEEFA; }

.c-accordion-framelist .c-button--white-blank:hover:not(.disabled) { background-color: #F8F8FF; }

.c-button--white-pdf { padding-right: 2.2em; background: #fff url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjMDA0MDk4Ii8+PC9zdmc+") right 12px center/12px auto no-repeat; }

.c-button--white-pdf.disabled { background: #004098 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+") right 12px center/12px auto no-repeat; color: #fff !important; }

.c-button--white-pdf.disabled::after { border-color: #fff; }

.c-button--white-pdf:hover:not(.disabled) { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjMzM1OUNDIi8+PC9zdmc+"); background-color: #EDEEFA; }

.c-accordion-framelist .c-button--white-pdf:hover:not(.disabled) { background-color: #F8F8FF; }

.c-button--apply { position: relative; padding-right: 24px; padding-right: 2.2em; font-weight: 600; color: #fff !important; background-color: #004098; }

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

.c-button--apply:hover:not(.disabled) { background-color: #3359CC; }

.c-button--apply-blank { padding-right: 2.2em; font-weight: 600; color: #fff !important; background: #004098 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4xOTgiIGhlaWdodD0iMTEuMiIgdmlld0JveD0iMCAwIDExLjE5OCAxMS4yIj4KICA8ZyBpZD0i44Kw44Or44O844OXXzMxNjciIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDMxNjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTcxLjQwMSAtNjE3LjQpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTM2MiIgZGF0YS1uYW1lPSLjg5HjgrkgMTM2MiIgZD0iTTExNjUuOTc2LDQ0Ni40aC0zLjczM2EuNjIyLjYyMiwwLDEsMCwwLDEuMjQ0aDIuMjMzbC0xLjI5NCwxLjI4OC0zLjI0OCwzLjI0OGEuNjM1LjYzNSwwLDAsMC0uMTM2LjIuNjIyLjYyMiwwLDAsMCwwLC40NzkuNjQyLjY0MiwwLDAsMCwuMTM2LjIuNjIuNjIsMCwwLDAsLjIuMTM2LjYxOS42MTksMCwwLDAsLjQ3OCwwLC42MTkuNjE5LDAsMCwwLC4yLS4xMzZsMy4yNDgtMy4yNDgsMS4yODgtMS4yOTR2Mi4yMzRhLjYyMi42MjIsMCwxLDAsMS4yNDQsMFY0NDcuMDJhLjYyMS42MjEsMCwwLDAtLjYyMi0uNjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTYuMDAxIDE3MS4wMDIpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0i44OR44K5XzEzNjMiIGRhdGEtbmFtZT0i44OR44K5IDEzNjMiIGQ9Ik0xMTYyLjg2Nyw0NTcuNmgtNi4yMjJhMS4yNDQsMS4yNDQsMCwwLDEtMS4yNDUtMS4yNDR2LTYuMjIzYTEuMjQ0LDEuMjQ0LDAsMCwxLDEuMjQ1LTEuMjQ0aDMuMzM0YS42MjIuNjIyLDAsMSwxLDAsMS4yNDRoLTMuMTFhLjI0OS4yNDksMCwwLDAtLjI0OS4yNDl2NS43MjVhLjI0OC4yNDgsMCwwLDAsLjA3My4xNzYuMjUxLjI1MSwwLDAsMCwuMTc2LjA3M2g2di0zLjMzNmEuNjIzLjYyMywwLDAsMSwxLjI0NSwwdjMuMzM2YTEuMjQ2LDEuMjQ2LDAsMCwxLTEuMjQ1LDEuMjQ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTYuMDAxIDE3MS4wMDIpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K") right 12px center no-repeat; }

.c-button--apply-blank:hover:not(.disabled) { background-color: #3359CC; }

.c-button--apply-pdf { padding-right: 2.2em; font-weight: 600; color: #fff !important; background: #004098 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+") right 12px center/12px auto no-repeat; }

.c-button--apply-pdf:hover:not(.disabled) { background-color: #3359CC; }

.c-button--simu { position: relative; padding-right: 24px; padding-right: 2.2em; font-weight: 600; color: #004098; border: 1px solid #004098; background-color: #fff; }

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

.c-button--simu.disabled { border-color: #B9BABD !important; color: #fff !important; }

.c-button--simu.disabled::after { border-color: #fff; }

.c-button--simu:hover:not(.disabled) { color: #3359CC; border: 1px solid #3359CC; background-color: #EDEEFA; }

.c-button--simu:hover:not(.disabled)::after { border-color: #3359CC; }

.c-button--simu-blank { padding-right: 2.2em; font-weight: 600; color: #004098; border: 1px solid #004098; background: #fff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE/tlM1VAjEQx2cqkA7ECqAD04FagXACblqB2IGeWLmwVABUQFqgA+xAb140/odklyVxN+xy8MK8x+PtJPObj8wMU11Rk5SI7yNmS67LJZV8wOYiZtcAPO0Sfd8eglm+O0VdfbAfqpr0UJqZr7ZgJVH8XONCqyTFLenBPDgLoZsscqYSj6EDvgN8mesDO9PHWRvBPckdAW/xdxl5jE8i0yU9wl3J0E8fUD1KoR8XwIlx0FfSw4fYa5dCrcO/wOYZXnFQIWWRZiaNwDHovgk0yoYBUVkpKiI+BuolGgerNzS/Wezt3EPZmraJuUPr4cov4BHgRFrsxhoWoDtwNt6e3rZbpBR2eOS104M+tmDXUWEZ4+DKLjmD84H431IQJobxqyPGrQB+RMe8FC1luwkQu/gUMVf55nMYgGdY7l8YgiZw8w7OeLcyPfkFStnFzWL+bUcAAAAASUVORK5CYII=") right 12px center/11px auto no-repeat; }

.c-button--simu-blank.disabled { background: #004098 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4xOTgiIGhlaWdodD0iMTEuMiIgdmlld0JveD0iMCAwIDExLjE5OCAxMS4yIj4KICA8ZyBpZD0i44Kw44Or44O844OXXzMxNjciIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDMxNjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTcxLjQwMSAtNjE3LjQpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTM2MiIgZGF0YS1uYW1lPSLjg5HjgrkgMTM2MiIgZD0iTTExNjUuOTc2LDQ0Ni40aC0zLjczM2EuNjIyLjYyMiwwLDEsMCwwLDEuMjQ0aDIuMjMzbC0xLjI5NCwxLjI4OC0zLjI0OCwzLjI0OGEuNjM1LjYzNSwwLDAsMC0uMTM2LjIuNjIyLjYyMiwwLDAsMCwwLC40NzkuNjQyLjY0MiwwLDAsMCwuMTM2LjIuNjIuNjIsMCwwLDAsLjIuMTM2LjYxOS42MTksMCwwLDAsLjQ3OCwwLC42MTkuNjE5LDAsMCwwLC4yLS4xMzZsMy4yNDgtMy4yNDgsMS4yODgtMS4yOTR2Mi4yMzRhLjYyMi42MjIsMCwxLDAsMS4yNDQsMFY0NDcuMDJhLjYyMS42MjEsMCwwLDAtLjYyMi0uNjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTYuMDAxIDE3MS4wMDIpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0i44OR44K5XzEzNjMiIGRhdGEtbmFtZT0i44OR44K5IDEzNjMiIGQ9Ik0xMTYyLjg2Nyw0NTcuNmgtNi4yMjJhMS4yNDQsMS4yNDQsMCwwLDEtMS4yNDUtMS4yNDR2LTYuMjIzYTEuMjQ0LDEuMjQ0LDAsMCwxLDEuMjQ1LTEuMjQ0aDMuMzM0YS42MjIuNjIyLDAsMSwxLDAsMS4yNDRoLTMuMTFhLjI0OS4yNDksMCwwLDAtLjI0OS4yNDl2NS43MjVhLjI0OC4yNDgsMCwwLDAsLjA3My4xNzYuMjUxLjI1MSwwLDAsMCwuMTc2LjA3M2g2di0zLjMzNmEuNjIzLjYyMywwLDAsMSwxLjI0NSwwdjMuMzM2YTEuMjQ2LDEuMjQ2LDAsMCwxLTEuMjQ1LDEuMjQ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTYuMDAxIDE3MS4wMDIpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K") right 12px center no-repeat; border-color: #B9BABD !important; color: #fff !important; }

.c-button--simu-blank:hover:not(.disabled) { color: #3359CC; border: 1px solid #3359CC; background-color: #EDEEFA; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAW1JREFUOE/tlT1Wg0AQgGdCZWVuYDxBEJI6RxA7YqPeQE8g3kBPIFbESrwBfQjEG+ANtAfG2c1bHiJhwcZGCh7MznwzzB8IAy/bjX1AuNCYhTiQCwz+YPChzm4w2DxPzVGZO9/B6CDCtC4bDG5GarmbS0R6bMolWERhFMWCEMdtn8iG2SaYPemgRPCmIsd9HlscnDE8VPKmHRFeAZQTRLwVOmgt44zDPuosBsFnAYa5XZ1kQq8Nmqxs33LXXgW2lzEJZb49JMHsWlftfdCdwzYw0V2ymntd4C7or8E6aNUEZRHxc4hVKjoi7gP90W46MJ+LYXhRhqL6olAyQjedAOXT7fP8dTjYjUMe4VNZ4BpUvKvxbsplu+kilsNTFh7D/XofS7DqqJY0asFdXfIPrrLzt6ngZRERoJia3hevU7kC2O4mCez7uiFvt3WEgIvetBbFgoxjtfnUMZpOOh4d5PzzGw7njfgOhJ6axLrPLxyJMNxQrwmiAAAAAElFTkSuQmCC"); }

.c-button--simu-pdf { padding-right: 2.2em; font-weight: 600; color: #004098; border: 1px solid #004098; background: #fff url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjMDA0MDk4Ii8+PC9zdmc+") right 12px center/12px auto no-repeat; }

.c-button--simu-pdf.disabled { background: #004098 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+") right 12px center/12px auto no-repeat; border-color: #B9BABD !important; color: #fff !important; }

.c-button--simu-pdf:hover:not(.disabled) { color: #3359CC; border: 1px solid #3359CC; background-color: #EDEEFA; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjMzM1OUNDIi8+PC9zdmc+"); }

.c-button--simu-more { position: relative; padding-right: 29px; padding-right: 2.2em; font-weight: 600; color: #004098; border: 1px solid #004098; background-color: #fff; }

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

.c-button--simu-more.disabled { border-color: #B9BABD !important; color: #fff !important; }

.c-button--simu-more.disabled::after { border-color: #fff; }

.c-button--simu-more:hover:not(.disabled) { color: #3359CC; border: 1px solid #3359CC; background-color: #EDEEFA; }

.c-button--simu-more:hover:not(.disabled)::after { border-color: #3359CC; }

.c-button--service { padding: 1.0em 1.5em; position: relative; padding-right: 23px; padding-right: 2.2em; font-size: 12px; text-align: center; color: #004098; border: 1px solid #004098; background-color: #fff; }

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

.c-button--service:hover:not(.disabled) { color: #3359CC; border: 1px solid #3359CC; background-color: #EDEEFA; }

.c-button--grey { position: relative; padding-right: 24px; padding-right: 2.2em; background-color: #F5F5F6; }

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

.c-button--grey.disabled { color: #fff !important; }

.c-button--grey.disabled::after { border-color: #fff; }

.c-button--grey:hover:not(.disabled) { background-color: #EDEEFA; }

.c-button--grey:hover:not(.disabled)::after { border-color: #3359CC; }

.c-button--grey-blank { padding-right: 2.2em; background: #F5F5F6 url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE/tlM1VAjEQx2cqkA7ECqAD04FagXACblqB2IGeWLmwVABUQFqgA+xAb140/odklyVxN+xy8MK8x+PtJPObj8wMU11Rk5SI7yNmS67LJZV8wOYiZtcAPO0Sfd8eglm+O0VdfbAfqpr0UJqZr7ZgJVH8XONCqyTFLenBPDgLoZsscqYSj6EDvgN8mesDO9PHWRvBPckdAW/xdxl5jE8i0yU9wl3J0E8fUD1KoR8XwIlx0FfSw4fYa5dCrcO/wOYZXnFQIWWRZiaNwDHovgk0yoYBUVkpKiI+BuolGgerNzS/Wezt3EPZmraJuUPr4cov4BHgRFrsxhoWoDtwNt6e3rZbpBR2eOS104M+tmDXUWEZ4+DKLjmD84H431IQJobxqyPGrQB+RMe8FC1luwkQu/gUMVf55nMYgGdY7l8YgiZw8w7OeLcyPfkFStnFzWL+bUcAAAAASUVORK5CYII=") right 12px center/11px auto no-repeat; }

.c-button--grey-blank.disabled { background: #004098 url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMS4xOTgiIGhlaWdodD0iMTEuMiIgdmlld0JveD0iMCAwIDExLjE5OCAxMS4yIj4KICA8ZyBpZD0i44Kw44Or44O844OXXzMxNjciIGRhdGEtbmFtZT0i44Kw44Or44O844OXIDMxNjciIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xNTcxLjQwMSAtNjE3LjQpIj4KICAgIDxwYXRoIGlkPSLjg5HjgrlfMTM2MiIgZGF0YS1uYW1lPSLjg5HjgrkgMTM2MiIgZD0iTTExNjUuOTc2LDQ0Ni40aC0zLjczM2EuNjIyLjYyMiwwLDEsMCwwLDEuMjQ0aDIuMjMzbC0xLjI5NCwxLjI4OC0zLjI0OCwzLjI0OGEuNjM1LjYzNSwwLDAsMC0uMTM2LjIuNjIyLjYyMiwwLDAsMCwwLC40NzkuNjQyLjY0MiwwLDAsMCwuMTM2LjIuNjIuNjIsMCwwLDAsLjIuMTM2LjYxOS42MTksMCwwLDAsLjQ3OCwwLC42MTkuNjE5LDAsMCwwLC4yLS4xMzZsMy4yNDgtMy4yNDgsMS4yODgtMS4yOTR2Mi4yMzRhLjYyMi42MjIsMCwxLDAsMS4yNDQsMFY0NDcuMDJhLjYyMS42MjEsMCwwLDAtLjYyMi0uNjIyIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTYuMDAxIDE3MS4wMDIpIiBmaWxsPSIjZmZmIi8+CiAgICA8cGF0aCBpZD0i44OR44K5XzEzNjMiIGRhdGEtbmFtZT0i44OR44K5IDEzNjMiIGQ9Ik0xMTYyLjg2Nyw0NTcuNmgtNi4yMjJhMS4yNDQsMS4yNDQsMCwwLDEtMS4yNDUtMS4yNDR2LTYuMjIzYTEuMjQ0LDEuMjQ0LDAsMCwxLDEuMjQ1LTEuMjQ0aDMuMzM0YS42MjIuNjIyLDAsMSwxLDAsMS4yNDRoLTMuMTFhLjI0OS4yNDksMCwwLDAtLjI0OS4yNDl2NS43MjVhLjI0OC4yNDgsMCwwLDAsLjA3My4xNzYuMjUxLjI1MSwwLDAsMCwuMTc2LjA3M2g2di0zLjMzNmEuNjIzLjYyMywwLDAsMSwxLjI0NSwwdjMuMzM2YTEuMjQ2LDEuMjQ2LDAsMCwxLTEuMjQ1LDEuMjQ0IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSg0MTYuMDAxIDE3MS4wMDIpIiBmaWxsPSIjZmZmIi8+CiAgPC9nPgo8L3N2Zz4K") right 12px center no-repeat; color: #fff !important; }

.c-button--grey-blank.disabled::after { border-color: #fff; }

.c-button--grey-blank:hover:not(.disabled) { background-color: #EDEEFA; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAW1JREFUOE/tlT1Wg0AQgGdCZWVuYDxBEJI6RxA7YqPeQE8g3kBPIFbESrwBfQjEG+ANtAfG2c1bHiJhwcZGCh7MznwzzB8IAy/bjX1AuNCYhTiQCwz+YPChzm4w2DxPzVGZO9/B6CDCtC4bDG5GarmbS0R6bMolWERhFMWCEMdtn8iG2SaYPemgRPCmIsd9HlscnDE8VPKmHRFeAZQTRLwVOmgt44zDPuosBsFnAYa5XZ1kQq8Nmqxs33LXXgW2lzEJZb49JMHsWlftfdCdwzYw0V2ymntd4C7or8E6aNUEZRHxc4hVKjoi7gP90W46MJ+LYXhRhqL6olAyQjedAOXT7fP8dTjYjUMe4VNZ4BpUvKvxbsplu+kilsNTFh7D/XofS7DqqJY0asFdXfIPrrLzt6ngZRERoJia3hevU7kC2O4mCez7uiFvt3WEgIvetBbFgoxjtfnUMZpOOh4d5PzzGw7njfgOhJ6axLrPLxyJMNxQrwmiAAAAAElFTkSuQmCC"); }

.c-button--grey-pdf { padding-right: 2.2em; background: #F5F5F6 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjMDA0MDk4Ii8+PC9zdmc+") right 12px center/12px auto no-repeat; }

.c-button--grey-pdf.disabled { background: #004098 url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjZmZmZmZmIi8+PC9zdmc+") right 12px center/12px auto no-repeat; color: #fff !important; }

.c-button--grey-pdf.disabled::after { border-color: #fff; }

.c-button--grey-pdf:hover:not(.disabled) { background-color: #EDEEFA; background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjMzM1OUNDIi8+PC9zdmc+"); }

@media screen and (max-width: 767px) { .c-button--sp-white { background: #fff !important; padding: 1.25em 1.2em; }
  .c-button--sp-white::after { content: none; } }

.c-button--homesafety { position: relative; padding-right: 24px; padding: .75em 1.2em; padding-right: 2.2em; font-weight: 600; color: #004098; border: 1px solid #004098; background-color: #fff; display: flex; align-items: center; justify-content: center; }

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

.c-button--homesafety:hover:not(.disabled) { color: #3359CC; border: 1px solid #3359CC; background-color: #EDEEFA; }

.c-button--homesafety:hover:not(.disabled)::after { border-color: #3359CC; }

.c-button--homesafety img { margin-right: 10px; }

.c-button--news-prev { font-weight: 400; color: #3c3c3c; 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: #3359CC; }

.c-button--news-next { font-weight: 400; color: #3c3c3c; 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: #3359CC; }

.c-button--back { position: relative; padding-left: 24px; padding-left: 2.2em; font-weight: 600; color: #004098; border: 1px solid #004098; background-color: #fff; }

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

.c-button--back:hover { color: #3359CC; border: 1px solid #3359CC; background-color: #EDEEFA; }

.c-button--back:hover::after { border-color: #3359CC; }

.c-button:disabled { opacity: 0.6; cursor: not-allowed; }

/******************************************************************
component - product-category
******************************************************************/
.c-product-category { margin-bottom: 56px; display: flex; flex-wrap: wrap; margin-top: -15px; margin-right: -15px; }

@media screen and (max-width: 767px) { .c-product-category { margin-bottom: 32px; } }

@media print, screen and (max-width: 980px) { .c-product-category { margin-top: -1.53061vw; margin-right: -1.53061vw; } }

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

.c-product-category__item { box-sizing: border-box; width: calc((100%/6) - 15px); margin-top: 15px; margin-right: 15px; line-height: 1.4; background-color: #fff; border-radius: 8px; }

@media screen and (max-width: 900px) { .c-product-category__item { width: calc((100%/4) - 1.66667vw); margin-top: 1.66667vw; margin-right: 1.66667vw; } }

@media screen and (max-width: 767px) { .c-product-category__item { width: calc((100%/3) - 10px); margin-top: 10px; margin-right: 10px; } }

.c-product-category__item > a { display: flex; flex-direction: column; color: #181A24; transition-property: opacity; transition-duration: 0.3s; padding: 25px 10px; font-size: 16px; }

.c-product-category__item > a:hover { opacity: .5; text-decoration: none; }

@media screen and (max-width: 900px) { .c-product-category__item > a { padding: 2.77778vw 1.11111vw; } }

@media screen and (max-width: 767px) { .c-product-category__item > a { padding: 15px 8px; font-size: 12px; } }

.c-product-category__icon { display: block; text-align: center; margin-bottom: 12px; }

@media screen and (max-width: 767px) { .c-product-category__icon { margin-bottom: 8px; } }

.c-product-category__icon img { max-width: 55px; }

@media screen and (max-width: 767px) { .c-product-category__icon img { max-width: 45%; } }

.c-product-category__text { display: block; text-align: center; }

/******************************************************************
component - badge
******************************************************************/
.c-badge { display: inline-block; text-align: center; vertical-align: 1px; box-sizing: border-box; line-height: 1; font-size: 0.75em; font-weight: bold; border: 1px solid transparent; padding: 0.25em 1.0em 0.25em; }

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

.c-badge--news { line-height: 1.1; text-align: center; padding: 0.25em 0.5em 0.35em; font-size: 10px; color: #181A24; background-color: #e6edf8; font-weight: 400; min-width: 5.5em; }

.c-badge--commodity { line-height: 1.1; text-align: center; padding: 0.25em 0.5em 0.35em; font-size: 10px; color: #181A24; background-color: #e6edf8; font-weight: 400; min-width: 7.5em; }

.c-badge--heading { background-color: #004098; border-radius: 100vw; color: #fff; font-size: 12px; font-weight: 500; white-space: nowrap; }

/******************************************************************
project - top-caution
******************************************************************/
.p-top-caution { width: 100vw; margin: 0 calc(50% - 50vw); background-color: #fff; }

.p-top-caution__inner { max-width: 950px; margin-right: auto; margin-left: auto; padding-right: 30px; padding-left: 30px; padding-top: 32px; padding-bottom: 32px; margin-bottom: 32px; }

@media screen and (max-width: 767px) { .p-top-caution__inner { padding: 24px; margin-bottom: 32px; } }

.p-top-caution__list { display: table; }

.p-top-caution__item { display: table-row; }

.p-top-caution__item:not(:first-child) > * { padding-top: 6px; }

.p-top-caution__head { display: table-cell; white-space: nowrap; padding-right: 0.25em; width: 0.1%; vertical-align: top; }

.p-top-caution__body { display: table-cell; vertical-align: top; }

/******************************************************************
project - top-mytokyogas
******************************************************************/
.p-top-mytokyogas { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }

@media screen and (max-width: 767px) { .p-top-mytokyogas { flex-direction: column-reverse; } }

.p-top-mytokyogas__body { width: 44%; }

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

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

@media screen and (max-width: 767px) { .p-top-mytokyogas__body { width: 100%; } }

.p-top-mytokyogas__title { text-align: center; }

.p-top-mytokyogas__title img { width: 435px; max-width: 95%; }

.p-top-mytokyogas__text { font-size: 14px; font-weight: bold; text-align: center; }

.p-top-mytokyogas__btn { margin-top: 1.5em; }

.p-top-mytokyogas__img { flex-shrink: 0; width: 52%; text-align: center; }

@media screen and (max-width: 767px) { .p-top-mytokyogas__img { margin-bottom: 24px; width: 100%; }
  .p-top-mytokyogas__img img { max-width: 80%; } }

/******************************************************************
project - top-purpose-list
******************************************************************/
.p-top-purpose-list { margin-bottom: 56px; display: flex; flex-wrap: wrap; align-items: start; margin-top: -24px; margin-right: -24px; }

@media screen and (max-width: 767px) { .p-top-purpose-list { margin-bottom: 32px; } }

.p-top-purpose-list__item { box-sizing: border-box; width: calc( 50% - 24px); margin-top: 24px; margin-right: 24px; background-color: #fff; border-radius: 8px; overflow: hidden; padding: 32px 40px; }

@media screen and (max-width: 767px) { .p-top-purpose-list__item { width: calc( 100% - 24px); } }

.p-top-purpose-list__item--col3 { width: calc( 33.33333% - 24px); }

@media screen and (max-width: 767px) { .p-top-purpose-list__item--col3 { width: calc( 100% - 24px); } }

@media screen and (max-width: 767px) { .p-top-purpose-list__item { padding: 24px 16px; } }

.p-top-purpose-list__title { display: flex; align-items: center; margin-bottom: 18px; font-size: 20px; }

.p-top-purpose-list__title img { margin-right: .75em; height: 50px; }

.p-top-purpose-list__item--col3 .p-top-purpose-list__title { font-size: 18px; }

.p-top-purpose-list__list > *:not(:last-child) { margin-bottom: 6px; }

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

.p-top-purpose-list__list-item a { display: block; position: relative; padding-right: 5.5px; }

.p-top-purpose-list__list-item a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 0; transform: translate(0px, 0.8em) 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; }

/******************************************************************
project - top-igniture
******************************************************************/
.p-top-igniture { display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: center; }

@media screen and (max-width: 767px) { .p-top-igniture { flex-direction: column-reverse; } }

.p-top-igniture__body { width: 44%; }

.p-top-igniture__body > *:not(:last-child) { margin-bottom: 6px; }

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

@media screen and (max-width: 767px) { .p-top-igniture__body { width: 100%; }
  .p-top-igniture__body > *:not(:last-child) { margin-bottom: 24px; } }

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

.p-top-igniture__title { font-size: 17px; }

.p-top-igniture__text { font-size: 14px; }

.p-top-igniture__btn { margin-top: 1.0em; }

.p-top-igniture__img { flex-shrink: 0; width: 52%; text-align: center; }

@media screen and (max-width: 767px) { .p-top-igniture__img { margin-bottom: 24px; width: 100%; }
  .p-top-igniture__img img { max-width: 80%; } }

/******************************************************************
project - top-service-list
******************************************************************/
.p-top-service-list { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .p-top-service-list { margin-bottom: 32px; } }

.p-top-service-list__item { display: flex; flex-direction: column; background-color: #fff; border-radius: 8px; overflow: hidden; font-size: 13px; padding: 32px 40px; }

@media screen and (max-width: 767px) { .p-top-service-list__item { padding: 24px 16px; } }

.p-top-service-list__item > *:not(:last-child) { margin-bottom: 18px; }

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

.p-top-service-list__title { font-weight: bold; font-size: 20px; text-align: center; margin-bottom: 24px; }

.p-top-service-list__img img { width: 100%; }

.p-top-service-list__list { display: flex; flex-wrap: wrap; margin-top: -.25em; margin-right: -24px; }

@media screen and (max-width: 767px) { .p-top-service-list__list { margin-right: -16px; } }

.p-top-service-list__list li { margin-top: .25em; width: calc(50% - 24px); margin-right: 24px; }

@media screen and (max-width: 767px) { .p-top-service-list__list li { width: calc(50% - 16px); margin-right: 16px; } }

@media print, screen and (max-width: 414px) { .p-top-service-list__list li { width: calc(100% - 16px); } }

.p-top-service-list__list li a { display: block; position: relative; padding-right: 13.5px; }

.p-top-service-list__list li a::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; right: 0; transform: translate(-8px, 0.8em) 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; }

.p-top-service-list__btn { flex-grow: 1; display: flex; align-items: flex-end; }

/******************************************************************
project - top-service-list2
******************************************************************/
.p-top-service-list2 { margin-bottom: 56px; }

@media screen and (max-width: 767px) { .p-top-service-list2 { margin-left: -24px; margin-right: -24px; margin-bottom: 32px; overflow-x: scroll; } }

.p-top-service-list2__inner { display: flex; }

@media print, screen and (min-width: 768px) { .p-top-service-list2__inner { flex-wrap: wrap; margin-top: -24px; margin-right: -24px; } }

@media screen and (max-width: 767px) { .p-top-service-list2__inner { padding-left: 24px; margin-right: -14px; } }

.p-top-service-list2__item { position: relative; }

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

@media screen and (max-width: 767px) { .p-top-service-list2__item { flex-shrink: 0; width: 70vw; max-width: 227px; margin-right: 14px; } }

.p-top-service-list2__item::after { position: absolute; top: 0; left: 100%; width: 24px; height: 100%; content: ''; }

.p-top-service-list2__item > * { overflow: hidden; color: #181A24; }

.p-top-service-list2__item > *:hover { color: #181A24; text-decoration: none; }

.p-top-service-list2__item > *:hover .p-top-service-list2__img::after { background-color: rgba(51, 89, 204, 0.3); }

.p-top-service-list2__img { overflow: hidden; display: flex; align-items: center; justify-content: center; border-radius: 8px; aspect-ratio: 1 / 1; background-size: cover; color: #fff; font-weight: bold; text-align: center; position: relative; font-size: 22px; }

@media print, screen and (max-width: 980px) { .p-top-service-list2__img { font-size: 2.2449vw; } }

@media screen and (max-width: 767px) { .p-top-service-list2__img { font-size: 23px; } }

.p-top-service-list2__img::after { transition-property: background; transition-duration: 0.3s; position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }

.p-top-service-list2__img span { position: relative; z-index: +1; }

.p-top-service-list2__text { display: block; padding-top: 14px; }

/******************************************************************
project - top-sns-list
******************************************************************/
.p-top-sns-list { display: flex; flex-wrap: wrap; margin-top: -36px; margin-right: -36px; }

@media screen and (max-width: 767px) { .p-top-sns-list { flex-direction: column; width: 100vw; margin-left: calc(50% - 50vw); margin-right: calc(50% - 50vw); } }

.p-top-sns-list__item { box-sizing: border-box; width: calc(33.33333% - 36px); margin-top: 36px; margin-right: 36px; }

@media screen and (max-width: 767px) { .p-top-sns-list__item { box-sizing: border-box; width: 100%; max-width: 500px; margin-right: auto; margin-left: auto; padding-left: 24px; padding-right: 24px; } }

.p-top-sns-list__title { background-color: #004098; text-align: center; min-height: 52px; display: flex; align-items: center; justify-content: center; border-radius: 8px 8px 0 0; }

.p-top-sns-list__body { box-sizing: border-box; background-color: #fff; height: 370px; }

.p-top-sns-list__body--fb .fb_iframe_widget_fluid span { width: 100% !important; }

.p-top-sns-list__body--x { padding: 5px; }

.p-top-sns-list__body iframe { width: 100% !important; }

.p-top-sns-list__btn a { box-sizing: border-box; display: flex; align-items: center; justify-content: center; background-color: #004098; border-radius: 0 0 8px 8px; min-height: 46px; position: relative; padding-right: 26.5px; padding: .5em 30px; color: #fff; transition-property: opacity; transition-duration: 0.3s; }

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

.p-top-sns-list__btn a:hover { opacity: .7; text-decoration: none; }

/******************************************************************
project - news-head
******************************************************************/
.p-news-head { display: flex; align-items: center; }

.p-news-head > *:not(:last-child) { margin-right: 40px; }

@media screen and (max-width: 767px) { .p-news-head > *:not(:last-child) { margin-right: 16px; } }

@media screen and (max-width: 767px) { .p-news-head .p-news-select { width: 100%; max-width: 310px; } }

/******************************************************************
project - news-head2
******************************************************************/
.p-news-head2 { display: flex; align-items: center; }

@media screen and (max-width: 767px) { .p-news-head2 { display: block; } }

.p-news-head2 > *:not(:last-child) { margin-right: 20px; }

@media screen and (max-width: 767px) { .p-news-head2 > *:not(:last-child) { margin-right: 0; margin-bottom: 10px; } }

@media screen and (max-width: 767px) { .p-news-head2 .p-news-select { width: 100%; max-width: 310px; } }

.p-news-head2 .p-news-select:first-child { position: relative; z-index: +4; }

/******************************************************************
project - news-rss
******************************************************************/
.p-news-rss__icon a { display: inline-block; background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMC43NSAxMC43NSIgd2lkdGg9IjExIiBoZWlnaHQ9IjExIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6IzAwNDA5ODt9PC9zdHlsZT48L2RlZnM+PGcgaWQ9IuODrOOCpOODpOODvF8yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAyIj48ZyBpZD0i44Os44Kk44Ok44O8XzEtMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMSI+PGNpcmNsZSBpZD0i5qWV5YaG5b2iXzM4IiBkYXRhLW5hbWU9IualleWGhuW9oiAzOCIgY2xhc3M9ImNscy0xIiBjeD0iMS41NCIgY3k9IjkuMjEiIHI9IjEuNTQiLz48cGF0aCBpZD0i44OR44K5XzY1NSIgZGF0YS1uYW1lPSLjg5HjgrkgNjU1IiBjbGFzcz0iY2xzLTEiIGQ9Ik01LjEyLDEwLjc1SDcuMTdBNy4xOCw3LjE4LDAsMCwwLDAsMy41OFY1LjYzQTUuMTIsNS4xMiwwLDAsMSw1LjEyLDEwLjc1WiIvPjxwYXRoIGlkPSLjg5HjgrlfNjU2IiBkYXRhLW5hbWU9IuODkeOCuSA2NTYiIGNsYXNzPSJjbHMtMSIgZD0iTTEwLjc1LDEwLjc1QTEwLjc3LDEwLjc3LDAsMCwwLDAsMFYyLjA1YTguNzEsOC43MSwwLDAsMSw4LjcsOC43WiIvPjwvZz48L2c+PC9zdmc+) left 0.5em no-repeat; padding-left: 18px; }

.p-news-rss a { font-weight: 400; }

/******************************************************************
project - news-select
******************************************************************/
/******************************************************************
project - news-tab
******************************************************************/
.p-news-tab { margin-top: 20px; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .p-news-tab { margin-top: 15px; margin-bottom: 30px; } }

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

.p-news-tab li { width: 100%; white-space: nowrap; }

.p-news-tab a { position: relative; color: inherit; padding: 0.5em 1em; font-size: 18px; display: block; text-align: center; }

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

@media screen and (max-width: 767px) { .p-news-tab a { 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; } }

/******************************************************************
project - news-list
******************************************************************/
.p-news-list[aria-expanded="false"] { display: none; }

.p-news-list__year { font-size: 22px; line-height: 142%; margin-bottom: 40px; }

@media screen and (max-width: 767px) { .p-news-list__year { 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: 30px; } }

.p-news-list h3 { font-size: 22px; line-height: 142%; }

@media print, screen and (min-width: 768px) { .p-news-list h3 { width: 70px; padding-top: 10px; } }

@media screen and (max-width: 767px) { .p-news-list h3 { padding-bottom: 16px; } }

@media print, screen and (min-width: 768px) { .p-news-list ul { width: calc(100% - 70px); } }

@media print, screen and (min-width: 768px) { .p-news-list ul li { margin-top: -1px; }
  .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.6; }

.p-news-button { margin-top: 100px; }

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

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

.c-footer-news { margin-top: 40px; }

.c-footer-news > *:not(:last-child) { margin-bottom: 24px; }

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

.c-footer-news__button { margin-top: 100px; }

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

.p-top-mv { width: 100vw; margin: 0 calc(50% - 50vw); }

/******************************************************************
project - carousel-swiper
******************************************************************/
/** Swiper 8.4.4 Most modern mobile touch slider and framework with hardware accelerated transitions https://swiperjs.com Copyright 2014-2022 Vladimir Kharlampidi Released under the MIT License Released on: October 12, 2022 */
@font-face { font-family: 'swiper-icons'; src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA"); font-weight: 400; font-style: normal; }

:root { --swiper-theme-color: #074395; }

.swiper { margin-left: auto; margin-right: auto; position: relative; overflow: hidden; list-style: none; padding: 0; /* Fix of Webkit flickering */ z-index: 1; }

.swiper-vertical > .swiper-wrapper { flex-direction: column; }

.swiper-wrapper { position: relative; width: 100%; height: 100%; z-index: 1; display: flex; transition-property: transform; box-sizing: content-box; }

.swiper-android .swiper-slide, .swiper-wrapper { transform: translate3d(0px, 0, 0); }

.swiper-pointer-events { touch-action: pan-y; }

.swiper-pointer-events.swiper-vertical { touch-action: pan-x; }

.swiper-slide { flex-shrink: 0; width: 100%; height: 100%; position: relative; transition-property: transform; width: 327px; }

@media screen and (max-width: 767px) { .swiper-slide { width: min(327px, 70vw); } }

.swiper-slide-invisible-blank { visibility: hidden; }

/* Auto Height */
.swiper-autoheight, .swiper-autoheight .swiper-slide { height: auto; }

.swiper-autoheight .swiper-wrapper { align-items: flex-start; transition-property: transform, height; }

.swiper-backface-hidden .swiper-slide { transform: translateZ(0); -webkit-backface-visibility: hidden; backface-visibility: hidden; }

/* 3D Effects */
.swiper-3d, .swiper-3d.swiper-css-mode .swiper-wrapper { perspective: 1200px; }

.swiper-3d .swiper-wrapper, .swiper-3d .swiper-slide, .swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom, .swiper-3d .swiper-cube-shadow { transform-style: preserve-3d; }

.swiper-3d .swiper-slide-shadow, .swiper-3d .swiper-slide-shadow-left, .swiper-3d .swiper-slide-shadow-right, .swiper-3d .swiper-slide-shadow-top, .swiper-3d .swiper-slide-shadow-bottom { position: absolute; left: 0; top: 0; width: 100%; height: 100%; pointer-events: none; z-index: 10; }

.swiper-3d .swiper-slide-shadow { background: rgba(0, 0, 0, 0.15); }

.swiper-3d .swiper-slide-shadow-left { background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-right { background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-top { background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

.swiper-3d .swiper-slide-shadow-bottom { background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)); }

/* CSS Mode */
.swiper-css-mode > .swiper-wrapper { overflow: auto; scrollbar-width: none; /* For Firefox */ -ms-overflow-style: none; /* For Internet Explorer and Edge */ }

.swiper-css-mode > .swiper-wrapper::-webkit-scrollbar { display: none; }

.swiper-css-mode > .swiper-wrapper > .swiper-slide { scroll-snap-align: start start; }

.swiper-horizontal.swiper-css-mode > .swiper-wrapper { scroll-snap-type: x mandatory; }

.swiper-vertical.swiper-css-mode > .swiper-wrapper { scroll-snap-type: y mandatory; }

.swiper-centered > .swiper-wrapper::before { content: ''; flex-shrink: 0; order: 9999; }

.swiper-centered.swiper-horizontal > .swiper-wrapper > .swiper-slide:first-child { margin-inline-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-horizontal > .swiper-wrapper::before { height: 100%; min-height: 1px; width: var(--swiper-centered-offset-after); }

.swiper-centered.swiper-vertical > .swiper-wrapper > .swiper-slide:first-child { margin-block-start: var(--swiper-centered-offset-before); }

.swiper-centered.swiper-vertical > .swiper-wrapper::before { width: 100%; min-width: 1px; height: var(--swiper-centered-offset-after); }

.swiper-centered > .swiper-wrapper > .swiper-slide { scroll-snap-align: center center; }

.swiper-virtual .swiper-slide { -webkit-backface-visibility: hidden; transform: translateZ(0); }

.swiper-virtual.swiper-css-mode .swiper-wrapper::after { content: ''; position: absolute; left: 0; top: 0; pointer-events: none; }

.swiper-virtual.swiper-css-mode.swiper-horizontal .swiper-wrapper::after { height: 1px; width: var(--swiper-virtual-size); }

.swiper-virtual.swiper-css-mode.swiper-vertical .swiper-wrapper::after { width: 1px; height: var(--swiper-virtual-size); }

:root { --swiper-navigation-size: 44px; /* --swiper-navigation-color: var(--swiper-theme-color); */ }

.swiper-button-prev, .swiper-button-next { position: absolute; top: 50%; width: 38px; height: 38px; border-radius: 4px; border: 1px solid #B3B3B3; background-color: #fff; background-size: 100% auto; z-index: 10; cursor: pointer; display: flex; align-items: center; justify-content: center; transition-property: opacity; transition-duration: 0.3s; opacity: .7; }

@media screen and (max-width: 767px) { .swiper-button-prev, .swiper-button-next { width: 32px; height: 32px; } }

.swiper-button-prev:hover, .swiper-button-next:hover { opacity: 1; }

.swiper-button-prev.swiper-button-disabled, .swiper-button-next.swiper-button-disabled { opacity: 0.35; cursor: auto; pointer-events: none; }

.swiper-button-prev.swiper-button-hidden, .swiper-button-next.swiper-button-hidden { opacity: 0; cursor: auto; pointer-events: none; }

.swiper-navigation-disabled .swiper-button-prev, .swiper-navigation-disabled .swiper-button-next { display: none !important; }

.swiper-button-prev, .swiper-rtl .swiper-button-next { left: 50%; right: auto; background-image: url(/common22/img/icn-mv-prev.png); transform: translate(calc(-327px + (-327px/2) + -27px + -27px + -18px), -50%); }

@media screen and (max-width: 1160px) { .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 20px; transform: translate(0, -50%); } }

@media screen and (max-width: 767px) { .swiper-button-prev, .swiper-rtl .swiper-button-next { left: 14px; } }

.swiper-button-next, .swiper-rtl .swiper-button-prev { right: 50%; left: auto; background-image: url(/common22/img/icn-mv-next.png); transform: translate(calc(327px + (327px/2) + 27px + 27px + 18px), -50%); }

@media screen and (max-width: 1160px) { .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 20px; transform: translate(0, -50%); } }

@media screen and (max-width: 767px) { .swiper-button-next, .swiper-rtl .swiper-button-prev { right: 14px; } }

.swiper-button-lock { display: none; }

:root { /* --swiper-pagination-color: var(--swiper-theme-color); --swiper-pagination-bullet-size: 8px; --swiper-pagination-bullet-width: 8px; --swiper-pagination-bullet-height: 8px; --swiper-pagination-bullet-inactive-color: #000; --swiper-pagination-bullet-inactive-opacity: 0.2; --swiper-pagination-bullet-opacity: 1; --swiper-pagination-bullet-horizontal-gap: 4px; --swiper-pagination-bullet-vertical-gap: 6px; */ }

.swiper-pagination { text-align: center; padding-top: 30px; padding-bottom: 30px; }

.swiper-pagination.swiper-pagination-hidden { opacity: 0; }

.swiper-pagination-disabled > .swiper-pagination, .swiper-pagination.swiper-pagination-disabled { display: none !important; }

/* Common Styles */
/* Bullets */
.swiper-pagination-bullets-dynamic { overflow: hidden; font-size: 0; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transform: scale(0.33); position: relative; }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main { transform: scale(1); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev { transform: scale(0.33); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next { transform: scale(0.66); }

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next { transform: scale(0.33); }

.swiper-pagination-bullet { width: 12px; height: 12px; display: inline-block; border-radius: 50%; background: #C8C8C8; transition-property: opacity; transition-duration: 0.3s; }

.swiper-pagination-bullet:hover { opacity: .5; }

button.swiper-pagination-bullet { border: none; margin: 0; padding: 0; box-shadow: none; -webkit-appearance: none; appearance: none; }

.swiper-pagination-clickable .swiper-pagination-bullet { cursor: pointer; }

.swiper-pagination-bullet:only-child { display: none !important; }

.swiper-pagination-bullet-active { opacity: var(--swiper-pagination-bullet-opacity, 1); background: var(--swiper-pagination-color, var(--swiper-theme-color)); }

.swiper-vertical > .swiper-pagination-bullets, .swiper-pagination-vertical.swiper-pagination-bullets { right: 10px; top: 50%; transform: translate3d(0px, -50%, 0); }

.swiper-vertical > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets .swiper-pagination-bullet { margin: var(--swiper-pagination-bullet-vertical-gap, 6px) 0; display: block; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { top: 50%; transform: translateY(-50%); width: 8px; }

.swiper-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-vertical.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { display: inline-block; transition: 200ms transform, 200ms top; }

.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 10px; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic { left: 50%; transform: translateX(-50%); white-space: nowrap; }

.swiper-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms left; }

.swiper-horizontal.swiper-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet { transition: 200ms transform, 200ms right; }

/* Progress */
.swiper-pagination-progressbar { background: rgba(0, 0, 0, 0.25); position: absolute; }

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--swiper-pagination-color, var(--swiper-theme-color)); position: absolute; left: 0; top: 0; width: 100%; height: 100%; transform: scale(0); transform-origin: left top; }

.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill { transform-origin: right top; }

.swiper-horizontal > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-horizontal, .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite { width: 100%; height: 4px; left: 0; top: 0; }

.swiper-vertical > .swiper-pagination-progressbar, .swiper-pagination-progressbar.swiper-pagination-vertical, .swiper-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite { width: 4px; height: 100%; left: 0; top: 0; }

.swiper-pagination-lock { display: none; }

/* Scrollbar */
.swiper-scrollbar { border-radius: 10px; position: relative; -ms-touch-action: none; background: rgba(0, 0, 0, 0.1); }

.swiper-scrollbar-disabled > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-disabled { display: none !important; }

.swiper-horizontal > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-horizontal { position: absolute; left: 1%; bottom: 3px; z-index: 50; height: 5px; width: 98%; }

.swiper-vertical > .swiper-scrollbar, .swiper-scrollbar.swiper-scrollbar-vertical { position: absolute; right: 3px; top: 1%; z-index: 50; width: 5px; height: 98%; }

.swiper-scrollbar-drag { height: 100%; width: 100%; position: relative; background: rgba(0, 0, 0, 0.5); border-radius: 10px; left: 0; top: 0; }

.swiper-scrollbar-cursor-drag { cursor: move; }

.swiper-scrollbar-lock { display: none; }

.swiper-zoom-container { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; text-align: center; }

.swiper-zoom-container > img, .swiper-zoom-container > svg, .swiper-zoom-container > canvas { max-width: 100%; max-height: 100%; object-fit: contain; }

.swiper-slide-zoomed { cursor: move; }

/* Preloader */
:root { /* --swiper-preloader-color: var(--swiper-theme-color); */ }

.swiper-lazy-preloader { width: 42px; height: 42px; position: absolute; left: 50%; top: 50%; margin-left: -21px; margin-top: -21px; z-index: 10; transform-origin: 50%; box-sizing: border-box; border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color)); border-radius: 50%; border-top-color: transparent; }

.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader, .swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader { animation: swiper-preloader-spin 1s infinite linear; }

.swiper-lazy-preloader-white { --swiper-preloader-color: #fff; }

.swiper-lazy-preloader-black { --swiper-preloader-color: #000; }

@keyframes swiper-preloader-spin { 0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); } }

/* a11y */
.swiper .swiper-notification { position: absolute; left: 0; top: 0; pointer-events: none; opacity: 0; z-index: -1000; }

.swiper-free-mode > .swiper-wrapper { transition-timing-function: ease-out; margin: 0 auto; }

.swiper-grid > .swiper-wrapper { flex-wrap: wrap; }

.swiper-grid-column > .swiper-wrapper { flex-wrap: wrap; flex-direction: column; }

.swiper-fade.swiper-free-mode .swiper-slide { transition-timing-function: ease-out; }

.swiper-fade .swiper-slide { pointer-events: none; transition-property: opacity; }

.swiper-fade .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-fade .swiper-slide-active, .swiper-fade .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube { overflow: visible; }

.swiper-cube .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; visibility: hidden; transform-origin: 0 0; width: 100%; height: 100%; }

.swiper-cube .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-cube.swiper-rtl .swiper-slide { transform-origin: 100% 0; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-cube .swiper-slide-active, .swiper-cube .swiper-slide-next, .swiper-cube .swiper-slide-prev, .swiper-cube .swiper-slide-next + .swiper-slide { pointer-events: auto; visibility: visible; }

.swiper-cube .swiper-slide-shadow-top, .swiper-cube .swiper-slide-shadow-bottom, .swiper-cube .swiper-slide-shadow-left, .swiper-cube .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-cube .swiper-cube-shadow { position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; opacity: 0.6; z-index: 0; }

.swiper-cube .swiper-cube-shadow:before { content: ''; background: #000; position: absolute; left: 0; top: 0; bottom: 0; right: 0; filter: blur(50px); }

.swiper-flip { overflow: visible; }

.swiper-flip .swiper-slide { pointer-events: none; -webkit-backface-visibility: hidden; backface-visibility: hidden; z-index: 1; }

.swiper-flip .swiper-slide .swiper-slide { pointer-events: none; }

.swiper-flip .swiper-slide-active, .swiper-flip .swiper-slide-active .swiper-slide-active { pointer-events: auto; }

.swiper-flip .swiper-slide-shadow-top, .swiper-flip .swiper-slide-shadow-bottom, .swiper-flip .swiper-slide-shadow-left, .swiper-flip .swiper-slide-shadow-right { z-index: 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; }

.swiper-creative .swiper-slide { -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; transition-property: transform, opacity, height; }

.swiper-cards { overflow: visible; }

.swiper-cards .swiper-slide { transform-origin: center bottom; -webkit-backface-visibility: hidden; backface-visibility: hidden; overflow: hidden; }

.swiper-slide { opacity: .5; }

@media screen and (min-width: 1001px) { .swiper-slide.swiper-slide-prev, .swiper-slide.swiper-slide-active, .swiper-slide.swiper-slide-next { opacity: 1; }
  .swiper-slide.swiper-slide-prev a, .swiper-slide.swiper-slide-active a, .swiper-slide.swiper-slide-next a { transition-property: opacity; transition-duration: 0.3s; }
  .swiper-slide.swiper-slide-prev a:hover, .swiper-slide.swiper-slide-active a:hover, .swiper-slide.swiper-slide-next a:hover { opacity: .5; } }

@media screen and (max-width: 1000px) { .swiper-slide.swiper-slide-active { opacity: 1; } }

.swiper-slide img { border-radius: 8px; }

/******************************************************************
project - carousel-slick
******************************************************************/
.slick-slider { position: relative; 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; }

.slick-slider { display: none; }

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

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

@media print, screen and (min-width: 768px) { .slick-slidesToShow4__inner.slick-initialized { display: block; } }

@media print, screen and (min-width: 768px) { .slick-slidesToShow4 .slick-slider { overflow: hidden; }
  .slick-slidesToShow4 .slick-list { margin-left: -7px; margin-right: -7px; } }

@media screen and (min-width: 768px) and (max-width: 767px) { .slick-slidesToShow4 .slick-list { margin-left: -8px; margin-right: -8px; } }

@media print, screen and (min-width: 768px) { .slick-slidesToShow4 .slick-track { display: flex; }
  .slick-slidesToShow4 .slick-slide { float: none; height: auto; margin-left: 7px; margin-right: 7px; }
  .slick-slidesToShow4 .slick-slide > div, .slick-slidesToShow4 .slick-slide .slick-slidesToShow4__item { display: flex !important; }
  .slick-slidesToShow4 .slick-slide a { display: flex; transition-property: border; transition-duration: 0.3s; background-color: #fff; border-radius: 8px; overflow: hidden; color: #181A24; border: 1px solid transparent; border-radius: 8px; }
  .slick-slidesToShow4 .slick-slide a:hover { color: #181A24; text-decoration: none; border-color: #3359CC; }
  .slick-slidesToShow4 .slick-initialized .slick-slide { display: flex; }
  .slick-slidesToShow4 .slick-initialized .slick-slide > * { display: flex; width: 100%; } }

@media screen and (max-width: 767px) { .slick-slidesToShow4 { margin-left: -24px; margin-right: -24px; overflow-x: scroll; }
  .slick-slidesToShow4 .slick-slidesToShow4__inner { display: flex; padding-left: 24px; margin-right: -14px; }
  .slick-slidesToShow4 .slick-slidesToShow4__inner .slick-slidesToShow4__item { display: flex; position: relative; } }

@media screen and (max-width: 767px) and (min-width: 768px) { .slick-slidesToShow4 .slick-slidesToShow4__inner .slick-slidesToShow4__item { width: calc(25% - 14px); margin-top: 14px; margin-right: 14px; } }

@media screen and (max-width: 767px) and (max-width: 767px) { .slick-slidesToShow4 .slick-slidesToShow4__inner .slick-slidesToShow4__item { flex-shrink: 0; width: 70vw; max-width: 227px; margin-right: 14px; } }

@media screen and (max-width: 767px) { .slick-slidesToShow4 .slick-slidesToShow4__inner .slick-slidesToShow4__item::after { position: absolute; top: 0; left: 100%; width: 24px; height: 100%; content: ''; }
  .slick-slidesToShow4 .slick-slidesToShow4__inner .slick-slidesToShow4__item > * { flex-shrink: 0; width: 70vw; max-width: 227px; margin-right: 14px; transition-property: border; transition-duration: 0.3s; background-color: #fff; border-radius: 8px; overflow: hidden; color: #181A24; border: 1px solid transparent; border-radius: 8px; }
  .slick-slidesToShow4 .slick-slidesToShow4__inner .slick-slidesToShow4__item > *:hover { color: #181A24; text-decoration: none; border-color: #3359CC; } }

.slick-slidesToShow4 .p-carousel-slick { flex-direction: column; }

.slick-slidesToShow4 .p-carousel-slick__img { min-height: 0%; width: 100%; }

.slick-slidesToShow4 .p-carousel-slick__text { flex-grow: 1; padding: 14px 12px; }

.slick-slidesToShow4 .p-carousel-slick__date { display: block; font-size: 12px; color: #85878F; padding-bottom: 8px; }

.slick-slidesToShow4 .slick-prev, .slick-slidesToShow4 .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: 1060px) { .slick-slidesToShow4 .slick-prev, .slick-slidesToShow4 .slick-next { width: 40px; height: 40px; } }

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

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

@media screen and (max-width: 1060px) { .slick-slidesToShow4 .slick-prev { left: -30px; } }

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

@media screen and (max-width: 1060px) { .slick-slidesToShow4 .slick-next { right: -30px; } }

/******************************************************************
utility - mediaQuery
******************************************************************/
.u-sp-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
******************************************************************/
.u-margin-l { margin-bottom: 0 !important; height: 32px; }

@media screen and (max-width: 767px) { .u-margin-l { height: 24px; } }

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

@media screen and (max-width: 767px) { .u-margin { height: 16px; } }

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

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

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

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

/******************************************************************
utility - font-size-px
******************************************************************/
.u-font-size10px { font-size: 10px; }

.u-font-size11px { font-size: 11px; }

.u-font-size12px { font-size: 12px; }

.u-font-size13px { font-size: 13px; }

.u-font-size14px { font-size: 14px; }

.u-font-size15px { font-size: 15px; }

.u-font-size16px { font-size: 16px; }

.u-font-size17px { font-size: 17px; }

.u-font-size18px { font-size: 18px; }

.u-font-size19px { font-size: 19px; }

.u-font-size20px { font-size: 20px; }

.u-font-size21px { font-size: 21px; }

.u-font-size22px { font-size: 22px; }

.u-font-size23px { font-size: 23px; }

.u-font-size24px { font-size: 24px; }

.u-font-size25px { font-size: 25px; }

.u-font-size26px { font-size: 26px; }

.u-font-size27px { font-size: 27px; }

.u-font-size28px { font-size: 28px; }

.u-font-size29px { font-size: 29px; }

.u-font-size30px { font-size: 30px; }

.u-font-size31px { font-size: 31px; }

.u-font-size32px { font-size: 32px; }

.u-font-size33px { font-size: 33px; }

.u-font-size34px { font-size: 34px; }

.u-font-size35px { font-size: 35px; }

.u-font-size36px { font-size: 36px; }

.u-font-size37px { font-size: 37px; }

.u-font-size38px { font-size: 38px; }

.u-font-size39px { font-size: 39px; }

.u-font-size40px { font-size: 40px; }

@media screen and (max-width: 767px) { .u-sp-font-size10px { font-size: 10px; }
  .u-sp-font-size11px { font-size: 11px; }
  .u-sp-font-size12px { font-size: 12px; }
  .u-sp-font-size13px { font-size: 13px; }
  .u-sp-font-size14px { font-size: 14px; }
  .u-sp-font-size15px { font-size: 15px; }
  .u-sp-font-size16px { font-size: 16px; }
  .u-sp-font-size17px { font-size: 17px; }
  .u-sp-font-size18px { font-size: 18px; }
  .u-sp-font-size19px { font-size: 19px; }
  .u-sp-font-size20px { font-size: 20px; }
  .u-sp-font-size21px { font-size: 21px; }
  .u-sp-font-size22px { font-size: 22px; }
  .u-sp-font-size23px { font-size: 23px; }
  .u-sp-font-size24px { font-size: 24px; }
  .u-sp-font-size25px { font-size: 25px; }
  .u-sp-font-size26px { font-size: 26px; }
  .u-sp-font-size27px { font-size: 27px; }
  .u-sp-font-size28px { font-size: 28px; }
  .u-sp-font-size29px { font-size: 29px; }
  .u-sp-font-size30px { font-size: 30px; }
  .u-sp-font-size31px { font-size: 31px; }
  .u-sp-font-size32px { font-size: 32px; }
  .u-sp-font-size33px { font-size: 33px; }
  .u-sp-font-size34px { font-size: 34px; }
  .u-sp-font-size35px { font-size: 35px; }
  .u-sp-font-size36px { font-size: 36px; }
  .u-sp-font-size37px { font-size: 37px; }
  .u-sp-font-size38px { font-size: 38px; }
  .u-sp-font-size39px { font-size: 39px; }
  .u-sp-font-size40px { font-size: 40px; } }

/******************************************************************
utility - over-opacity
******************************************************************/
.u-over-opacity { transition-property: opacity; transition-duration: 0.3s; }

.u-over-opacity:hover { 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; }

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 - icon-arrow
******************************************************************/
.u-icon-arrow { margin-left: 5px; position: relative; padding-left: 5.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(5.5px, 2.5px) rotate(135deg); transform-origin: top left; border-top: 1px solid #004098; border-left: 1px solid #004098; width: 7px; height: 7px; transition-property: top, right, bottom, left; transition-duration: 0.3s; }

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

a:hover .u-icon-arrow::after { border-color: #3359CC; }

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

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

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

a:hover .u-icon-arrow-bottom::after { border-color: #3359CC; }

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

.u-icon-blank::after { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; bottom: 0; left: 0; width: 11px; height: 11px; background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAU5JREFUOE/tlM1VAjEQx2cqkA7ECqAD04FagXACblqB2IGeWLmwVABUQFqgA+xAb140/odklyVxN+xy8MK8x+PtJPObj8wMU11Rk5SI7yNmS67LJZV8wOYiZtcAPO0Sfd8eglm+O0VdfbAfqpr0UJqZr7ZgJVH8XONCqyTFLenBPDgLoZsscqYSj6EDvgN8mesDO9PHWRvBPckdAW/xdxl5jE8i0yU9wl3J0E8fUD1KoR8XwIlx0FfSw4fYa5dCrcO/wOYZXnFQIWWRZiaNwDHovgk0yoYBUVkpKiI+BuolGgerNzS/Wezt3EPZmraJuUPr4cov4BHgRFrsxhoWoDtwNt6e3rZbpBR2eOS104M+tmDXUWEZ4+DKLjmD84H431IQJobxqyPGrQB+RMe8FC1luwkQu/gUMVf55nMYgGdY7l8YgiZw8w7OeLcyPfkFStnFzWL+bUcAAAAASUVORK5CYII=") no-repeat left center/11px auto; }

a:hover .u-icon-blank::after { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAWCAYAAADEtGw7AAAABHNCSVQICAgIfAhkiAAAAW1JREFUOE/tlT1Wg0AQgGdCZWVuYDxBEJI6RxA7YqPeQE8g3kBPIFbESrwBfQjEG+ANtAfG2c1bHiJhwcZGCh7MznwzzB8IAy/bjX1AuNCYhTiQCwz+YPChzm4w2DxPzVGZO9/B6CDCtC4bDG5GarmbS0R6bMolWERhFMWCEMdtn8iG2SaYPemgRPCmIsd9HlscnDE8VPKmHRFeAZQTRLwVOmgt44zDPuosBsFnAYa5XZ1kQq8Nmqxs33LXXgW2lzEJZb49JMHsWlftfdCdwzYw0V2ymntd4C7or8E6aNUEZRHxc4hVKjoi7gP90W46MJ+LYXhRhqL6olAyQjedAOXT7fP8dTjYjUMe4VNZ4BpUvKvxbsplu+kilsNTFh7D/XofS7DqqJY0asFdXfIPrrLzt6ngZRERoJia3hevU7kC2O4mCez7uiFvt3WEgIvetBbFgoxjtfnUMZpOOh4d5PzzGw7njfgOhJ6axLrPLxyJMNxQrwmiAAAAAElFTkSuQmCC"); }

.l-emergency a:hover .u-icon-blank:after { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA5IDkiIHdpZHRoPSI5IiBoZWlnaHQ9IjkiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojMGUzZjgxO30uY2xzLTJ7ZmlsbDojZmZmO308L3N0eWxlPjwvZGVmcz48ZyBpZD0i44Os44Kk44Ok44O8XzIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDIiPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMS0yIiBkYXRhLW5hbWU9IuODrOOCpOODpOODvCAxIj48cmVjdCBjbGFzcz0iY2xzLTEiIHk9IjIiIHdpZHRoPSI3IiBoZWlnaHQ9IjciLz48cmVjdCBjbGFzcz0iY2xzLTIiIHg9IjIuNSIgeT0iMC41IiB3aWR0aD0iNiIgaGVpZ2h0PSI2Ii8+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNOCwxVjZIM1YxSDhNOSwwSDJWN0g5VjBaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat center center; }

/******************************************************************
utility - icon-pdf
******************************************************************/
.u-icon-pdf { position: relative; margin-left: 5px; 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::after { background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTkuODMgNi4yMDQ0NWUtMDdIMTlDMTkuNTMwNCA2LjIwNDQ1ZS0wNyAyMC4wMzkxIDAuMjEwNzE2IDIwLjQxNDIgMC41ODU3ODlDMjAuNzg5MyAwLjk2MDg2MSAyMSAxLjQ2OTU3IDIxIDJWMjJDMjEgMjIuNTMwNCAyMC43ODkzIDIzLjAzOTEgMjAuNDE0MiAyMy40MTQyQzIwLjAzOTEgMjMuNzg5MyAxOS41MzA0IDI0IDE5IDI0SDVDNC40Njk1NyAyNCAzLjk2MDg2IDIzLjc4OTMgMy41ODU3OSAyMy40MTQyQzMuMjEwNzIgMjMuMDM5MSAzIDIyLjUzMDQgMyAyMlY2LjgzQzIuOTk5NzkgNi41NjYwOSAzLjA1MTgyIDYuMzA0NzUgMy4xNTMwOCA2LjA2MTAzQzMuMjU0MzQgNS44MTczMiAzLjQwMjgzIDUuNTk2MDYgMy41OSA1LjQxTDguNDEgMC41OTAwMDJDOC41OTYwNiAwLjQwMjgzNCA4LjgxNzMyIDAuMjU0MzQgOS4wNjEwMyAwLjE1MzA3OUM5LjMwNDc0IDAuMDUxODE4MiA5LjU2NjA5IC0wLjAwMDIwNzI0NyA5LjgzIDYuMjA0NDVlLTA3Wk05IDRWMi44M0w1LjgzIDZIN0M3LjUzMDQzIDYgOC4wMzkxNCA1Ljc4OTI5IDguNDE0MjEgNS40MTQyMUM4Ljc4OTI5IDUuMDM5MTQgOSA0LjUzMDQzIDkgNFpNMTguNzA3MSAyMS43MDcxQzE4Ljg5NDYgMjEuNTE5NiAxOSAyMS4yNjUyIDE5IDIxVjNDMTkgMi43MzQ3OSAxOC44OTQ2IDIuNDgwNDMgMTguNzA3MSAyLjI5MjlDMTguNTE5NiAyLjEwNTM2IDE4LjI2NTIgMiAxOCAySDExVjRDMTEgNyA5LjIxIDggNyA4SDVWMjFDNSAyMS4yNjUyIDUuMTA1MzYgMjEuNTE5NiA1LjI5Mjg5IDIxLjcwNzFDNS40ODA0MyAyMS44OTQ2IDUuNzM0NzggMjIgNiAyMkgxOEMxOC4yNjUyIDIyIDE4LjUxOTYgMjEuODk0NiAxOC43MDcxIDIxLjcwNzFaIiBmaWxsPSIjMzM1OUNDIi8+PC9zdmc+"); }

.l-emergency a:hover .u-icon-pdf:after { background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxNSAxNSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiMwZTNmODE7fS5jbHMtMntmaWxsOiNmZmY7fTwvc3R5bGU+PC9kZWZzPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxyZWN0IGNsYXNzPSJjbHMtMSIgd2lkdGg9IjE1IiBoZWlnaHQ9IjE1IiByeD0iMyIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTcsNkE1LjU5LDUuNTksMCwwLDAsNy4zLDQuNzhjLjE0LS42OSwwLTEuMTEtLjQxLTEuMDZzLS40NS40OC0uNDIuOTJhMy43MywzLjczLDAsMCwwLC40MSwxLjIxUzcsNiw3LDZaTTUuMjksOS41MmEzLjg4LDMuODgsMCwwLDAtMS4zOC43NGMtLjQ4LjQ1LS40NC44Ni0uMjMsMXMuODEtLjI4LDEuMTgtLjcyYTMuNCwzLjQsMCwwLDAsLjYxLS45NUM1LjQ3LDkuNTIsNS40NCw5LjQ3LDUuMjksOS41MlptMS4zMi0uNzZjLjM1LS4xNCwxLjYyLS40MiwxLjYyLS40MnMtLjgzLTEtLjkzLTEuMTdBMTYuMjcsMTYuMjcsMCwwLDEsNi42MSw4Ljc2Wk0xMC41NSwxMGE0Ljg3LDQuODcsMCwwLDEtMi0xLjI5aDBjLS4xLDAtMS4yNS4zMy0yLjEyLjU4LTEuMjgsMi4yOC0yLjU1LDIuOTMtMy4xNSwyLjE4LS4zMS0uNC0uMTktMS4zNCwxLjMyLTJBOS43Myw5LjczLDAsMCwxLDUuNzYsOSwyMS4xNSwyMS4xNSwwLDAsMCw2Ljg0LDYuNTMsNyw3LDAsMCwxLDYuMSw0LjY0QzYsMy45LDYuMzUsMy4yMyw3LDMuMjNjLjgxLDAsMS40MS43Ny40NiwzLjQ5QTguOCw4LjgsMCwwLDAsOC41OSw4LjI2YTguODYsOC44NiwwLDAsMSwxLjkyLS4xOGMxLjEzLjA3LDEuMzcuNiwxLjQxLDFBMS4xMSwxLjExLDAsMCwxLDEwLjU1LDEwWm0tLjEzLTEuNTZBNC4yNiw0LjI2LDAsMCwwLDksOC42MmE0LjU4LDQuNTgsMCwwLDAsMS40Mi43MWMuNTMuMDcuNzItLjE2LjcyLS4zOVMxMSw4LjQ4LDEwLjQyLDguNDVaIi8+PC9nPjwvZz48L3N2Zz4=") no-repeat center center; }

/******************************************************************
utility - icon-qa
******************************************************************/
.u-icon-qa { position: relative; margin-left: 5px; vertical-align: middle; }

.u-icon-qa:before { position: absolute; content: ""; margin: auto; box-sizing: border-box; vertical-align: middle; top: 0; left: 0; width: 1.3em; height: 1.3em; display: flex; align-items: center; justify-content: center; border-radius: 100%; background-color: #004098; content: "?"; color: #fff; font-size: 13px; }