@charset "UTF-8";
/* Site All
================================================ */
html { scroll-behavior: smooth; /*scroll-padding-top: 7em;*/ }

body { font-family: 'Noto Sans JP', sans-serif; background-color: #EAEEF4; font-size: 0.94em; color: #222; font-weight: 400; text-align: left; -webkit-text-size-adjust: 100%; }

h1, h2, h3, h4, p, ul, li, a, img, table, th, td, dl, dt, dd { line-height: initial; }

h2.ptn-lead { font-size: 2.4em; font-weight: 600; }
h2.ptn-sublead { font-size: 1.33em; font-weight: 600; }
h2.backshadow { padding: 7px 12px 8px 16px; background: rgba(0, 0, 0, 0.6); }

h3 { font-size: 1.33em; font-weight: 600; }
h3 span { color: #315996; }

h3.numbered-cate { margin-bottom: 1.25em; font-size: 1.6em; font-weight: 600; color: #315996; }
h3.numbered-cate span { margin-right: 0.5em; font-family: "Arial Black", Gadget, "sans-serif"; font-size: 0.75em; font-weight: 700; color: #777; }
h3.numbered-sub { font-size: 1.6em; font-weight: 600; }
h3.numbered-sub dl { display: flex; position: relative; }
h3.numbered-sub dl dt { font-family: "Arial Black", Gadget, "sans-serif"; margin-right: 0.5em; font-size: 0.75em; font-weight: 700; color: #315996; position: relative; top: 0.35em; }
h3.numbered-sub dl dd { padding-left: 0.1em; }
h3.bluesquare { margin: 2em 0 0.5em 0.65em; font-size: 1.86em; }
h3.bluesquare::before { content: ""; width: 12px; height: 12px; background-color: #315996; display: block; position: relative; top: 4px; left: -18px; }
h3.productnameA { font-size: 1.4em; color: #315996; }
h3.productnameA span { color: #333; }
h3.mediumttl { font-size: 1.6em; }
h3.ttl-csrexmp { font-size: 1.47em; color: #315996; }

h4.ptn-lead { font-size: 1.2em; font-weight: 500; }

h5.ptn-lead { font-size: 1.13em; font-weight: 500; line-height: 1.5em; }
h5.ptn-link { font-size: 1.13em; font-weight: 500; }
h5.ptn-link a { display: inline-block; transition: 0.4s; }
h5.ptn-link a::before { content: '\e5e1'; font-family: 'Material Icons'; font-weight: 400; color: #019FE0; margin-right: 4px; vertical-align: middle; position: relative; bottom: 1px; display: inline-block; transition: 0.4s; }
h5.ptn-link a:hover { color: #019FE0; transform: translateX(0.5em); }

p { margin-top: 1.5em; word-break: break-word; }
p.leadF { min-height: 2.97em; margin-top: 1.3em; font-size: 1.07em; word-break: break-all; }
p.type-subttl { width: 100%; margin-top: 50px; padding: 0 0 0.75em 0; font-size: 1.33em; font-weight: 600; border-bottom: 2px solid #EAEEF4; position: relative; }
p.type-subttl::after { content: ""; bottom: -2px; left: 0; width: 2.5em; border-bottom: 2px solid #019FE0; position: absolute; }

.type-subttl-ul { margin-bottom: 2em; padding: 15px 0 0 8px; font-size: 1.33em; font-weight: 600; border-top: 2px solid #EAEEF4; position: relative; }
.type-subttl-ul::before { content: ""; top: -2px; left: 0; width: 3em; border-bottom: 2px solid #019FE0; position: absolute; }

.type-subttl__l-top { margin-top: 3.6em; padding: 0.75em 0 0 0.25em; font-size: 1.47em; font-weight: 600; border-top: 2px solid #DDD; position: relative; }
.type-subttl__l-top::before { content: ""; top: -2px; left: 0; width: 3em; border-bottom: 2px solid #019FE0; position: absolute; }
.type-subttl__l-top:first-of-type { margin-top: 2.5em; }

a:link, a:visited { text-decoration: none; }

@media screen and (max-width: 880px) { body { font-size: 0.88em; }
  h3.productnameA { font-size: 1.286em; } }
/* Layout
================================================ */
.inset__fx__sb-wp { display: flex; justify-content: space-between; flex-wrap: wrap; }
.inset__fx__none { display: inherit !important; }
.inset__fx__sb-nwp { display: flex; justify-content: space-between; }
.inset__fx__ct-wp { display: flex; justify-content: center; }
.inset__fx__fs-wp { display: flex; justify-content: flex-start; }
.inset__w-full { width: 100%; }
.inset__w-half { width: 47.5%; }
.inset__w-485 { width: 48.5%; }
.inset__w-onethird { width: 30%; }
.inset__w-quarter { width: 23%; }
.inset__ai-center { align-items: center; }
.inset__ai-top { align-items: flex-start; }
.inset__fullimg img { width: 100%; height: auto; }
.inset__orgimg img { display: block; margin: 0 auto; max-width: 100%; height: auto; }
.inset__borderbox-g { border: 2px solid #EAEEF4; }
.inset__box-bgc-g { padding: 48px; background-color: #EAEEF4; border-radius: 24px; }
.inset__box-bgc-g2 { padding: 32px 28px; background-color: #EAEEF4; border-radius: 24px; }
.inset__fulltable { width: 100% !important; }
.inset__space23::after { content: ""; display: block; width: 23%; }
.inset__space25::after { content: ""; display: block; width: 25%; }
.inset__space30::after { content: ""; display: block; width: 30%; }
.inset__space31::after { content: ""; display: block; width: 31%; }

@media screen and (max-width: 804px) { .inset__w-half { width: 100%; }
  .inset__w-onethird, .inset__w-quarter { width: 47.5%; } }
@media screen and (max-width: 599px) { .inset__w-onethird, .inset__w-quarter { width: 100%; } }
.list__txtTypeA { margin-top: 25px; }
.list__txtTypeA li { margin-bottom: 5px; }
.list__txtTypeA li.emph { font-weight: 600; }
.list__txtTypeA li p { margin-top: 0 !important; padding-left: 1em; font-weight: 400; }
.list__txtTypeA li.outsidelink a { display: inline-block; transition: 0.4s; }
.list__txtTypeA li.outsidelink a::before { content: '\e061'; font-family: 'Material Icons'; margin-right: 4px; font-size: 10px; color: #BBB; position: relative; bottom: 1px; }
.list__txtTypeA li.outsidelink a::after { content: '\e89e'; font-family: 'Material Icons'; margin-left: 4px; font-size: 18px; color: #019FE0; position: relative; top: 4px; }
.list__txtTypeA li.outsidelink a:hover { color: #019FE0; transform: translateX(8px); }
.list__txtTypeA li span { font-weight: 600; }
.list__txtTypeB { margin-top: 3.33em; }
.list__txtTypeB li { font-size: 1.07em; font-weight: 500; line-height: 1.6em; }
.list__txtTypeB li::before { content: '\e061'; font-family: 'Material Icons'; margin-right: 4px; font-size: 12px; color: #315996; position: relative; bottom: 1px; }
.list__txtTypeC { position: relative; margin-bottom: 0.75em; padding-left: 1em; }
.list__txtTypeC::before { content: '\e061'; font-family: 'Material Icons'; margin-right: 4px; font-size: 12px; color: #315996; position: absolute; top: 4px; left: 0; }
.list__flowtypeA { margin-top: 30px; text-align: center; }
.list__flowtypeA__w-half { width: 47.5%; }
.list__flowtypeA li { font-weight: 600; color: #315996; line-height: 3em; background-color: #F5F5F5; }
.list__flowtypeA li::after { content: '\ead0'; display: block; font-family: 'Material Icons'; font-size: 2em; font-weight: 400; color: #777; background-color: #FFF; }
.list__flowtypeA li:last-child::after { content: ""; }
.list__flowtypeA li span { display: block; font-weight: 400; color: #222; line-height: 1.5em; }

@media screen and (max-width: 599px) { .list__flowtypeA__w-half { width: 100%; } }
.mt-none { margin-top: 0 !important; }

.mt-5 { margin-top: 5px !important; }

.mt-15 { margin-top: 15px !important; }

.mt-20 { margin-top: 20px; }

.mt-25 { margin-top: 25px; }

.mt-30 { margin-top: 30px; }

.mt-35 { margin-top: 35px !important; }

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

.mt-45 { margin-top: 45px; }

.mt-50 { margin-top: 50px !important; }

.mt-60 { margin-top: 60px; }

.mt-65 { margin-top: 65px; }

.mt-space { margin-top: 6.6em; }

.mt-min { margin-top: 0.5em !important; }

.mt-1em { margin-top: 1em; }

.mt-2em { margin-top: 2em; }

.mt-3em { margin-top: 3em !important; }

.mt-4em { margin-top: 4em !important; }

.mt-5em { margin-top: 5em !important; }

.mb-none { margin-bottom: 0 !important; }

.mb-20 { margin-bottom: 20px; }

.mb-25 { margin-bottom: 25px; }

.mb-45 { margin-bottom: 45px; }

.mb-60 { margin-bottom: 60px; }

.mb-100 { margin-bottom: 100px !important; }

.mb-1em { margin-bottom: 1em; }

.mb-2em { margin-bottom: 2em !important; }

.mb-3em { margin-bottom: 3em; }

.mb-5em { margin-bottom: 5em; }

.mrl-none { margin-right: 0 !important; margin-left: 0 !important; }

.pb-10 { padding-bottom: 10px !important; }

.pb-15 { padding-bottom: 15px; }

.pb-05em { padding-bottom: 0.5em; }

.pb-3em { padding-bottom: 3em; }

.wd-half { width: 47.5%; }

.wd-20 { width: 20%; }

.wd-30 { width: 30%; }

.wd-40 { width: 40%; }

.wd-47 { width: 47%; }

.wd-50 { width: 50%; }

.wd-67 { width: 67%; }

.wd-80 { width: 80%; }

.wd-all { width: 100% !important; }

.bgc-w { background-color: #FFF; }

.bgc-g { background-color: #EAEEF4; }

.bdr-16 { border-radius: 16px; }

.bdr-24 { border-radius: 24px; }

.txtali-r { text-align: right; }

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

.fc-black { color: #333; }

.fc-blue { color: #315996; }

.fs-middle { font-size: 1.47em; font-weight: 500; }

.fs-sup { font-size: 0.93em; }

.fade { opacity: 0; transform: translateY(130px); transition: opacity 1.5s, transform 0.8s; }
.fade.active { opacity: 1; transform: translateY(0px); }

.d-none-max599 { display: none; }

@media screen and (max-width: 599px) { .d-none-max599 { display: inherit; }
  .d-none-min600 { display: none; } }
/* Header
================================================ */
header { position: fixed; top: 0; left: 0; width: 100%; background-color: #FFF; transition: all 1s 0s ease; z-index: 10; }

.header__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 90%; height: 100%; margin: 0 auto; background-color: #FFF; align-items: center; }
.header__logo a { display: block; width: 21rem; }
.header__logo a img { width: 100%; }
.header__navitemlink { position: relative; display: inline-block; padding: 30px 1.5em 33px; font-size: 1.07em; font-weight: 500; white-space: nowrap; z-index: 1; }
.header__navitemlink::before { content: ""; position: absolute; bottom: 22px; left: 16px; height: 4px; width: calc(100% - 32px); background: #315996; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; z-index: -1; }
.header__navitemlink:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.header__navitemlink__contact { margin-left: 1em; padding-right: 1em; padding-left: 1em; color: #FFF !important; background-color: #315996; }
.header__navitemlink__contact::after { content: '\e158'; font-family: 'Material Icons'; margin-left: 4px; font-size: 22px; position: relative; top: 5px; }
.header__navitemlink__contact::before { height: 3px; background: #FFF; }

#gNavi { width: auto; padding-top: 0; position: inherit; }
#gNavi ul { width: inherit; margin-left: inherit; margin-right: inherit; letter-spacing: normal; }

nav .globalmenu { display: flex; align-items: center; flex-flow: nowrap; }

/* メガメニュースタイル */
.megamenu__link.is-active::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); }

.megamenu__link.is-active + .megamenu__content { opacity: 1; visibility: visible; top: 90px; transition: all 0.6s; }

.megamenu__link.is-active::after { content: '\e5ce'; display: inline-block; width: 16px; font-family: 'Material Icons'; font-size: 20px; font-weight: 700; color: #315996; vertical-align: middle; transition: 0.4s; position: relative; bottom: 1px; }

.megamenu__link::after { content: '\e5cf'; display: inline-block; width: 16px; font-family: 'Material Icons'; font-size: 20px; font-weight: 700; color: #315996; vertical-align: middle; transition: 0.4s; position: relative; bottom: 1px; }
.megamenu__content { width: 100%; background-color: #FFF; position: absolute; top: 50px; left: 0; visibility: hidden; opacity: 0; transition: 0.6s; }
.megamenu__inner { width: 90%; margin: 0 auto; max-width: 1200px; }
.megamenu__inner-pro { display: flex; justify-content: space-between; width: 90%; margin: 0 auto; padding: 1.75em 0 2em 0; max-width: 1200px; }
.megamenu__menu { width: 93%; }
.megamenu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; align-items: center; text-align: left !important; }
.megamenu__list-pro { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: center; -ms-flex-wrap: nowrap; flex-wrap: nowrap; text-align: left !important; margin-bottom: 1.5em; }
.megamenu__item:hover .megamenu__submenu { right: 0; opacity: 1; visibility: visible; transition: 0.6s; }
.megamenu__itemlink { padding: 2.3em 2em; height: 100%; display: block; font-size: 1.07em; font-weight: 500; white-space: nowrap; transition: 0.6s; }
.megamenu__itemlink:hover, .megamenu__itemlink:focus { color: #FFF; background-color: #315996; }
.megamenu__itemlink__sol { padding: 2.3em 1.25em; }
.megamenu__itemlink br { display: none; }
.megamenu__itemlink-pro { width: 93%; padding: 0 1em; height: 100%; display: flex; align-items: center; font-weight: 500; white-space: wrap; background-color: #EAEEF4; position: relative; transition: 0.6s; }
.megamenu__itemlink-pro::before { content: '\e5df'; font-family: 'Material Icons'; font-size: 33px; color: #FFF; vertical-align: bottom; position: absolute; left: -30px; transition: 0.4s; }
.megamenu__itemlink-pro:hover, .megamenu__itemlink-pro:focus { color: #FFF; background-color: #315996; }
.megamenu__itemlink-pro:hover::before, .megamenu__itemlink-pro:focus::before { transform: translateX(16px); transition: 0.4s; }
.megamenu__catelink { display: block; padding-right: 1.5em; padding-left: 1em; font-size: 1.33em; font-weight: 500; white-space: nowrap; transition: 0.6s; text-align: center; position: relative; z-index: 1; }
.megamenu__catelink span { display: block; font-size: 0.6em; color: #315996 !important; }
.megamenu__catelink::before { content: ""; position: absolute; bottom: -12px; left: 15px; height: 4px; width: calc(100% - 40px); background: #315996; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; z-index: -1; }
.megamenu__catelink:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.megamenu__cate { width: 80px; margin-right: 30px; padding: 0; white-space: nowrap; text-align: left; }
.megamenu__catelink-pro { display: inline-block; margin: 0 auto; font-size: 1.33em; font-weight: 500; white-space: nowrap; transition: 0.6s; text-align: center; position: relative; z-index: 1; }
.megamenu__catelink-pro span { display: block; font-size: 0.6em; color: #315996 !important; }
.megamenu__catelink-pro::before { content: ""; position: absolute; bottom: -12px; left: 0; height: 4px; width: calc(100%); background: #315996; -webkit-transform: scale(0, 1); transform: scale(0, 1); -webkit-transform-origin: left top; transform-origin: left top; -webkit-transition: -webkit-transform 0.3s; transition: -webkit-transform 0.3s; transition: transform 0.3s; transition: transform 0.3s, -webkit-transform 0.3s; z-index: -1; }
.megamenu__catelink-pro:hover::before { -webkit-transform: scale(1, 1); transform: scale(1, 1); }
.megamenu__submenu { width: 100%; position: absolute; top: 100%; right: 100%; padding: 0 2.5em 3em 2.5em; background: #FFF; visibility: hidden; opacity: 0; transition: 1.2s right, 1.2s opacity, 0.8s ease; z-index: -1; }
.megamenu__subcate { width: 15%; margin-right: 1.5%; }
.megamenu__sublist { width: 83.5% !important; margin: 0 auto !important; display: flex; /*justify-content: space-between;*/ justify-content: flex-start; flex-flow: wrap; }
.megamenu__subitem { width: 25%; margin-top: 3px; margin-bottom: 3px; }
.megamenu__subitemlink { display: flex; align-items: center; width: 100%; height: 100%; min-height: 60px; padding-right: 1.25em; padding-left: 0.75em; border-left: 1px solid #DDD; position: relative; font-size: 0.93em; font-weight: 500; line-height: 1.5em; text-align: left; white-space: normal; transition: 0.6s; }
.megamenu__subitemlink span { display: contents; color: #315996; }
.megamenu__subitemlink::before { content: '\e5df'; font-family: 'Material Icons'; font-size: 24px; font-weight: 400; color: #DDD; vertical-align: bottom; position: absolute; left: -10px; }
.megamenu__subitemlink:hover { color: #FFF; background-color: #315996; border-color: #FFF; transition: 0.6s; }
.megamenu__subitemlink:hover::before { color: #FFF; transition: 0.6s; }
.megamenu__subitemlink:hover span { color: #FFF; transition: 0.6s; }
.megamenu__subitemlink:hover::after { color: #FFF; }

@media screen and (max-width: 1280px) { .header__inner { width: 100%; padding: 0 2%; }
  .megamenu__inner { width: auto; margin: 0 2%; } }
@media screen and (max-width: 1180px) { .header__navitemlink { padding-right: 1em; padding-left: 1em; } }
@media screen and (max-width: 1080px) { .header__inner { padding-right: 1%; padding-left: 1%; }
  .header__logo a { width: 16rem; padding-top: 9px; padding-bottom: 8px; }
  .header__navitemlink { padding-right: 0.5em; padding-left: 0.5em; }
  .header__navitemlink::before { left: 8px; width: calc(100% - 16px); }
  .megamenu__itemlink { padding-right: 1.5em; padding-left: 1.5em; }
  .megamenu__itemlink__sol { padding: 1.6em 2em; }
  .megamenu__itemlink br { display: inherit; }
  .megamenu__subitem { width: 33.3%; }
  .megamenu__list-pro .inset__space25::after { width: 33.3% !important; } }
@media screen and (max-width: 880px) { .header__navitemlink { font-size: 1em; }
  .megamenu__inner-pro { flex-wrap: wrap; }
  .megamenu__cate { width: 100%; margin-right: 0; margin-bottom: 2em; }
  .megamenu__menu { width: 100%; }
  .megamenu__subcate { width: 18%; margin-right: 2%; }
  .megamenu__sublist { width: 80% !important; } }
@media screen and (max-width: 804px) { .header__inner { padding-right: 2%; padding-left: 2%; position: relative; }
  .header__logo a { width: 17.5rem; padding-top: 12px; padding-bottom: 12px; } }
/* ======== SP Navigation ======== */
@media screen and (max-width: 804px) { /* Hamburger Button */
  #menu_btn { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; top: inherit; right: 2%; background-color: #315996; background-image: none; }
  #menu_btn span { content: ""; display: block; width: 24px; height: 3px; border-radius: 1.5px; background-color: #FFF; position: absolute; transition: 0.4s; }
  #menu_btn span::before, #menu_btn span::after { content: ""; display: block; width: 24px; height: 3px; border-radius: 1.5px; background-color: #FFF; position: absolute; transition: 0.4s; }
  #menu_btn span::before { bottom: 8px; }
  #menu_btn span::after { top: 8px; }
  #menu_btn.active { background-position: inherit; }
  #menu_btn.active span { background-color: rgba(225, 225, 225, 0); transition: 0.6s; }
  #menu_btn.active span::before { bottom: 0; transform: rotate(45deg); transition: 0.4s; }
  #menu_btn.active span::after { top: 0; transform: rotate(135deg); transition: 0.4s; }
  /* Menu */
  #slide_menu { z-index: -1; /*スクロールバー非表示*/ -ms-overflow-style: none; scrollbar-width: none; }
  #slide_menu::-webkit-scrollbar { display: none; }
  #sp_menu { font-size: 15px; }
  #sp_menu ul li a.active { color: #315996; }
  #sp_menu ul#sp_gnavi li p { margin-top: 0; }
  #sp_menu ul#sp_gnavi li p.mainMenu a { display: inline-block; padding: 0; background-color: inherit; }
  #sp_menu ul#sp_gnavi li ul li.subcategory { margin-top: 10px; }
  #sp_menu ul#sp_gnavi li ul li.subcategory a { font-size: 0.93em; font-weight: 600; }
  #sp_menu ul#sp_gnavi li ul li.page a { padding-left: 1.25em; font-size: 0.93em; font-weight: 400; position: relative; }
  #sp_menu ul#sp_gnavi li ul li.page a::before { content: '\f108'; font-family: 'Material Icons'; font-size: 12px; font-weight: 400; vertical-align: bottom; position: absolute; left: 1px; }
  #sp_menu ul#sp_gnavi > li { margin: 0 16px; padding: 20px 8px; border-top: 1px solid #EAEEF4; }
  #sp_menu ul li { margin-bottom: 0; }
  #sp_menu ul li p { position: relative; padding: 0; font-size: inherit; color: inherit; font-weight: 600; background-color: inherit; background-image: none; }
  #sp_menu ul li p.active { color: #315996; background-color: inherit; background-image: none; }
  #sp_menu ul li p:hover { color: inherit; background-color: inherit; }
  #sp_menu ul li p::after { content: '\e147'; font-family: 'Material Icons'; font-size: 30px; font-weight: 400; color: #999; vertical-align: bottom; position: absolute; top: 3px; right: 0; }
  #sp_menu ul li p.active::after { content: '\e15c'; color: #222; }
  #sp_menu ul li ul.subMenu2 { padding: 0; }
  #sp_menu ul li ul.subMenu2 li a { padding: 0; font-size: inherit; }
  #sp_menu ul li ul li { margin-bottom: 0; padding: 5px 0; }
  #sp_menu ul li ul li a { padding: 0; background-image: none; }
  #sp_menu ul li a { padding: 0 0 0 0; color: inherit; font-size: inherit; font-weight: 600; line-height: 1.5em; background-color: inherit; }
  #sp_menu ul li a:hover { color: inherit; background-color: inherit; } }
/* Footer
================================================ */
.footer__outer { width: 100%; margin-top: 100px; padding-top: 4em; padding-bottom: 4em; background-color: #FFF; }
.footer__inner { display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 1200px; margin: 0 auto; position: relative; }
.footer__corpinfo { width: 27%; margin-right: 8%; }
.footer__corpinfo ul li { margin-top: 5px; }
.footer__rogo img { width: 100%; }
.footer__social { display: flex; align-items: center; gap: 1em; margin-top: 2.5em; }
.footer__social p { margin-top: 0; font-weight: 600; }
.footer__social img { max-width: 100%; }
.footer__sitemap { width: 65%; font-size: 0.93em; gap: 1em; }
.footer__sitemap ul { min-width: 6em; margin-top: 20px; }
.footer__sitemap ul li { margin-top: 12px; }
.footer__sitemap ul li.catetop { font-weight: 600; }
.footer__sitemap ul li.under { padding-left: 1em; position: relative; }
.footer__sitemap ul li.under::before { content: "--"; position: absolute; top: -2px; left: 0; }
.footer__security { position: relative; margin-top: 1.75em; }
.footer__p-mark { position: absolute; bottom: 0; right: 0; width: 20%; }
.footer__p-mark img { width: 100%; height: auto; }

p.credit { display: block; width: 100%; margin-top: 1em; text-align: right; }

@media screen and (max-width: 1280px) { .footer__inner { margin: 0 40px; } }
@media screen and (max-width: 1080px) { .footer__corpinfo { width: 35%; margin-right: 5%; }
  .footer__sitemap { width: 60%; } }
@media screen and (max-width: 880px) { .footer { font-size: 0.93em; }
  .footer__corpinfo { width: 30%; }
  .footer__sitemap { width: 65%; }
  .footer__p-mark { position: inherit; margin-top: 1em; } }
@media screen and (max-width: 804px) { .footer__outer { padding-top: 3.5em; padding-bottom: 100px; }
  .footer__inner { margin: 0 12%; }
  .footer__corpinfo { width: 70%; margin: 0 auto; }
  .footer__rogo { text-align: center; }
  .footer__rogo img { max-width: 330px; }
  .footer__sitemap { display: none; }
  .footer__p-mark { width: inherit; position: absolute; }
  .footer__p-mark img { width: 64px; }
  p.credit { position: inherit; margin-top: 2em; text-align: center; } }
@media screen and (max-width: 599px) { .footer__inner { margin-right: 6%; margin-left: 6%; }
  .footer__corpinfo { width: 100%; } }
@media screen and (max-width: 450px) { .footer__rogo img { width: 100%; } }
/* ======== PageTop  ======== */
#pageTop { width: auto; height: auto; right: 1em; bottom: 2em; }
#pageTop .pagetop__arrow { width: 3.5em; height: 3.5em; padding: 0.5em; background-color: #019FE0; border-radius: 0.25em; transition: 0.6s; }
#pageTop .pagetop__arrow:hover { opacity: 1; transition: 0.6s; transform: translateY(-0.5em); }

@media screen and (max-width: 804px) { #pageTop { right: 0.5em; bottom: 7.5em; }
  #pageTop a { display: inherit; width: inherit; height: inherit; text-indent: inherit; background-image: none; background-size: inherit; opacity: 1; }
  #toppage .footer__outer, #c-subcategory .footer__outer, #c-underlayer .footer__outer, #contact .footer__outer, .cate-csr .footer__outer { padding-bottom: 3em; }
  #toppage #pageTop, #c-subcategory #pageTop, #c-underlayer #pageTop, #contact #pageTop, .cate-csr #pageTop { bottom: 2em; } }
/* Contents
================================================ */
/* ======== Top page ======== */
.section .ttl { margin-bottom: 0; }
.section#sec_service .txt h5 { font-weight: 500; }
.section#sec_service .txt p { margin-top: 1em; }
.section#sec_news { background-color: #FFF; padding: 40px 0 180px 0; }
.section#sec_news::after { background-color: #FFF; }
.section#sec_news .ttl { margin-bottom: 4em; }
.section#sec_news .ttl h3 span { background-color: #FFF; }
.section#sec_news .article:last-child { margin-bottom: 0; }
.section#sec_csr { background-color: #EAEEF4; }
.section#sec_csr::after { background-color: #EAEEF4; }
.section#sec_csr .ttl h3 span { background-color: #EAEEF4; }
.section#sec_csr .info_bnr { margin: 0 !important; }
.section#sec_csr .info_bnr ul { margin-top: 3em; flex-wrap: wrap; gap: 2em; }

@media screen and (max-width: 1280px) { .section .inner { max-width: inherit; margin: 0 40px; } }
@media screen and (max-width: 804px) { .section .inner { margin: 0 24px; padding: 0; }
  .section .ttl h3 { margin-bottom: -10px; }
  .section .ttl h3 strong { margin-bottom: -8px; font-size: 2.04em; }
  .section .ttl h3 span { font-size: 0.75em; }
  .section#sec_news { padding: 20px 0 100px 0; }
  .section#sec_news .ttl h3 { margin-bottom: -10px; }
  .section#sec_news #event { margin-top: 4em; }
  .section#sec_about { padding: 40px 0 100px 0; }
  .link__about__txt { font-size: 1em; top: 30%; }
  .link__about__txt strong { font-size: 2.71em; display: block; } }
@media screen and (max-width: 599px) { .section#sec_service ul li { margin-top: 3em; padding-top: 3em; border-top: 2px solid #EAEEF4; }
  .section#sec_service ul li:first-child { margin-top: 4em; padding-top: 0; border-top: none; }
  .section#sec_service .txt h4 { min-height: inherit; }
  .section#sec_service .txt h4.mini { line-height: inherit; }
  .section#sec_csr .info_bnr ul { justify-content: space-between; gap: 0; }
  .section#sec_csr .info_bnr .item__bnr { width: 47.5%; }
  .section#sec_csr .info_bnr .item__bnr img { width: 100%; height: auto; }
  .section#sec_csr .info_bnr .item__btn { width: 100%; margin: 2em auto 0 auto; display: block; } }
#toppage #container { margin-top: 40px; }
#toppage .section .inner #news { margin-right: 0; }
#toppage .l-column__boxTypeS__half { width: 47.5% !important; }
#toppage .l-column__boxTypeS__quarter { width: 23%; margin-top: 4em; }
#toppage .l-column__boxTypeS__quarter .txt h4 { font-size: 1.6em; }
#toppage .col4 { margin-bottom: 0; }
#toppage .col4 li { margin-bottom: 0; }
#toppage .info_link { margin-top: 4em; padding-top: 0; clear: inherit; }

@media screen and (max-width: 804px) { #toppage #container { margin-top: 20px; }
  #toppage #container #main { height: 435px; padding-top: 0; }
  #toppage #container #main .slick li a { height: 420px; }
  #toppage #container #main .slick-dots { bottom: 35px; }
  #toppage .l-column__boxTypeS__half { width: 100% !important; }
  #toppage .l-column__boxTypeS__quarter { width: 47.5%; } }
/* ======== Container ======== */
.main-container { padding-top: 90px; }

@media screen and (max-width: 804px) { .main-container { padding-top: 70px; } }
/* ======== Breadcrumbs  ======== */
.l-breadcrumb { max-width: 90%; margin: 0 auto; }
.l-breadcrumb ul { display: flex; flex-wrap: wrap; }
.l-breadcrumb ul li { padding: 2.4rem 0 2.6rem; font-size: 0.93em; white-space: nowrap; }
.l-breadcrumb ul li::after { content: "--"; padding: 0 8px; }
.l-breadcrumb ul li:last-child::after { content: ""; }
.l-breadcrumb ul li a { color: #315996; }

@media screen and (max-width: 1280px) { .l-breadcrumb { width: auto; margin: 0 40px; } }
@media screen and (max-width: 804px) { .l-breadcrumb { width: 100%; max-width: inherit; margin: 0; padding: 0 2%; }
  .l-breadcrumb ul li { padding: 1.25rem 0; } }
/* ======== Eye Catch ======== */
.l-eyecatch__inner { max-width: 1200px; margin: 0 auto; }
.l-eyecatch__btn-pagelink { display: flex; flex-flow: nowrap; gap: 1em; padding-top: 8em; font-size: 1.13em; }
.l-eyecatch__btn-pagelink li a { display: block; padding: 1.25em 1.5em; font-weight: 500; background-color: #FFF; border-top-left-radius: 16px; border-top-right-radius: 16px; transition: 0.4s; }
.l-eyecatch__btn-pagelink li a.active { color: #FFF; background-color: #315996; }
.l-eyecatch__btn-pagelink li a.active:hover { color: #FFF; }
.l-eyecatch__btn-pagelink li a:hover { color: #315996; transform: translateY(5px); }

@media screen and (max-width: 1280px) { .l-eyecatch__inner { margin: 0 40px; } }
@media screen and (max-width: 804px) { .l-eyecatch__inner { margin: 0 5%; }
  .l-eyecatch__btn-pagelink { display: inherit; margin-bottom: 2em; padding-top: 6em; }
  .l-eyecatch__btn-pagelink li a { margin-bottom: 0.5em; padding-top: 1em; padding-bottom: 1em; border-radius: 4em; }
  .l-eyecatch__btn-pagelink li a:hover { transform: translateX(8px); } }
#c-category .l-eyecatch__img { max-width: 1520px; height: 24em; margin: 0 auto; }
#c-category .l-eyecatch__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; }
#c-category .l-eyecatch__ttl { max-width: 1160px; margin: -170px auto 0 auto; }
#c-category .l-eyecatch__boxttl { display: inline-block; padding: 35px 48px 30px 48px; font-size: 2.8em; font-weight: 500; color: #FFF; text-align: center; background-color: #315996; border-radius: 16px; }
#c-category .l-eyecatch__boxttl span { display: block; font-size: 0.38em; }
#c-category .l-eyecatch__boxttl span::before { content: "・"; display: block; font-size: 3em; color: #019FE0; line-height: 1em; padding-bottom: 5px; }
#c-category .l-eyecatch__body { display: flex; justify-content: space-between; margin-top: 7em; }
#c-category .l-eyecatch__body h2 { width: 55%; }
#c-category .l-eyecatch__body p { width: 41%; margin-top: 1em; margin-left: 4%; font-size: 1.07em; font-weight: 500; }

@media screen and (max-width: 1600px) { #c-category .l-eyecatch__img { width: 100%; max-width: inherit; padding: 0 2%; } }
@media screen and (max-width: 1280px) { #c-category .l-eyecatch__img { height: 20em; }
  #c-category .l-eyecatch__ttl { padding: 0 5%; }
  #c-category .l-eyecatch__body h2 br { display: none; } }
@media screen and (max-width: 880px) { #c-category .l-eyecatch__ttl { margin-top: -145px; }
  #c-category .l-eyecatch__boxttl { padding-right: 40px; padding-left: 40px; font-size: 2.28em; }
  #c-category .l-eyecatch__body h2 { font-size: 2em; } }
@media screen and (max-width: 804px) { #c-category .l-eyecatch__body { display: inherit; }
  #c-category .l-eyecatch__body h2 { width: 100%; font-size: 2em; }
  #c-category .l-eyecatch__body p { width: 100%; margin-top: 2em; margin-left: 0; } }
#c-underlayer .l-eyecatch__img { max-width: 1520px; height: 20em; margin: 0 auto; }
#c-underlayer .l-eyecatch__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; }
#c-underlayer .l-eyecatch__inner { display: flex; align-items: flex-end; }
#c-underlayer .l-eyecatch__inner h2 { margin-left: 1em; color: #FFF; }
#c-underlayer .l-eyecatch__ttl { max-width: 1160px; margin: -160px auto 0 auto; }
#c-underlayer .l-eyecatch__boxttl { display: inline-block; padding: 35px 48px 30px 48px; font-size: 2.4em; font-weight: 500; color: #FFF; text-align: center; background-color: #315996; border-radius: 16px; }
#c-underlayer .l-eyecatch__boxttl span { display: block; font-size: 0.38em; }
#c-underlayer .l-eyecatch__boxttl span::before { content: "・"; display: block; font-size: 3em; color: #019FE0; line-height: 1em; padding-bottom: 5px; }
#c-underlayer .l-eyecatch__body { display: flex; justify-content: space-between; }
#c-underlayer .l-eyecatch__body p { width: 43%; margin-top: 10px; font-size: 1.07em; font-weight: 500; }

@media screen and (max-width: 1600px) { #c-underlayer .l-eyecatch__img { width: 100%; max-width: inherit; padding: 0 2%; } }
@media screen and (max-width: 1280px) { #c-underlayer .l-eyecatch__img { height: 16em; } }
@media screen and (max-width: 599px) { #c-category .l-eyecatch__img, #c-underlayer .l-eyecatch__img { height: 12em; }
  #c-category .l-eyecatch__ttl, #c-underlayer .l-eyecatch__ttl { margin-top: -120px; }
  #c-category .l-eyecatch__boxttl, #c-underlayer .l-eyecatch__boxttl { padding: 1em 1.25em; font-size: 2em; }
  #c-category .l-eyecatch__boxttl span::before, #c-underlayer .l-eyecatch__boxttl span::before { line-height: 0.75em; }
  #c-category .l-eyecatch__body, #c-underlayer .l-eyecatch__body { margin-top: 5em; } }
#c-subcategory .l-eyecatch__wrap { width: 100%; margin-top: 4.67em; }
#c-subcategory .l-eyecatch__body { display: flex; justify-content: space-between; flex-wrap: wrap; margin-top: 5em; position: relative; }
#c-subcategory .l-eyecatch__txt { width: 50%; }
#c-subcategory .l-eyecatch__img { width: 44%; height: auto; position: absolute; right: 0; bottom: 0; }
#c-subcategory .l-eyecatch__img img { width: 100%; height: 100%; object-fit: cover; border-radius: 24px; }
#c-subcategory .l-eyecatch__ttl { margin-top: 0.5em; font-size: 3.07em; font-weight: 600; }
#c-subcategory .l-eyecatch__ttl__sub { padding-top: 8px; padding-left: 26px; color: #777; font-size: 1.6em; font-weight: 600; position: relative; }
#c-subcategory .l-eyecatch__ttl__sub::before { content: ""; width: 16px; height: 24px; border-top: 24px solid #019FE0; border-right: 16px solid transparent; position: absolute; top: 0; left: 0; }
#c-subcategory .l-eyecatch__leadtxt { font-size: 1.2em; font-weight: 600; line-height: 1.5em; }
#c-subcategory .l-contents__inner section { padding-top: 40px; padding-bottom: 100px; border-bottom: 2px solid #333; }
#c-subcategory .l-contents__inner section:first-child { padding-top: 100px; }
#c-subcategory .l-contents__inner section:last-child { padding-bottom: 0; border-bottom: none; }

@media screen and (max-width: 880px) { #c-subcategory .l-eyecatch__img { bottom: inherit; top: 0; } }
@media screen and (max-width: 804px) { #c-subcategory .l-eyecatch__ttl { font-size: 2.57em; }
  #c-subcategory .l-eyecatch__ttl__sub { padding-left: 18px; font-size: 1.36em; }
  #c-subcategory .l-contents__inner section:first-child { padding-top: 70px; } }
@media screen and (max-width: 599px) { #c-subcategory .l-eyecatch__body { display: inherit; margin-top: 4em; }
  #c-subcategory .l-eyecatch__txt { width: 100%; }
  #c-subcategory .l-eyecatch__img { width: 100%; margin-top: 2em; position: inherit; } }
#c-product .l-eyecatch__body { display: flex; justify-content: space-between; margin-top: 4.67em; position: relative; }
#c-product .l-eyecatch__body p { width: 100%; margin-top: 2em; font-weight: 400; }
#c-product .l-eyecatch__ttl { width: 100%; margin-bottom: 110px; font-size: 2.8em; font-weight: 600; line-height: 1.5em; color: #315996; text-align: center; position: relative; }
#c-product .l-eyecatch__ttl span::before { content: "“ "; color: #315996; }
#c-product .l-eyecatch__ttl span::after { content: " ”"; color: #315996; }
#c-product .l-eyecatch__ttl::before { content: ''; position: absolute; left: 50%; bottom: -50px; display: inline-block; width: 2em; height: 1px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background-color: #333; }
#c-product .l-eyecatch__ttl sup { font-size: 0.5em; top: -0.7em; }
#c-product .l-eyecatch__ttl__bid br.bid { display: none; }
#c-product .l-eyecatch__txt { width: 50%; }
#c-product .l-eyecatch__txt__bid, #c-product .l-eyecatch__txt__ha { width: 52%; }
#c-product .l-eyecatch__leadtxt { font-size: 1.33em; font-weight: 500; line-height: 1.5em; text-align: center; }
#c-product .l-eyecatch__leadtxt__fx { display: flex; justify-content: center; align-items: center; }
#c-product .l-eyecatch__leadtxt__fx span { display: block; text-align: left; padding-left: 1.5em; }
#c-product .l-eyecatch__leadtxt__fx span.bid { padding-left: 1em; }
#c-product .l-eyecatch__img { width: 45%; }
#c-product .l-contents__inner section { padding-top: 40px; padding-bottom: 100px; border-bottom: 2px solid #333; }
#c-product .l-contents__inner section:first-child { padding-top: 100px; }
#c-product .l-contents__inner section:last-child { padding-bottom: 0; border-bottom: none; }

@media screen and (max-width: 1080px) { #c-product .l-eyecatch__leadtxt__fx span { padding-left: 0; }
  #c-product .l-eyecatch__leadtxt__fx span.bid, #c-product .l-eyecatch__leadtxt__fx span.ha { padding-left: 0; }
  #c-product .l-eyecatch__leadtxt__fx span br { display: none; }
  #c-product .l-eyecatch__leadtxt__bid, #c-product .l-eyecatch__leadtxt__ha { display: inherit; }
  #c-product .l-eyecatch__leadtxt__bid span, #c-product .l-eyecatch__leadtxt__ha span { margin-top: 1.5em; }
  #c-product .l-eyecatch__leadtxt__ha span { text-align: center; }
  #c-product .l-eyecatch__leadtxt__ha span br { display: inherit; } }
@media screen and (max-width: 880px) { #c-product .l-eyecatch__ttl { font-size: 2.5em; }
  #c-product .l-eyecatch__body { display: inherit; }
  #c-product .l-eyecatch__leadtxt__fx { display: inherit; }
  #c-product .l-eyecatch__leadtxt__fx img { margin-top: 1em; }
  #c-product .l-eyecatch__leadtxt__fx span { margin-top: 1.5em; padding-left: 0; text-align: center; }
  #c-product .l-eyecatch__txt { width: 100%; }
  #c-product .l-eyecatch__txt__bid, #c-product .l-eyecatch__txt__ha { width: 100%; }
  #c-product .l-eyecatch__img { width: 60%; margin: 40px auto 0 auto; } }
@media screen and (max-width: 804px) { #c-product .l-contents__inner section { padding-bottom: 70px; }
  #c-product .l-contents__inner section:first-child { padding-top: 70px; } }
@media screen and (max-width: 599px) { #c-product .l-eyecatch__ttl__bid br.bid { display: inherit; } }
/*-- 非公開分／受託開発事例ページ（ここから） --*/
/*--
#c-case { .l-eyecatch { &__body { display: flex; justify-content: space-between; margin-top: 4.67em; position: relative; p { width: 100%; margin-top: 2em; font-weight: 400; } } &__cate { .cate { &__ttl { width: 12em; margin-top: 0; margin-right: 1em; padding: 0.3em 0 0.4em; font-size: 1.2em; font-weight: 600; color: #FFF; text-align: center; background-color: #019FE0; border-radius: 20px; display: block; } &__class { margin-top: 0; font-size: 1.2em; font-weight: 500; display: block; &::before { content: ""; width: 12px; height: 12px; margin-right: 0.9em; background-color: #019FE0; border-radius: 6px; display: inline-block; position: relative; bottom: 2px; } } } } &__ttl { width: 100%; margin-bottom: 1.5em; font-size: 2.8em; font-weight: 600; line-height: 1.5em; color: #315996; position: relative; span { &::before { content: "“ "; color: #315996; } &::after { content: " ”"; color: #315996; } } } &__txt { width: 54%; } &__leadtxt { font-size: 1.33em; font-weight: 500; line-height: 1.5em; } &__img { width: 40%; } } .column-ttl { &__sub { margin-bottom: 0.75em; padding-left: 14px; color: #777; font-size: 1rem; font-weight: 700; position: relative; &::before { content: ""; width: 10px; height: 15px; border-top: 15px solid #019FE0; border-right: 10px solid transparent; position: absolute; top: 0; left: 0; } } &__main { padding-left: 0.5em; font-size: 2.2em; font-weight: 500; } } .l-column { &__boxTypeA { display: flex; justify-content: space-between; &__l { width: 17%; } &__r { width: 82%; padding-left: 2.5em; border-left: 2px solid #019FE0; .h3lead { margin-bottom: 0.75em; padding-top: 0.25em; font-size: 1.6em; } } } p { margin-top: 0; } } #inquiry { .l-column { p { margin-top: 60px; } &__btn { text-align: center; a { &.contact { padding: 1.4em 2.5em 1.6em; font-size: 1.2em; font-weight: 500; color: #FFF; background-color: #315996; border-radius: 8px; display: inline-block; } } } } .column-ttl { &__sub { margin-bottom: 0.75em; padding-top: 4px; padding-left: 20px; color: #777; font-size: 1.33em; font-weight: 600; position: relative; &::before { content: ""; width: 12px; height: 18px; border-top: 18px solid #019FE0; border-right: 12px solid transparent; position: absolute; top: 0; left: 0; } } } }
}
--*/
/*-- （ここまで） --*/
/* ======== Content body ======== */
#container { margin-top: 100px; /*margin-top: 40px;*/ padding-bottom: 0; background-color: inherit; }

@media screen and (max-width: 880px) { #container { margin-top: 70px; } }
.l-contents__outer { overflow: hidden; }
.l-contents__inner { max-width: 1200px; margin: 0 auto; position: relative; }
.l-contents__inner section { padding-top: 100px; }
.l-contents__inner section.sidenav { width: 80%; }
.l-contents__inner section.news-sidenav { width: 85%; }
.l-contents__column { padding-bottom: 100px; }
.l-contents__column__bgc-w { margin: 0 calc(50% - 50vw); padding: 0 calc(50vw - 50%); background-color: #FFF; border-top-left-radius: 88px; border-bottom-right-radius: 88px; padding-bottom: 100px; }

@media screen and (max-width: 1280px) { .l-contents__inner { margin: 0 40px; } }
@media screen and (max-width: 1080px) { .l-contents__inner section.sidenav { width: 75%; } }
@media screen and (max-width: 880px) { .l-contents__inner section { padding-top: 70px; }
  .l-contents__inner section.news-sidenav { width: 82%; } }
@media screen and (max-width: 804px) { .l-contents__inner { margin: 0 24px; }
  .l-contents__inner section.sidenav { width: 100%; }
  .l-contents__column__bgc-w { padding-bottom: 70px; border-top-left-radius: 48px; border-bottom-right-radius: 48px; } }
@media screen and (max-width: 599px) { .l-contents__inner section.news-sidenav { width: 100%; } }
.column-ttl__main { font-size: 2.4em; font-weight: 600; }
.column-ttl__main a { position: relative; transition: 0.4s; }
.column-ttl__main a::after { content: '\e5c8'; font-family: 'Material Icons'; font-size: 1em; font-weight: 400; color: #019FE0; position: absolute; bottom: 5px; visibility: hidden; opacity: 0; margin-left: 30px; transition: all 500ms ease-in-out; }
.column-ttl__main a:hover { color: #777; }
.column-ttl__main a:hover::after { visibility: visible; margin-left: 5px; opacity: 1; }

@media screen and (max-width: 804px) { .column-ttl__main { font-size: 2em; } }
#c-category .l-column__layTypeA, #c-underlayer .l-column__layTypeA { width: 80%; margin-top: 4em; margin-left: 20%; }
#c-category .l-column__layTypeA__ct-message, #c-underlayer .l-column__layTypeA__ct-message { display: flex; justify-content: space-between; flex-wrap: wrap; }
#c-category .l-column__layTypeA__ct-message p, #c-underlayer .l-column__layTypeA__ct-message p { margin-top: 1em; }
#c-category .l-column__layTypeA__ct-message .txtarea, #c-underlayer .l-column__layTypeA__ct-message .txtarea { width: 70%; }
#c-category .l-column__layTypeA__ct-message .imgarea, #c-underlayer .l-column__layTypeA__ct-message .imgarea { width: 25%; }
#c-category .l-column__layTypeA__ct-message .imgarea img, #c-underlayer .l-column__layTypeA__ct-message .imgarea img { width: 100%; }
#c-category .l-column__layTypeA__philosophy p, #c-underlayer .l-column__layTypeA__philosophy p { margin-top: 1em; margin-bottom: 2em; }
#c-category .l-column__layTypeA h4, #c-underlayer .l-column__layTypeA h4 { font-size: 1.2em; font-weight: 600; }
#c-category .l-column__layTypeA__w-harf, #c-underlayer .l-column__layTypeA__w-harf { width: 47.5%; margin-top: 3.33em; }
#c-category .l-column__layTypeB, #c-underlayer .l-column__layTypeB { width: 100%; margin-top: 3.33em; }
#c-category .l-column__layTypeB__csr, #c-underlayer .l-column__layTypeB__csr { display: flex; justify-content: space-between; flex-wrap: wrap; }
#c-category .l-column__layTypeB__csr .imgarea, #c-underlayer .l-column__layTypeB__csr .imgarea { width: 30%; }
#c-category .l-column__layTypeB__csr .imgarea img, #c-underlayer .l-column__layTypeB__csr .imgarea img { width: 100%; }
#c-category .l-column__layTypeB__csr .txtarea, #c-underlayer .l-column__layTypeB__csr .txtarea { width: 65%; position: relative; }
#c-category .l-column__layTypeA .box-greyA, #c-category .l-column__layTypeB .box-greyA, #c-underlayer .l-column__layTypeA .box-greyA, #c-underlayer .l-column__layTypeB .box-greyA { padding: 40px 32px; background-color: #EAEEF4; border-radius: 32px; }
#c-category .l-column__layTypeA .box-greyB, #c-category .l-column__layTypeB .box-greyB, #c-underlayer .l-column__layTypeA .box-greyB, #c-underlayer .l-column__layTypeB .box-greyB { padding: 50px 48px; background-color: #EAEEF4; border-radius: 32px; }
#c-category .l-column__boxTypeS__full, #c-underlayer .l-column__boxTypeS__full { width: 100%; margin-top: 3.33em; }
#c-category .l-column__boxTypeS__half, #c-underlayer .l-column__boxTypeS__half { width: 47.5%; margin-top: 3.33em; }
#c-category .l-column__boxTypeS__half2, #c-underlayer .l-column__boxTypeS__half2 { width: 48%; margin-top: 3.33em; }
#c-category .l-column__boxTypeS__onethird, #c-underlayer .l-column__boxTypeS__onethird { width: 30%; margin-top: 3.33em; }
#c-category .column-ttl__sub, #c-underlayer .column-ttl__sub { display: flex; margin-bottom: 35px; font-size: 1.2em; font-weight: 600; color: #315996; line-height: 1.5em; position: relative; }
#c-category .column-ttl__sub span, #c-underlayer .column-ttl__sub span { padding-right: 8px; z-index: 2; }
#c-category .column-ttl__sub::after, #c-underlayer .column-ttl__sub::after { content: ""; width: 100%; height: 2px; background-color: #315996; position: absolute; bottom: 6px; right: 0; }
#c-category .table__wrap:last-child, #c-underlayer .table__wrap:last-child { padding-bottom: 15px; border-bottom: 1px solid #CCC; }

@media screen and (max-width: 1080px) { #c-category .l-column__layTypeB__csr .imgarea { width: 47.5%; }
  #c-category .l-column__layTypeB__csr .txtarea { width: 47.5%; } }
@media screen and (max-width: 880px) { #c-category .l-column__layTypeA .box-greyA { padding: 28px; border-radius: 24px; } }
@media screen and (max-width: 804px) { #c-category .l-column__layTypeA__ct-message .txtarea { width: 100%; }
  #c-category .l-column__layTypeA__ct-message .imgarea { width: auto; display: block; margin: 2em auto 0 auto; } }
@media screen and (max-width: 599px) { #c-category .l-column__layTypeA { width: 100%; margin-left: 0; }
  #c-category .l-column__layTypeB__csr .imgarea { width: 100%; }
  #c-category .l-column__layTypeB__csr .txtarea { margin-top: 2em; width: 100%; } }
@media screen and (max-width: 450px) { #c-category .l-column__layTypeA__w-harf, #c-underlayer .l-column__layTypeA__w-harf { width: 100%; }
  #c-category .l-column__boxTypeS__half2, #c-underlayer .l-column__boxTypeS__half2 { width: 100%; } }
#c-subcategory .column-ttl__sub, #c-product .column-ttl__sub { margin-bottom: 0.75em; padding-top: 4px; padding-left: 20px; color: #777; font-size: 1.33em; font-weight: 600; position: relative; }
#c-subcategory .column-ttl__sub::before, #c-product .column-ttl__sub::before { content: ""; width: 12px; height: 18px; border-top: 18px solid #019FE0; border-right: 12px solid transparent; position: absolute; top: 0; left: 0; }
#c-subcategory .l-column__boxTypeS__full, #c-product .l-column__boxTypeS__full { width: 100%; margin-top: 3.33em; }
#c-subcategory .l-column__boxTypeS__full h4, #c-product .l-column__boxTypeS__full h4 { font-size: 1.07em; font-weight: 600; }
#c-subcategory .l-column__boxTypeS__half, #c-product .l-column__boxTypeS__half { width: 47.5%; margin-top: 3.33em; }
#c-subcategory .l-column__boxTypeS__onethird, #c-product .l-column__boxTypeS__onethird { width: 30%; margin-top: 3.33em; }
#c-subcategory .l-column__boxTypeA__full, #c-product .l-column__boxTypeA__full { width: 100%; margin-top: 3.33em; }
#c-subcategory .l-column__boxTypeA__full .ttl-num, #c-product .l-column__boxTypeA__full .ttl-num { font-family: "Arial Black", Gadget, "sans-serif"; font-size: 1.33em; line-height: 0.7em; color: #CCC; border-top: 1px solid #CCC; }
#c-subcategory .l-column__boxTypeA__full h3, #c-product .l-column__boxTypeA__full h3 { margin-top: 20px; padding-left: 24px; color: #315996; }
#c-subcategory .l-column__boxTypeA__full h4, #c-product .l-column__boxTypeA__full h4 { font-size: 1.07em; font-weight: 600; }
#c-subcategory .l-column__boxTypeA__full .boxTypeA, #c-product .l-column__boxTypeA__full .boxTypeA { display: flex; justify-content: space-between; flex-wrap: wrap; }
#c-subcategory .l-column__boxTypeA__full .boxTypeA__txtarea, #c-product .l-column__boxTypeA__full .boxTypeA__txtarea { width: 49%; margin-top: 1.5em; padding-left: 24px; }
#c-subcategory .l-column__boxTypeA__full .boxTypeA__txtarea p, #c-product .l-column__boxTypeA__full .boxTypeA__txtarea p { margin-top: 0; }
#c-subcategory .l-column__boxTypeA__full .boxTypeA__imgarea, #c-product .l-column__boxTypeA__full .boxTypeA__imgarea { width: 46%; margin-top: 30px; }
#c-subcategory .l-column__boxTypeA__half, #c-product .l-column__boxTypeA__half { width: 47.5%; margin-top: 3.33em; }
#c-subcategory .l-column__boxTypeA__half .ttl-num, #c-product .l-column__boxTypeA__half .ttl-num { font-family: "Arial Black", Gadget, "sans-serif"; font-size: 1.33em; line-height: 0.7em; color: #CCC; border-top: 1px solid #CCC; }
#c-subcategory .l-column__boxTypeA__half h3, #c-product .l-column__boxTypeA__half h3 { margin-top: 20px; padding-left: 24px; color: #315996; }
#c-subcategory .l-column__boxTypeA__half h4, #c-product .l-column__boxTypeA__half h4 { margin-top: 20px; padding-left: 24px; font-size: 1.13em; font-weight: 600; }
#c-subcategory .l-column__boxTypeA__half h4 span, #c-product .l-column__boxTypeA__half h4 span { display: block; margin-top: 15px; font-size: 0.88em; font-weight: 400; }
#c-subcategory .l-column__boxTypeA__half .boxTypeA__txtarea, #c-product .l-column__boxTypeA__half .boxTypeA__txtarea { margin-top: 1.5em; padding-left: 24px; }
#c-subcategory .l-column__boxTypeA__half .boxTypeA__txtarea p, #c-product .l-column__boxTypeA__half .boxTypeA__txtarea p { margin-top: 0; }
#c-subcategory .l-column__boxTypeA__half .boxTypeA__imgarea, #c-product .l-column__boxTypeA__half .boxTypeA__imgarea { margin-top: 30px; padding-left: 24px; }
#c-subcategory .l-column__boxTypeA__onethird, #c-product .l-column__boxTypeA__onethird { width: 31%; margin-top: 3.33em; }
#c-subcategory .l-column__boxTypeA__onethird .ttl-num, #c-product .l-column__boxTypeA__onethird .ttl-num { font-family: "Arial Black", Gadget, "sans-serif"; font-size: 1.33em; line-height: 0.7em; color: #CCC; border-top: 1px solid #CCC; }
#c-subcategory .l-column__boxTypeA__onethird h3, #c-product .l-column__boxTypeA__onethird h3 { margin-top: 20px; padding-left: 24px; color: #315996; }
#c-subcategory .l-column__boxTypeA__onethird .boxTypeA__txtarea, #c-product .l-column__boxTypeA__onethird .boxTypeA__txtarea { margin-top: 1.5em; padding-left: 24px; }
#c-subcategory .l-column__boxTypeA__onethird .boxTypeA__txtarea p, #c-product .l-column__boxTypeA__onethird .boxTypeA__txtarea p { margin-top: 0; }
#c-subcategory .l-column__boxTypeA__onethird .boxTypeA__txtarea img, #c-product .l-column__boxTypeA__onethird .boxTypeA__txtarea img { border-radius: 16px; }
#c-subcategory .l-column__boxTypeA__onethird .boxTypeA__imgarea, #c-product .l-column__boxTypeA__onethird .boxTypeA__imgarea { margin-top: 30px; padding-left: 24px; }
#c-subcategory .l-column__boxTypeA__img, #c-product .l-column__boxTypeA__img { margin-bottom: 2em; }
#c-subcategory .l-column__boxTypeA__img img, #c-product .l-column__boxTypeA__img img { width: 100%; height: auto; border-radius: 16px; }
#c-subcategory .l-column__boxTypeB, #c-product .l-column__boxTypeB { width: 100%; margin-top: 3.33em; padding: 2.67em; background-color: #FFF; border-radius: 24px; }
#c-subcategory .l-column__boxTypeB__w-full, #c-product .l-column__boxTypeB__w-full { width: 100%; }
#c-subcategory .l-column__boxTypeB__w-half, #c-product .l-column__boxTypeB__w-half { width: 47.5%; }
#c-subcategory .l-column__boxTypeB__w-onethird, #c-product .l-column__boxTypeB__w-onethird { width: 31%; }
#c-subcategory .l-column__boxTypeB__w-irre-r, #c-product .l-column__boxTypeB__w-irre-r { width: 65%; }
#c-subcategory .l-column__boxTypeB__w-irre-l, #c-product .l-column__boxTypeB__w-irre-l { width: 31%; }
#c-subcategory .l-column__boxTypeB h3, #c-product .l-column__boxTypeB h3 { margin-left: 18px; }
#c-subcategory .l-column__boxTypeB h3::before, #c-product .l-column__boxTypeB h3::before { content: ""; width: 10px; height: 10px; background-color: #315996; display: block; position: relative; left: -18px; }
#c-subcategory .l-column__boxTypeB h3.numttl, #c-product .l-column__boxTypeB h3.numttl { margin-left: 0; }
#c-subcategory .l-column__boxTypeB h3.numttl span, #c-product .l-column__boxTypeB h3.numttl span { padding-right: 5px; font-family: "Arial Black", Gadget, "sans-serif"; font-size: 0.9em; font-weight: 500; color: #019FE0; }
#c-subcategory .l-column__boxTypeB h3.numttl::before, #c-product .l-column__boxTypeB h3.numttl::before { content: none; }
#c-subcategory .l-column__boxTypeB p, #c-product .l-column__boxTypeB p { margin-top: 25px; }
#c-subcategory .l-column__boxTypeB p.subheading, #c-product .l-column__boxTypeB p.subheading { margin-top: 40px; padding-bottom: 2px; padding-left: 8px; font-size: 1.07em; font-weight: 600; border-left: 4px solid #019FE0; }
#c-subcategory .l-column__boxTypeB img, #c-product .l-column__boxTypeB img { margin-top: 25px; }
#c-subcategory .l-column__boxTypeB dl, #c-product .l-column__boxTypeB dl { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 25px; }
#c-subcategory .l-column__boxTypeB dl dt, #c-product .l-column__boxTypeB dl dt { width: 20%; padding: 12px 0 10px; border-bottom: 1px solid #D5DEEA; }
#c-subcategory .l-column__boxTypeB dl dd, #c-product .l-column__boxTypeB dl dd { width: 80%; padding: 12px 0 10px 5%; border-bottom: 1px solid #D5DEEA; }
#c-subcategory .l-column__boxTypeC__w-full, #c-product .l-column__boxTypeC__w-full { width: 100%; }
#c-subcategory .l-column__boxTypeC__w-half, #c-product .l-column__boxTypeC__w-half { width: 47.5%; }
#c-subcategory .l-column__boxTypeC__w-onethird, #c-product .l-column__boxTypeC__w-onethird { width: 30%; }
#c-subcategory .l-column .boxTypeC, #c-product .l-column .boxTypeC { margin-top: 3.33em; }
#c-subcategory .l-column .boxTypeC h3, #c-product .l-column .boxTypeC h3 { padding-left: 56px; color: #315996; position: relative; }
#c-subcategory .l-column .boxTypeC h3::before, #c-product .l-column .boxTypeC h3::before { content: url("../../../common/img/icon_example.png"); position: absolute; top: -5px; left: 0; }
#c-subcategory .l-column .boxTypeC h3.atten::before, #c-product .l-column .boxTypeC h3.atten::before { content: url("../../../common/img/icon_atten.png"); }
#c-subcategory .l-column .boxTypeC h4, #c-product .l-column .boxTypeC h4 { padding-left: 56px; font-size: 1.13em; font-weight: 500; position: relative; }
#c-subcategory .l-column .boxTypeC h4::before, #c-product .l-column .boxTypeC h4::before { content: url("../../../common/img/icon_example.png"); position: absolute; top: 7px; left: 0; }
#c-subcategory .l-column .boxTypeC p, #c-product .l-column .boxTypeC p { margin-top: 2em; }
#c-subcategory .l-column .boxTypeC p.emph, #c-product .l-column .boxTypeC p.emph { font-size: 1.07em; font-weight: 500; line-height: 1.75em; }
#c-subcategory .l-column__boxTypeD, #c-product .l-column__boxTypeD { margin-top: 3.33em; }
#c-subcategory .l-column__boxTypeD h3::before, #c-product .l-column__boxTypeD h3::before { content: ""; width: 6px; height: 16px; margin-right: 10px; background-color: #315996; border-radius: 3px; display: inline-block; position: relative; top: 0; }
#c-subcategory .l-column__boxTypeD h3.flatttl-blue, #c-product .l-column__boxTypeD h3.flatttl-blue { font-size: 1.2em; color: #315996; }
#c-subcategory .l-column__boxTypeD h3.flatttl-blue::before, #c-product .l-column__boxTypeD h3.flatttl-blue::before { content: none; }
#c-subcategory .l-column__btn, #c-product .l-column__btn { text-align: center; }
#c-subcategory .l-column__btn a.contact, #c-product .l-column__btn a.contact { padding: 1.4em 2.5em 1.6em; font-size: 1.2em; font-weight: 500; color: #FFF; background-color: #315996; border-radius: 8px; display: inline-block; }
#c-subcategory .l-column__btn a.contact::before, #c-product .l-column__btn a.contact::before { content: '\e158'; font-family: 'Material Icons'; margin-right: 4px; font-size: 26px; font-weight: 400; line-height: 0.75em; vertical-align: bottom; position: relative; top: -2px; }
#c-subcategory .l-column .box-txt, #c-product .l-column .box-txt { display: inline-block; margin-bottom: 20px; padding: 0.5em 1em; font-weight: 600; color: #FFF; background-color: #222; }

@media screen and (max-width: 1080px) { #c-product .l-column__boxTypeA__onethird { width: 47.5%; }
  #c-product .l-column__boxTypeB__w-onethird { width: 47.5%; }
  #c-product .l-column__boxTypeB__w-twothird { width: 100%; }
  #c-product .l-column__boxTypeB__w-irre-r, #c-product .l-column__boxTypeB__w-irre-l { width: 100%; } }
@media screen and (max-width: 880px) { #c-subcategory .l-column__boxTypeS__onethird { width: 47.5%; }
  #c-subcategory .inset__box-bgc-g { padding: 32px 28px; } }
@media screen and (max-width: 804px) { #c-subcategory .column-ttl__sub, #c-product .column-ttl__sub { padding-left: 12px; font-size: 1.14em; }
  #c-subcategory .l-column__boxTypeB, #c-product .l-column__boxTypeB { padding: 2em; }
  #c-subcategory .l-column__boxTypeB h3 br, #c-product .l-column__boxTypeB h3 br { display: none; }
  #c-subcategory .l-column__boxTypeC__w-onethird, #c-product .l-column__boxTypeC__w-onethird { width: 47.5%; } }
@media screen and (max-width: 599px) { #c-product .l-column__boxTypeS__half { width: 100%; }
  #c-product .l-column__boxTypeA__half { width: 100%; }
  #c-product .l-column__boxTypeA__onethird { width: 100%; }
  #c-product .l-column__boxTypeB__w-half, #c-product .l-column__boxTypeB__w-onethird { width: 100%; }
  #c-product .l-column__boxTypeC__w-half { width: 100%; }
  #c-product .l-column__boxTypeC__w-onethird { width: 100%; } }
@media screen and (max-width: 450px) { #c-subcategory .l-column__boxTypeS__half, #c-subcategory .l-column__boxTypeS__onethird { width: 100%; } }
/* -------- SOLUTION -------- */
#solution .column-harf { display: flex; justify-content: space-between; position: relative; }
#solution .column-harf__txt { width: 50%; }
#solution .column-harf__txt .info_link { margin-top: 3em; }
#solution .column-harf__img { width: 44%; height: 18em; position: absolute; right: 0; bottom: 0; }
#solution .column-harf__img img { width: 100%; height: 100%; border-radius: 24px; object-fit: cover; }

@media screen and (max-width: 804px) { #solution .column-harf__txt .info_link a { width: 14em; } }
@media screen and (max-width: 599px) { #solution .column-harf { display: inherit; }
  #solution .column-harf__txt { width: 100%; }
  #solution .column-harf__txt .info_link { margin: 2em 0; }
  #solution .column-harf__txt .info_link a { width: 12em; }
  #solution .column-harf__img { width: 100%; position: inherit; } }
/* -------- CSR -------- */
.csractivity__body { width: 80%; margin: 0 auto; }
.csractivity__body h3 { margin: 70px 0 50px 0; color: #315996; }
.csractivity__body p { margin-top: 1em; }
.csractivity__img { width: 100%; }
.csractivity__img img { border-radius: 16px; }

@media screen and (max-width: 880px) { .csractivity__body h3 { margin: 2em 0 1.5em; font-size: 1.71em; } }
@media screen and (max-width: 804px) { .csractivity__body { width: 100%; } }
#csr h2.ptn-sublead { margin-top: 5em; margin-left: 0; font-size: 1.33em; font-weight: 600; color: #222; }

@media screen and (max-width: 880px) { #csr h2.ptn-sublead { margin-top: 4em; } }
@media screen and (max-width: 450px) { #csr h2.ptn-sublead { margin-top: 3.5em; } }
/* -------- other contenta -------- */
#notice p, #privacy p, #security p { margin-top: 1em; }

.privacypolicy table { width: 100%; margin-top: 2em; border-top: 1px solid #CCC; border-left: 1px solid #CCC; }
.privacypolicy table tr th, .privacypolicy table tr td { width: 50%; padding: 1em; vertical-align: middle; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC; }

#newstopics h2.backshadow { padding: 7px 24px 8px 24px; background: #222; border-radius: 22px; }
#newstopics .list__archive { display: none; max-width: 1200px; margin: 6em auto 0 auto; }
#newstopics .list__year { margin: 0 auto; }
#newstopics .list__year ul { width: 100%; overflow-x: auto; }
#newstopics .list__year ul li a { padding: 5px 24px 7px 24px; border-radius: 18px; }
#newstopics .list__year ul li a.active { background-color: #222; }
#newstopics .list__year ul li a:hover { color: #FFF; background-color: #019FE0; transform: translateY(-3px); }
#newstopics .list__year__side { width: 9%; }
#newstopics .list__year__side ul li a { display: block; padding: 0.75em 0; font-size: 1.07em; font-weight: 500; text-align: center; background-color: #FFF; transition: all 0.6s; }
#newstopics .list__year__side ul li a:hover { color: #FFF; background-color: #019FE0; }
#newstopics .list__year__side ul li a.active { background-color: #222; color: #FFF; }
#newstopics .list__year__side ul li a.active:hover { transform: none; }
#newstopics .l-contents h3.type-subttl-box { width: 10%; margin-right: 5%; padding: 1.2em 0; color: #FFF; text-align: center; background-color: #222; }
#newstopics .l-contents table.news__outer { width: 85%; margin: 0 auto; }
#newstopics .l-contents table.news__outer tr { border-top: 1px solid #DDD; }
#newstopics .l-contents table.news__outer tr:first-child { border-color: #222; }
#newstopics .l-contents table.news__outer tr th.date { width: 12em; }
#newstopics .l-contents table.news__outer tr th.category { width: 8em; }
#newstopics .l-contents table.news__outer tr td a { border-bottom: 1px solid #666; transition: 0.4s; word-break: break-all; }
#newstopics .l-contents table.news__outer tr td a:hover { color: #019FE0; border-bottom: 1px solid #019FE0; }
#newstopics .l-contents table.news__outer tr th, #newstopics .l-contents table.news__outer tr td { padding-top: 1.2em; padding-bottom: 1.2em; }

.list__year ul.list__scrollbar::-webkit-scrollbar { height: 10px; }
.list__year ul.list__scrollbar::-webkit-scrollbar-thumb { background-color: #CCC; }
.list__year ul.list__scrollbar::-webkit-scrollbar-track { background-color: #FFF; border-radius: 5px; }

@media screen and (max-width: 1280px) { #newstopics .list__archive { width: 100%; padding: 0 40px; } }
@media screen and (max-width: 880px) { #newstopics .list__year__side { width: 12%; } }
@media screen and (max-width: 804px) { #newstopics .l-contents h3.type-subttl-box { width: 13%; margin-right: 5%; }
  #newstopics .l-contents table.news__outer { width: 82%; }
  #newstopics .l-contents table.news__outer tr th.date { width: 31%; }
  #newstopics .l-contents table.news__outer tr th.category { width: 15%; } }
@media screen and (max-width: 599px) { #newstopics .list__year__side { display: none; }
  #newstopics .l-contents h3.type-subttl-box { width: 21%; padding: 0.5em 0; display: inline-block; }
  #newstopics .l-contents table.news__outer { width: 100%; }
  #newstopics .l-contents table.news__outer tr th.date { font-size: 0.93em; line-height: 2em; }
  #newstopics .l-contents table.news__outer tr th.category { width: 15%; font-size: 0.93em; line-height: 2em; }
  #newstopics .list__archive { display: inherit; padding: 0 24px; }
  #newstopics .list__year ul li a { padding: 7px 12px; border-radius: 0; } }
#sitemap ul.list__txtTypeA { margin-top: 0; }
#sitemap ul.level li.level__first { font-weight: 600; }
#sitemap ul.level li.level__scond { margin-top: 1em; margin-left: 1.25em; font-weight: 600; }
#sitemap ul.level li.level__third { margin-left: 2.5em; }
#sitemap ul.level li.level__fourth { margin-left: 3.75em; }
#sitemap ul.level li.level__scond, #sitemap ul.level li.level__third, #sitemap ul.level li.level__fourth { position: relative; }
#sitemap ul.level li.level__scond::before, #sitemap ul.level li.level__third::before, #sitemap ul.level li.level__fourth::before { content: "--"; position: absolute; left: -1em; }
#sitemap ul.level li a { display: inline-block; transition: 0.4s; }
#sitemap ul.level li a:hover { color: #019FE0; transform: translateX(0.5em); transition: 0.4s; }

/* ======== Side Navi ======== */
.l-contents__pagenav { position: absolute; top: 0; right: 0; margin-top: 100px; }
.l-contents__pagenav ul { font-size: 1.13em; font-weight: 500; }
.l-contents__pagenav ul li { margin-bottom: 5px; }
.l-contents__pagenav ul li a { transition: 0.4s; }
.l-contents__pagenav ul li a:hover { transform: translateX(-8px); }
.l-contents__pagenav__link { display: block; padding: 13px 16px 15px 0; color: #222; border-right: 4px solid #CCC; position: relative; transition: all 0.2s ease-in-out; }
.l-contents__pagenav__link:hover { color: #315996; border-color: #315996; }
.l-contents__pagenav__link.is-active { color: #315996; border-color: #315996; }
.l-contents__pagenav__mail { display: inline-block; padding: 22px 24px 20px; background-color: #315996; border-radius: 4px; transition: 0.4s; }
.l-contents__pagenav__mail:hover { background-color: #CCC; }
.l-contents__pagenav__mail span { color: #FFF; }

#csr .l-contents__pagenav { display: none; }

@media screen and (max-width: 804px) { .l-contents__pagenav { display: none; } }
@media screen and (min-width: 805px) { .l-contents__sp-pagenav { display: none; } }
@media screen and (max-width: 804px) { .l-contents__sp-pagenav { width: 100%; position: fixed; bottom: 0; background-color: #FFF; border-top: 5px solid #EAEEF4; z-index: 3; }
  .l-contents__sp-pagenav ul { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; margin: 0 20px; padding: 15px 0; }
  .l-contents__pagenav__link { padding: 8px 4px 7px; background-color: #FFF; font-size: 1.07em; border-right: none; border-bottom: 4px solid #FFF; }
  .l-contents__pagenav__link:hover { color: #315996; border-bottom: 4px solid #315996; }
  .l-contents__pagenav__link.is-active { color: #315996; border-bottom: 4px solid #315996; }
  .l-contents__pagenav__mail { padding: 8px 12px 4px; } }
@media screen and (max-width: 450px) { .l-contents__sp-pagenav ul { justify-content: center; margin: 0 8px; }
  .l-contents__sp-pagenav ul li { padding-left: 5px; padding-right: 5px; }
  .l-contents__sp-pagenav ul li.btn-mail { display: none; }
  .l-contents__pagenav__link { padding-left: 4px; padding-right: 4px; } }
/* ======== Rands Form ======== */
#contact * { box-sizing: border-box; }

#contact * { box-sizing: border-box; }
#contact #container { margin-top: 0; padding-top: 90px; }
#contact #mainBox { overflow: hidden; margin-left: auto; margin-right: auto; font-size: inherit; background-color: #FFF; position: inherit; box-sizing: content-box; }
#contact table a:link, #contact table a:visited { text-decoration: underline; }
#contact table a:hover { text-decoration: none; }

/* Parts Items
================================================ */
.boxcolumn { margin-top: 2em; padding: 0 32px 25px; background-color: #EAEEF4; }
.boxcolumn li { margin-bottom: 0.5em; }
.boxcolumn__ttl { display: inline-block; margin-bottom: 1em !important; padding: 4px 16px 5px; color: #FFF; font-weight: 500; background-color: #222; }

.info_link a, .info_link_B a { display: inline-block; width: 16em; height: inherit; padding: 1.5em 2em 1.65em 2em; text-align: left; font-weight: 500; color: #FFF; line-height: 1em; background-color: #333; background-image: none; border-radius: 33px; position: relative; transition: 0.8s; }
.info_link a::after, .info_link_B a::after { content: url(../../../common/img/icon_arrow_circle-w.svg); position: absolute; top: 1.35em; right: 1.5em; transition: 0.8s; }
.info_link a:hover, .info_link_B a:hover { background-color: #019FE0; text-decoration: none; transform: translateX(1em); }

@media screen and (max-width: 804px) { .info_link a, .info_link_B a { font-size: inherit; background-size: auto; }
  .info_link a::after, .info_link_B a::after { top: 1.15em; } }
.pdflink a { margin-left: 8px; display: inline-block; transition: 0.4s; }
.pdflink a::after { content: url("../../../common/img/icon_pdflink.svg"); vertical-align: middle; margin-left: 4px; position: relative; top: 1px; }
.pdflink a:hover { color: #019FE0; transform: translateX(8px); }

.link-detail { margin-top: 15px; }
.link-detail a { transition: 0.4s; }
.link-detail a::after { content: '\eac9'; font-family: 'Material Icons'; font-size: 20px; font-weight: 400; vertical-align: top; position: relative; top: 2px; transition: 0.4s; }
.link-detail a:hover { color: #019FE0; }
.link-detail a:hover::after { margin-left: 8px; color: #019FE0; }

.link-box { margin-top: 2em; text-align: right; }
.link-box a { display: inline-block; padding: 15px 16px 16px 24px; color: #FFF; background-color: #333; border-radius: 27px; transition: 0.8s; }
.link-box a::after { content: '\eac9'; font-family: 'Material Icons'; font-size: 20px; font-weight: 400; margin-left: 24px; vertical-align: middle; position: relative; bottom: 1px; }
.link-box a:hover { background-color: #019FE0; transform: translateX(1em); }

.link-box-r a { display: inline-block; padding: 15px 16px 16px 24px; color: #FFF; background-color: #333; border-radius: 27px; transition: 0.8s; }
.link-box-r a::after { content: '\eac9'; font-family: 'Material Icons'; font-size: 20px; font-weight: 400; margin-left: 24px; vertical-align: middle; position: relative; bottom: 1px; }
.link-box-r a:hover { background-color: #019FE0; transform: translateX(1em); }
.link-box-r a br { display: none; }

.link-box-l a { display: inline-block; padding: 16px 24px 15px 16px; color: #FFF; background-color: #333; border-radius: 27px; transition: 0.8s; }
.link-box-l a::before { content: '\eac3'; font-family: 'Material Icons'; font-size: 20px; font-weight: 400; margin-right: 24px; vertical-align: middle; position: relative; bottom: 1px; }
.link-box-l a:hover { background-color: #019FE0; transform: translateX(-1em); }
.link-box-l a br { display: none; }

@media screen and (max-width: 599px) { .csractivity .link-box-r a { padding-right: 2.75em; border-radius: 35px; position: relative; }
  .csractivity .link-box-r a::after { position: absolute; bottom: 25px; right: 12px; }
  .csractivity .link-box-r a br { display: inherit; }
  .csractivity .link-box-l a { padding-left: 2.75em; border-radius: 35px; position: relative; }
  .csractivity .link-box-l a::before { position: absolute; bottom: 25px; left: 12px; }
  .csractivity .link-box-l a br { display: inherit; } }
.link-box-c a { display: inline-block; padding: 15px 16px 16px 24px; color: #FFF; background-color: #333; border-radius: 27px; transition: 0.8s; }
.link-box-c a::after { content: '\eac9'; font-family: 'Material Icons'; font-size: 20px; font-weight: 400; margin-left: 24px; vertical-align: middle; position: relative; bottom: 1px; }
.link-box-c a:hover { background-color: #019FE0; transform: translateX(1em); }

.link-box-s a { display: inline-block; width: 9em; padding: 10px 0 11px 20px; color: #FFF; background-color: #333; border-radius: 22px; transition: 0.8s; }
.link-box-s a::after { content: '\eac9'; font-family: 'Material Icons'; font-size: 20px; font-weight: 400; margin-left: 8px; vertical-align: middle; position: relative; bottom: 1px; }
.link-box-s a:hover { background-color: #019FE0; transform: translateX(1em); }

.link-txt-lb a { display: inline-block; transition: 0.8s; }
.link-txt-lb a::before { content: '\e039'; font-family: 'Material Icons'; font-size: 22px; font-weight: 400; color: #019FE0; margin-right: 4px; vertical-align: middle; position: relative; bottom: 1px; }
.link-txt-lb a:hover { color: #019FE0; transform: translateX(1em); }

.link-lp { text-align: center; }
.link-lp__checknote { display: inline-block; margin-top: 2em; padding: 1.2em 1.5em 1.2em 2em; font-size: 1.2em; color: #FFF !important; line-height: 1em; background-color: #222; border-radius: 32px; transition: 0.8s; }
.link-lp__checknote::after { content: '\eac9'; font-family: 'Material Icons'; font-size: 1.5em; font-weight: 400; margin-left: 0.5em; vertical-align: middle; position: relative; bottom: 1px; }
.link-lp__checknote:hover { background-color: #019FE0; transform: translateX(1em); }

@media screen and (max-width: 599px) { .link-lp__checknote { padding: 1.2em 1.25em 1.2em 1.5em; font-size: 1em; } }
.office__map a { display: inline-block; padding: 0.5em 1em 0.5em 0.5em; color: #FFF; background-color: #019FE0; border-radius: 18px; }
.office__map a::before { content: '\e55f'; font-family: 'Material Icons'; font-size: 1.6em; font-weight: 400; margin-right: 2px; vertical-align: middle; position: relative; bottom: 1px; }

.clm__trial { display: flex; justify-content: space-between; flex-wrap: nowrap; align-items: center; gap: 1em; width: 100%; margin-top: 3.5em; padding: 1.5em; border: 1px solid #CCC; border-radius: 4px; }
.clm__trial p { margin-top: 0; }
.clm__trial p.btn a { display: inline-block; height: 100%; padding: 0.5em 1.25em 0.5em 0.75em; font-weight: 500; color: #FFF; background-color: #315996; border-radius: 18px; white-space: nowrap; transition: all 0.6s; }
.clm__trial p.btn a::after { content: '\e158'; font-family: 'Material Icons'; vertical-align: middle; margin-left: 4px; font-size: 22px; position: relative; top: -1px; }
.clm__trial p.btn a:hover { background-color: #019FE0; }
.clm__trial p.sub { font-size: 0.93em; }

@media screen and (max-width: 599px) { .clm__trial { flex-wrap: wrap; }
  .clm__trial p { width: 100%; }
  .clm__trial p.btn a { display: block; text-align: center; } }
/*ボタン*/
.ham-menu { display: none; }

@media screen and (max-width: 804px) { .ham-menu { display: inherit; }
  .spnav-btn { position: absolute; top: 0; right: 0; display: flex; height: 100%; width: 70px; justify-content: center; align-items: center; background-color: #315996; z-index: 90; }
  .spnav-btn span, .spnav-btn span::before, .spnav-btn span::after { content: ''; display: block; height: 3px; width: 25px; border-radius: 3px; background-color: #ffffff; position: absolute; transition: 0.4s; }
  .spnav-btn span::before { bottom: 8px; }
  .spnav-btn span::after { top: 8px; } }
#menu-btn-check:checked ~ .spnav-btn span { background-color: rgba(255, 255, 255, 0); }
#menu-btn-check:checked ~ .spnav-btn span::before { bottom: 0; transform: rotate(-45deg); transition: 0.4s; }
#menu-btn-check:checked ~ .spnav-btn span::after { top: 0; transform: rotate(-135deg); transition: 0.4s; }

.spnav-content { width: 100%; height: auto; max-height: 100vh; padding: 2em; /*position: fixed;*/ position: absolute; top: 70px; /*left: 0;*/ left: 100%; background-color: #FFF; transition: all 0.5s; z-index: 80; opacity: 0; overflow-y: scroll; }

#menu-btn-check:checked ~ .spnav-content { left: 0; opacity: 1; overflow-y: scroll; }

.toggle { display: none; }

.spnav-mainmenu, .spnav-submenu { -webkit-backface-visibility: hidden; backface-visibility: hidden; transform: translateZ(0); transition: all 0.3s; }

.spnav-mainmenu { display: block; padding: 1.5em 0; font-size: 1.07em; color: #333; font-weight: 600; border-top: 1px solid #CCC; }

.spnav-mainmenu::after, .spnav-mainmenu::before { content: ""; position: absolute; right: 1.25em; top: 1.75em; width: 2px; height: 1em; background-color: #999; transition: all 0.3s; }

.spnav-mainmenu::after { transform: rotate(90deg); }

.spnav-mainmenu-nosub { display: block; padding: 1.5em 0; font-size: 1.07em; color: #333; font-weight: 600; border-top: 1px solid #CCC; }

.spnav-submenu { max-height: 0; overflow: hidden; }
.spnav-submenu li a { display: block; position: relative; padding: 0.5em 0 0.5em 1.25em; }
.spnav-submenu li a::before { content: '\f108'; font-family: 'Material Icons'; font-size: 12px; font-weight: 400; position: absolute; top: 12px; left: 0; }
.spnav-submenu li:last-child { padding-bottom: 1.25em; }
.spnav-submenu li.subcategory a { padding-left: 0; font-weight: 600; }
.spnav-submenu li.subcategory a::before { content: none; }

.toggle:checked + .spnav-mainmenu + .spnav-submenu { max-height: 1100px; height: auto; transition: all 1.5s; }

.toggle:checked + .spnav-mainmenu::before { transform: rotate(90deg) !important; }

.spnav-othermenu { border-top: 1px solid #CCC; padding-top: 1.5em; }
.spnav-othermenu li a { display: block; padding: 0.5em 0; font-weight: 600; }

/* 202409 追記 */
a.btn__download, a.btn__trial, a.btn__contact { width: 30%; padding: 1.4em 1em 1.6em; font-size: 1.2em; font-weight: 500; color: #FFF; border-radius: 8px; display: flex; justify-content: center; align-items: center; }
a.btn__download { background-color: #222; }
a.btn__download::before { content: '\e2c4'; font-family: 'Material Icons'; margin-right: 4px; font-size: 26px; font-weight: 400; line-height: 0.75em; position: relative; top: 2px; }
a.btn__trial { background-color: #019FE0; }
a.btn__contact { background-color: #315996; }
a.btn__trial::before, a.btn__contact::before { content: '\e158'; font-family: 'Material Icons'; margin-right: 4px; font-size: 26px; font-weight: 400; line-height: 0.75em; position: relative; top: 2px; }

@media screen and (max-width: 599px) { a.btn__download, a.btn__trial, a.btn__contact { width: 80%; margin: 0 auto; padding: 1em 1em 1.1em; }
  a.btn__trial, a.btn__contact { margin-top: 1.5em; } }




/* IT導入補助金2025認定バナー */

.hojokin_bnr{
    text-align: center;
    margin-bottom:50px;
}
.hojokin_bnr img{
    display: inline-block;
    width:100%;
}

.hojokin_bnr a img.pc{
    display: block;
}
.hojokin_bnr a img.sp{
    display: none;
}

@media screen and (max-width: 960px) {
.hojokin_bnr a img.pc{
    display: none;
}
.hojokin_bnr a img.sp{
    display: block;
}

}