@charset "UTF-8";
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { line-height: 1; }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }

nav ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; color: inherit; text-decoration: none; }

/* change colours to suit your needs */
ins { background-color: #ff9; color: #000; text-decoration: none; }

/* change colours to suit your needs */
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help; }

table { border-collapse: collapse; border-spacing: 0; }

/* change border colour to suit your needs */
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0; }

input, button, textarea, select { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }

textarea { resize: none; }

html, body { -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; }

img, video { vertical-align: bottom; max-width: 100%; height: auto; }

img[src$=".svg"] { width: 100%; }

li { list-style: none; }

main { display: block; }

h1, h2, h3, h4, h5 { font-weight: normal; }

/* --------------------------------------------------
Common
-------------------------------------------------- */
.c-load--type1 { border-top-color: #F36058; }

.btn-try-comingsoon { opacity: .25; pointer-events: none; }
.btn-try-comingsoon a::after { display: inline-block !important; content: "(6月予定)" !important; background-image: none !important; width: auto !important; height: auto !important; margin: 0.25em 0 0 8px !important; font-size: .7em; }

body { color: #474241; font-family: "Noto Sans JP", sans-serif; font-weight: 500; }
body .common-btn { max-width: 100%; height: 46px; font-size: 16px; font-weight: 700; color: #FFFFFF; }
body .common-btn a { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center; background: #474241; border-radius: 70px; border: solid 2px #474241; box-sizing: border-box; }
body .common-btn a::after { display: inline-block; content: ""; width: 16px; height: 12px; background-image: url("../../img/22renew/icon-arrow.svg"); background-size: contain; background-position: center; background-repeat: no-repeat; margin: 0 0 0 8px; transition: transform .4s ease 0s; }
body .common-btn.h56 { height: 56px; }
body .common-btn.h56 a { border-radius: 80px; }
@media screen and (min-width: 768px) { body .common-btn a { transition: background .4s ease 0s; }
  body .common-btn a:hover { background: #FFFFFF; color: #474241; }
  body .common-btn a:hover::after { background-image: url("../../img/22renew/icon-arrow-g.svg"); transform: scale(1.2) translate(3px, 0); } }
body .p-base { color: rgba(71, 66, 65, 0.8); font-size: 14px; line-height: 26px; }
body .p-base a { color: #0094FF; }
body .p-base + .p-base { margin: 26px 0 0; }
@media screen and (min-width: 768px) { body .p-base { font-size: 16px; line-height: 28px; letter-spacing: 1.5px; }
  body .p-base a { transition: opacity .4s ease 0s; }
  body .p-base a:hover { opacity: .5; }
  body .p-base + .p-base { margin: 28px 0 0; } }

main { margin-top: 0 !important; }

@media screen and (max-width: 767px) { .pc { display: none !important; } }
@media screen and (min-width: 768px) { .sp { display: none !important; } }
/* --------------------------------------------------
Header
-------------------------------------------------- */
@keyframes effect1 { 0% { transform: translate(-101%, 0); }
  40% { transform: translate(-101%, 0); }
  50% { transform: translate(101%, 0); }
  100% { transform: translate(101%, 0); } }
@keyframes effect2 { 0% { transform: translate(-101%, 0); }
  50% { transform: translate(-101%, 0); }
  60% { transform: translate(101%, 0); }
  100% { transform: translate(101%, 0); } }
#site_wrap { padding: 53px 0 0; }
#site_wrap .l-header { position: fixed; top: 0; left: 0; right: 0; height: 53px; box-shadow: none; transition: transform .6s ease 0s; }
#site_wrap .l-header .l-header__inner { display: flex; align-items: center; }
#site_wrap .l-header .l-header__inner .l-header__logo { width: 104px; padding: 0 0 0 24px; height: auto; }
#site_wrap .l-header .l-header__inner .l-header__logo a { height: auto; line-height: 1; }
#site_wrap .l-header .l-header__inner .c-menu-button { width: 75px; height: 53px; line-height: 53px; right: 0; }
#site_wrap .l-header .l-header__inner .p-global-nav { top: 53px; height: 100vh; }
#site_wrap .l-header .l-header__inner .p-global-nav .menu-item-has-children > a { display: none; }
#site_wrap .l-header .l-header__inner .p-global-nav .menu-item-has-children .sub-menu { display: block !important; }
#site_wrap .l-header .l-header__inner .p-global-nav .menu-item-has-children .sub-menu li { padding: 0; }
#site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2), #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) { font-size: 16px; font-weight: 700; width: calc(100% - 44px); height: 46px; margin: 20px auto; font-weight: 700; position: relative; }
#site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a, #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a { font-size: inherit; font-weight: inherit; color: inherit !important; padding: 0; display: flex; height: 100%; justify-content: center; align-items: center; background: #FFFFFF !important; border: solid 2px #474241; border-radius: 70px; position: relative; overflow: hidden; transition: background .4s ease 0s; }
#site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a span, #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a span { position: relative; z-index: 2; }
#site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a::after, #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a::after { display: inline-block; content: ""; width: 16px; height: 12px; background-image: url(../../img/22renew/icon-arrow-g.svg); background-size: contain; background-position: center; background-repeat: no-repeat; margin: 0 0 0 8px; transition: transform .4s ease 0s; }
#site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) { color: #FFFFFF; }
#site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a { background: #474241 !important; }
#site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a::after { background-image: url(../../img/22renew/icon-arrow.svg); }
#site_wrap .l-header.is-hidden { transform: translate(0, -101%); }

@media screen and (min-width: 1201px) { #site_wrap { padding: 84px 0 0; }
  #site_wrap .l-header { height: 84px; }
  #site_wrap .l-header .l-header__inner { width: calc(100% - 96px); max-width: 1350px; }
  #site_wrap .l-header .l-header__inner .l-header__logo { width: 131px; padding: 0; }
  #site_wrap .l-header .l-header__inner .menu-header-container { width: calc(100% - 242px); }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav { position: static; display: flex !important; align-items: center; height: auto; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li { float: none; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li .sub-menu { position: static; opacity: 1; display: flex !important; align-items: center; visibility: visible; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li .sub-menu li { font-size: 14px; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li .sub-menu li a { background: none; color: #474241; padding: 0; width: auto; transition: opacity .4s ease 0s; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li .sub-menu li a:hover { opacity: .5; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(1) { margin: 0 auto; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(1) .sub-menu li + li { margin: 0 0 0 56px; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2), #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) { font-size: 12px; width: 145px; height: 36px; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a, #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a { z-index: 1; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a::after, #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a::after { display: none; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a::before, #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a::before { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translate(-101%, 0); background: #474241; animation: effect1 6s linear 0s infinite; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a:hover, #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a:hover { background: #474241 !important; color: #FFFFFF !important; opacity: 1; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) { width: 203px; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a::before { background: #FFFFFF; animation-name: effect2; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a:hover { background: #FFFFFF !important; color: #474241 !important; }
  #site_wrap .l-header .l-header__inner .menu-header-container .p-global-nav > li:nth-child(2) .sub-menu li + li { margin: 0 0 0 24px; } }
/* --------------------------------------------------
Footer
-------------------------------------------------- */
@keyframes f-effect1 { 0% { transform: translate(-101%, 0); }
  40% { transform: translate(-101%, 0); }
  46.6% { transform: translate(101%, 0); }
  100% { transform: translate(101%, 0); } }
@keyframes f-effect2 { 0% { transform: translate(-101%, 0); }
  46.6% { transform: translate(-101%, 0); }
  53.3% { transform: translate(101%, 0); }
  100% { transform: translate(101%, 0); } }
@keyframes f-effect3 { 0% { transform: translate(-101%, 0); }
  55.3% { transform: translate(-101%, 0); }
  60% { transform: translate(101%, 0); }
  100% { transform: translate(101%, 0); } }
.l-footer { padding: 40px 24px 137px; background: rgba(18, 64, 57, 0.05); color: #474241; }
.l-footer .l-footer__inner { width: 100%; padding: 0; }
.l-footer .l-footer__inner .column .l-footer__logo { width: 139px; text-align: left; margin: 0 0 18px; }
.l-footer .l-footer__inner .column .p-social-nav { display: flex; justify-content: flex-start; align-items: center; margin: 0 0 40px; }
.l-footer .l-footer__inner .column .p-social-nav li { display: block; width: 32px; margin: 0; }
.l-footer .l-footer__inner .column .p-social-nav li.p-social-nav__item--twitter { width: 24px; }
.l-footer .l-footer__inner .column .p-social-nav li a::before { display: none; }
.l-footer .l-footer__inner .column .p-social-nav li + li { margin: 0 0 0 20px; }
.l-footer .l-footer__inner .menu-footer-container { margin: 0 0 60px; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav { display: block; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav li { color: #474241; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav li a { color: inherit; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav li + li::before { display: none; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li { font-weight: 400; font-size: 12px; line-height: 20px; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li > a { display: block; margin: 0 0 24px; pointer-events: none; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li ul li { font-size: 14px; line-height: 30px; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li { font-size: 0; height: 30px; display: flex; align-items: center; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li a { display: block; width: 157px; height: 20px; background-size: contain; background-position: left; background-repeat: no-repeat; }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li:nth-child(1) a { background-image: url("../../img/22renew/logo_acc.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { .l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li:nth-child(1) a { background-image: url("../../img/22renew/logo_acc@2x.png"); } }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li:nth-child(2) a { background-image: url("../../img/22renew/logo_send.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { .l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li:nth-child(2) a { background-image: url("../../img/22renew/logo_send@2x.png"); } }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li:nth-child(3) a { background-image: url("../../img/22renew/logo_storage.png"); }
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) { .l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li:nth-child(3) a { background-image: url("../../img/22renew/logo_storage@2x.png"); } }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li + li { margin: 40px 0 0; }
.l-footer .p-copyright { width: 100%; margin-top: 60px; background: none !important; height: auto; text-align: left; font-family: "Inter", sans-serif; font-weight: 400; color: #474241; font-size: 12px; letter-spacing: 1px; line-height: 1; text-align: left; }
.l-footer .p-copyright small {float: none; }
.l-footer #toggle-cta-footer { position: fixed; bottom: 0; left: 0; right: 0; height: 94px; background: #FFFFFF; display: flex; align-items: center; justify-content: center; box-shadow: 0px -2px 20px 0px rgba(71, 66, 65, 0.2); transition: transform .6s ease 0s; }
.l-footer #toggle-cta-footer .toggle-cta-footer-inner { width: 342px; max-width: calc(100% - 48px); }
.l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li a { position: relative; overflow: hidden; z-index: 1; }
.l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li a::before { display: block; content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; transform: translate(-101%, 0); background: #FFFFFF; animation: f-effect1 9s linear 0s infinite; }
.l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(-n+1) { display: none; }
.l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(-n+1) a::before { background: #474241; }
.l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(2) a::before { animation-name: f-effect2; }
.l-footer #toggle-cta-footer.is-hidden { transform: translate(0, 101%) translate(0, 22px); }

@media screen and (min-width: 768px) { .l-footer { padding: 64px 0 129px; }
  .l-footer .l-footer__inner { width: calc(100% - 60px); max-width: 1120px; margin: 0 auto; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; gap: 0 4%; }
  .l-footer .l-footer__inner a { transition: opacity .4s ease 0s; }
  .l-footer .l-footer__inner a:hover { opacity: .5; }
  .l-footer .l-footer__inner .column { width: 135px; }
  .l-footer .l-footer__inner .column .l-footer__logo { margin: 0 0 32px; }
  .l-footer .l-footer__inner .menu-footer-container { width: 644px; margin: 0; }
  .l-footer .l-footer__inner .menu-footer-container .p-footer-nav { display: flex; justify-content: space-between; align-items: flex-start; }
  .l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li ul li { font-weight: 700; }
  .l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li + li { margin: 0; }
  .l-footer #toggle-cta-footer { height: 88px; }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner { width: calc(100% - 64px); max-width: calc(100% - 64px); }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner ul { display: flex; justify-content: flex-end; }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(-n+1) { display: block; color: #474241; }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(-n+1) a { background: #FFFFFF; }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(-n+1) a::after { background-image: url("../../img/22renew/icon-arrow-g.svg"); }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(-n+1) a:hover { background: #474241; color: #FFFFFF; }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(-n+1) a:hover::after { background-image: url("../../img/22renew/icon-arrow.svg"); }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(1) { width: 269px; }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li:nth-child(2) { width: 191px; }
  .l-footer #toggle-cta-footer .toggle-cta-footer-inner ul li + li { margin: 0 0 0 32px; } }
/* --------------------------------------------------
Start invox
-------------------------------------------------- */
body #startinvox { padding: 60px 0; }
body #startinvox .inner .start .single .imagearea { width: 140px; margin: 0 auto 32px; opacity: 0; transform: scale(0.9); }
body #startinvox .inner .start .single .textarea { text-align: center; opacity: 0; }
body #startinvox .inner .start .single .textarea .title { font-weight: 700; font-size: 18px; line-height: 28px; letter-spacing: 1.5px; margin: 0 0 16px; }
body #startinvox .inner .start .single .textarea .p-base { margin: 0 0 24px; }
body #startinvox .inner .start .single .textarea .common-btn { max-width: 232px; margin: 0 auto; }
body #startinvox .inner .start .single + .single { margin: 50px 0 0; }
body #startinvox .inner .start .single.is-show .imagearea { opacity: 1; transform: none; transition: all 0.7s cubic-bezier(0.175, 0.885, 0.32, 1.275) 0s; }
body #startinvox .inner .start .single.is-show .textarea { opacity: 1; transition: opacity 0.7s ease 0.3s; }
body.site-front #startinvox { background: rgba(18, 64, 57, 0.05); }
body.site-front #startinvox .inner h2 { margin: 0 0 24px; }
body.site-front #startinvox + #seminar { margin-top: -60px; }
body:not(.site-front) #startinvox { border: 4px solid #474241; box-sizing: border-box; width: 342px; max-width: 96%; margin: 0 auto 60px; padding: 40px 15px; }
body:not(.site-front) #startinvox .description { font-weight: 700; font-size: 14.4px; line-height: 22.4px; text-align: center; margin: 0 0 24px; }
body:not(.site-front) #startinvox h3 { font-weight: 700; font-size: 28.8px; line-height: 44.8px; text-align: center; margin: 0 0 64px; }

@media screen and (min-width: 768px) { body #startinvox { padding: 80px 0; }
  body #startinvox .inner .start { display: flex; justify-content: center; }
  body #startinvox .inner .start .single { width: 256px; } }
@media screen and (min-width: 768px) and (max-width: 1100px) { body #startinvox .inner .start .single { width: calc((100% - 40px) / 3); } }
@media screen and (min-width: 768px) { body #startinvox .inner .start .single .imagearea { width: 160px; margin: 0 auto 24px; }
  body #startinvox .inner .start .single .textarea { position: relative; }
  body #startinvox .inner .start .single .textarea .p-base { font-size: 14px; line-height: 24px; letter-spacing: 0; min-height: 72px; }
  body #startinvox .inner .start .single + .single { margin: 0 0 0 80px; } }
@media screen and (min-width: 768px) and (max-width: 1100px) { body #startinvox .inner .start .single + .single { margin: 0 0 0 20px; } }
@media screen and (min-width: 768px) { body.site-front #startinvox .inner h2 { margin: 0 0 64px; }
  body.site-front #startinvox + #seminar { margin-top: -104px; }
  body:not(.site-front) #startinvox { width: 1120px; max-width: 96%; margin: 0 auto 80px; padding: 80px 15px; }
  body:not(.site-front) #startinvox .description { font-size: 18px; line-height: 28px; letter-spacing: 1.5px; }
  body:not(.site-front) #startinvox h3 { font-size: 36px; line-height: 56px; letter-spacing: 1px; margin: 0 0 64px; } }
/* --------------------------------------------------
Breadcrumb
-------------------------------------------------- */
.p-breadcrumb { position: absolute; top: 63px; left: 10px; margin: 0; line-height: 1.7; }
.p-breadcrumb .c-breadcrumb__item { font-weight: 400; color: #FFFFFF; }
.p-breadcrumb .c-breadcrumb__item.c-breadcrumb__item--home a { color: #FFFFFF; }
.p-breadcrumb .c-breadcrumb__item.c-breadcrumb__item--home a span { display: inline; }
.p-breadcrumb .c-breadcrumb__item.c-breadcrumb__item--home a::before { display: none; }
.p-breadcrumb .c-breadcrumb__item + .c-breadcrumb__item::before { color: #FFFFFF; }
.p-breadcrumb .c-breadcrumb__item:last-child { font-weight: 700; }

@media screen and (max-width: 767px) { .p-breadcrumb { top: 83px; left: 0; max-width: 100%; white-space: nowrap; overflow: scroll; padding: 10px 24px; box-sizing: border-box; }
  .p-breadcrumb .c-breadcrumb__item:last-child { margin: 0 50px 0 0; } }
@media screen and (min-width: 768px) { .p-breadcrumb { top: 124px; left: 0; right: 0; margin: 0 auto; width: 928px; max-width: 96%; }
  .p-breadcrumb .c-breadcrumb__item { font-weight: 400; }
  .p-breadcrumb .c-breadcrumb__item a:hover { color: #FFFFFF; opacity: .5; }
  .p-breadcrumb .c-breadcrumb__item.c-breadcrumb__item--home a span { display: inline; }
  .p-breadcrumb .c-breadcrumb__item.c-breadcrumb__item--home a::before { display: none; }
  .p-breadcrumb .c-breadcrumb__item:last-child { font-weight: 700; } }
/* --------------------------------------------------
Page Header
-------------------------------------------------- */
.p-page-header::before { display: none; }

.p-page-header { background: #474241; background-image: none !important; color: #FFFFFF; }
.p-page-header .p-page-header__inner * { color: #FFFFFF !important; }
.p-page-header .p-page-header__inner h1 { color: #FFFFFF !important; margin: 0; font-family: "Noto Sans JP", sans-serif; font-weight: 700; font-size: 36px; }
.p-page-header .p-page-header__inner .p-page-header__desc { color: #FFFFFF !important; margin-top: 15px; }

.p-widget .searchform #searchsubmit { background: #474241; }

.p-widget-area { background: #FFFFFF; }

.p-article01__title a:hover, .p-article01__category a:hover, .p-footer-blog__archive-link:hover, .p-footer-nav a:hover, .p-social-nav__item a:hover, .p-index-content07__archive-link:hover, .p-news-ticker__archive-link:hover { color: inherit; opacity: .5; }

@media screen and (max-width: 767px) { .p-page-header { position: relative; height: 314px; padding: 20px 0 0; box-sizing: border-box; }
  .p-page-header .p-page-header__inner h1 { text-align: left; font-weight: 700; font-size: 20px; line-height: 30px; letter-spacing: 1.5px; }
  .p-page-header .p-page-header__inner .p-page-header__desc { text-align: left; margin-top: 24px; font-weight: 700; font-size: 14px; line-height: 26px; }
  .p-page-header::after { display: block; content: ""; position: absolute; width: 63px; height: 35px; top: 40px; right: 0; background: linear-gradient(90deg, rgba(0, 203, 185, 0) 0%, #00cbb9 70%, #00cbb9 100%); z-index: 2; } }
@media screen and (min-width: 768px) { .p-page-header { height: 304px; margin: 0 0 90px; padding: 20px 0 0; } }
/* --------------------------------------------------
Add 202205 Iwasaki
-------------------------------------------------- */
@media only screen and (max-width: 1201px) { #site_wrap .l-header .l-header__inner .p-global-nav { padding-top: 47px; }
  .p-global-nav .sub-menu a { height: auto; padding: 0 24px; font-weight: 500; font-size: 18px; line-height: 28px; letter-spacing: 1.5px; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(1) li + li { margin: 28px 0 0; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) { margin: 40px 0 0; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu { display: flex !important; flex-direction: column; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(1) { order: 100; margin: 24px 0 0; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(1) a { font-weight: 500; font-size: 18px; line-height: 28px; text-align: center; letter-spacing: 1.5px; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2), #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) { width: calc(100% - 48px); height: 56px; margin: 0 auto; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) { order: -1; margin: 0 auto 16px; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a { border: none; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a { border: solid 2px #ffffff; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a, #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a { border-radius: 80px; }
  #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(2) a::after, #site_wrap .l-header .l-header__inner .p-global-nav > li:nth-child(2) .sub-menu li:nth-child(3) a::after { display: none; } }

.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li.footer-grouplink.is-expense a { background-image: url("/assets/img/logo_expense.svg"); }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li.footer-grouplink.is-storage a { background-image: url("/assets/img/logo_storage.svg"); }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li.footer-grouplink.is-send a { background-image: url("/assets/img/logo_send.svg"); }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li.footer-grouplink.is-invox a { background-image: url("/assets/img/logo_invox.svg"); }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li.footer-grouplink.is-decarbon a { background-image: url("/assets/img/logo_decarbon.svg"); }
.l-footer .l-footer__inner .menu-footer-container .p-footer-nav > li:nth-child(2) ul li.footer-grouplink.is-cost a { background-image: url("/assets/img/logo_cost.svg"); }

/*add 2506*/
.footer-submenu {
  margin: 0;
  max-width: 806px;
  color: #474241;
}
.footer-submenu-list {
  display: grid;
  grid-template-columns: 100%;
  gap: 40px;
}
.footer-submenu-list__header {
  margin: 0 0 24px;
  font-size: 12px;
  font-weight: 400;
  line-height: 1.66;
  letter-spacing: 1.2px;
}

.footer-submenu-list__child {
  display: grid;
  gap: 6px 0;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.71;
}
.footer-submenu-list__child--logo {
  gap: 16px 0;
}
.footer-submenu-list__child--logo2 {
  margin-top: -2px;
  gap: 12px 0;
}
.footer-grouplink {
  line-height: 1;
}
.footer-grouplink img {
  width: auto;
  height: 20px;
}
.footer-submenu-list__child--logo2 .footer-grouplink img {
  height: 24px;
}

@media screen and (min-width: 768px) {
  .footer-submenu-list {
    grid-template-columns: repeat(4,auto);
    gap: 0 45px;
  }
  .footer-submenu-list__header {
    margin: 0 0 24px;
  }
  .footer-submenu-list__child {
    gap: 8px 0;
    font-weight: 700;
  }
  .footer-submenu-list__child--logo {
    gap: 16px 0;
  }
  .footer-submenu-list__child--logo2 {
    margin-top: -2px;
    gap: 12px 0;
  }
  .l-footer .p-copyright { 
    margin-top: 42px;
    text-align: right;
  }
}

@media screen and (min-width: 768px) and (max-width: 1160px) {
  .footer-submenu-list {
    grid-template-columns: repeat(4,auto);
    gap: 0 30px;
  }
  .footer-submenu-list__child {
    gap: 8px 0;
  }
}