@charset "UTF-8";


/* sass */

html { scroll-padding-top: 54px; }

body { font-family: "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 0; padding: 0; width: 100%; }

.l-body { margin-bottom: 88px; }

.l-inner { padding-right: 16px; padding-left: 16px; }

a:link { color: #0026FF; }

.l-head { background-color: #fff; position: -webkit-sticky; position: sticky; top: 0; width: 100%; height: auto; z-index: 150; }

.l-head .l-inner { display: flex; align-items: center; padding: 10px 16px 15px 5px; position: relative; height: 54px; }

.l-head .wrap-head-hdg { display: flex; align-items: center; }

.l-head .logo-head { margin-right: 9px; line-height: 0; }

.l-head .logo-head a { display: inline-block; }

.l-head .logo-head img { width: 83px; height: auto; }

.l-head .nav-hdg { line-height: 0; }

.l-head .nav-hdg a { display: inline-block; }

.l-head .nav-hdg img { width: 203px; height: auto; }

.l-head .wrap-nav-btn { position: absolute; top: 50%; right: 16px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: 101; }

.l-head .wrap-nav-btn .sp-nav-btn { display: flex; flex-direction: column; align-items: end; justify-content: space-between; padding: 5px 0; position: relative; width: 32px; height: 32px; }

.l-head .wrap-nav-btn .sp-nav-btn span { background-color: #213281; border-radius: 4px; display: inline-block; transition: all 0.2s; width: 32px; height: 2px; }

.l-head .wrap-nav-btn .sp-nav-btn span.mdl { width: 24px; }

.l-head .wrap-nav-btn .sp-nav-btn.menu-open span { background-color: #ffffff; }

.l-head .wrap-nav-btn .sp-nav-btn.menu-open span.top { -webkit-transform: rotate(-45deg) translateX(-7px) translateY(7px); transform: rotate(-45deg) translateX(-7px) translateY(7px); }

.l-head .wrap-nav-btn .sp-nav-btn.menu-open span.mdl { display: none; }

.l-head .wrap-nav-btn .sp-nav-btn.menu-open span.btm { -webkit-transform: rotate(45deg) translateX(-7px) translateY(-7px); transform: rotate(45deg) translateX(-7px) translateY(-7px); }

.bread-crumbs { display: none; }

.wrap-page-top { font-size: 0; }

.wrap-page-top .page-top > a { background-color: #213281; border-radius: 50%; display: flex; align-items: center; justify-content: center; width: 32px; height: 32px; }

.wrap-page-top .page-top > a::after { content: ""; display: inline-block; background: url(/shared/image/icn-arw-top-sp.svg) no-repeat; background-position: center; width: 17px; height: 17px; }

.wrap-page-top.scrollwatchScrolle .page-top { opacity: 1; pointer-events: auto; }

.stickyButtonWrap { position: relative; height: 0px; }

.stickyButton { position: fixed; bottom: 0; right: 22px; display: inline-block; margin-bottom: 18px; opacity: 0; pointer-events: none; transition: opacity linear 0.3s; z-index: 1; }

.stickyButtonWrap.poswatchBottomUp .stickyButton { position: absolute; }

.stickyButtonWrap.scrollwatchScrolled .stickyButton { opacity: 1; pointer-events: auto; }

.l-foot-bottom { background-color: #2E3C75; color: #ffffff; padding: 18px; text-align: center; margin-top: 88px; }

.nav-foot { display: flex; justify-content: center; margin-bottom: 13px; }

.nav-foot > ul { display: flex; justify-content: center; flex-wrap: wrap; width: 345px; }

.nav-foot > ul > li { position: relative; }

.nav-foot > ul > li::after { content: ""; background-color: #ffffff; display: inline-block; position: absolute; top: 0; bottom: 0; right: 0; margin: auto 0; width: 1px; height: 1em; }

.nav-foot > ul > li a { color: #ffffff; font-size: 1.4rem; font-weight: bold; line-height: 2.6em; display: block; text-decoration: none; padding: 0 1em; }

.nav-foot > ul > li.no-separate::after { display: none; }

@media print, (min-width: 1366px) { html, body { overflow-x: clip; } }

@media print, (min-width: 768px) { .l-all { overflow-x: visible; min-width: 1366px; } }

@media print, all and (min-width: 768px) { html { scroll-padding-top: 76px; }
  .l-body { margin-bottom: 100px; max-width: 100%; width: 100%; }
  .l-inner { padding-right: 0; padding-left: 0; margin: 0 auto; width: 1120px; } .l-head { min-width: 100%; width: 100%; }
  .l-head .l-inner { justify-content: space-between; padding: 9px 41px 14px 42px; height: 76px; width: 100%; }
  .l-head .logo-head { margin-right: 50px; }
  .l-head .logo-head a { display: inline-block; }
  .l-head .logo-head a:hover { opacity: .7; transition: all .2s; }
  .l-head .logo-head img { width: 135px; max-width: 135px; }
  .l-head .nav-hdg img { width: auto; height: 22px; }
  .l-head .nav-hdg a:hover { opacity: .7; transition: all .2s; }
  .l-head .wrap-nav-btn { display: none; }
  .l-head .wrap-nav-head { display: flex; align-items: center; padding: 0; position: relative; background-color: transparent; min-width: 568px; width: auto; top: 0; left: 0; z-index: 0; }
  .l-head .wrap-nav-head.sp-hidden { display: flex; }
  .l-head .wrap-nav-head.pc-hidden { display: none; }
  .l-head .wrap-nav-global .fst { display: flex; }
  .l-head .wrap-nav-global .fst > li { margin-right: 2em; }
  .l-head .wrap-nav-global .fst > li > a { background-color: transparent; color: #333333; text-decoration: none; }
  .l-head .wrap-nav-global .fst > li > a:hover { text-decoration: underline; }
  .l-head .contact-head-btn .btn { font-size: 1.4rem; margin-top: 0; padding: 11px 50px 12px 30px; width: 160px; }
  .l-head .contact-head-btn .btn::after { background: url(/shared/image/icn-arw-bl.svg) no-repeat; background-color: #ffffff; background-size: 12px auto; background-position: center; width: 24px; height: 24px; } .bread-crumbs { display: block; margin: 0 0 11px 42px; }
  .bread-crumbs > ol { display: flex; }
  .bread-crumbs > ol > li a { font-size: 1.4rem; text-decoration: none; }
  .bread-crumbs > ol > li a:hover { text-decoration: underline; }
  .bread-crumbs > ol > li::after { content: "＞"; display: inline-block; margin: 0 1em; }
  .bread-crumbs > ol > li:last-child::after { display: none; } .wrap-page-top .page-top > a { width: 56px; height: 56px; }
  .wrap-page-top .page-top > a::after { background: url(/shared/image/icn-arw-top-pc.svg) no-repeat; background-position: center; width: 30px; height: 30px; }
  .wrap-page-top .page-top > a:hover { opacity: .7; transition: all .2s; } .l-foot-bottom { display: flex; align-items: center; justify-content: center; padding: 42px; margin-top: 100px; }
  .nav-foot { margin-bottom: 0; margin-right: 110px; }
  .nav-foot > ul { flex-wrap: nowrap; width: auto; }
  .nav-foot > ul > li a { font-size: 1.6rem; padding: 0 1.5em; }
  .nav-foot > ul > li a:hover { text-decoration: underline; }
  .nav-foot > ul > li.no-separate::after { display: block; }
  .copy small { font-size: 1.6rem; } }

@media print, all and (max-width: 767px) { .l-head .wrap-nav-head { display: none; padding: 54px 0 12px 20px; position: fixed; overflow: auto; background-color: #213281; width: 100%; height: 100%; top: 0; left: 0; z-index: 100; }
  .l-head .wrap-nav-head.menu-open { display: block; }
  .l-head .wrap-nav-global { margin-top: -54px; }
  .l-head .wrap-nav-global a { text-decoration: none; display: block; }
  .l-head .wrap-nav-global .fst > li > a { background-color: #ffffff; border-radius: 8px 0 0 8px; font-size: 1.8rem; font-weight: bold; padding: 5px 42px 5px 17px; position: relative; }
  .l-head .wrap-nav-global .fst > li > a::after { content: ""; background: url(/shared/image/icn-arw-bl-l.svg) no-repeat; background-position: center; background-size: 17px auto; display: inline-block; position: absolute; right: 0; top: 0; bottom: 0; margin: auto 15px auto 0; width: 32px; height: 32px; }
  .l-head .wrap-nav-global .fst > li > a.icn-before { padding-left: 43px; }
  .l-head .wrap-nav-global .fst > li > a.icn-before .icn { margin-right: 0; left: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .l-head .wrap-nav-global .fst > li.g-home { height: 54px; }
  .l-head .wrap-nav-global .fst > li.g-home > a { background-color: #213281; border-radius: 0; display: inline-block; position: relative; font-size: 1.6rem; padding: 0 0 0 39px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .l-head .wrap-nav-global .fst > li.g-home > a::before { content: ""; background: url(/shared/image/icn-arw-wh-l.svg) no-repeat; background-position: center; background-size: 17px auto; display: inline-block; margin: auto 15px auto 0; position: absolute; left: 0; top: 0; bottom: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg); width: 32px; height: 32px; }
  .l-head .wrap-nav-global .fst > li.g-home > a::after { display: none; }
  .l-head .wrap-nav-global .fst a { color: #213281; }
  .l-head .wrap-nav-global .fst.sp-hidden { display: none; }
  .l-head .wrap-nav-global .snd { display: flex; flex-wrap: wrap; margin: 11px 0; }
  .l-head .wrap-nav-global .snd > li { border-bottom: 1px solid #FFFFFF4D; display: flex; margin-right: 20px; width: 100%; }
  .l-head .wrap-nav-global .snd > li:last-child, .l-head .wrap-nav-global .snd > li:nth-last-child(2):nth-child(odd) { border-bottom: none; }
  .l-head .wrap-nav-global .snd a { color: #ffffff; font-size: 1.4rem; font-weight: normal; display: flex; align-items: center; padding: 13px 20px 13px 0; position: relative; flex-grow: 1; }
  .l-head .wrap-nav-global .snd a::after { content: ""; background: url(/shared/image/icn-arw-bl-s.svg) no-repeat; background-color: #ffffff; background-size: 11px auto; background-position: center; border-radius: 50%; right: 0; width: 16px; height: 16px; display: inline-block; position: absolute; top: 0; bottom: 0; margin: auto 0; }
  .l-head .wrap-nav-global .snd a.icn-before { padding-left: 27px; }
  .l-head .wrap-nav-global .snd a.icn-before .icn { margin-right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
  .l-head .wrap-nav-global .snd.row2 > li { width: calc(50% - 20px); }
  .l-head .wrap-nav-global .g-home a { color: #ffffff; }
  .l-head .wrap-contact-head { padding-right: 20px; }
  .l-head .contact-head-btn { padding: 0 42px; }
  .l-head .contact-head-btn .btn { margin-top: 0; padding: 12px 39px 12px 35px; width: 100%; } }