@charset "UTF-8";
@layer foundation, function, layout, component, project, utility;
:root {
  --bgc: #ffffff;
  --bgtc: #333333;
  --bgc-acc1: #004F99;
  --bgtc-acc1: #ffffff;
  --bgc-acc2: #0089CA;
  --bgtc-acc2: #ffffff;
  --bgc-acc3: #1A9900;
  --bgtc-acc3: #ffffff;
  --bgc-suf1: #E9F3FF;
  --bgtc-suf1: #000000;
  --bgc-suf2: #EEFFE5;
  --bgtc-suf2: #000000;
  --bgc-suf3: #f7f7f7;
  --bgtc-suf3: #333333;
  --font-xl:clamp(1.6rem, calc(1.6rem + (1vw - 0.32rem) * (2.5892857143)), 4.5rem);
  --font-l:clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (0.9821428571)), 2.5rem);
  --font-m:clamp(1.3rem, calc(1.3rem + (1vw - 0.32rem) * (0.3571428571)), 1.7rem);
  --font-s:clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.3571428571)), 1.6rem);
  --font-xs:clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.1785714286)), 1.4rem);
  --gap: var(--font-m);
  --bp-xs: 420px;
  --bp-s: 640px;
  --bp-m: 768px;
  --bp-l: 980px;
  --bp-xl: 1440px;
  --logo_width: 303px;
  --logo_height: 55px;
  --max-logo-width: 320px;
  --min-logo-width: 150px;
  --default-logo-width: 22.22vmax;
  --headerheight: calc(clamp(27.23px,22.22vmax,58.09px) + calc(var(--gap) * 2));
  --contentheight: calc(100dvh - var(--headerheight) - calc(var(--gap) * 2));
  --windowpaddinginline: min(5vw, var(--gap) * 2);
  --sectiongap: min(12.8dvh,calc(var(--gap) * 6));
  --blockgap: var(--font-xl);
  --inlinegap: var(--windowpaddinginline);
  --scrollbar: 0px;
  --menubreakpoint: var(--bp-xl);
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
}
@media only screen and (max-width: 767px) {
  :root {
    --sectiongap: min(5.5dvh,calc(var(--gap) * 3));
  }
}
@media print {
  :root {
    --font-xl:20pt;
    --font-l:16px;
    --font-m:10pt;
    --font-s:8pt;
    --font-xs:7pt;
    --headerheight: calc(var(--gap) * 4);
    --print-display: none;
  }
}

@layer function {
  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;
  }
  /* 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, select {
    vertical-align: unset;
  }
  img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
  .slick-slider {
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
    touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
  }
  .slick-list, .slick-slider {
    position: relative;
    display: block;
  }
  .slick-list {
    overflow: hidden;
    margin: 0;
    padding: 0;
  }
  .slick-list:focus {
    outline: 0;
  }
  .slick-list.dragging {
    cursor: pointer;
    cursor: hand;
  }
  .slick-slider .slick-list, .slick-slider .slick-track {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
  }
  .slick-track {
    position: relative;
    top: 0;
    left: 0;
    display: block;
  }
  .slick-track:after, .slick-track:before {
    display: table;
    content: "";
  }
  .slick-track:after {
    clear: both;
  }
  .slick-loading .slick-track {
    visibility: hidden;
  }
  .slick-slide {
    float: left;
    height: 100%;
    min-height: 1px;
  }
  [dir=rtl] .slick-slide {
    float: right;
  }
  .slick-slide img {
    display: block;
  }
  .slick-slide img.slick-loading {
    display: none;
  }
  .slick-slide.dragging img {
    pointer-events: none;
  }
  .slick-loading .slick-slide {
    visibility: hidden;
  }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent;
  }
  .slick-arrow.slick-hidden {
    display: none;
  }
  .slick-loading .slick-list {
    background: #fff url("ajax-loader.gif") center center no-repeat;
  }
  @font-face {
    font-family: "slick";
    font-weight: normal;
    font-style: normal;
  }
  .slick-prev,
  .slick-next {
    position: absolute;
    display: block;
    z-index: 100;
    top: 0;
    bottom: 0;
    cursor: pointer;
    background: transparent;
    font-size: 1%;
    width: 5vw;
    height: 100%;
    border: none;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  .slick-prev:hover, .slick-prev:focus,
  .slick-next:hover,
  .slick-next:focus {
    color: transparent;
    outline: none;
  }
  .slick-prev:hover:before, .slick-prev:focus:before,
  .slick-next:hover:before,
  .slick-next:focus:before {
    opacity: 1;
  }
  .slick-prev.slick-disabled:before,
  .slick-next.slick-disabled:before {
    opacity: 0.25;
  }
  .slick-prev:before,
  .slick-next:before {
    text-decoration: none;
    display: block;
    width: 0;
    height: 0;
    line-height: 1;
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
    border: transparent 50px solid;
    opacity: 0.3;
    -webkit-transition: all 0.2s;
    transition: all 0.2s;
  }
  .slick-prev {
    left: -70px;
  }
  [dir=rtl] .slick-prev {
    right: -70px;
    left: auto;
  }
  .slick-prev:before {
    border-right: #7a858e 15px solid;
    border-left: none;
  }
  [dir=rtl] .slick-prev:before {
    border-left: #7a858e 15px solid;
    border-right: none;
  }
  .slick-next {
    right: -70px;
  }
  [dir=rtl] .slick-next {
    right: auto;
    left: -70px;
  }
  .slick-next:before {
    border-left: #7a858e 15px solid;
    border-right: none;
  }
  [dir=rtl] .slick-next:before {
    border-right: #7a858e 15px solid;
    border-left: none;
  }
  .slick-dotted.slick-slider {
    margin-bottom: 30px;
  }
  .slick-dots {
    display: block;
    width: auto;
    padding: 0;
    margin: 0 auto;
    overflow: hidden;
    list-style: none;
    text-align: center;
  }
  .slick-dots li {
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 10px 5px 0;
    padding: 0;
    cursor: pointer;
  }
  .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
  }
  .slick-dots li button:hover,
  .slick-dots li button:focus {
    outline: none;
  }
  .slick-dots li button:hover:before,
  .slick-dots li button:focus:before {
    opacity: 1;
  }
  .slick-dots li button:before {
    font-family: "slick";
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: "•";
    text-align: center;
    color: #8A8899;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
  }
  .slick-dots li.slick-active button:before {
    opacity: 1;
    color: #113956;
  }
  #colorbox,
  #cboxOverlay,
  #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
    -webkit-transform: translate3d(0, 0, 0);
  }
  #cboxWrapper {
    max-width: none;
  }
  #cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
  }
  #cboxMiddleLeft,
  #cboxBottomLeft {
    clear: left;
  }
  #cboxContent {
    position: relative;
  }
  #cboxLoadedContent {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
  }
  #cboxTitle {
    margin: 0;
  }
  #cboxLoadingOverlay,
  #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  #cboxPrevious,
  #cboxNext,
  #cboxClose,
  #cboxSlideshow {
    cursor: pointer;
  }
  .cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
    -ms-interpolation-mode: bicubic;
  }
  .cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
    padding: 0;
    margin: 0;
  }
  #colorbox,
  #cboxContent,
  #cboxLoadedContent {
    box-sizing: content-box;
    -moz-box-sizing: content-box;
    -webkit-box-sizing: content-box;
  }
  #cboxOverlay {
    background: url(images/overlay.png) repeat 0 0;
    opacity: 0.9;
    filter: alpha(opacity=90);
  }
  #colorbox {
    outline: 0;
  }
  #cboxTopLeft {
    width: 21px;
    height: 21px;
    background: url(images/controls.png) no-repeat -101px 0;
  }
  #cboxTopRight {
    width: 21px;
    height: 21px;
    background: url(images/controls.png) no-repeat -130px 0;
  }
  #cboxBottomLeft {
    width: 21px;
    height: 21px;
    background: url(images/controls.png) no-repeat -101px -29px;
  }
  #cboxBottomRight {
    width: 21px;
    height: 21px;
    background: url(images/controls.png) no-repeat -130px -29px;
  }
  #cboxMiddleLeft {
    width: 21px;
    background: url(images/controls.png) left top repeat-y;
  }
  #cboxMiddleRight {
    width: 21px;
    background: url(images/controls.png) right top repeat-y;
  }
  #cboxTopCenter {
    height: 21px;
    background: url(images/border.png) 0 0 repeat-x;
  }
  #cboxBottomCenter {
    height: 21px;
    background: url(images/border.png) 0 -29px repeat-x;
  }
  #cboxContent {
    background: #fff;
    overflow: hidden;
  }
  .cboxIframe {
    background: #fff;
  }
  #cboxError {
    padding: 50px;
    border: 1px solid #ccc;
  }
  #cboxLoadedContent {
    margin-bottom: 28px;
  }
  #cboxTitle {
    position: absolute;
    bottom: 4px;
    left: 0;
    text-align: center;
    width: 100%;
    color: #949494;
  }
  #cboxCurrent {
    position: absolute;
    bottom: 4px;
    left: 58px;
    color: #949494;
  }
  #cboxLoadingOverlay {
    background: url(images/loading_background.png) no-repeat center center;
  }
  #cboxLoadingGraphic {
    background: url(images/loading.gif) no-repeat center center;
  }
  #cboxPrevious,
  #cboxNext,
  #cboxSlideshow,
  #cboxClose {
    border: 0;
    padding: 0;
    margin: 0;
    overflow: visible;
    width: auto;
    background: none;
  }
  #cboxPrevious:active,
  #cboxNext:active,
  #cboxSlideshow:active,
  #cboxClose:active {
    outline: 0;
  }
  #cboxSlideshow {
    position: absolute;
    bottom: 4px;
    right: 30px;
    color: #0092ef;
  }
  #cboxPrevious {
    position: absolute;
    bottom: 0;
    left: 0;
    background: url(images/controls.png) no-repeat -75px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
  }
  #cboxPrevious:hover {
    background-position: -75px -25px;
  }
  #cboxNext {
    position: absolute;
    bottom: 0;
    left: 27px;
    background: url(images/controls.png) no-repeat -50px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
  }
  #cboxNext:hover {
    background-position: -50px -25px;
  }
  #cboxClose {
    position: absolute;
    bottom: 0;
    right: 0;
    background: url(images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
  }
  #cboxClose:hover {
    background-position: -25px -25px;
  }
  .cboxIE #cboxTopLeft,
  .cboxIE #cboxTopCenter,
  .cboxIE #cboxTopRight,
  .cboxIE #cboxBottomLeft,
  .cboxIE #cboxBottomCenter,
  .cboxIE #cboxBottomRight,
  .cboxIE #cboxMiddleLeft,
  .cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF, endColorstr=#00FFFFFF);
  }
  .gsc-control-cse {
    background-color: transparent !important;
    border: none !important;
  }
  .gsc-control-cse {
    padding: 0 !important;
  }
  table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
  }
  html {
    scroll-behavior: smooth;
    font-size: 62.5%;
    overflow-x: hidden;
    position: relative;
    width: 100%;
    font-family: "Noto Sans JP", "Noto Sans CJK JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", "Yu Gothic", Meiryo, sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    letter-spacing: 0.08em;
  }
  body {
    width: 100%;
    padding: 0;
    margin: 0;
    overflow-x: hidden;
    position: relative;
    -webkit-font-feature-settings: "palt";
            font-feature-settings: "palt";
    text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%; /*Chrome,Safari*/
    -ms-text-size-adjust: 100%; /*EgdeMobile*/
    -moz-text-size-adjust: 100%; /*firefox*/
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  *, *:before, *:after {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
  a[href="#"]:after {
    content: "（リンク先未適用）";
    color: #f00;
    font-weight: bold;
  }
  a:where([href^="tel:"]) {
    pointer-events: none;
    color: inherit;
    text-decoration: none;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 1439px) {
    a:where([href^="tel:"]) {
      pointer-events: all;
      text-decoration: underline;
    }
  }
  /*
  .fixwidth {
  	width: 100%;
  	margin: auto;
  	max-width: 1439px;
  	@include media(ul) {
  		max-width: 1439px;
  	}
  	@include media(l-ul) {
  		max-width: 979px;
  	}
  }*/
  * sup {
    font-size: 75%;
    vertical-align: super;
  }
  * sub {
    font-size: 75%;
    vertical-align: baseline;
  }
}
@layer layout {
  .l-main__main {
    display: -ms-grid;
    display: grid;
    --_contentside: calc((100vw - var(--bp-xl)) / 2);
    -ms-grid-columns: var(--_contentside) 0 var(--windowpaddinginline) 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 1fr 0 var(--windowpaddinginline) 0 var(--_contentside);
    grid-template-columns: var(--_contentside) var(--windowpaddinginline) repeat(12, 1fr) var(--windowpaddinginline) var(--_contentside);
    gap: var(--sectiongap) 0;
  }
  #top .l-main__main {
    gap: 0;
  }
}
@layer component {
  .c-headline--h2-default {
    font-size: var(--font-xl);
    color: var(--bgc-acc1);
    font-weight: 500;
    line-height: 1;
    padding-block: 1em 0.5em;
    -webkit-border-before: 1px solid #ccc;
            border-block-start: 1px solid #ccc;
    position: relative;
  }
  .c-headline--h2-default::before {
    content: "";
    display: block;
    width: 1em;
    height: 4px;
    background-color: var(--bgc-acc1);
    position: absolute;
    top: 0;
    left: 0;
  }
  .c-headline--h3-default, .p_maker_name__title,
  .p_customer__title, .p-subsidiaries__name, .p-access__title {
    font-size: var(--font-l);
    color: var(--bgc-acc1);
    font-weight: 700;
    line-height: 1.47;
  }
  .c-preparation__wrap {
    grid-column: 3/-3;
  }
  .c-preparation__text {
    font-size: var(--font-l);
    font-weight: 700;
    line-height: 1.76;
    text-align: center;
  }
  .c-unit__box {
    grid-column: 3/-3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    -ms-grid-rows: -webkit-max-content;
    -ms-grid-rows: max-content;
    grid-template-rows: -webkit-max-content;
    grid-template-rows: max-content;
    gap: calc(var(--blockgap) / 2) var(--inlinegap);
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    color: var(--bgtc);
    font-size: var(--font-m);
    font-weight: 400;
    line-height: 1.76;
    scroll-snap-align: start;
  }
  .c-unit__box > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .c-unit__box > :where(h1, h2, h3, h4, h5, h6) {
    grid-column: 1/-1;
  }
  .c-unit__box > :where(*) {
    grid-column: span var(--spans);
  }
  .c-unit__box--full {
    --spans: 16 !important;
    grid-column: 1/-1 !important;
  }
  .c-unit__box--full-limitedcontent {
    --spans: 16;
    grid-column: 1/-1 !important;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    gap: calc(var(--blockgap) / 2) 0;
  }
  .c-unit__box--full-limitedcontent > :where(*) {
    grid-column: 3/-3;
  }
  :where(.c-unit__box) :where(p, figure, table, ul, ol, dl):not(last-child) {
    -webkit-margin-after: calc(var(--gap) * 1);
            margin-block-end: calc(var(--gap) * 1);
  }
  :where(.c-unit__box) :where(figure) :where(img) {
    width: 100%;
    height: auto;
  }
  :where(.c-unit__box) :where(figure).size-auto :where(img) {
    width: auto;
  }
  :where(.c-unit__box) :where(table) {
    --_bd: 1px solid #ccc;
    -webkit-border-before: var(--_bd);
            border-block-start: var(--_bd);
    width: 100%;
  }
  :where(.c-unit__box) :where(table) :where(th),
  :where(.c-unit__box) :where(table) :where(td) {
    -webkit-border-after: var(--_bd);
            border-block-end: var(--_bd);
  }
  :where(.c-unit__box) :where(table) :where(tbody) :where(th),
  :where(.c-unit__box) :where(table) :where(tbody) :where(td) {
    padding-block: calc(var(--gap) * 1);
  }
  :where(.c-unit__box) :where(table) :where(tbody) :where(th) {
    text-align: left;
    padding-inline: calc(var(--gap) * 2.5) calc(var(--gap) * 4.7);
    color: var(--bgc-acc1);
    font-weight: 700;
    word-break: keep-all;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 639px) {
    :where(.c-unit__box) :where(table) :where(tbody) :where(th) {
      padding-inline: calc(var(--gap) * 1) calc(var(--gap) * 1);
    }
  }
  :where(.c-unit__box) :where(table) :where(tbody) :where(td) {
    padding-inline: calc(var(--gap) * 0.5) calc(var(--gap) * 2);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 639px) {
    :where(.c-unit__box) :where(table) :where(tbody) :where(td) {
      padding-inline: calc(var(--gap) * 0.5) calc(var(--gap) * 1);
    }
  }
  :where(.c-unit__box) :where(ul) {
    -webkit-padding-start: calc(var(--gap) * 1.75);
            padding-inline-start: calc(var(--gap) * 1.75);
  }
  :where(.c-unit__box) :where(ul) :where(li) {
    list-style: none;
    position: relative;
  }
  :where(.c-unit__box) :where(ul) :where(li):not(:last-child) {
    -webkit-margin-after: calc(var(--gap) * 0.5);
            margin-block-end: calc(var(--gap) * 0.5);
  }
  :where(.c-unit__box) :where(ul) :where(li)::before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 100%;
    background-color: var(--bgc-acc1);
    position: absolute;
    top: 0.5lh;
    left: calc(var(--gap) * -1.75);
    translate: 0 -50%;
  }
  :where(.c-unit__box) :where(ol) {
    -webkit-padding-start: calc(var(--gap) * 1.75);
            padding-inline-start: calc(var(--gap) * 1.75);
  }
  :where(.c-unit__box) :where(ol) :where(li) {
    list-style: decimal;
    position: relative;
  }
  :not(li) :where(.c-unit__box) :where(ol) :where(li):not(:last-child) {
    -webkit-margin-after: 0;
            margin-block-end: 0;
  }
  :where(.c-unit__box) :where(ol) :where(li)::before {
    content: none;
  }
  :where(.c-unit__box) :where(ol).c-liststyle__alpha :where(li) {
    list-style: lower-alpha;
  }
  :where(.c-unit__box) :where(ol).c-liststyle__roman :where(li) {
    list-style: lower-roman;
  }
  .c-cards__list {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    gap: calc(var(--gap) * 1);
    --_separate_span: 6;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .c-cards__list {
      --_separate_span: 12;
    }
  }
  .c-cards__item {
    grid-column: span var(--_separate_span);
    list-style: none;
    margin: 0;
  }
  .c-cards__item::before {
    content: none;
  }
  .c-cards__figure {
    background: var(--bgc-suf1);
    padding: calc(var(--gap) * 1);
    margin: 0;
    display: -ms-grid;
    display: grid;
    gap: calc(var(--gap) * 1);
    -ms-grid-rows: auto;
    -ms-grid-columns: 1fr;
        grid-template: "img" auto/1fr;
  }
  .c-cards__figure:has(h3) {
    -ms-grid-rows: auto auto;
    -ms-grid-columns: 1fr;
        grid-template: "title" "img" auto/1fr;
  }
  .c-cards__img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: img;
  }
  .c-cards__figure:has(h3) > .c-cards__img {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .p-top_products__category_link > .c-cards__img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .c-cards__caption {
    display: contents;
  }
  .c-cards__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: title;
    color: var(--bgc-acc1);
    font-size: var(--font-m);
    font-weight: 700;
  }
  .p-history__inner > .c-cards__title {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-ctanav__wrap {
    grid-column: 1/-1;
  }
  .p-ctanav__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 1px 1fr 1px 1fr 1px 1fr;
    grid-template-columns: repeat(4, 1fr);
    -ms-grid-rows: auto;
    grid-template-rows: auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: 1px;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  .p-ctanav__list > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-ctanav__list > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-ctanav__list > *:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }
  .p-ctanav__list > *:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }
  @media only screen and (max-width: 767px) {
    .p-ctanav__list {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .p-ctanav__item {
    -ms-grid-column-span: 2;
    grid-column: span 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
  }
  .p-ctanav__item > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-ctanav__item--contact {
    --_bg: var(--bgc-acc1);
  }
  .p-ctanav__item--recruit {
    --_bg: var(--bgc-acc2);
  }
  .p-ctanav__link {
    --_c: var(--bgtc-acc1);
    -ms-grid-column-span: 2;
    grid-column: span 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    background: var(--_bg);
    color: var(--_c);
    text-decoration: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .p-ctanav__link > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-ctanav__link:hover {
    opacity: 0.6;
  }
  .p-ctanav__article {
    display: -ms-grid;
    display: grid;
    place-content: center;
  }
  .p-ctanav__title {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto auto;
    -ms-grid-columns: auto auto;
        grid-template: "subtitle subtitle" "maintitle icon" auto/auto auto;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-ctanav__maintitle {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
    grid-area: maintitle;
    font-size: var(--font-xl);
    font-weight: 400;
  }
  .p-ctanav__subtitle {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: subtitle;
    font-weight: 400;
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.7142857143)), 2rem);
    margin-bottom: 1em;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    position: relative;
    left: 2em;
  }
  .p-ctanav__subtitle::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -2em;
    width: 1.5em;
    height: 3px;
    background-color: var(--_c);
    z-index: 1;
    translate: 0 -50%;
  }
  .p-ctanav__icon {
    -ms-grid-row: 2;
    -ms-grid-column: 2;
    grid-area: icon;
  }
  .p-ctanav__icon--contact {
    --_bg: var(--_c);
    --_arrowc: var(--bgc-acc1);
    display: block;
    font-size: var(--font-l);
    width: 1.41em;
    height: 1.41em;
    border-radius: 100%;
    background-color: var(--_bg);
    -webkit-margin-start: 1em;
            margin-inline-start: 1em;
    position: relative;
  }
  .p-ctanav__icon--contact::before {
    position: absolute;
    display: block;
    content: "";
    width: 0.25em;
    height: 0.25em;
    top: 50%;
    left: 50%;
    border: 1px solid var(--_arrowc);
    border-bottom: none;
    border-left: none;
    rotate: 45deg;
    translate: -50% -50%;
  }
  .p-ctanav__iconimg--recruit {
    font-size: var(--font-l);
    -webkit-margin-start: 1em;
            margin-inline-start: 1em;
    width: 1em;
  }
  .p-ctanav__figure--recruit {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .c-contactbox__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1) var(--windowpaddinginline);
    margin-inline: auto;
  }
  html {
    --_caution_color: #c00;
  }
  .c-contactbox__wrap--form {
    width: 100%;
  }
  .c-contactbox__wrap--submit {
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
  }
  .c-contactbox__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content var(--windowpaddinginline) 1fr;
    -ms-grid-columns: max-content var(--windowpaddinginline) 1fr;
    grid-template-columns: -webkit-max-content 1fr;
    grid-template-columns: max-content 1fr;
    gap: calc(var(--gap) * 1) var(--windowpaddinginline);
  }
  .c-contactbox__box {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    font-size: var(--font-m);
    line-height: 1.5;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .c-contactbox__box {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: calc(var(--gap) * 0.5);
    }
  }
  .c-contactbox__title {
    color: var(--bgc-acc1);
    font-weight: 500;
  }
  .c-contactbox__label {
    cursor: pointer;
  }
  .c-contactbox__required {
    font-size: var(--font-s);
    color: var(--_caution_color);
    font-weight: 700;
  }
  .c-contactbox__privacybox {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1) var(--windowpaddinginline);
  }
  .c-contactbox__privacyinclude {
    border: 1px solid #999;
    padding: var(--windowpaddinginline);
    border-radius: calc(var(--gap) * 0.5);
    height: 20em;
    overflow-y: auto;
    resize: vertical;
  }
  .c-contactbox__privacyinclude .c-unit__box {
    display: block;
  }
  .c-contactbox__privacyinclude .c-unit__box:has(+ .c-unit__box) {
    -webkit-margin-after: var(--blockgap);
            margin-block-end: var(--blockgap);
  }
  .c-contactbox__privacyinclude h2 {
    font-size: var(--font-l);
  }
  .c-contactbox__privacylabel {
    text-align: center;
    cursor: pointer;
  }
  .c-contactbox__btnwrap {
    text-align: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--gap) * 2);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .c-contactbox__btn {
    font-size: var(--font-l);
    border-radius: calc(var(--gap) * 0.5);
    padding: calc(var(--gap) * 1) calc(var(--gap) * 2);
    border: none;
    background: none;
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    cursor: pointer;
  }
  .c-contactbox__btn[disabled] {
    background: #ccc;
    color: #fff;
    cursor: not-allowed;
  }
  .c-contactbox__btn:not([disabled]) {
    scale: 1;
    -webkit-transition: scale 0.3s ease-in-out;
    transition: scale 0.3s ease-in-out;
  }
  .c-contactbox__btn:not([disabled]):hover {
    scale: 1.05;
  }
  .c-contactbox__btn--submit {
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
  }
  .c-contactbox__btn--cancel {
    background: var(--bgc-suf3);
    color: var(--bgtc-suf3);
  }
  .c-contactbox__error_box {
    background: #eee;
    border: 1px solid #ccc;
    padding: var(--windowpaddinginline);
    border-radius: calc(var(--gap) * 0.5);
    -webkit-margin-after: var(--blockgap);
            margin-block-end: var(--blockgap);
    text-align: center;
  }
  .c-contactbox__error_box > * {
    margin: 0;
  }
  .c-contactbox__error_text {
    color: var(--_caution_color);
    font-weight: 700;
  }
  .c-contactbox__thanks_text {
    text-align: center;
    font-size: var(--font-l);
  }
  .c-form__inputtext, .c-form__select, .c-form__textarea {
    font-size: var(--font-m);
    padding: 0.5em 1em;
    border-radius: calc(var(--gap) * 0.5);
    border: 1px solid #ccc;
    width: 50%;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  .c-form__inputtext.S, .c-form__select.S, .c-form__textarea.S {
    width: 20%;
  }
  .c-form__inputtext.M, .c-form__select.M, .c-form__textarea.M {
    width: 50%;
  }
  .c-form__inputtext.L, .c-form__select.L, .c-form__textarea.L {
    width: 100%;
  }
  @media only screen and (max-width: 767px) {
    .c-form__inputtext, .c-form__select, .c-form__textarea {
      width: 100%;
    }
    .c-form__inputtext.S, .c-form__inputtext.M, .c-form__inputtext.L, .c-form__select.S, .c-form__select.M, .c-form__select.L, .c-form__textarea.S, .c-form__textarea.M, .c-form__textarea.L {
      width: 100%;
    }
  }
  .c-form__select {
    cursor: pointer;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
  }
  .c-form__textarea {
    width: 100%;
    min-height: 10em;
    resize: vertical;
  }
  .c-form__label {
    cursor: pointer;
  }
  .c-breadcrumbs__wrap {
    position: relative;
    grid-column: 1/-1;
  }
  .c-breadcrumbs__list {
    position: absolute;
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .c-btn__styleA_link {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    text-decoration: none;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    color: var(--bgc-acc1);
    font-weight: bold;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .c-btn__styleA_link:hover {
    opacity: 0.6;
  }
  .c-btn__styleA_icon {
    --_bg: var(--bgc-acc1);
    --_arrowc: var(--bgtc-acc1);
    display: block;
    font-size: var(--font-l);
    width: 1.41em;
    height: 1.41em;
    border-radius: 100%;
    background-color: var(--_bg);
    -webkit-margin-start: 1em;
            margin-inline-start: 1em;
    position: relative;
  }
  .c-btn__styleA_icon::before {
    position: absolute;
    display: block;
    content: "";
    width: 0.25em;
    height: 0.25em;
    top: 50%;
    left: 50%;
    border: 1px solid var(--_arrowc);
    border-bottom: none;
    border-left: none;
    rotate: 45deg;
    translate: -50% -50%;
  }
  .c-btn__styleB_link {
    --_c: var(--bgc-acc2);
    --_bg: var(--bgtc-acc2);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    padding: calc(var(--gap) * 0.5) calc(var(--gap) * 2);
    background: var(--_bg);
    color: var(--_c);
    border: 1px solid var(--_c);
    border-radius: 9999px;
    text-decoration: none;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .c-btn__styleB_link:hover {
    opacity: 0.6;
  }
  .c-btn__styleB_icon {
    -webkit-margin-start: calc(var(--gap) * 0.5);
            margin-inline-start: calc(var(--gap) * 0.5);
    position: relative;
    width: 1.5em;
    --_misalignment: 0.15em;
  }
  .c-btn__styleB_icon::before, .c-btn__styleB_icon::after {
    content: "";
    display: block;
    aspect-ratio: 16/12;
    width: 80%;
    background: var(--_bg);
    border: 2px solid var(--_c);
    position: absolute;
    top: 50%;
  }
  .c-btn__styleB_icon::before {
    right: 0;
    translate: 0 calc(-50% - var(--_misalignment));
  }
  .c-btn__styleB_icon::after {
    left: 0;
    translate: 0 calc(-50% + var(--_misalignment));
  }
  .c-btn__styleC_link {
    --_c: var(--bgc-acc1);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    color: var(--_c);
  }
  .c-btn__styleC_link::before {
    /*arrow*/
    content: "";
    width: 0;
    height: 0;
    border-top: 0.5em solid transparent;
    border-bottom: 0.5em solid transparent;
    border-left: 0.8em solid var(--_c);
    position: absolute;
    top: 50%;
    left: -1.4em;
    translate: 0 -48%;
  }
  .c-btn__styleC_link:hover {
    --_c: var(--bgc-acc2);
  }
  .c-btn__styleC_icon {
    -webkit-margin-start: calc(var(--gap) * 0.5);
            margin-inline-start: calc(var(--gap) * 0.5);
    width: 1em;
    display: inline-block;
  }
  .c-btn__styleC_icon .cls-1 {
    fill: var(--_c);
  }
  .c-btn__viewmore_link {
    --_c: var(--bgc-acc1);
    --_bg: var(--bgtc-acc1);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr auto;
    grid-template-columns: 1fr auto;
    padding: calc(var(--gap) * 0.5);
    padding-inline: calc(var(--gap) * 1.5) calc(var(--gap) * 0.5);
    background: var(--_bg);
    color: var(--_c);
    border: 1px solid var(--_c);
    border-radius: 9999px;
    margin-inline: auto 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    text-decoration: none;
    --_bg: none;
    border: none;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-inline: 0 auto;
    padding: 0;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .c-btn__viewmore_link:hover {
    opacity: 0.6;
  }
  .c-btn__viewmore_text {
    text-transform: uppercase;
  }
  .c-btn__viewmore_icon {
    --_bg: var(--bgc-acc1);
    --_arrowc: var(--bgtc-acc1);
    display: block;
    font-size: var(--font-l);
    width: 1.41em;
    height: 1.41em;
    border-radius: 100%;
    background-color: var(--_bg);
    -webkit-margin-start: 1em;
            margin-inline-start: 1em;
    position: relative;
  }
  .c-btn__viewmore_icon::before {
    position: absolute;
    display: block;
    content: "";
    width: 0.25em;
    height: 0.25em;
    top: 50%;
    left: 50%;
    border: 1px solid var(--_arrowc);
    border-bottom: none;
    border-left: none;
    rotate: 45deg;
    translate: -50% -50%;
  }
}
@layer project {
  /*
  メニュー状況整理

  トップページとそれ以外
      @at-root #top & {
      }

      通常時
          平書き
      一定量スクロール時
          @at-root .is-scrolled & {
          }
          @at-root .is-scrolled#top & {
          }
      メニュー展開時
          @at-root .is_active & {
          }
          @at-root .is_active#top & {
          }

  制御
      ロゴ画像fill：--_c
      メニュー文字色：--_c
      メニュー背景色：--_bgc
      開閉ナビバー色：--_c
      開閉ナビ文字色：--_c

  */
  .p-siteheader__wrap {
    width: 100%;
    height: var(--headerheight);
    --_headernavheight: 1fr;
    padding: calc(var(--gap) * 1) var(--windowpaddinginline);
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto;
    -ms-grid-columns: -webkit-max-content 1fr;
    -ms-grid-columns: max-content 1fr;
        grid-template: "logobox headernav" auto/max-content 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    --_bgc: transparent;
    --_c: var(--bgc);
    z-index: calc(infinity);
    background: var(--_bgc);
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  .is-scrolled .p-siteheader__wrap {
    --_bgc: var(--bgc);
  }
  .is-scrolled#top .p-siteheader__wrap {
    --_bgc: var(--bgc);
  }
  .is_active .p-siteheader__wrap {
    --_bgc: #333c;
    backdrop-filter: blur(10px);
  }
  .is_active#top .p-siteheader__wrap {
    --_bgc: #333c;
  }
  @media only screen and (max-width: 1439px) {
    .p-siteheader__wrap {
      --_headernavheight: 0fr;
      height: auto;
      -ms-grid-rows: -webkit-max-content -webkit-max-content;
      -ms-grid-rows: max-content max-content;
      -ms-grid-columns: -webkit-max-content 1fr;
      -ms-grid-columns: max-content 1fr;
          grid-template: "logobox navtrigger" -webkit-max-content "headernav headernav" max-content/max-content 1fr;
          grid-template: "logobox navtrigger" max-content "headernav headernav" max-content/max-content 1fr;
      overflow: hidden;
    }
    .p-siteheader__wrap.is_active {
      --_headernavheight: 1fr;
    }
  }
  .p-siteheader__homelink {
    aspect-ratio: 303/55;
  }
  .p-siteheader__fig {
    aspect-ratio: 303/55;
    width: var(--default-logo-width);
    max-width: var(--max-logo-width);
    min-width: var(--min-logo-width);
  }
  .p-siteheader__logo {
    width: 100%;
    height: 100%;
    --_logo_fill: var(--bgtc);
    --_logomark_fill: var(--bgc-acc1);
    fill: var(--_logo_fill);
  }
  .p-siteheader__logo .cls-1 {
    fill: var(--_logomark_fill);
  }
  #top .p-siteheader__logo {
    --_logo_fill: var(--bgc);
    --_logomark_fill: var(--bgc);
  }
  .is-scrolled#top .p-siteheader__logo {
    --_logo_fill: var(--bgtc);
    --_logomark_fill: var(--bgc-acc1);
  }
  .is_active .p-siteheader__logo {
    --_logo_fill: var(--bgc);
    --_logomark_fill: var(--bgc);
  }
  .is_active#top .p-siteheader__logo {
    --_logo_fill: var(--bgc);
    --_logomark_fill: var(--bgc);
  }
  .p-siteheader__headernav {
    -ms-grid-row: 1;
    -ms-grid-column: 2;
    -ms-grid-column-align: end;
        justify-self: end;
    grid-area: headernav;
  }
  .p-siteheader__navtrigger {
    -ms-grid-column-align: end;
        justify-self: end;
    grid-area: navtrigger;
  }
  @media only screen and (max-width: 1439px){
    .p-siteheader__headernav {
      -ms-grid-row: 2;
      -ms-grid-column: 1;
      -ms-grid-column-span: 2;
    }
    .p-siteheader__navtrigger {
      -ms-grid-row: 1;
      -ms-grid-column: 2;
    }
  }
  .p-headernav {
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (min-width: 1440px) {
    .p-headernav__wrap {
      font-size: var(--font-m);
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: var(--_headernavheight);
      grid-template-rows: var(--_headernavheight);
      -webkit-transition: grid-template-rows 0.3s ease-in-out;
      transition: grid-template-rows 0.3s ease-in-out;
      transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out;
      --_c: var(--bgtc);
    }
    :where(#top) .p-headernav__wrap {
      --_c: var(--bgc);
    }
    .is-scrolled .p-headernav__wrap {
      --_c: var(--bgtc);
    }
    .p-headernav__nav {
      height: 100%;
      overflow: hidden;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      gap: calc(var(--gap) * 2);
    }
    .p-headernav__list {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      gap: calc(var(--gap) * 1);
    }
    .p-headernav__item--contact {
      display: none;
    }
    .p-headernav__link {
      display: block;
      padding: calc(var(--gap) * 0.5) calc(var(--gap) * 0.5);
      color: var(--_c);
      text-decoration: none;
      -webkit-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out;
    }
    .p-headernav__link.current {
      color: var(--bgc-acc1);
    }
    #top .p-headernav__link.current {
      color: var(--_c);
    }
    .p-headernav__link:has(+ div > ul > li) {
      -webkit-padding-end: 1.5em;
              padding-inline-end: 1.5em;
      position: relative;
    }
    .p-headernav__link:has(+ div > ul > li)::after {
      position: absolute;
      right: 0.5em;
      bottom: 0.75em;
      content: "";
      width: 0.5em;
      height: 0.5em;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      -webkit-border-after: 1px solid var(--_c);
              border-block-end: 1px solid var(--_c);
      -webkit-border-end: 1px solid var(--_c);
              border-inline-end: 1px solid var(--_c);
      rotate: 45deg;
      -webkit-transform-origin: right bottom;
              transform-origin: right bottom;
    }
    .p-headernav__icon {
      width: 1em;
      height: 0.8em;
      -webkit-margin-start: calc(var(--gap) * 0.5);
              margin-inline-start: calc(var(--gap) * 0.5);
    }
    .p-headernav__icon .cls-1 {
      -webkit-transition: fill 0.3s ease-in-out;
      transition: fill 0.3s ease-in-out;
      fill: var(--_c);
    }
    .p-headernav__pulldown {
      position: absolute;
      z-index: 10000;
      width: -webkit-max-content;
      width: -moz-max-content;
      width: max-content;
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      -ms-grid-rows: 0fr;
      grid-template-rows: 0fr;
      -webkit-transition: grid-template-rows 0.3s ease-in-out;
      transition: grid-template-rows 0.3s ease-in-out;
      transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out;
    }
    .p-headernav__pulldown > *:nth-child(1) {
      -ms-grid-row: 1;
      -ms-grid-column: 1;
    }
    .p-headernav__item:hover .p-headernav__pulldown {
      -ms-grid-rows: 1fr;
      grid-template-rows: 1fr;
    }
    .p-headernav__sublist {
      overflow: hidden;
    }
    .p-headernav__sublink {
      display: block;
      padding: calc(var(--gap) * 0.5) calc(var(--gap) * 1);
      background: var(--bgc-acc1);
      color: var(--bgtc-acc1);
      text-decoration: none;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
      border-radius: 0.3em;
    }
    .p-headernav__sublink:hover, .p-headernav__sublink.current {
      background: var(--bgc-acc2);
      color: var(--bgtc-acc2);
    }
    .p-headernav__btn {
      background-color: var(--bgc-acc1);
      padding: calc(var(--gap) * 0.5) calc(var(--gap) * 1);
      text-decoration: none;
      color: var(--bgtc-acc1);
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .p-headernav__btn:hover {
      scale: 1.05;
    }
  }
  @media only screen and (max-width: 1439px) {
    .p-headernav__wrap {
      width: 100%;
      display: -ms-grid;
      display: grid;
      -ms-grid-rows: var(--_headernavheight);
      grid-template-rows: var(--_headernavheight);
      -webkit-transition: grid-template-rows 0.3s ease-in-out;
      transition: grid-template-rows 0.3s ease-in-out;
      transition: grid-template-rows 0.3s ease-in-out, -ms-grid-rows 0.3s ease-in-out;
      font-size: var(--font-m);
      --_c: var(--bgtc);
    }
    :where(#top) .p-headernav__wrap {
      --_c: var(--bgc);
    }
    .is_active .p-headernav__wrap {
      --_c: var(--bgc);
    }
    .p-headernav__nav {
      height: 100%;
      overflow: hidden;
      gap: calc(var(--gap) * 1);
    }
    .p-headernav__list {
      display: -ms-grid;
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(min(240px, 100%), 1fr));
      gap: calc(var(--gap) * 0.5) var(--windowpaddinginline);
      padding-block: var(--blockgap);
    }
    .p-headernav__link {
      display: block;
      padding: calc(var(--gap) * 0.5) calc(var(--gap) * 0.5);
      color: var(--_c);
      text-decoration: none;
      -webkit-transition: color 0.3s ease-in-out;
      transition: color 0.3s ease-in-out;
      -webkit-border-after: 1px solid var(--_c);
              border-block-end: 1px solid var(--_c);
    }
    .p-headernav__link.current {
      --_c: var(--bgc-acc1);
    }
    :where(#top) .p-headernav__link.current {
      --_c: var(--bgc);
    }
    .is-scrolled .p-headernav__link.current {
      --_c: var(--bgtc);
    }
    .is_active .p-headernav__link.current {
      --_c: #23d0eb;
    }
    .is_active#top .p-headernav__link.current {
      --_c: var(--bgc);
    }
    .p-headernav__icon {
      width: 1em;
      height: 0.8em;
      -webkit-margin-start: calc(var(--gap) * 0.5);
              margin-inline-start: calc(var(--gap) * 0.5);
    }
    .p-headernav__icon .cls-1 {
      -webkit-transition: fill 0.3s ease-in-out;
      transition: fill 0.3s ease-in-out;
      fill: var(--_c);
    }
    .p-headernav__pulldown {
      display: -ms-grid;
      display: grid;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
    .p-headernav__subitem:not(:last-child) {
      border-bottom: 1px solid var(--_c);
    }
    .p-headernav__sublink {
      display: block;
      padding: calc(var(--gap) * 0.5);
      color: var(--_c);
      text-decoration: none;
      -webkit-transition: all 0.3s ease-in-out;
      transition: all 0.3s ease-in-out;
    }
    .p-headernav__sublink::before {
      content: "- ";
    }
    .p-headernav__sublink.current {
      color: #23d0eb;
    }
    .p-headernav__btn {
      display: none;
    }
  }
  .p-gNav_trigger__wrap {
    --_c: var(--bgtc);
    padding: var(--headerpadding) var(--headerpadding) 0;
    display: none;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  #top .p-gNav_trigger__wrap {
    --_c: var(--bgc);
  }
  .is-scrolled#top .p-gNav_trigger__wrap {
    --_c: var(--bgtc);
  }
  .is_active .p-gNav_trigger__wrap {
    --_c: var(--bgc);
  }
  .is-scrolled.is_active#top .p-gNav_trigger__wrap {
    --_c: var(--bgc);
  }
  @media only screen and (max-width: 1439px) {
    .p-gNav_trigger__wrap {
      display: block;
    }
  }
  .p-gNav_trigger__box {
    display: -ms-grid;
    display: grid;
    gap: 0.7lh;
    place-items: center;
    cursor: pointer;
    position: relative;
    font-size: var(--font-xs);
  }
  .p-gNav_trigger__bars {
    width: 100%;
    height: calc(0.7lh + 2px);
    position: relative;
  }
  .p-gNav_trigger__bar {
    --_deg: 0deg;
    --_bar1deg: calc(var(--_deg) * -1);
    --_bar2deg: calc(var(--_deg) * 1);
    --_bar1top: 0%;
    --_bar2top: 100%;
    position: absolute;
    -webkit-transform: translateY(-1px);
            transform: translateY(-1px);
    display: block;
    background: var(--_c);
    height: 2px;
    width: 100%;
    -webkit-transition: rotate 0.3s ease-in, top 0.3s 0.3s ease-out, background 0.3s ease-in-out;
    transition: rotate 0.3s ease-in, top 0.3s 0.3s ease-out, background 0.3s ease-in-out;
  }
  .p-gNav_trigger__bar:nth-child(1) {
    top: var(--_bar1top);
    rotate: var(--_bar1deg);
  }
  .p-gNav_trigger__bar:nth-child(2) {
    top: var(--_bar2top);
    rotate: var(--_bar2deg);
  }
  .is_active .p-gNav_trigger__bar {
    --_deg: 20deg;
    --_bar1top: 50%;
    --_bar2top: 50%;
    -webkit-transition: rotate 0.3s 0.3s ease-out, top 0.3s ease-in, background 0.3s ease-in-out;
    transition: rotate 0.3s 0.3s ease-out, top 0.3s ease-in, background 0.3s ease-in-out;
  }
  .p-gNav_trigger__text {
    display: block;
    color: var(--_c);
    position: relative;
    width: 3.5em;
    height: 1em;
    overflow: hidden;
  }
  .p-gNav_trigger__text::before, .p-gNav_trigger__text::after {
    position: absolute;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
    inset: 0;
    width: 100%;
    text-align: center;
  }
  .p-gNav_trigger__text::before {
    content: "MENU";
    translate: 0 0;
  }
  .p-gNav_trigger__text::after {
    content: "CLOSE";
    translate: 0 -110%;
  }
  .is_active .p-gNav_trigger__text::before {
    translate: 0 -110%;
  }
  .is_active .p-gNav_trigger__text::after {
    translate: 0 0;
  }
  .p-mainvisual__wrap {
    grid-column: 1/-1;
    position: relative;
    clip-path: inset(0 0 0 0);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
  }
  .p-mainvisual__figure {
    width: 100%;
    height: 100vh;
    position: relative;
  }
  .p-mainvisual__img {
    width: 100%;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    position: fixed;
    isnet: 0;
    object-fit: cover;
    opacity: 0;
    -o-object-position: 50% 50%;
       object-position: 50% 50%;
    -webkit-transition: scale 5s ease-in-out, opacity 3s ease-in-out;
    transition: scale 5s ease-in-out, opacity 3s ease-in-out;
    scale: 1;
  }
  .p-mainvisual__img.is-active {
    scale: 1.05;
    opacity: 1;
  }
  .p-mainvisual__messagefigure {
    grid-column: 3/-3;
    grid-row: 1/-1;
    position: absolute;
    inset: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-mainvisual__messagebg, .p-mainvisual__messageimg {
    grid-column: 1/-1;
    grid-row: 1/-1;
    min-width: 200px;
    width: 33.3vw;
    max-width: 50%;
    margin: 0 auto;
  }
  .p-pageTitle__wrap {
    -webkit-padding-before: var(--headerheight);
            padding-block-start: var(--headerheight);
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
  }
  .p-pageTitle__box {
    grid-column: 1/-1;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    font-size: clamp(3rem, calc(3rem + (1vw - 0.32rem) * (2.6785714286)), 6rem);
    padding-block: calc(var(--gap) * 1) calc(var(--gap) * 2);
    --c: var(--bgc-acc1);
    color: var(--c);
    -webkit-border-after: 1px solid #ccc;
            border-block-end: 1px solid #ccc;
  }
  .p-pageTitle__title {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    grid-column: 3/-3;
    font-weight: 700;
    letter-spacing: -0.02em;
  }
  .p-pageTitle__subtitle {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    grid-column: 3/-3;
    font-weight: 500;
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.7142857143)), 2rem);
    margin-bottom: 0.8em;
    letter-spacing: -0.01em;
    text-transform: uppercase;
    position: relative;
    left: 2em;
  }
  .p-pageTitle__subtitle::before {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    left: -2em;
    width: 1.5em;
    height: 4px;
    background-color: var(--c);
    z-index: -1;
    translate: 0 -50%;
  }
  .p-pageTitle__catnav {
    grid-column: 3/-3;
  }
  .p-categorynav__wrap:not(:has(li:nth-child(2))) {
    display: none;
  }
  .p-categorynav__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: var(--windowpaddinginline);
    font-size: var(--font-m);
    line-height: 1.1 0.5;
    padding: 1lh 0 0;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .p-categorynav__item::before {
    content: none;
  }
  .p-categorynav__link {
    display: block;
    text-decoration: none;
    color: var(--bgtc);
    position: relative;
  }
  .p-categorynav__link::before {
    display: block;
    content: "";
    position: absolute;
    width: 0.5em;
    height: 0.5em;
    rotate: 45deg;
    border: 2px solid var(--bgc-acc1);
    border-left: none;
    border-top: none;
    top: 50%;
    right: -0.8em;
    -webkit-transition: translate 0.2s ease-in-out;
    transition: translate 0.2s ease-in-out;
    translate: 0 -66%;
  }
  .p-categorynav__link:hover::before {
    translate: 0 -30%;
  }
  .p-about_lead__wrap {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    -ms-grid-rows: auto auto 1fr;
    grid-template-rows: auto auto 1fr;
    font-size: clamp(1.6rem, calc(1.6rem + (1vw - 0.32rem) * (0.3571428571)), 2rem);
    line-height: 1.5;
  }
  .p-about_lead__wrap > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-about_lead__wrap > *:nth-child(2) {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .p-about_lead__wrap > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-about_lead__title {
    grid-column: 1/-1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    font-size: clamp(2.4rem, calc(2.4rem + (1vw - 0.32rem) * (3.2142857143)), 6rem);
    font-weight: normal;
    color: var(--bgc-acc1);
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
    text-align: center;
    padding-inline: var(--windowpaddinginline);
  }
  .p-about_lead__text {
    grid-column: 1/-1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4;
    font-size: clamp(1.6rem, calc(1.6rem + (1vw - 0.32rem) * (0.3571428571)), 2rem);
    color: var(--bgtc);
    text-align: center;
    padding-inline: var(--windowpaddinginline);
    -webkit-padding-after: 10em;
            padding-block-end: 10em;
  }
  .p-about_lead__bg {
    grid-column: 1/-1;
    -ms-grid-row: 2;
    -ms-grid-row-span: 2;
    grid-row: 2/4;
    z-index: -1;
    aspect-ratio: 125/47;
    padding-top: 2lh;
    -ms-grid-row-align: end;
        align-self: end;
  }
  .p-message__wrap {
    --_separate_point: 9;
    --_article_start_point: 1;
    --_article_end_point: var(--_separate_point);
    --_aside_start_point: var(--_separate_point);
    --_aside_end_point: 13;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-message__wrap {
      --_article_end_point: -1;
      --_aside_start_point: 1;
      --_aside_end_point: 13;
      gap: 0;
    }
  }
  .p-message__article {
    grid-column: var(--_article_start_point)/var(--_article_end_point);
  }
  .p-message__aside {
    grid-column: var(--_aside_start_point)/var(--_aside_end_point);
  }
  .p-message__img--name {
    width: 20em;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-message__img--name {
      width: 15em;
    }
  }
  .p-message__img--photo {
    width: 100%;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-message__img--photo {
      width: 20em;
      max-width: 100%;
      display: block;
      margin-inline: auto;
    }
  }
  .p-infomation__wrap {
    --_separate_point: 10;
    --_article_start_point: 1;
    --_article_end_point: var(--_separate_point);
    --_aside_start_point: var(--_separate_point);
    --_aside_end_point: 13;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-infomation__wrap {
      --_article_end_point: -1;
      --_aside_start_point: 1;
      --_aside_end_point: 13;
      gap: 0;
    }
  }
  .p-infomation__article {
    grid-column: var(--_article_start_point)/var(--_article_end_point);
  }
  .p-infomation__aside {
    grid-column: var(--_aside_start_point)/var(--_aside_end_point);
  }
  .p-corporate_profile__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-corporate_profile__wrap {
      display: -ms-grid;
      display: grid;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      -webkit-box-pack: center;
          -ms-flex-pack: center;
              justify-content: center;
      gap: calc(var(--gap) * 2);
    }
  }
  .p-corporate_profile__link {
    display: block;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .p-corporate_profile__link:hover {
    opacity: 0.6;
  }
  .p-corporate_profile__img {
    border: 1px solid #ccc;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-corporate_profile__img {
      display: none;
    }
  }
  .p-corporate_profile__linkbtn {
    margin-inline: auto 0;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-corporate_profile__linkbtn {
      margin-inline: auto;
    }
  }
  .p-groupphoto__wrap {
    grid-column: 1/-1;
    background: var(--bgc-suf1);
    padding: var(--blockgap) var(--windowpaddinginline);
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
  }
  .p-groupphoto__fig {
    width: 100%;
    max-width: var(--bp-l);
    margin: 0 auto;
  }
  .p-access__wrap {
    --_separate_point: 7;
    --_article_start_point: 1;
    --_article_end_point: var(--_separate_point);
    --_aside_start_point: var(--_separate_point);
    --_aside_end_point: 13;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-access__wrap {
      --_article_end_point: -1;
      --_aside_start_point: 1;
      --_aside_end_point: 13;
      gap: calc(var(--gap) * 2);
    }
  }
  .p-access__info {
    grid-column: 1/-1;
  }
  .p-access__article {
    grid-column: var(--_article_start_point)/var(--_article_end_point);
  }
  .p-access__aside {
    grid-column: var(--_aside_start_point)/var(--_aside_end_point);
  }
  .p-access__title {
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
  }
  .p-subsidiaries__wrap {
    background: var(--bgc-suf2);
    grid-column: 1/-1;
    gap: 0;
    -webkit-padding-after: var(--sectiongap);
            padding-block-end: var(--sectiongap);
    --_separate_point: 7;
    --_article_start_point: 1;
    --_article_end_point: var(--_separate_point);
    --_aside_start_point: var(--_separate_point);
    --_aside_end_point: 13;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-subsidiaries__wrap {
      --_article_end_point: -1;
      --_aside_start_point: 1;
      --_aside_end_point: 13;
      gap: calc(var(--gap) * 2);
    }
  }
  .p-subsidiaries__inner {
    grid-column: 3/-3;
    gap: 0;
  }
  .p-subsidiaries__title {
    background: var(--bgc-acc3);
    color: var(--bgtc-acc3);
    font-size: clamp(1.8rem, calc(1.8rem + (1vw - 0.32rem) * (1.5178571429)), 3.5rem);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    padding: calc(var(--gap) * 1) 1em;
    line-height: 1;
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
  }
  .p-subsidiaries__info {
    grid-column: 1/-1;
  }
  .p-subsidiaries__info--hasBranch {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr 0 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: 0;
  }
  .p-subsidiaries__article {
    grid-column: var(--_article_start_point)/var(--_article_end_point);
  }
  .p-subsidiaries__article--hasBranch {
    grid-column: 1/-1;
  }
  .p-subsidiaries__aside {
    grid-column: var(--_aside_start_point)/var(--_aside_end_point);
  }
  .p-subsidiaries__aside--hasBranch {
    grid-column: 1/-1;
  }
  .p-subsidiaries__branchinfo {
    -ms-grid-columns: 1fr;
    grid-template-columns: repeat(1, 1fr);
    gap: calc(var(--blockgap) / 2) 0;
  }
  .p-subsidiaries__brancharticle {
    grid-column: 1/-1;
  }
  .p-subsidiaries__branchaside {
    grid-column: 1/-1;
  }
  .p-subsidiaries__branchlist {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr var(--windowpaddinginline) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--windowpaddinginline);
    padding: 0;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-subsidiaries__branchlist {
      -ms-grid-columns: (1fr)[1];
      grid-template-columns: repeat(1, 1fr);
    }
  }
  .p-subsidiaries__branchitem {
    margin: 0;
  }
  .p-subsidiaries__branchitem::before {
    content: none;
  }
  .p-subsidiaries__name {
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
  }
  .p-subsidiaries__branchname {
    color: var(--bgc-acc1);
    font-size: clamp(1.4rem, calc(1.4rem + (1vw - 0.32rem) * (0.7142857143)), 2.2rem);
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
  }
  .p-history__inner {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto var(--blockgap) auto var(--blockgap) auto;
    -ms-grid-columns: 1fr;
        grid-template: "title" "aside" "article" auto/1fr;
    gap: var(--blockgap);
  }
  .p-history__article {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: article;
  }
  .p-history__aside {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: aside;
  }
  .p-history__list {
    padding: 0;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    margin-inline: auto;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: -webkit-max-content -webkit-max-content 1em 1fr;
    -ms-grid-columns: max-content max-content 1em 1fr;
    grid-template-columns: -webkit-max-content -webkit-max-content 1em 1fr;
    grid-template-columns: max-content max-content 1em 1fr;
    position: relative;
    font-size: var(--font-m);
  }
  .p-history__item {
    list-style: none;
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    position: relative;
    padding: calc(var(--gap) * 1) 0;
    margin: 0;
  }
  .p-history__item::before {
    -webkit-margin-before: calc(var(--gap) * 1);
            margin-block-start: calc(var(--gap) * 1);
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    left: 50%;
    translate: -50% -50%;
  }
  .p-history__item::after {
    position: absolute;
    display: block;
    content: "";
    -ms-grid-column: 3;
    -ms-grid-column-span: 1;
    grid-column: 3/4;
    top: 0;
    bottom: 0;
    left: 50%;
    height: 100%;
    width: 1px;
    background: var(--bgc-acc1);
  }
  .p-history__date {
    padding: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-end: var(--windowpaddinginline);
            margin-inline-end: var(--windowpaddinginline);
    color: var(--bgc-acc1);
    font-weight: bold;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-column: 1/3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    gap: 0 0.5em;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 639px) {
    .p-history__date {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
    }
  }
  .p-history__year {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 639px) {
    .p-history__year {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1/2;
    }
  }
  .p-history__month {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    text-align: right;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 639px) {
    .p-history__month {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2/3;
      text-align: left;
    }
  }
  .p-history__detail {
    -ms-grid-column: 4;
    -ms-grid-column-span: 1;
    grid-column: 4/5;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
    padding: 0;
    -webkit-margin-after: 0;
            margin-block-end: 0;
    -webkit-margin-start: var(--windowpaddinginline);
            margin-inline-start: var(--windowpaddinginline);
  }
  @media only screen and (max-width: 639px) {
    .p-history__detail {
      -ms-grid-column: 4;
      -ms-grid-column-span: 1;
      grid-column: 4/5;
      -ms-grid-row: 1;
      -ms-grid-row-span: 2;
      grid-row: 1/3;
    }
  }
  .p-history__detail_item {
    list-style: none;
  }
  .p-history__detail_item::before {
    content: none;
  }
  .p-history__detail_item:not(:last-child) {
    -webkit-margin-after: 1em;
            margin-block-end: 1em;
  }
  .p-service_lead__wrap {
    grid-column: 4/-4;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 2);
    font-size: var(--font-m);
    line-height: 1.5;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-service_lead__wrap {
      grid-column: 3/-3;
    }
  }
  .p-service_lead__title {
    font-size: clamp(2.5rem, calc(2.5rem + (1vw - 0.32rem) * (3.125)), 6rem);
    font-weight: normal;
    color: var(--bgc-acc1);
    text-align: center;
  }
  .p-service_lead__text {
    font-size: var(--font-l);
    color: var(--bgc-acc1);
    text-align: center;
  }
  .p-service_lead__figure {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr var(--windowpaddinginline) 1fr;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--windowpaddinginline);
  }
  .p-works__wrap {
    gap: calc(var(--blockgap) * 2) var(--inlinegap);
  }
  .p-works__inner {
    display: -ms-grid;
    display: grid;
    --_separate_point: 7;
    --_article_start_point: 1;
    --_article_end_point: var(--_separate_point);
    --_aside_start_point: var(--_separate_point);
    --_aside_end_point: 12;
    --_title_gc: 12 / -1;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 419px) {
    .p-works__inner {
      --_article_end_point: 12;
      --_aside_start_point: 1;
      --_aside_end_point: 12;
    }
  }
  .p-works__inner--service {
    --_separate_point: 7;
    --_title_gc: 12 / -1;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 1439px) {
    .p-works__inner--service {
      --_separate_point: 8;
    }
  }
  @media only screen and (max-width: 767px) {
    .p-works__inner--service {
      --_article_end_point: 12;
      --_aside_start_point: 1;
      --_aside_end_point: 12;
    }
  }
  .p-works__inner--construction {
    --_separate_point: 9;
    --_article_start_point: 2;
    --_article_end_point: var(--_separate_point);
    --_aside_start_point: var(--_separate_point);
    --_aside_end_point: 13;
    --_title_gc: 1 / 2;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 1439px) {
    .p-works__inner--construction {
      --_separate_point: 9;
    }
  }
  @media only screen and (max-width: 767px) {
    .p-works__inner--construction {
      --_article_end_point: 13;
      --_aside_start_point: 2;
      --_aside_end_point: 13;
    }
  }
  .p-works__inner--engineering {
    --_separate_point: 7;
    --_title_gc: 12 / -1;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 1439px) {
    .p-works__inner--engineering {
      --_separate_point: 8;
    }
  }
  @media only screen and (max-width: 767px) {
    .p-works__inner--engineering {
      --_article_end_point: 12;
      --_aside_start_point: 1;
      --_aside_end_point: 12;
    }
  }
  .p-works__title--sub {
    grid-column: var(--_title_gc);
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: mixed;
    border-block: 1px solid #ccc;
    margin: 0;
    display: -ms-grid;
    display: grid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-works__article {
    grid-column: var(--_article_start_point)/var(--_article_end_point);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1);
  }
  .p-works__aside {
    grid-column: var(--_aside_start_point)/var(--_aside_end_point);
  }
  .p-works__aside--construction {
    -webkit-margin-before: var(--blockgap);
            margin-block-start: var(--blockgap);
  }
  .p-works__aside--engineering {
    -webkit-margin-before: var(--blockgap);
            margin-block-start: var(--blockgap);
  }
  .p-works__title {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    color: var(--bgc-acc1);
    font-weight: 500;
    line-height: 1.5;
  }
  .p-works__title--sub {
    font-size: var(--font-l);
  }
  .p-works__title--main {
    font-size: clamp(1.8rem, calc(1.8rem + (1vw - 0.32rem) * (2.4107142857)), 4.5rem);
    display: block;
  }
  .p-works_products__wrap {
    background: var(--bgc-suf1);
    padding: var(--windowpaddinginline);
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
  }
  .p-works_products__wrap--service {
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    grid-column: 1/12;
  }
  .p-works_products__wrap--construction {
    -ms-grid-column: 2;
    -ms-grid-column-span: 11;
    grid-column: 2/13;
    -ms-grid-columns: (1fr)[2];
    grid-template-columns: repeat(2, 1fr);
  }
  .p-works_products__wrap--engineering {
    -ms-grid-column: 1;
    -ms-grid-column-span: 11;
    grid-column: 1/12;
  }
  .p-works_products__title {
    color: var(--bgc-acc1);
    font-size: clamp(1.6rem, calc(1.6rem + (1vw - 0.32rem) * (1.6964285714)), 3.5rem);
    line-height: 1.5;
    font-weight: 700;
  }
  .p-works_products__list {
    grid-column: 1/-1;
  }
  .p-works_products__list--service {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr calc(var(--gap) * 1) 1fr;
    grid-template-columns: repeat(4, 1fr);
    gap: calc(var(--gap) * 1);
  }
  .p-works_products__category {
    list-style: none;
    -ms-grid-column-span: 2;
    grid-column: span 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 1) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--gap) * 0.5) calc(var(--gap) * 1);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  .p-works_products__category::before {
    content: none;
  }
  .p-works_products__category--construction {
    -ms-grid-column-span: 1;
    grid-column: span 1;
  }
  @media only screen and (max-width: 767px) {
    .p-works_products__category {
      -ms-grid-column-span: 12;
      grid-column: span 12;
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .p-works_products__category_title {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    color: var(--bgc-acc1);
    font-size: var(--font-l);
    line-height: 1.5;
    font-weight: 700;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-works_products__category_title {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2/3;
    }
  }
  .p-works_products__category_affiliation {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: affiliation;
    font-size: var(--font-m);
    color: var(--bgc-acc1);
    font-weight: bold;
  }
  .p-works_products__figure {
    display: contents;
  }
  .p-works_products__img {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    -ms-grid-row: 1;
    -ms-grid-row-span: 2;
    grid-row: 1/3;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-works_products__img {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1/2;
    }
  }
  .p-works_products__caption {
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-column: 2/3;
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-works_products__caption {
      -ms-grid-column: 1;
      -ms-grid-column-span: 1;
      grid-column: 1/2;
      -ms-grid-row: 3;
      -ms-grid-row-span: 1;
      grid-row: 3/4;
    }
  }
  .p_maker_logo__list {
    padding: 0;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr var(--windowpaddinginline) 1fr var(--windowpaddinginline) 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--windowpaddinginline);
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p_maker_logo__list {
      -ms-grid-columns: 1fr;
      grid-template-columns: repeat(1, 1fr);
      gap: calc(var(--gap) * 0.5);
    }
  }
  .p_maker_logo__item {
    list-style: none;
  }
  .p_maker_logo__item::before {
    content: none;
  }
  .p_maker_logo__link {
    display: -ms-grid;
    display: grid;
    place-items: center;
    padding: calc(var(--gap) * 2);
    height: 100%;
    border: 1px solid #ccc;
    border-radius: calc(var(--gap) * 0.5);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p_maker_logo__link {
      padding: calc(var(--gap) * 0.5) calc(var(--gap) * 2);
    }
  }
  .p_maker_logo__img {
    display: block;
    margin-inline: auto;
    max-height: 100%;
    width: auto;
    max-width: 100%;
  }
  .p_maker_name__list,
  .p_customer__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 1 + 1.5em) 1fr calc(var(--gap) * 1 + 1.5em) 1fr;
    grid-template-columns: repeat(3, 1fr);
    gap: calc(var(--gap) * 1) calc(var(--gap) * 1 + 1.5em);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p_maker_name__list,
    .p_customer__list {
      -ms-grid-columns: 1fr calc(var(--gap) * 1 + 1.5em) 1fr;
      grid-template-columns: repeat(2, 1fr);
      gap: calc(var(--gap) * 0.5) calc(var(--gap) * 1 + 1.5em);
    }
  }
  .p-construction__title {
    background: var(--bgc-suf1);
    color: var(--bgc-acc1);
    font-size: clamp(1.6rem, calc(1.6rem + (1vw - 0.32rem) * (1.6964285714)), 3.5rem);
    line-height: 1.5;
    font-weight: 700;
    padding: calc(var(--gap) * 0.5) calc(var(--gap) * 1.5);
  }
  .p-horizontal_gallary__list {
    --_columns: 2;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: ;
    grid-template-columns: repeat(var(--_columns), 1fr);
    gap: var(--windowpaddinginline);
    padding: 0;
  }
  .p-horizontal_gallary__item {
    list-style: none;
    margin: 0;
  }
  .p-horizontal_gallary__item::before {
    content: none;
  }
  .p-horizontal_gallary__figure {
    margin: 0;
  }
  .p-horizontal_scroll_gallary__wrap {
    display: block;
    width: 100%;
    overflow-x: clip;
  }
  .p-horizontal_scroll_gallary__container {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100%;
    min-height: 100vh;
  }
  .p-horizontal_scroll_gallary__list {
    position: sticky;
    inset: 0 0 auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    width: 100%;
    height: 100vh;
    -ms-scroll-snap-type: y mandatory;
        scroll-snap-type: y mandatory;
  }
  .p-horizontal_scroll_gallary__item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    width: 100vw;
    height: 100vh;
    inset: 0;
    margin: auto;
    list-style: none;
    margin: 0;
    scroll-snap-align: start;
  }
  .p-horizontal_scroll_gallary__item::before {
    content: none;
  }
  .p-horizontal_scroll_gallary__figure {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    height: 100%;
    width: 50%;
    -o-object-fit: cover;
       object-fit: cover;
    -ms-flex-negative: 0;
        flex-shrink: 0;
  }
  .p-horizontal_scroll_gallary__img {
    width: 100%;
    height: 100%;
    -o-object-fit: contain;
       object-fit: contain;
  }
  .p-flow__list {
    --bd: 1px solid #ccc;
    -webkit-border-before: var(--bd);
            border-block-start: var(--bd);
    padding: 0;
    counter-reset: flow;
  }
  .p-flow__item {
    list-style: none;
    -webkit-border-after: var(--bd);
            border-block-end: var(--bd);
    margin: 0;
    padding: calc(var(--gap) * 2) var(--windowpaddinginline);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: auto var(--windowpaddinginline) 1fr;
    grid-template-columns: auto 1fr;
    -ms-grid-rows: auto calc(var(--gap) * 1) auto;
    grid-template-rows: repeat(2, auto);
    gap: calc(var(--gap) * 1) var(--windowpaddinginline);
  }
  .p-flow__item > *:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-flow__item > *:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }
  .p-flow__item > *:nth-child(3) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }
  .p-flow__item > *:nth-child(4) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }
  .p-flow__item::before {
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-column: 1/2;
    grid-row: 1/-1;
    counter-increment: flow;
    content: counter(flow, decimal-leading-zero);
    display: -ms-grid;
    display: grid;
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    width: 2.5em;
    height: 2.5em;
    border-radius: 100vmax;
    place-content: center;
    line-height: 1;
    font-size: var(--font-l);
  }
  .p-flow__title {
    grid-column: 2/-1;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
    margin: 0;
    font-size: var(--font-l);
    line-height: 1.5;
    color: var(--bgc-acc1);
  }
  .p-flow__contents {
    grid-column: 2/-1;
    grid-row: 2/-1;
    margin: 0;
  }
  .p-products__wrap {
    gap: calc(var(--gap) * 3);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__wrap {
      gap: calc(var(--gap) * 1);
    }
  }
  .p-products__box {
    border: 1px solid var(--bgc-acc1);
    padding: calc(var(--windowpaddinginline) + var(--gap) * 1);
    border-radius: calc(var(--gap) * 1);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--gap) * 3) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: calc(var(--gap) * 3);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__box {
      padding: var(--windowpaddinginline);
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
      gap: calc(var(--gap) * 1);
    }
  }
  .p-products__title {
    grid-column: 1/-1;
    color: var(--bgc-acc1);
    font-size: clamp(1.8rem, calc(1.8rem + (1vw - 0.32rem) * (1.5178571429)), 3.5rem);
    line-height: 1.6;
  }
  .p-products__subtitle {
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    font-size: clamp(1.6rem, calc(1.6rem + (1vw - 0.32rem) * (0.3571428571)), 2rem);
    line-height: 1.5;
    font-weight: 600;
    padding: calc(var(--gap) * 0.5) 1em;
    border-radius: calc(var(--gap) * 0.5);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__subtitle {
      font-size: var(--font-m);
    }
  }
  .p-products__gallery {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1);
  }
  .p-products__gallery > :last-child {
    margin: 0;
  }
  .p-products__gallery--belt, .p-products__gallery--joint {
    grid-column: 1/-1;
  }
  .p-products__gallery-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: calc(var(--gap) * 1);
    padding: 0;
    margin: 0;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__gallery-list {
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
    }
  }
  .p-products__gallery-item {
    list-style: none;
    margin: 0;
    max-width: 618px;
  }
  .p-products__gallery-item::before {
    content: none;
  }
  .p-products__gallery-figure {
    margin: 0;
  }
  .p-products__gallery-img {
    border: 1px solid #ccc;
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
  }
  .p-products__makers {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--gap) * 1);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__makers {
      grid-column: 1/-1;
    }
  }
  .p-products__makers-list {
    margin: 0;
    padding: 0;
  }
  .p-products__makers-item {
    list-style: none;
    margin: 0;
  }
  .p-products__makers-item::before {
    content: none;
  }
  .p-products__makers-link {
    display: block;
  }
  .p-products__makers-figure {
    margin: 0;
  }
  .p-products__catalogs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--gap) * 1);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__catalogs {
      grid-column: 1/-1;
    }
  }
  .p-products__catalogs-list {
    margin: 0;
    padding: 0;
    display: -ms-grid;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(min(10em, 100%), 1fr));
    gap: calc(var(--gap) * 1);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__catalogs-list {
      grid-template-columns: repeat(auto-fill, minmax(min(5em, 100%), 1fr));
    }
  }
  .p-products__catalogs-item {
    list-style: none;
    margin: 0;
  }
  .p-products__catalogs-item::before {
    content: none;
  }
  .p-products__catalogs-link {
    display: block;
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
  }
  .p-products__catalogs-link:hover {
    opacity: 0.5;
  }
  .p-products__catalogs-link:not[href] {
    pointer-events: none;
    opacity: 0.5;
  }
  .p-products__catalogs-figure {
    margin: 0;
  }
  .p-products__catalogs-img {
    max-width: 10em;
  }
  .p-products__website {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--gap) * 1);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__website {
      grid-column: 1/-1;
    }
  }
  .p-products__website-item::before {
    content: none;
  }
  .p-products__sp_figure {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    --sp_point: 5;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__sp_figure {
      -ms-grid-columns: 1fr;
      grid-template-columns: 1fr;
    }
  }
  .p-products__sp_img {
    grid-column: 1/var(--sp_point);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-products__sp_img {
      display: block;
      margin-inline: auto;
      max-width: 450px;
    }
  }
  .p-products__sp_caption {
    grid-column: var(--sp_point)/-1;
  }
  .p-products__sp_caption--main {
    display: block;
    font-size: var(--font-l);
    font-weight: bold;
    color: var(--bgc-acc1);
  }
  .p-products__sp_caption--sub {
    display: block;
    font-size: var(--font-m);
  }
  .p-environment_lead__wrap {
    grid-column: 3/-3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    gap: calc(var(--gap) * 2);
  }
  .p-environment_lead__img {
    grid-column: 3/-3;
  }
  .p-environment_lead__text {
    grid-column: 1/-1;
    font-size: var(--font-m);
    line-height: 1.5;
    text-align: center;
  }
  .p-environment_policy__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    --_separate_point: 8;
  }
  .p-environment_policy__article {
    grid-column: 1/var(--_separate_point);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-environment_policy__article {
      grid-column: 1/-1;
    }
  }
  .p-environment_policy__main {
    display: block;
    font-weight: 600;
  }
  .p-environment_policy__sub {
    display: block;
  }
  .p-environment_policy__aside {
    grid-column: var(--_separate_point)/-1;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-environment_policy__aside {
      grid-column: 1/-1;
      max-width: 450px;
      margin-inline: auto;
    }
  }
  .p-environment_basic__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    --_separate_point: 8;
  }
  .p-environment_basic__main {
    display: block;
    font-weight: 600;
  }
  .p-environment_basic__sub {
    display: block;
  }
  .p-contact_numberbox__wrap {
    width: 100%;
    max-width: var(--bp-l);
    margin-inline: auto;
    text-align: center;
    border: 1px solid #999;
    padding: var(--windowpaddinginline);
  }
  .p-contact_numberbox__number {
    font-size: var(--font-xl);
    font-weight: 500;
    line-height: 1.3;
  }
  .s-fadein {
    opacity: 0;
    translate: 0 calc(var(--gap) * 3);
    -webkit-transition: opacity 1s ease-in, translate 1s ease-out;
    transition: opacity 1s ease-in, translate 1s ease-out;
  }
  .s-fadein.is_active {
    opacity: 1;
    translate: 0 0;
  }
  .p-top_lead__wrap {
    background: var(--bgc-acc2);
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    padding-block: var(--windowpaddinginline);
  }
  .p-top_lead__figure {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    gap: var(--windowpaddinginline);
    --_separatepoint: 9;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-top_lead__figure {
      gap: calc(var(--gap) * 1);
    }
  }
  .p-top_lead__img {
    grid-column: var(--_separatepoint)/-3;
    grid-row: 1/-1;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-top_lead__img {
      grid-column: 4/-4;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1/2;
    }
  }
  .p-top_lead__caption {
    grid-column: 3/var(--_separatepoint);
    grid-row: 1/-1;
    color: var(--bgtc-acc2);
    font-size: var(--font-l);
    line-height: 1.8;
    word-break: auto-phrase;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-top_lead__caption {
      grid-column: 3/-3;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2/3;
    }
  }
  .p-top_contents__wrap {
    grid-column: 1/-1;
    padding: var(--sectiongap) var(--windowpaddinginline);
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    gap: var(--sectiongap) 0;
  }
  .p-top_contents__wrap--service {
    background-color: var(--bgc-suf3);
    background-image: url("../img/bk_mark_img.svg");
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: auto 80%;
    color: var(--bgtc-suf3);
  }
  .p-top_contents__title {
    grid-column: 3/-3;
    color: var(--bgc-acc1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--gap) * 0.5);
  }
  .p-top_contents__title--main {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
    font-size: var(--font-xl);
    font-weight: 700;
    line-height: 1;
    display: block;
  }
  .p-top_contents__title--sub {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.7142857143)), 2rem);
    display: block;
    text-transform: uppercase;
    font-weight: 400;
    position: relative;
    -webkit-margin-start: var(--font-xl);
            margin-inline-start: var(--font-xl);
  }
  .p-top_contents__title--sub::before {
    content: "";
    display: block;
    width: calc(var(--font-xl) * 0.75);
    height: 3px;
    background-color: var(--bgc-acc1);
    position: absolute;
    top: 50%;
    left: calc(var(--font-xl) * -1);
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-top_contents__item {
    grid-column: 3/-3;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    gap: calc(var(--gap) * 2) var(--windowpaddinginline);
  }
  .p-top_contents__item--agency {
    --_separatepoint: 10;
    --_cont_spans: 1 / var(--_separatepoint);
    --_subtitle_spans: 12 / -1;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 1439px) {
    .p-top_contents__item--agency {
      --_separatepoint: 12;
    }
  }
  .p-top_contents__item--construction {
    --_separatepoint: -10;
    --_cont_spans: var(--_separatepoint) / -1;
    --_subtitle_spans: 1 / -12;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 1439px) {
    .p-top_contents__item--construction {
      --_separatepoint: -12;
    }
  }
  .p-top_contents__item_title {
    grid-column: var(--_cont_spans);
    font-size: var(--font-xl);
    font-weight: 500;
    color: var(--bgc-acc1);
  }
  .p-top_contents__item_subtitle {
    grid-column: var(--_subtitle_spans);
    -ms-grid-row: 1;
    -ms-grid-row-span: 4;
    grid-row: 1/5;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .p-top_contents__item_subtitletext {
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (1.6071428571)), 3rem);
    -webkit-writing-mode: vertical-rl;
        -ms-writing-mode: tb-rl;
            writing-mode: vertical-rl;
    text-orientation: upright;
    border: 1px solid #999;
    border-inline: none;
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
  }
  .p-top_contents__item_content {
    grid-column: var(--_cont_spans);
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.7142857143)), 2rem);
    line-height: 1.7;
    word-break: auto-phrase;
  }
  .p-top_contents__item_linknav {
    grid-column: var(--_cont_spans);
  }
  .p-top_contents__item_link {
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.7142857143)), 2rem);
  }
  .p-top_contents__item_figure {
    grid-column: var(--_cont_spans);
  }
  .p-top_contents__construction_list {
    grid-column: var(--_cont_spans);
  }
  .p-top_construction__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    gap: var(--blockgap);
  }
  .p-top_construction__item {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    list-style: none;
    background: var(--bgc);
    padding: calc(var(--gap) * 2);
  }
  .p-top_construction__item:nth-child(even) {
    --_separatepoint: 5;
    --_content_spans: var(--_separatepoint) / -1;
    --_img_spans: 1 / var(--_separatepoint);
  }
  .p-top_construction__item:nth-child(odd) {
    --_separatepoint: 6;
    --_content_spans: 1 / var(--_separatepoint);
    --_img_spans: var(--_separatepoint) / -1;
  }
  .p-top_construction__figure {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-top_construction__figure {
      gap: calc(var(--gap) * 1);
    }
  }
  .p-top_construction__img {
    grid-column: var(--_img_spans);
    grid-row: 1/-1;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-top_construction__img {
      grid-column: 1/-1;
      -ms-grid-row: 1;
      -ms-grid-row-span: 1;
      grid-row: 1/2;
    }
  }
  .p-top_construction__caption {
    grid-column: var(--_content_spans);
    grid-row: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: calc(var(--gap) * 1);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-top_construction__caption {
      grid-column: 1/-1;
      -ms-grid-row: 2;
      -ms-grid-row-span: 1;
      grid-row: 2/3;
    }
  }
  .p-top_construction__title {
    color: var(--bgc-acc1);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(var(--gap) * 0.5);
  }
  .p-top_construction__title--main {
    display: block;
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (2.0535714286)), 3.5rem);
    font-weight: 500;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
  .p-top_construction__title--sub {
    display: block;
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (0.7142857143)), 2rem);
    font-weight: 400;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
  .p-top_construction__content {
    font-size: var(--font-m);
    line-height: 1.7;
    word-break: auto-phrase;
  }
  .p-top_products__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: subgrid;
    grid-template-columns: subgrid;
  }
  .p-top_products__list {
    grid-column: 1/-1;
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr calc(var(--windowpaddinginline) * 2) 1fr;
    grid-template-columns: 1fr 1fr;
    gap: 0 calc(var(--windowpaddinginline) * 2);
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 767px) {
    .p-top_products__list {
      gap: 0 var(--windowpaddinginline);
    }
  }
  .p-top_products__category {
    list-style: none;
  }
  .p-top_products__category_link {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto calc(var(--gap) * 1) auto calc(var(--gap) * 1) auto calc(var(--gap) * 1) auto;
    -ms-grid-columns: 1fr;
        grid-template: "img" "category_title" "affiliation" "caption" auto/1fr;
    gap: calc(var(--gap) * 1);
    opacity: 1;
    -webkit-transition: opacity 0.3s ease-in-out;
    transition: opacity 0.3s ease-in-out;
    color: var(--bgtc);
    text-decoration: none;
  }
  .p-top_products__category_link:hover {
    opacity: 0.6;
  }
  .p-top_products__category_title {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
    grid-area: category_title;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: calc(var(--gap) * 1);
    -webkit-border-after: 1px dotted var(--bgc-acc1);
            border-block-end: 1px dotted var(--bgc-acc1);
    -webkit-padding-after: calc(var(--gap) * 1);
            padding-block-end: calc(var(--gap) * 1);
  }
  .p-top_products__category_title--text {
    font-size: clamp(1.2rem, calc(1.2rem + (1vw - 0.32rem) * (2.0535714286)), 3.5rem);
    font-weight: 500;
    color: var(--bgc-acc1);
  }
  .p-top_products__category_title--icon {
    --_bg: var(--bgc-acc1);
    --_arrowc: var(--bgtc-acc1);
    display: block;
    font-size: var(--font-l);
    width: 1.41em;
    height: 1.41em;
    border-radius: 100%;
    background-color: var(--_bg);
    -webkit-margin-start: 1em;
            margin-inline-start: 1em;
    position: relative;
  }
  .p-top_products__category_title--icon::before {
    position: absolute;
    display: block;
    content: "";
    width: 0.25em;
    height: 0.25em;
    top: 50%;
    left: 50%;
    border: 1px solid var(--_arrowc);
    border-bottom: none;
    border-left: none;
    rotate: 45deg;
    translate: -50% -50%;
  }
  .p-top_products__category_affiliation {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
    grid-area: affiliation;
    font-size: var(--font-m);
    color: var(--bgc-acc1);
    font-weight: bold;
  }
  .p-top_products__figure {
    display: contents;
  }
  .p-top_products__img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
    grid-area: img;
  }
  .c-cards__figure:has(h3) > .p-top_products__img {
    -ms-grid-row: 2;
    -ms-grid-column: 1;
  }
  .p-top_products__category_link > .p-top_products__img {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }
  .p-top_products__caption {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
    grid-area: caption;
    font-size: var(--font-m);
    line-height: 1.5;
  }
  .p-top_products__items {
    -webkit-padding-start: calc(var(--gap) * 1.75);
            padding-inline-start: calc(var(--gap) * 1.75);
  }
  .p-top_products__item {
    list-style: none;
    position: relative;
  }
  .p-top_products__item::before {
    content: "";
    display: block;
    width: 1em;
    height: 1em;
    border-radius: 100%;
    background-color: var(--bgc-acc1);
    position: absolute;
    top: 0.5lh;
    left: calc(var(--gap) * -1.75);
    translate: 0 -50%;
  }
  .p-pagetopanchor__wrap {
    grid-column: 1/-1;
    position: relative;
    position: sticky;
    bottom: var(--windowpaddinginline);
    pointer-events: none;
  }
  .p-pagetopanchor__btn {
    pointer-events: auto;
    margin-inline: auto var(--windowpaddinginline);
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
    text-decoration: none;
    display: -ms-grid;
    display: grid;
    place-content: center;
    aspect-ratio: 1/1;
    border-radius: 100vmax;
    width: 5em;
    -webkit-padding-before: 1em;
            padding-block-start: 1em;
    text-align: center;
    font-size: var(--font-m);
    line-height: 1.2;
    position: relative;
    translate: 0 150%;
    -webkit-transition: translate 0.3s ease-in-out;
    transition: translate 0.3s ease-in-out;
  }
  .p-pagetopanchor__btn::before {
    position: absolute;
    top: 50%;
    left: 50%;
    translate: -50% -250%;
    content: "";
    display: block;
    width: 0;
    height: 0;
    -webkit-border-after: 0.5em solid var(--bgtc-acc1);
            border-block-end: 0.5em solid var(--bgtc-acc1);
    -webkit-border-start: 0.5em solid transparent;
            border-inline-start: 0.5em solid transparent;
    -webkit-border-end: 0.5em solid transparent;
            border-inline-end: 0.5em solid transparent;
  }
  .pcactive .p-pagetopanchor__btn {
    translate: 0 0;
  }
  .p-sitefooter__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: auto var(--windowpaddinginline) auto;
    -ms-grid-columns: 1fr var(--windowpaddinginline) min(var(--bp-xl), 100% - var(--windowpaddinginline) * 2) var(--windowpaddinginline) 1fr;
        grid-template: ". logo. " ". info. " auto/1fr min(var(--bp-xl), 100% - var(--windowpaddinginline) * 2) 1fr;
    gap: var(--windowpaddinginline);
    padding-block: var(--windowpaddinginline);
    color: var(--bgtc);
  }
  .p-sitefooter__logo {
    grid-area: logo;
  }
  .p-sitefooter__info {
    grid-area: info;
  }
  .p-sitefooter_logo__homelink {
    display: block;
    width: 20vw;
    min-width: 150px;
    max-width: 303px;
  }
  .p-sitefooter_info__wrap {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr;
    grid-template-columns: 1fr;
    gap: var(--windowpaddinginline);
  }
  .p-sitefooter_info__list {
    display: -ms-grid;
    display: grid;
    -ms-grid-columns: 1fr var(--windowpaddinginline) 1fr var(--windowpaddinginline) 1fr var(--windowpaddinginline) 1fr var(--windowpaddinginline) 1fr var(--windowpaddinginline) 1fr;
    grid-template-columns: repeat(6, 1fr);
    gap: var(--windowpaddinginline);
    list-style: none;
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 1439px) {
    .p-sitefooter_info__list {
      -ms-grid-columns: (1fr)[4];
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @media only screen and (max-width: 767px) {
    .p-sitefooter_info__list {
      -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
    }
  }
  .p-sitefooter_info__item {
    font-size: var(--font-s);
    display: -ms-grid;
    display: grid;
    -ms-grid-rows: subgrid;
    grid-template-rows: subgrid;
    -ms-grid-row-span: 2;
    grid-row: span 2;
    gap: calc(var(--gap) * 0.5);
    -ms-flex-line-pack: start;
        align-content: start;
    line-height: 1.5;
  }
  .p-sitefooter_info__item--subsidiaries {
    /*
    モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
    @if $breakpoint == $menubreakpoint {
    	@media only screen and (max-width: 1439px), (any-hover: none) {
    		@content;
    	}
    }
    @else if $breakpoint == $menubreakpointmin {
    	@media only screen and (min-width: 1440px) and (any-hover: hover) {
    		@content;
    	}
    }
    @else {
    }
    */
  }
  @media only screen and (max-width: 1439px) {
    .p-sitefooter_info__item--subsidiaries {
      -ms-grid-column-span: 2;
      grid-column: span 2;
    }
  }
  .p-sitefooter_info__headline {
    font-size: var(--font-m);
    font-weight: bold;
    padding: calc(var(--gap) * 0.3) calc(var(--gap) * 1);
    border-radius: calc(var(--gap) * 0.3);
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    grid-row: 1/2;
  }
  .p-sitefooter_info__headline--branch {
    background: var(--bgc-acc1);
    color: var(--bgtc-acc1);
  }
  .p-sitefooter_info__headline--subsidiaries {
    background: var(--bgc-acc3);
    color: var(--bgtc-acc3);
  }
  .p-sitefooter_info__infobox {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    grid-row: 2/3;
  }
  .p-sitefooter_info__name {
    font-size: var(--font-m);
    font-weight: bold;
  }
}
@layer utility {
  .ouxs {
    display: inherit !important;
  }
  td.ouxs, th.ouxs {
    display: table-cell !important;
  }
  .olxs {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (max-width: 419px) {
    .ouxs {
      display: none !important;
    }
    td.ouxs, th.ouxs {
      display: none !important;
    }
    .olxs {
      display: inherit !important;
    }
    td.olxs, th.olxs {
      display: table-cell !important;
    }
  }
  .ouxs-s {
    display: inherit !important;
  }
  td.ouxs-s, th.ouxs-s {
    display: table-cell !important;
  }
  .olxs-s {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (min-width: 420px) and (max-width: 639px) {
    .ouxs-s {
      display: none !important;
    }
    td.ouxs-s, th.ouxs-s {
      display: none !important;
    }
    .olxs-s {
      display: inherit !important;
    }
    td.olxs-s, th.olxs-s {
      display: table-cell !important;
    }
  }
  .ous {
    display: inherit !important;
  }
  td.ous, th.ous {
    display: table-cell !important;
  }
  .ols {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (max-width: 639px) {
    .ous {
      display: none !important;
    }
    td.ous, th.ous {
      display: none !important;
    }
    .ols {
      display: inherit !important;
    }
    td.ols, th.ols {
      display: table-cell !important;
    }
  }
  .ousmin {
    display: inherit !important;
  }
  td.ousmin, th.ousmin {
    display: table-cell !important;
  }
  .olsmin {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (min-width: 639px) {
    .ousmin {
      display: none !important;
    }
    td.ousmin, th.ousmin {
      display: none !important;
    }
    .olsmin {
      display: inherit !important;
    }
    td.olsmin, th.olsmin {
      display: table-cell !important;
    }
  }
  .ous-m {
    display: inherit !important;
  }
  td.ous-m, th.ous-m {
    display: table-cell !important;
  }
  .ols-m {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (min-width: 640px) and (max-width: 767px) {
    .ous-m {
      display: none !important;
    }
    td.ous-m, th.ous-m {
      display: none !important;
    }
    .ols-m {
      display: inherit !important;
    }
    td.ols-m, th.ols-m {
      display: table-cell !important;
    }
  }
  .oum {
    display: inherit !important;
  }
  td.oum, th.oum {
    display: table-cell !important;
  }
  .olm {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (max-width: 767px) {
    .oum {
      display: none !important;
    }
    td.oum, th.oum {
      display: none !important;
    }
    .olm {
      display: inherit !important;
    }
    td.olm, th.olm {
      display: table-cell !important;
    }
  }
  .oummin {
    display: inherit !important;
  }
  td.oummin, th.oummin {
    display: table-cell !important;
  }
  .olmmin {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (min-width: 767px) {
    .oummin {
      display: none !important;
    }
    td.oummin, th.oummin {
      display: none !important;
    }
    .olmmin {
      display: inherit !important;
    }
    td.olmmin, th.olmmin {
      display: table-cell !important;
    }
  }
  .oum-l {
    display: inherit !important;
  }
  td.oum-l, th.oum-l {
    display: table-cell !important;
  }
  .olm-l {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (min-width: 768px) and (max-width: 979px) {
    .oum-l {
      display: none !important;
    }
    td.oum-l, th.oum-l {
      display: none !important;
    }
    .olm-l {
      display: inherit !important;
    }
    td.olm-l, th.olm-l {
      display: table-cell !important;
    }
  }
  .oul {
    display: inherit !important;
  }
  td.oul, th.oul {
    display: table-cell !important;
  }
  .oll {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (max-width: 979px) {
    .oul {
      display: none !important;
    }
    td.oul, th.oul {
      display: none !important;
    }
    .oll {
      display: inherit !important;
    }
    td.oll, th.oll {
      display: table-cell !important;
    }
  }
  .oulmin {
    display: inherit !important;
  }
  td.oulmin, th.oulmin {
    display: table-cell !important;
  }
  .ollmin {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (min-width: 979px) {
    .oulmin {
      display: none !important;
    }
    td.oulmin, th.oulmin {
      display: none !important;
    }
    .ollmin {
      display: inherit !important;
    }
    td.ollmin, th.ollmin {
      display: table-cell !important;
    }
  }
  .oul-ul {
    display: inherit !important;
  }
  td.oul-ul, th.oul-ul {
    display: table-cell !important;
  }
  .oll-ul {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (min-width: 980px) and (max-width: 1439px) {
    .oul-ul {
      display: none !important;
    }
    td.oul-ul, th.oul-ul {
      display: none !important;
    }
    .oll-ul {
      display: inherit !important;
    }
    td.oll-ul, th.oll-ul {
      display: table-cell !important;
    }
  }
  .ouul {
    display: inherit !important;
  }
  td.ouul, th.ouul {
    display: table-cell !important;
  }
  .olul {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (max-width: 1439px) {
    .ouul {
      display: none !important;
    }
    td.ouul, th.ouul {
      display: none !important;
    }
    .olul {
      display: inherit !important;
    }
    td.olul, th.olul {
      display: table-cell !important;
    }
  }
  .ouulmin {
    display: inherit !important;
  }
  td.ouulmin, th.ouulmin {
    display: table-cell !important;
  }
  .olulmin {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (min-width: 1440px) {
    .ouulmin {
      display: none !important;
    }
    td.ouulmin, th.ouulmin {
      display: none !important;
    }
    .olulmin {
      display: inherit !important;
    }
    td.olulmin, th.olulmin {
      display: table-cell !important;
    }
  }
  .oud {
    display: inherit !important;
  }
  td.oud, th.oud {
    display: table-cell !important;
  }
  .old {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (min-width: 1440px) {
    .oud {
      display: none !important;
    }
    td.oud, th.oud {
      display: none !important;
    }
    .old {
      display: inherit !important;
    }
    td.old, th.old {
      display: table-cell !important;
    }
  }
  .ouh {
    display: inherit !important;
  }
  td.ouh, th.ouh {
    display: table-cell !important;
  }
  .olh {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media (orientation: landscape) {
    .ouh {
      display: none !important;
    }
    td.ouh, th.ouh {
      display: none !important;
    }
    .olh {
      display: inherit !important;
    }
    td.olh, th.olh {
      display: table-cell !important;
    }
  }
  .ouv {
    display: inherit !important;
  }
  td.ouv, th.ouv {
    display: table-cell !important;
  }
  .olv {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media (orientation: portrait) {
    .ouv {
      display: none !important;
    }
    td.ouv, th.ouv {
      display: none !important;
    }
    .olv {
      display: inherit !important;
    }
    td.olv, th.olv {
      display: table-cell !important;
    }
  }
  .oup {
    display: inherit !important;
  }
  td.oup, th.oup {
    display: table-cell !important;
  }
  .olp {
    display: none !important;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media print {
    .oup {
      display: none !important;
    }
    td.oup, th.oup {
      display: none !important;
    }
    .olp {
      display: inherit !important;
    }
    td.olp, th.olp {
      display: table-cell !important;
    }
  }
  .ml0 {
    margin-left: 0 !important;
  }
  .dib {
    display: inline-block;
    font-size: inherit;
    color: inherit;
    font-weight: inherit;
  }
  .displaynone {
    display: none;
  }
  .wating {
    color: #f00;
    font-weight: bold;
  }
  .mp {
    text-align: center;
    display: -ms-grid;
    display: grid;
    place-content: center;
  }
  .mawmc {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin-left: auto;
    margin-right: auto;
  }
  .maw1 {
    max-width: 1440px;
    margin-left: auto;
    margin-right: auto;
  }
  .maw2 {
    max-width: var(--bp-l);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .maw3 {
    max-width: var(--bp-m);
    margin-left: auto;
    margin-right: auto;
    -webkit-box-sizing: content-box;
            box-sizing: content-box;
  }
  .ggmap,
  .wp-block-embed__wrapper,
  .youtube {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
  }
  .ggmap iframe,
  .ggmap object,
  .ggmap embed,
  .wp-block-embed__wrapper iframe,
  .wp-block-embed__wrapper object,
  .wp-block-embed__wrapper embed,
  .youtube iframe,
  .youtube object,
  .youtube embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .clearfix {
    zoom: 1;
  }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table;
  }
  .clearfix:after {
    clear: both;
  }
  .btnsHoverList > *,
  .btnsHover {
    cursor: pointer !important;
  }
  .px8 {
    font-size: 0.8rem;
  }
  .px9 {
    font-size: 0.9rem;
  }
  .px10 {
    font-size: 1rem;
  }
  .px11 {
    font-size: 1.1rem;
  }
  .px12 {
    font-size: 1.2rem;
  }
  .px13 {
    font-size: 1.3rem;
  }
  .px14 {
    font-size: 1.4rem;
  }
  .px15 {
    font-size: 1.5rem;
  }
  .px16 {
    font-size: 1.6rem;
  }
  .px17 {
    font-size: 1.7rem;
  }
  .px18 {
    font-size: 1.8rem;
  }
  .px19 {
    font-size: 1.9rem;
  }
  .px20 {
    font-size: 2rem;
  }
  .px21 {
    font-size: 2.1rem;
  }
  .px22 {
    font-size: 2.2rem;
  }
  .px23 {
    font-size: 2.3rem;
  }
  .px24 {
    font-size: 2.4rem;
  }
  .red {
    color: red;
  }
  .clear {
    clear: both;
  }
  .txtAlignC,
  .allTxtAlignC th,
  .allTxtAlignC td {
    text-align: center;
  }
  .txtAlignL {
    text-align: left;
  }
  .txtAlignR,
  .tar {
    text-align: right;
  }
  .vAlignMiddle {
    vertical-align: middle;
    margin: 0 5px;
  }
  .flr {
    float: right;
  }
  .fll {
    float: left;
  }
  .flr,
  .fll {
    margin-bottom: calc(var(--gap) * 1);
    max-width: 30%;
    max-width: calc(33.3% - var(--gap) * 1);
  }
  .flr img,
  .fll img {
    width: 100%;
  }
  /*
  モバイル用メニューの発動トリガーをブレイクポイントによる制御とは別にタッチ端末による制御を追加する場合コメントアウトを解除する
  @if $breakpoint == $menubreakpoint {
  	@media only screen and (max-width: 1439px), (any-hover: none) {
  		@content;
  	}
  }
  @else if $breakpoint == $menubreakpointmin {
  	@media only screen and (min-width: 1440px) and (any-hover: hover) {
  		@content;
  	}
  }
  @else {
  }
  */
  @media only screen and (max-width: 979px) {
    .flr,
    .fll {
      max-width: 33%;
    }
  }
  ol.zengokakko {
    counter-reset: li;
    padding-left: 0;
  }
  ol.zengokakko li:before {
    counter-increment: li;
    content: "（" counter(li, decimal) "）";
  }
  ol.zengokakko > li {
    list-style: none;
    position: relative;
    padding-left: 2.5em;
  }
  ol.zengokakko > li:before {
    position: absolute;
    left: 0;
    color: #2C2C2C !important;
  }
  ul.comelist {
    padding-left: 0;
  }
  ul.comelist > li {
    list-style: none;
    position: relative;
    padding-left: 1.5em;
  }
  ul.comelist > li:before {
    position: absolute;
    left: 0;
    color: #2C2C2C !important;
  }
  ul.comelist > li {
    margin-top: 0;
    font-size: 1rem;
  }
  ul.comelist > li:before {
    content: "※";
  }
  .tabledl {
    overflow: hidden;
  }
  .tabledl dt {
    float: left;
  }
  .tabledl dd {
    margin-bottom: 0.5em;
  }
  .tabledl.tdl1em dt {
    width: "1em";
  }
  .tabledl.tdl1em dd {
    margin-left: "1.5em";
  }
  .tabledl.tdl2em dt {
    width: "2em";
  }
  .tabledl.tdl2em dd {
    margin-left: "2.5em";
  }
  .tabledl.tdl3em dt {
    width: "3em";
  }
  .tabledl.tdl3em dd {
    margin-left: "3.5em";
  }
  .tabledl.tdl4em dt {
    width: "4em";
  }
  .tabledl.tdl4em dd {
    margin-left: "4.5em";
  }
  .tabledl.tdl5em dt {
    width: "5em";
  }
  .tabledl.tdl5em dd {
    margin-left: "5.5em";
  }
  .widthbox-1-harf {
    width: 50%;
    margin: auto;
  }
  .widthbox-3-quarter {
    width: 75%;
    margin: auto;
  }
  img[src=""] {
    background: #f00;
  }
  .icon i {
    margin-left: 5px;
  }
  .fa-file-pdf {
    color: #f21d1d;
  }
  .fa-file-word {
    color: #121b83;
  }
  .fa-file-excel {
    color: #0e9a2f;
  }
  .fa-file-powerpoint {
    color: #ff9300;
  }
  .fa-clone {
    color: #E5FF51;
  }
}