@charset "UTF-8";

/* sass */
.l-header { background: #ffffff; }

.l-header { height: 68px; }

.l-header > .l-inner { position: relative; padding: 0 10px; }

.l-header > .l-inner { display: flex; justify-content: space-between; align-items: center; width: 100%; }

.wrap-logo img { width: 100%; max-width: 150px; height: auto; }

.menu-area { display: none; z-index: 2; }

.menu-area.active { display: block; }

.wrap-menu { display: none; }

.list-g-nav { display: flex; }

.list-g-nav li .menu-btn { position: relative; display: flex; align-items: center; font-size: 1.6rem; font-weight: bold; color: #333333; padding: 0 26px; min-height: 68px; }

.list-g-nav li .menu-btn.active { color: #ffffff; background: #dc000c; }

.list-g-nav li .menu-btn.active:before, .list-g-nav li .menu-btn.active:after { content: ""; display: inline-block; position: absolute; left: 0; right: 0; margin: 0 auto; }

.list-g-nav li .menu-btn.active:before { bottom: 10px; width: 13px; border-top: 2px solid #ffffff; }

.list-g-nav li .menu-btn.active:after { bottom: -3px; content: ""; width: 7px; height: 7px; border-top: 2px solid; border-left: 2px solid; border-color: #ffffff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }

.list-g-nav li .menu-btn.active:hover { color: #ffffff; }

.list-g-nav li .menu-btn.active:hover:after { bottom: -3px; width: 7px; height: 7px; border-bottom: none; }

.list-g-nav li .menu-btn:hover { color: #dc000c; }

.list-g-nav li .menu-btn:hover:after { content: ""; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 5px; border-bottom: 5px solid #dc000c; z-index: 2; }

.list-g-nav li .menu-area { position: absolute; top: 68px; left: 0; right: 0; color: #ffffff; background: #dc000c; padding: 22px 100%; margin: 0 -100%; }

.list-g-nav li .list-box { width: 100%; flex-wrap: wrap; margin-left: 0; }

.wrap-submenu .list-top-btn { display: flex; }

.wrap-submenu .menu-btn { position: relative; display: block; font-size: 0; width: 44px; height: 68px; padding: 12px 0; }

.wrap-submenu .menu-btn:after { content: ""; position: absolute; display: block; top: 50%; left: 0; right: 0; margin: 0 auto; width: 44px; height: 44px; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.wrap-submenu .menu-btn.login:after { background: url(/shared_v2/images/ico_login.png) no-repeat center; background-size: contain; }

.wrap-submenu .menu-btn.search:after { background: url(/shared_v2/images/ico_search.png) no-repeat center; background-size: contain; }

.wrap-submenu .menu-btn.search2:after { background: url(/shared_v2/images/ico_search.png) no-repeat center; background-size: contain; }

.wrap-submenu .menu-btn.menu:after { background: url(/shared_v2/images/ico_menu.png) no-repeat center; background-size: contain; }

.wrap-submenu .menu-btn.active { background: #333333; }

.wrap-submenu .menu-btn.active:after { background: url(/shared_v2/images/ico_close.png) no-repeat center; background-size: contain; }

.wrap-submenu .menu-area { position: absolute; top: 68px; left: 0; right: 0; color: #ffffff; background: #333333; padding: 10px; width: 100%; overflow-y: auto; }

.wrap-submenu .menu-area > .l-inner { top: 0; bottom: 0; }

.wrap-submenu .menu-area .wrap-search { padding: 20px 0; }

.wrap-submenu .menu-lead { font-size: 1.6rem; margin-top: 20px; }

.list-g-subnav { display: block; }

.list-g-subnav li { font-size: 1.6rem; font-weight: bold; background: #ffffff; }

.list-g-subnav li + li { margin-top: 10px; }

.list-g-subnav li a { position: relative; display: flex; align-items: center; color: #333333; padding: 0 44px 0 74px !important; height: 66px; }

.list-g-subnav li a:after { position: absolute; top: 36%; right: 20px; content: ""; width: 7px; height: 7px; border-top: 2px solid; border-left: 2px solid; border-color: #dc000c; -webkit-transform: rotate(135deg); transform: rotate(135deg); -webkit-transform: translateY(36%) rotate(135deg); transform: translateY(36%) rotate(135deg); }

.list-g-subnav li img { position: absolute; top: 0; left: 0; width: 66px; height: 66px; }

.list-subnav { display: flex; flex-wrap: wrap; text-align: center; margin-top: 20px; }

.list-subnav li { font-size: 1.6rem; width: 33.3%; }

.list-subnav li.wide { width: 50%; }

.list-subnav li a { display: block; color: #ffffff; padding: 20px; }

.l-top-main .l-inner { margin: 0 10px; }

.l-main .l-inner { margin: 0 10px; }

.wrap-hdg-area .wrap-hdg { height: 120px; margin: 0 -10px; }

.wrap-hdg-area .wrap-hdg.bg01 { background: url(/shared_v2/images/bg_hdg_sp_01.jpg) no-repeat center; background-size: cover; }

.wrap-hdg-area .wrap-hdg.bg02 { background: url(/shared_v2/images/bg_hdg_sp_02.jpg) no-repeat center; background-size: cover; }

.wrap-hdg-area .wrap-hdg.bg03 { background: url(/shared_v2/images/bg_hdg_sp_03.jpg) no-repeat center; background-size: cover; }

.wrap-hdg-area .wrap-hdg.bg04 { background: url(/shared_v2/images/bg_hdg_sp_04.jpg) no-repeat center; background-size: cover; }

.wrap-hdg-area .wrap-hdg.bg05 { background: url(/shared_v2/images/bg_hdg_sp_05.jpg) no-repeat center; background-size: cover; }

.wrap-hdg-area .wrap-hdg .hdg-lv1 { width: 50%; color: #ffffff; padding: 22px 0 0 20px; box-sizing: content-box; }

.wrap-hdg-area .wrap-detail { font-size: 1.6rem; margin-top: 16px; }

.wrap-cnt-area { margin: 40px 0 80px; }

.l-aside > .l-inner { margin: 0 10px; }

.l-aside .wrap-cnt.pt01 { padding: 30px 0 10px; }

.l-aside .wrap-cnt.pt02 { padding: 20px 10px; }

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

a { text-decoration: none; }

body { line-height: 1.5; }

.cnt-wide { margin: 0 -10px; padding: 0 10px; }

.cnt-pad { padding-top: 30px; padding-bottom: 30px; }

.wrap-sec { margin-top: 40px !important; }

.bg-col01 { background: #f7f7f7; }

.bg-col02 { background: #FFF7F7; }

.bg-col03 { background: #f8f6ed; }

.bread-crumbs { display: none; margin: 20px 0 12px; }

.bread-crumbs ol li { position: relative; display: inline-block; padding-right: 30px; font-size: 1.6rem; font-weight: bold; }

.bread-crumbs ol li:after { content: ""; position: absolute; top: 8px; right: 12px; display: block; content: ""; width: 7px; height: 7px; border-top: 2px solid; border-left: 2px solid; border-color: #dc000c; -webkit-transform: rotate(135deg); transform: rotate(135deg); }

.bread-crumbs ol li:last-child:after { content: none; }

.bread-crumbs ol li a { color: #333333; font-weight: normal; }

.l-footer > .l-inner { margin: 0 10px; }

.l-footer .foot-nav { padding: 0 10px; margin: 0 -10px; }

.l-footer .foot-nav .list-arrow li a { padding-right: 34px; }

.l-footer .foot-nav .list-arrow li a:after { top: 20px; right: 10px; }

.l-footer .foot-nav.bg01 { background: #f8f6ed; }

.l-footer .foot-nav.bg02 { color: #ffffff; background: #333333; }

.l-footer .foot-nav .wrap-acd .wrap-acd-btn { padding: 10px 5px; }

.l-footer .foot-nav .wrap-acd .wrap-acd-btn .acd-txt { font-size: 1.8rem; font-weight: bold; }

.l-footer .foot-nav .column.row1-3 > * { margin-top: 0; }

/** copyright */
.wrap-copy { display: flex; align-items: center; justify-content: space-between; margin: 0 auto; padding: 22px 0; width: 100%; }

.wrap-copy .copy { font-size: 1.6rem; }

.wrap-copy .logo { margin-left: 44px; }

.wrap-copy .logo img { width: 47px; height: 61px; }

@media all and (min-width: 768px) { .l-header { height: 121px; } .l-header > .l-inner { width: 1190px; margin: 0 auto; padding: 0; } .l-header > .l-inner { padding-left: 176px; } .wrap-logo { position: absolute; top: 16px; left: 0; } .wrap-menu { display: block; } .list-g-nav li .menu-area > .l-inner { width: 1102px; margin: 0 auto; } .wrap-submenu .menu-area { left: 0; padding: 10px 100%; margin: 0 -100%; width: auto; height: auto; }
  .wrap-submenu .menu-area .wrap-search { padding: 0; }
  .wrap-submenu .nav01, .wrap-submenu .nav02, .wrap-submenu .nav03 { padding: 26px 100%; }
  .wrap-submenu .nav01 > .l-inner, .wrap-submenu .nav02 > .l-inner, .wrap-submenu .nav03 > .l-inner { width: 1102px; margin: 0 auto; }
  .wrap-submenu .nav01 > .l-inner { display: flex; justify-content: space-between; }
  .wrap-submenu .nav01 > .l-inner > *:first-child { width: 68%; }
  .wrap-submenu .nav01 > .l-inner > *:last-child { width: 32%; }
  .wrap-submenu .nav01 .list-box { width: 100%; flex-wrap: nowrap; margin-left: 0; }
  .wrap-submenu .nav01 .list-box li { width: 50%; max-width: 173px; }
  .wrap-submenu .nav01 .list-box li:first-child { margin-left: 0; }
  .wrap-submenu .nav01 .list-box li.wide { width: 355px; max-width: none; }
  .wrap-submenu .nav02 > .l-inner { display: flex; justify-content: flex-end; }
  .wrap-submenu .nav03 { padding: 22px 100%; }
  .wrap-submenu .nav03 > .l-inner { display: flex; justify-content: space-between; align-items: center; } .list-g-subnav { display: none; } .list-subnav { margin-top: 0; margin-left: -48px; }
  .list-subnav li { width: auto; margin-left: 48px; }
  .list-subnav li:nth-child(1), .list-subnav li:nth-child(2) { width: auto; }
  .list-subnav li a { padding: 0; }
  .list-subnav li a:hover { text-decoration: underline; } .l-all { overflow: hidden; min-width: 1190px; } .l-top-main .l-inner { width: 1102px; margin: 0 auto; } .l-main .l-inner { width: 1102px; margin: 0 auto; } .wrap-hdg-area { position: relative; margin: 0 auto; }
  .wrap-hdg-area .wrap-hdg { height: 380px; padding: 0 100%; margin: 0 -100%; }
  .wrap-hdg-area .wrap-hdg.bg01 { background: url(/shared_v2/images/bg_hdg_pc_01.jpg) no-repeat center; background-size: contain; }
  .wrap-hdg-area .wrap-hdg.bg02 { background: url(/shared_v2/images/bg_hdg_pc_02.jpg) no-repeat center; background-size: contain; }
  .wrap-hdg-area .wrap-hdg.bg03 { background: url(/shared_v2/images/bg_hdg_pc_03.jpg) no-repeat center; background-size: contain; }
  .wrap-hdg-area .wrap-hdg.bg04 { background: url(/shared_v2/images/bg_hdg_pc_04.jpg) no-repeat center; background-size: contain; }
  .wrap-hdg-area .wrap-hdg.bg05 { background: url(/shared_v2/images/bg_hdg_pc_05.jpg) no-repeat center; background-size: contain; }
  .wrap-hdg-area .wrap-hdg .hdg-lv1 { padding-top: 56px; padding-left: 0; }
  .wrap-hdg-area .wrap-detail { position: absolute; top: 120px; font-size: 1.8rem; color: #ffffff; width: 380px; } .wrap-cnt-area { margin-top: 36px; } .l-aside > .l-inner { width: 1102px; margin: 0 auto; }
  .l-aside .wrap-cnt.pt01 { padding: 22px 0; margin: 0; }
  .l-aside .wrap-cnt.pt02 { padding: 44px 100% 22px; } a:hover img { opacity: 0.8; } .cnt-wide { margin: 0 -100%; padding: 0 100%; } .cnt-pad { padding-top: 66px; padding-bottom: 66px; } .wrap-sec.pt01 { margin-top: 44px !important; }
  .wrap-sec.pt01 + .wrap-sec { margin-top: 88px !important; } .bread-crumbs { display: block; }
  .bread-crumbs a:hover { color: #dc000c; text-decoration: underline; } .l-footer > .l-inner { width: 1190px; margin: 0 auto; }
  .l-footer .wrap-acd .acd-btn { pointer-events: none; }
  .l-footer .wrap-acd .acd-btn .acd-lead { font-size: 1.6rem; }
  .l-footer .wrap-acd .acd-btn .acd-btn-txt { display: none; }
  .l-footer .wrap-acd .acd-area { display: block; margin-top: 22px; }
  .l-footer .foot-nav { padding: 0 100%; margin: 0 -100%; }
  .l-footer .foot-nav .wrap-acd { width: 1102px; margin: 0 auto; }
  .l-footer .foot-nav .list-st li + li { margin-top: 22px; }
  .l-footer .foot-nav .list-st.bdr-t { border-top: none; padding-top: 0; }
  .l-footer .foot-nav .list-st.bdr-t + .bdr-t { margin-top: 0; }
  .l-footer .foot-nav .list-arrow li a:after { top: 9px; }
  .l-footer .foot-nav.pt01 .wrap-acd { display: flex; flex-wrap: wrap; }
  .l-footer .foot-nav.pt01 .wrap-acd .wrap-cnt { padding-bottom: 22px; }
  .l-footer .foot-nav.pt01 .wrap-acd .wrap-cnt:first-child { width: 14.5%; }
  .l-footer .foot-nav.pt01 .wrap-acd .wrap-cnt:last-child { width: 84.5%; }
  .l-footer .foot-nav.pt01 .wrap-acd .wrap-cnt .acd-btn { display: none; }
  .l-footer .foot-nav.pt01 .wrap-acd .wrap-cnt .acd-area { margin-top: 0; }
  .l-footer .foot-nav.pt01 .list-st { font-size: 0; }
  .l-footer .foot-nav.pt01 .list-st li { display: inline-block; }
  .l-footer .foot-nav.pt01 .list-st li:after { content: ""; display: inline-block; vertical-align: middle; width: 1px; height: 1.6rem; border-left: 1px solid #333333; margin: 0 19px; }
  .l-footer .foot-nav.pt01 .list-st li:last-child:after { content: none; }
  .l-footer .foot-nav.pt01 .list-st li a { display: inline-block; padding: 0 !important; }
  .l-footer .foot-nav.pt01 .list-st li a:after { content: none; }
  .l-footer .foot-nav.pt01 .list-st li a:hover { text-decoration: underline; }
  .l-footer .foot-nav.pt02 { padding: 12px 0 22px; }
  .l-footer .foot-nav.pt02 .wrap-acd-btn { padding-bottom: 22px; }
  .l-footer .foot-nav.pt02 .list-st li a { padding: 0 24px 0 0; }
  .l-footer .foot-nav.pt02 .list-st li a:hover { color: #ffffff; text-decoration: underline; }
  .l-footer .foot-nav.pt02 .list-st li a:hover:after { right: 7px; }
  .l-footer .foot-nav.pt02 .list-st li + li { margin-top: 15px; } .wrap-copy { width: 1190px; } }

@media (-ms-high-contrast: none), (-ms-high-contrast: active) { .list-g-nav li .menu-btn { padding-top: 22px; } }