@charset "UTF-8";
*, *::before, *::after {
  box-sizing: border-box
}
body, h1, h2, h3, h4, p, figure, blockquote, dl, dd {
  margin: 0
}
ul[role=list], ol[role=list] {
  list-style: none
}
html:focus-within {
  scroll-behavior: smooth
}
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5
}
a:not([class]) {
  -webkit-text-decoration-skip: ink;
  text-decoration-skip-ink: auto
}
img, picture {
  max-width: 100%;
  display: block
}
input, button, textarea, select {
  font: inherit
}
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 400;
  src: url("/pax/asset/font/Barlow-LightItalic.woff2") format("woff2");
  font-display: swap
}
@font-face {
  font-family: Barlow;
  font-style: normal;
  font-weight: 700;
  src: url("/pax/asset/font/Barlow-SemiBold.woff2") format("woff2");
  font-display: swap
}
* {
  padding: 0;
  margin: 0;
  scroll-margin-top: 126px
}
html {
  font-size: 62.5%;
  scroll-behavior: smooth
}
html.is-scroll-auto {
  scroll-behavior: auto
}
body {
  display: flex;
  flex-direction: column;
  min-width: 320px;
  min-height: 100vh;
  font-family: "Hiragino Kaku Gothic Pro", "Yu Gothic", sans-serif;
  font-size: 1.4rem;
  line-height: 1.8;
  color: #333;
  -webkit-text-size-adjust: 100%;
  text-size-adjust: 100%
}
body.is-backdrop::after {
  pointer-events: auto;
  opacity: .2
}
body.is-scrollLock {
  position: fixed;
  width: 100%
}
body::after {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 100;
  pointer-events: none;
  content: "";
  background-color: #000;
  opacity: 0;
  transition: opacity .2s
}
main {
  flex: 1
}
a {
  color: #333;
  text-decoration: none
}
a:active, a:focus {
  color: #005bac;
  text-decoration: underline
}
b, em, strong {
  font-weight: bold
}
em {
  font-style: normal
}
strong {
  color: #e06868
}
img {
  display: inline;
  height: auto;
  vertical-align: middle
}
a:focus, button:focus, input:focus, select:focus, textarea:focus {
  outline-width: medium
}
ul, ol {
  list-style: none
}
ul.privacy-list li{/*2024.02追記*/
	text-indent: -2em;
	padding-left: 2em;
	margin: 15px 0;
}

button {
  cursor: pointer;
  background-color: transparent;
  border: none
}
cite {
  font-style: normal
}
.str-header {
  position: sticky;
  top: 0;
  z-index: 150;
  background-color: #fff;
  border-top: 4px solid #005bac;
  border-bottom: 1px solid #cdd9e3
}
html:not([data-script-enabled=true]) .str-header {
  position: static
}

/*2024.03追記 case study*/
.ttl-case-study {
 margin: 10px 0 20px;
font-size: 2rem;
	font-weight: bold;
	display: block;
}
.ttl-case-study span {
 color: #005bac;
	font-size:1.6rem;
	font-weight: bold;
}
.ttl-case-study:hover {
	text-decoration: none;
}
  .mod-list-case-study__link::after {
    position: relative;
    top: -2px;
    right: -6px;
    display: inline-block;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 2px solid #005bac;
    border-right: 2px solid #005bac;
    transition: transform .2s;
    transform: rotate(45deg)
  }
.genre {
	padding: 3px 10px;
	background: #f5f5f5;
	font-weight: bold;
	margin-top: 30px;
	display: inline-block;
}

.mod-panel-case-study__hdgSubTxt {
  font-size: 2.0rem;
  line-height: 1.5;
	margin-top: 15px;
}
.mod-media__list.case-study {/*flex外す*/
	display: block;
	margin:30px 0;
}
.mod-media__list.case-study img {
	margin-bottom: 20px;
}
dl.case-study dt{/*お客様情報*/
	font-weight: bold;
}
dl.case-study dd{
	margin-bottom: 10px;
}



.str-header__head {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 13px 20px
}
.str-header__logo {
  width: 150px/*2024.2変更*/
}
.str-header__logoImg {
  display: block
}
.str-header__logoLink {
  display: block
}
.str-header__menu {
  display: flex;
  column-gap: 17px;
  align-items: center;
  margin-left: 20px
}
.str-header__menuList {
  display: none
}
.str-header__body {
  position: absolute;
  width: 100%;
  overflow: hidden;
  border-top: 1px solid #cdd9e3;
  transition: .3s height ease-out
}
.str-header__bodyInner {
  display: flex;
  flex-direction: column;
  height: 100%;
  max-height: calc(100vh - 74px);
  max-height: calc(100dvh - 74px);
}
body.is-scrollLock .str-header__bodyInner {
  overflow-y: auto
}
html:not([data-script-enabled=true]) .str-header__body {
  position: static
}
.str-btn-inquiry {
  position: relative;
  display: block;
  padding: 20px 14px 5px;
  font-size: .9rem;
  font-weight: bold;
  color: #fff;
  background-color: #005bac;
  border-radius: 50vh;
  transition: opacity .2s
}
.str-btn-inquiry::before {
  position: absolute;
  content: "";
  display: block;
  top: 8px;
  left: 50%;
  width: 16px;
  height: 11px;
  background-image: url("/pax/asset/image/icon_inquiry.svg");
  transform: translateX(-50%)
}
.str-btn-inquiry:active, .str-btn-inquiry:focus {
  color: #fff;
  text-decoration: none;
  opacity: .8
}
.str-btn-hamburger {
  position: relative;
  display: block;
  width: 30px;
  height: 30px;
  overflow: hidden
}
.str-btn-hamburger::before, .str-btn-hamburger::after {
  position: absolute;
  content: "";
  display: block;
  left: 50%;
  width: 25px;
  height: 2px;
  background-color: #666d72;
  transform: translateX(-50%)
}
.str-btn-hamburger::before {
  top: 8px;
  transition: transform .2s, top .2s
}
.str-btn-hamburger::after {
  bottom: 13px;
  transition: opacity .2s
}
.str-btn-hamburger__txt {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  padding-left: 100%;
  color: transparent
}
.str-btn-hamburger__txt::before {
  position: absolute;
  content: "";
  display: block;
  top: 22px;
  left: 50%;
  width: 25px;
  height: 2px;
  background-color: #666d72;
  transition: transform .2s, top .2s;
  transform: translateX(-50%)
}
.str-btn-hamburger[aria-expanded=true]::before {
  top: 15px;
  width: 25px;
  transform: translateX(-50%) rotate(-45deg)
}
.str-btn-hamburger[aria-expanded=true]::after {
  opacity: 0
}
.str-btn-hamburger[aria-expanded=true] .str-btn-hamburger__txt::before {
  top: 15px;
  width: 25px;
  transform: translateX(-50%) rotate(45deg)
}
html:not([data-script-enabled=true]) .str-btn-hamburger {
  display: none
}
.str-nav-global__item:not(:first-child) {
  border-top: 1px solid #cdd9e3
}
.str-nav-global__btn {
  position: relative;
  display: block;
  padding: 17px 40px 17px 20px;
  font-weight: bold;
  color: #333;
  background-color: #f8f9fa
}
.str-nav-global__btn::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 20px;
  width: 8px;
  height: 8px;
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transform: translateY(-50%) rotate(45deg)
}
.str-nav-global__btn:active, .str-nav-global__btn:focus {
  color: #333;
  text-decoration: none
}
.str-nav-global__iconBlank {
  display: inline-block;
  margin-left: 5px
}
html:not([data-script-enabled=true]) .str-nav-global__content {
  display: none
}
.str-footer {
  margin-top: 35px
}
.str-footer.of-simple {
  margin-top: 100px
}
.str-footer__top {
  display: none
}
.str-footer__bottom {
  position: relative;
  padding: 40px 20px;
  background-color: #005bac
}
.str-footer__bottomHead {
  text-align: center
}
.str-footer__bottomBody {
  margin-top: 25px
}
.str-footer__logo {
  display: inline-block
}
.str-footer__utilList {
  display: flex;
  justify-content: center
}
.str-footer__utilLink {
  display: block;
  font-size: 1.2rem;
  color: #fff
}
.str-footer__utilLink:active, .str-footer__utilLink:focus {
  color: #fff
}
.str-footer__utilItem:first-child .str-footer__utilLink {
  padding-right: 10px;
  border-right: 1px solid #fff
}
.str-footer__utilItem:not(:first-child):not(:last-child) .str-footer__utilLink {
  padding-right: 10px;
  padding-left: 10px;
  border-right: 1px solid #fff
}
.str-footer__utilItem:last-child .str-footer__utilLink {
  padding-left: 10px
}
.str-footer__iconBlank {
  display: inline-block;
  margin-top: -4px;
  margin-left: 5px
}
.str-footer__copyright {
  margin-top: 12px;
  font-size: 1rem;
  color: #fff;
  text-align: center
}
.str-footer__pageTopBtn {
  position: fixed;
  right: 30px;
  bottom: 50px;
  z-index: 50;
  display: block;
  width: 54px;
  height: 54px;
  overflow: hidden;
  background-color: #fff;
  border: 1px solid #005bac;
  border-radius: 50%;
  transition: opacity .5s, visibility .5s, background-color .2s
}
.str-footer__pageTopBtn:active, .str-footer__pageTopBtn:focus {
  opacity: .8
}
.str-footer__pageTopBtn::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 50%;
  width: 12px;
  height: 12px;
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: border-color .2s;
  transform: translate(50%, -20%) rotate(-45deg)
}
.str-footer__pageTopBtn.is-hidden {
  visibility: hidden;
  opacity: 0
}
.str-footer__pageTopBtn.is-fixed {
  position: absolute;
  top: -25px
}
.str-footer__pageTopTxt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}
.str-breadCrumb {
  padding: 0 20px
}
.str-breadCrumb__list {
  display: flex;
  flex-wrap: wrap
}
.str-breadCrumb__item:not(:first-child) {
  position: relative;
  padding-left: 20px
}
.str-breadCrumb__item:not(:first-child)::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 5px;
  width: 6px;
  height: 6px;
  border-top: 2px solid #cdd9e3;
  border-right: 2px solid #cdd9e3;
  transform: translateY(-50%) rotate(45deg)
}
.str-breadCrumb__link {
  font-size: 1.1rem
}
.str-breadCrumb__link:not([href]):active, .str-breadCrumb__link:not([href]):focus {
  text-decoration: none
}
.str-breadCrumb__link:active, .str-breadCrumb__link:focus {
  color: #333
}
.str-content {
  padding: 0 20px
}
.str-breadCrumb + .str-content {
  margin-top: 30px
}
.str-content + .str-content {
  margin-top: 50px
}
.str-content + .str-content .str-content__inner {
  padding-top: 50px;
  border-top: 1px solid #cdd9e3
}
.str-content__inner > *:first-child {
  margin-top: 0
}
.str-title-bg {
  position: relative;
  padding: 50px 20px;
  margin-bottom: 60px
}
.str-title-bg__title {
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5;
  color: #fff;
  text-align: center
}

.str-title-bg__sub {
  margin-top: 20px
}
.str-title-bg__txt {
  font-weight: bold;
  color: #fff;
  text-align: center
}
.str-title-bg__bg > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0
}
.str-title-lytMedia {
  padding: 0 20px;
  margin-top: 20px;
  margin-bottom: 60px
}
.str-title-lytMedia__inner {
  display: flex;
  flex-direction: column-reverse
}
.str-title-lytMedia__content {
  margin-top: 17px
}
.str-title-lytMedia__hdg {
  line-height: 1
}
.str-title-lytMedia__hdgSub {
  display: block;
  margin-bottom: 5px;
  font-size: 1.4rem;
  font-weight: bold;
  line-height: 1.8;
  color: #005bac
}

/*202403追記 ご挨拶名前*/
.str-title-lytMedia__hdgSubName {
  display: block;
  margin-top: 40px;
  margin-bottom: 5px;
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.8;
  color: #333333;
	text-align: center;
}

.str-title-lytMedia__hdgSubName span {
 font-size: 2.1rem;
}



.str-title-lytMedia__hdgMain {
  position: relative;
  display: block;
  padding-bottom: 20px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5
}
.str-title-lytMedia__hdgMain::after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: #005bac
}
.str-title-lytMedia__sub {
  margin-top: 30px
}
.str-title-lytMedia__sub > *:first-child {
  margin-top: 0
}
.str-title-lytMedia__txt {
  font-weight: bold
}
.str-title-lytMedia__desc {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  margin-top: 10px
}
.str-title-lytMedia__desc.of-media {
  row-gap: 10px
}
.str-title-lytMedia__descTerm {
  padding-right: 10px;
  font-weight: bold;
  border-right: 1px solid #cdd9e3
}
.str-title-lytMedia__descContent {
  display: flex;
  flex-direction: column;
  justify-content: center
}
.str-title-simple {
  padding: 0 20px;
  margin: 30px 0 60px
}
.str-title-simple__inner {
  display: flex;
  flex-direction: column-reverse
}
.str-title-simple__sub {
  display: flex;
  column-gap: 15px;
  align-items: center;
  margin-bottom: 15px
}
.str-title-simple__date {
  font-family: barlow, yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, sans-serif;
  font-weight: bold;
  color: #b7b7b7
}
.str-title-simple__categoryList {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: flex-start
}
.str-title-simple__categoryItem {
  padding: 2px 15px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #005bac;
  border: 1px solid #005bac;
  border-radius: 5em
}
.str-title-simple__hdg {
  position: relative;
  padding-bottom: 20px;
  font-size: 2.6rem;
  font-weight: bold;
  line-height: 1.5
}
.str-title-simple__hdg::after {
  position: absolute;
  content: "";
  display: block;
  bottom: 0;
  left: 0;
  width: 40px;
  height: 3px;
  background-color: #005bac
}
.str-lyt-column {
  position: relative;
  padding: 0 20px 30px;
  margin: 60px 0 45px;
  margin-top: 60px;
  background-color: #f1f1f1
}
.str-lyt-column::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #fff
}
.str-lyt-column__head {
  position: relative;
  z-index: 1
}
.str-lyt-column__body {
  padding: 30px 20px;
  margin-top: 20px;
  background-color: #fff
}
.str-lyt-column__body > :first-child {
  margin-top: 0
}
.str-lyt-caseStudy {
  position: relative;
  padding: 0 20px 30px;
  margin: 60px 0 45px;
  margin-top: 60px;
  background-color: #f1f1f1
}
.str-lyt-caseStudy::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 50px;
  background-color: #fff
}
.str-lyt-caseStudy__inner {
  display: flex;
  flex-direction: column-reverse
}
.str-lyt-caseStudy__head {
  position: relative;
  z-index: 1
}
.str-lyt-caseStudy__body {
  position: relative;
  margin-top: 20px
}
.str-lyt-caseStudy__title {
  position: relative;
  z-index: 1;
  font-size: 1.8rem
}
.str-lyt-caseStudy__content {
  position: relative;
  z-index: 1
}
.str-lyt-caseStudy__enTxt {
  position: absolute;
  top: -73px;
  left: -30px;
  font-family: barlow, yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, sans-serif;
  font-size: 8rem;
  color: #fff;
  letter-spacing: -0.04em;
  white-space: nowrap
}
.str-lyt-caseStudy__content {
  margin-top: 15px
}
.str-lyt-caseStudy__content > *:first-child {
  margin-top: 0
}
.str-area-contact {
  position: relative;
  padding: 35px 20px 55px;
  margin-top: 100px;
  background-color: rgba(0, 91, 172, .87)
}
.str-area-contact__body {
  margin-top: 25px
}
.str-area-contact__body > :first-child {
  margin-top: 0
}
.str-area-contact__titleInner {
  display: block;
  color: #fff;
  text-align: center
}
.str-area-contact__enTxt {
  font-family: barlow, yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  line-height: 1.5;
  letter-spacing: .03em
}
.str-area-contact__jaTxt {
  display: block;
  font-size: 1.6rem;
  font-weight: bold
}
.str-area-contact__img > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0
}
.mod-hdg-l2 {
  margin: 50px 0 30px
}
.mod-hdg-l2__inner {
  position: relative;
  padding-left: 25px
}
.mod-hdg-l2.of-noMark .mod-hdg-l2__inner {
  padding-left: 0
}
.mod-hdg-l2.of-noMark .mod-hdg-l2__inner::before {
  display: none
}
.mod-hdg-l2__inner::before {
  top: 10px;
  left: 0;
  width: 10px;
  height: 10px;
  background-color: #005bac;
  border-radius: 50%;
  position: absolute;
  content: "";
  display: block
}
.mod-hdg-l2__txt {
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5
}
.mod-hdg-l3 {
  margin: 30px 0 20px
}
.mod-hdg-l3__inner {
  padding-bottom: 5px;
  border-bottom: 1px solid #cdd9e3
}
.mod-hdg-l3__txt {
  font-size: 1.8rem;
  font-weight: bold
}
.mod-hdg-l4 {
  margin: 30px 0 20px
}
.mod-hdg-l4__txt {
  font-size: 1.8rem;
  font-weight: bold
}
.mod-txt {
  margin-top: 20px
}
.mod-txt + .mod-txt {
  margin-top: 15px
}
.mod-txt.mod-txt--box-point {
  margin-top: 0
}
.mod-txt-lede {
  margin: 50px 0 30px
}
.mod-txt-lede__txtInner {
  display: block;
  font-size: 2rem;
  font-weight: bold;
  line-height: 2.15;
  text-align: center
}
.mod-txt-lede__txtEm {
  font-family: barlow, yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, sans-serif;
  color: #005bac
}
.mod-tbl-desc {
  margin-top: 30px
}
.mod-tbl-desc__item {
  padding: 15px 20px;
  border-top: 1px solid #cdd9e3
}
.mod-tbl-desc__item:last-child {
  border-bottom: 1px solid #cdd9e3
}
.mod-tbl-desc__term {
  font-weight: bold
}
.mod-tbl-desc__desc {
  margin-top: 5px
}
.mod-tbl-desc__content > *:first-child {
  margin-top: 0
}
.mod-tbl-desc__btn > *:first-child {
  margin-top: 0
}
.mod-tbl-desc__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 20px
}
.mod-tbl {
  margin-top: 30px
}
.mod-tbl__item {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse
}
.mod-tbl__tr::after {
  position: relative;
  display: block;
  height: 65px;
  content: ""
}
.mod-tbl__th, .mod-tbl__td {
  padding: 10px 15px;
  border: 1px solid #cdd9e3
}
.mod-tbl__th {
  font-weight: bold;
  background-color: #f1f1f1
}
.mod-tbl__td > *:first-child {
  margin-top: 0
}
.mod-tbl__td > *:not(:first-child)[class^=mod-] {
  margin-top: 10px
}
.mod-tbl__head .mod-tbl__td {
  background-color: #f1f1f1
}
.mod-tbl__body .mod-tbl__th {
  text-align: left
}
.mod-tbl.of-narrow-scroll {
  width: 100%;
  overflow: auto
}
.mod-tbl.of-narrow-scroll .mod-tbl__item {
  width: 769px
}
.mod-box {
  padding: 30px 20px;
  margin-top: 30px;
  background-color: #f1f1f1
}
.mod-box__title {
  font-size: 1.6rem;
  font-weight: bold
}
.mod-box__content {
  margin-top: 20px
}
.mod-box__content > *:first-child {
  margin-top: 0
}
.mod-box-company {
  padding: 30px 20px;
  margin-top: 20px;
  background-color: #f1f1f1
}
.mod-box-company__head {
  display: flex;
  justify-content: center
}
.mod-box-company__body {
  margin-top: 20px
}
.mod-box-company__title {
  font-size: 1.6rem;
  font-weight: bold
}
.mod-box-company__item:not(:first-child) {
  margin-top: 10px
}
.mod-box-company__content {
  margin-top: 5px
}
.mod-box-company__content > *:first-child {
  margin-top: 0
}
.mod-box-column {
  margin-top: 50px
}
.mod-box-column__content {
  padding: 40px 33px
}
.mod-box-column__content > *:first-child {
  margin-top: 0
}
.mod-box-column__content:first-child {
  background-color: #f1f1f1
}
.mod-box-column__content:not(:first-child) {
  background-color: #005bac
}
.mod-box-column__content .mod-btn .mod-btn__item.of-catalog:first-child {
  margin-top: 0
}
.mod-box-inquiry {
  position: relative;
  padding-top: 60px;
  margin-top: 40px
}
.mod-box-inquiry::before {
  position: absolute;
  content: "";
  display: block;
  top: 0;
  left: 50%;
  width: 2px;
  height: 60px;
  background-color: #005bac;
  transform: translateX(-50%)
}
.mod-box-inquiry::after {
  position: absolute;
  content: "";
  display: block;
  top: 60px;
  left: 50%;
  width: 2px;
  height: 30px;
  background-color: #fff;
  transform: translateX(-50%)
}
.mod-box-inquiry__inner {
  position: relative;
  padding: 50px 20px;
  background-color: rgba(0, 91, 172, .87)
}
.mod-box-inquiry__txtItem {
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  text-align: center
}
.mod-box-inquiry__btn {
  margin-top: 30px
}
.mod-box-inquiry__btn > *:first-child {
  margin-top: 0
}
.mod-box-inquiry__img > img {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 0
}
.mod-box-point {
  margin-top: 20px
}
.mod-box-point__inner {
  padding: 25px 20px 40px;
  background-color: #f2f6fb
}
.mod-box-point__title {
  font-family: barlow, yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, sans-serif;
  font-size: 2.8rem;
  font-weight: bold;
  color: #005bac;
  text-align: center
}
.mod-box-point__list {
  margin-top: 10px
}
.mod-box-point__item {
  position: relative;
  padding-left: 25px
}
.mod-box-point__item:not(:first-child) {
  margin-top: 15px
}
.mod-box-point__item::before {
  position: absolute;
  content: "";
  display: block;
  top: 12px;
  left: 0;
  width: 8px;
  height: 3px;
  background-color: #005bac
}
.mod-box-point__content {
  margin-top: 5px
}
.mod-box-point__content > *:first-child {
  margin-top: 0
}
.mod-box-point__leadTxt {
  font-size: 1.6rem
}
.mod-media {
  margin-top: 20px
}
.mod-media__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}
.mod-media__item {
  width: 100%
}
.mod-media[data-col-narrow="2"] .mod-media__item {
  width: calc(50% - 20px + 10px)
}
.mod-media[data-col-narrow="3"] .mod-media__item {
  width: calc(33.3333333333% - 20px + 6.6666666667px)
}
.mod-media__media {
  display: flex;
  justify-content: center
}
.mod-media__media.of-align-right {
  justify-content: flex-end
}
.mod-media__caption {
  margin-top: 10px
}
.mod-media__txt {
  font-size: 1.2rem
}
.mod-media__descItem {
  display: flex;
  column-gap: 5px;
  font-size: 1.2rem
}
.mod-media__descTitle {
  flex-shrink: 0
}
.mod-media-lyt {
  margin-top: 20px
}
.mod-media-lyt__inner {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 20px
}
.mod-media-lyt.of-narrow-reverse .mod-media-lyt__inner {
  flex-direction: column
}
.mod-media-lyt__media {
  display: flex;
  justify-content: center
}
.mod-media-lyt__caption {
  margin-top: 10px
}
.mod-media-lyt__captionTxt {
  font-size: 1.2rem;
  text-align: center
}
.mod-media-lyt__body > *:first-child {
  margin-top: 0
}
.mod-media-lyt.of-narrow-reverse .mod-media-lyt__body {
  margin-top: 0
}
.mod-media-lyt02 {
  margin-top: 20px
}
.mod-media-lyt02__inner {
  display: flex;
  flex-direction: column-reverse;
  row-gap: 20px
}
.mod-media-lyt02__media {
  display: flex;
  justify-content: center
}
.mod-media-lyt02__body > *:first-child {
  margin-top: 0
}
.mod-media-lyt02__body .mod-btn__item {
  text-align: center
}
.mod-media-lytPoint__title {
  line-height: 1.5;
  text-align: center
}
.mod-media-lytPoint__titleTxt {
  font-family: barlow, yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, sans-serif;
  font-size: 2.9rem;
  color: #005bac
}
.mod-media-lytPoint__inner {
  margin-top: 23px
}
.mod-media-lytPoint__item {
  position: relative;
  display: flex;
  flex-direction: column-reverse
}
.mod-media-lytPoint__item:not(:first-child) {
  margin-top: 20px
}
.mod-media-lytPoint__item.of-reverse .mod-media-lytPoint__head {
  left: 20px;
  padding: 90px 20px 28px
}
.mod-media-lytPoint__item.of-reverse .mod-media-lytPoint__head .mod-media-lytPoint__lead {
  margin-top: 30px
}
.mod-media-lytPoint__item.of-reverse .mod-media-lytPoint__body {
  left: 0
}
.mod-media-lytPoint__head {
  position: relative;
  right: 0;
  display: flex;
  flex-direction: column;
  width: 94.0298507463%;
  padding: 90px 20px 27px;
  margin-top: -90px;
  background-color: #f2f6fb
}
.mod-media-lytPoint__head .mod-media-lytPoint__lead {
  margin-top: 30px
}
.mod-media-lytPoint__content {
  margin-top: 15px
}
.mod-media-lytPoint__content > *:first-child {
  margin-top: 0
}
.mod-media-lytPoint__leadTxt {
  font-size: 1.6rem
}
.mod-media-lytPoint__body {
  position: relative;
  left: 19px;
  width: 94.0298507463%
}
.mod-lyt-col {
  margin-top: 20px
}
.mod-lyt-col.of-hdg {
  margin-top: 0
}
.mod-lyt-col__inner {
  display: flex;
  flex-wrap: wrap;
  gap: 20px
}
.mod-lyt-col.of-hdg .mod-lyt-col__inner {
  row-gap: 0
}
.mod-lyt-col.of-top-panel .mod-lyt-col__inner {
  row-gap: 40px;
  margin-top: 35px
}
.mod-lyt-col__content {
  width: 100%
}
.mod-lyt-col:not(.of-hdg) .mod-lyt-col__content > *:first-child {
  margin-top: 0
}
.mod-panel-icon {
  padding: 17px 0 30px;
  margin-top: 50px;
  border-top: 1px solid #cdd9e3;
  border-bottom: 1px solid #cdd9e3
}
.mod-panel-icon.of-simple {
  padding-top: 0;
  padding-bottom: 0;
  margin-top: 20px;
  border-top: 0;
  border-bottom: 0
}
.mod-panel-icon__title {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center
}
.mod-panel-icon__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  row-gap: 40px
}
.mod-panel-icon__list:not(:first-child) {
  margin-top: 25px
}
.mod-panel-icon__item {
  width: 100%
}
.mod-panel-icon[data-col-narrow="2"] .mod-panel-icon__item {
  width: calc(50% - 20px + 10px)
}
.mod-panel-icon[data-col-narrow="3"] .mod-panel-icon__item {
  width: calc(33.3333333333% - 20px + 6.6666666667px)
}
.mod-panel-icon__link {
  display: flex;
  flex-direction: column;
  height: 100%;
  color: #333;
  transition: opacity .2s
}
.mod-panel-icon__link:active, .mod-panel-icon__link:focus {
  color: #333;
  text-decoration: none;
  opacity: .6
}
.mod-panel-icon__link:active .mod-panel-icon__body::after, .mod-panel-icon__link:focus .mod-panel-icon__body::after {
  transform: translate(3px, 0) rotate(45deg)
}
.mod-panel-icon__body {
  position: relative;
  display: flex;
  column-gap: 5px;
  align-items: center;
  justify-content: center;
  margin-top: 13px;
  text-align: center
}
.mod-panel-icon__body::after {
  display: block;
  flex-shrink: 0;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: rotate(45deg)
}
.mod-panel-icon__txt {
  font-size: 1.4rem;
  font-weight: bold
}
.mod-panel-icon__head {
  display: flex;
  justify-content: center;
  height: 100%;
  min-height: 64px
}
.mod-panel-icon__btn {
  margin-top: 40px
}
.mod-panel-icon__btn > *:first-child {
  margin-top: 0
}
.mod-panel-column {
  margin-top: 20px
}
.mod-panel-column__link {
  display: block;
  transition: opacity .2s
}
.mod-panel-column__link:active, .mod-panel-column__link:focus {
  color: #333;
  text-decoration: none;
  opacity: .7
}
.mod-panel-column__item:not(:first-child) {
  margin-top: 30px
}
.mod-panel-column__mediaItem {
  width: 100%
}
.mod-panel-column__content {
  margin-top: 10px
}
.mod-panel-column__head {
  display: flex;
  column-gap: 15px
}
.mod-panel-column__date {
  font-family: barlow, yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, sans-serif;
  font-weight: bold;
  color: #b7b7b7;
  letter-spacing: .03em
}
.mod-panel-column__categoryList {
  display: flex;
  flex-wrap: wrap;
  gap: 5px;
  align-items: center
}
.mod-panel-column__categoryItem {
  padding: 2.5px 14px 2px;
  font-size: 1.2rem;
  font-weight: bold;
  color: #005bac;
  border: 1px solid #005bac;
  border-radius: 50vh
}
.mod-panel-column__body {
  margin-top: 5px
}
.mod-panel-column__txt {
  font-weight: bold
}
.mod-panel-productCategory {
  display: flex;
  flex-wrap: wrap;
  row-gap: 11px;
  margin-top: 40px
}
.mod-panel-productCategory__item {
  width: calc(100% - 10px + 10px)
}
.mod-panel-productCategory__link {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  box-shadow: 0 0 29px rgba(132, 132, 132, .22);
  transition: box-shadow .2s
}
.mod-panel-productCategory__link:active, .mod-panel-productCategory__link:focus {
  color: #333;
  text-decoration: none
}
.mod-panel-productCategory__link:active .mod-panel-productCategory__img, .mod-panel-productCategory__link:focus .mod-panel-productCategory__img {
  transform: scale(1.1)
}
.mod-panel-productCategory__link:active .mod-panel-productCategory__hdg::after, .mod-panel-productCategory__link:focus .mod-panel-productCategory__hdg::after {
  transform: translate(3px, 0) rotate(45deg)
}
.mod-panel-productCategory__head {
  display: flex;
  flex-direction: column;
  padding: 20px
}
.mod-panel-productCategory__body {
  width: 100%;
  overflow: hidden
}
.mod-panel-productCategory__hdg > .mod-panel-productCategory__hdgTxt {
  font-size: 1.6rem
}
.mod-panel-productCategory__hdg + .mod-panel-productCategory__txt {
  margin-top: 6px
}
.mod-panel-productCategory__hdg::after {
  position: relative;
  top: -2px;
  right: -9px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: rotate(45deg)
}
.mod-panel-productCategory__img {
  width: 100%;
  height: 100%;
  transition: transform .2s
}
.mod-panel {
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end;
  margin-top: 20px;
  box-shadow: 0 0 29px rgba(132, 132, 132, .22);
  transition: box-shadow .2s
}
.mod-panel:active, .mod-panel:focus {
  color: #333;
  text-decoration: none
}
.mod-panel:active .mod-panel__img, .mod-panel:focus .mod-panel__img {
  transform: scale(1.1)
}
.mod-panel:active .mod-panel__hdg::after, .mod-panel:focus .mod-panel__hdg::after {
  transform: translate(3px, 0) rotate(45deg)
}
.mod-panel__head {
  display: flex;
  flex-direction: column;
  padding: 20px
}
.mod-panel__body {
  width: 100%;
  overflow: hidden
}
.mod-panel__hdg > .mod-panel__hdgTxt {
  font-size: 1.6rem
}
.mod-panel__hdg + .mod-panel__txt {
  margin-top: 6px
}
.mod-panel__hdg::after {
  position: relative;
  top: -2px;
  right: -9px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: rotate(45deg)
}
.mod-panel__img {
  width: 100%;
  height: 100%;
  transition: transform .2s
}
.mod-panel-service {
  margin-top: 50px
}
.mod-panel-service__link {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  justify-content: flex-end
}
.mod-panel-service__link:not(:first-child) {
  margin-top: 10px
}
.mod-panel-service__link:active, .mod-panel-service__link:focus {
  color: #333;
  text-decoration: none
}
.mod-panel-service__link:active .mod-panel-service__hdgMain::after, .mod-panel-service__link:focus .mod-panel-service__hdgMain::after {
  transform: translate(3px, 0) rotate(45deg)
}
.mod-panel-service__link:active .mod-panel-service__img, .mod-panel-service__link:focus .mod-panel-service__img {
  opacity: .7
}
.mod-panel-service__head {
  padding-top: 19px;
  padding-bottom: 19px
}
.mod-panel-service__label {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  display: flex;
  padding: 10px 20px;
  font-family: barlow, yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, sans-serif;
  font-size: 1.5rem;
  font-style: normal;
  font-weight: bold;
  line-height: 1.2;
  color: #fff;
  background: #005bac
}
.mod-panel-service__hdg {
  display: flex;
  flex-direction: column
}
.mod-panel-service__hdgLede {
  font-size: 1.2rem;
  font-weight: bold;
  color: #005bac
}
.mod-panel-service__hdgLede + .mod-panel-service__hdgMain {
  margin-top: 10px
}
.mod-panel-service__hdgMain > .mod-panel-service__hdgMainTxt {
  font-size: 2rem;
  line-height: 1.28
}
.mod-panel-service__hdgMain::after {
  position: relative;
  top: -2px;
  right: -9px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: rotate(45deg)
}
.mod-panel-service__content {
  margin-top: 20px
}
.mod-panel-service__content > *[class^=mod-] {
  margin-top: 10px
}
.mod-panel-service__content > *:first-child {
  margin-top: 0
}
.mod-panel-service__body {
  flex-shrink: 0;
  width: 100%;
  height: 100%
}
.mod-panel-service__img {
  width: 100%;
  height: 100%;
  opacity: 1;
  transition: opacity .2s
}
.mod-panel-product {
  margin-top: 50px
}
.mod-panel-product__link {
  display: flex;
  flex-direction: column-reverse;
  box-shadow: 0 0 29px rgba(132, 132, 132, .22)
}
.mod-panel-product__link:not(:first-child) {
  margin-top: 10px
}
.mod-panel-product__link:active, .mod-panel-product__link:focus {
  color: #333;
  text-decoration: none
}
.mod-panel-product__link:active .mod-panel-product__img, .mod-panel-product__link:focus .mod-panel-product__img {
  transform: scale(1.1)
}
.mod-panel-product__link:active .mod-panel-product__hdgMain::after, .mod-panel-product__link:focus .mod-panel-product__hdgMain::after {
  transform: translate(3px, 0) rotate(45deg)
}
.mod-panel-product__head {
  padding: 30px 20px
}
.mod-panel-product__hdg {
  display: flex;
  flex-direction: column
}
.mod-panel-product__hdgSub {
  font-size: 1.4rem;
  font-weight: bold;
  color: #005bac
}
.mod-panel-product__hdgSub + .mod-panel-product__hdgMain {
  margin-top: 9px
}
.mod-panel-product__hdgMain > .mod-panel-product__hdgMainTxt {
  font-size: 2rem;
  line-height: 1.5
}
.mod-panel-product__hdgMain::after {
  position: relative;
  top: -2px;
  right: -9px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: rotate(45deg)
}
.mod-panel-product__hdgMainTxtSmall {
  font-size: 1.6rem
}
.mod-panel-product__desc {
  display: flex;
  flex-wrap: wrap;
  column-gap: 10px;
  align-items: center;
  margin-top: 30px
}
.mod-panel-product__desc.of-img {
  row-gap: 10px
}
.mod-panel-product__descTerm {
  font-weight: bold
}
.mod-panel-product__descTerm::after {
  position: relative;
  top: 3px;
  display: inline-block;
  width: 1px;
  height: 17px;
  margin-left: 10px;
  content: "";
  background-color: #cdd9e3
}
.mod-panel-product__descDesc {
  font-size: 1.4rem
}
.mod-panel-product__headImg {
  margin-top: 30px
}
.mod-panel-product__content {
  margin-top: 10px
}
.mod-panel-product__content > *:first-child {
  margin-top: 0
}
.mod-panel-product__body {
  overflow: hidden
}
.mod-panel-product__img {
  width: 100%;
  height: 100%;
  transition: transform .2s;
  transform: scale(1)
}
.mod-panel-productSearch {
  display: flex;
  flex-wrap: wrap;
  row-gap: 10px;
  margin-top: 20px
}
.mod-panel-productSearch__item {
  width: calc(100% - 10px + 10px)
}
.mod-panel-productSearch__link {
  display: grid;
  grid-template-rows: 80px 1fr;
  grid-template-columns: 80px 1fr;
  box-shadow: 0 0 29px rgba(132, 132, 132, .22);
  transition: box-shadow .2s
}
.mod-panel-productSearch__link:active, .mod-panel-productSearch__link:focus {
  color: #333;
  text-decoration: none
}
.mod-panel-productSearch__link:active .mod-panel-productSearch__img, .mod-panel-productSearch__link:focus .mod-panel-productSearch__img {
  transform: scale(1.1)
}
.mod-panel-productSearch__link:active .mod-panel-productSearch__hdg::after, .mod-panel-productSearch__link:focus .mod-panel-productSearch__hdg::after {
  transform: translate(3px, 0) rotate(45deg)
}
.mod-panel-productSearch__head {
  display: flex;
  grid-row: 1/2;
  grid-column: 2/3;
  align-items: center;
  padding: 5px 15px
}
.mod-panel-productSearch__body {
  grid-row: 2/3;
  grid-column: 1/3;
  padding: 10px 20px;
  border-top: 1px solid #cdd9e3
}
.mod-panel-productSearch__foot {
  grid-row: 1/2;
  grid-column: 1/2;
  height: 80px;
  overflow: hidden
}
.mod-panel-productSearch__hdg > .mod-panel-productSearch__hdgTxt {
  font-size: 1.6rem
}
.mod-panel-productSearch__hdg::after {
  position: relative;
  top: -2px;
  right: -9px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: rotate(45deg)
}
.mod-panel-productSearch__img {
  width: 100%;
  height: 100%;
  transition: transform .2s;
  object-fit: cover
}
.mod-btn {
  margin-top: 30px
}
.mod-btn__item {
  text-align: center
}
.mod-btn__item:not(:first-child) {
  margin-top: 30px
}
.mod-btn__item .mod-btn__item.of-catalog:first-child {
  margin-top: 40px
}
.mod-btn__btn {
  position: relative;
  display: inline-flex;
  column-gap: 7px;
  align-items: center;
  justify-content: center;
  min-width: 270px;
  min-height: 48px;
  padding: 10px 45px 10px 25px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  background-color: #005bac;
  border-radius: 50vh;
  transition: opacity .2s
}
.mod-btn__btn::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 25px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #fff;
  border-right: 2px solid #fff;
  transform: translateY(-50%) rotate(45deg)
}
.mod-btn__item.of-noArrow .mod-btn__btn {
  padding-right: 25px
}
.mod-btn__item.of-noArrow .mod-btn__btn::after {
  display: none
}
.mod-btn__item.of-catalog .mod-btn__btn {
  column-gap: 10px;
  padding-top: 15px;
  padding-bottom: 15px
}
.mod-btn__item.of-inquiry .mod-btn__btn {
  padding-top: 14px;
  padding-bottom: 14px;
  padding-left: 67px;
  color: #005bac;
  background-color: #fff
}
.mod-btn__item.of-inquiry .mod-btn__btn::before {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  left: 40px;
  width: 24px;
  height: 17px;
  background-image: url("/pax/asset/image/icon_btn_mail_sp.svg");
  transform: translateY(-50%)
}
.mod-btn__item.of-inquiry .mod-btn__btn::after {
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac
}
.mod-btn__item.of-dialog .mod-btn__btn {
  min-width: 220px;
  padding-top: 15px;
  padding-bottom: 15px
}
.mod-btn__btn:active, .mod-btn__btn:focus {
  color: #fff;
  text-decoration: none;
  opacity: .8
}
.mod-btn__btn[target=_blank] .mod-btn__icon {
  flex-shrink: 0
}
.mod-btn__item.of-catalog .mod-btn__icon {
  width: 21px
}
.mod-btn__item.of-dialog .mod-btn__txt {
  display: flex;
  column-gap: 10px;
  align-items: center
}
.mod-btn__item.of-dialog .mod-btn__txt::before {
  display: block;
  flex-shrink: 0;
  width: 20px;
  height: 20px;
  content: "";
  background-image: url("/pax/asset/image/icon_btn_dialog.svg")
}
.mod-link-media {
  margin-top: 20px
}
.mod-link-media__list {
  display: flex;
  flex-wrap: wrap;
  gap: 20px 15px
}
.mod-link-media__item {
  width: 100%
}
.mod-link-media[data-col-narrow="2"] .mod-link-media__item {
  width: calc(50% - 15px + 7.5px)
}
.mod-link-media[data-col-narrow="3"] .mod-link-media__item {
  width: calc(33.3333333333% - 15px + 5px)
}
.mod-link-media__link {
  display: block
}
.mod-link-media__link:active, .mod-link-media__link:focus {
  color: #333;
  text-decoration: none
}
.mod-link-media__link:active .mod-link-media__media, .mod-link-media__link:focus .mod-link-media__media {
  opacity: .7
}
.mod-link-media__content {
  margin-top: 5px
}
.mod-link-media__txt {
  font-weight: bold
}
.mod-link-media__media {
  transition: opacity .2s
}
.mod-link-media__mediaItem {
  width: 100%
}
.mod-link-orderAnchor {
  margin-top: 20px
}
.mod-link-orderAnchor__list {
  counter-reset: list-count
}
.mod-link-orderAnchor__item:not(:first-child) {
  margin-top: 10px
}
.mod-link-orderAnchor__link {
  position: relative;
  display: block;
  padding-left: 20px;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  transition: opacity .2s
}
.mod-link-orderAnchor__link:active, .mod-link-orderAnchor__link:focus {
  color: #333;
  text-decoration: none;
  opacity: .8
}
.mod-link-orderAnchor__link::before {
  position: absolute;
  top: 0;
  left: 0;
  content: counter(list-count) ".";
  counter-increment: list-count
}
.mod-link-orderAnchor__link::after {
  position: relative;
  top: -3px;
  right: -13px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: rotate(135deg)
}
.mod-link {
  margin-top: 20px
}
.mod-link.of-border-bottom {
  padding-bottom: 30px;
  border-bottom: 1px solid #cdd9e3
}
.mod-link.of-row .mod-link__list {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 20px
}
.mod-link__item:not(:first-child) {
  margin-top: 10px
}
.mod-link.of-row .mod-link__item:not(:first-child) {
  margin-top: 0
}
.mod-link__link {
  position: relative;
  font-weight: bold;
  color: #333;
  text-decoration: none;
  transition: opacity .2s
}
.mod-link__link::before {
  position: absolute;
  top: 0;
  right: 0
}
.mod-link__link::after {
  position: relative;
  top: -1px;
  right: -7px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: rotate(45deg)
}
.mod-link__link.of-icon::after {
  display: none
}
.mod-link.of-row .mod-link__link {
  padding-right: 15px
}
.mod-link__link:active, .mod-link__link:focus {
  color: #333;
  text-decoration: none;
  opacity: .8
}
.mod-link__link:active::after, .mod-link__link:focus::after {
  transform: translate(3px, 0) rotate(45deg)
}
.mod-link__content {
  margin-top: 10px;
  margin-left: 20px
}
.mod-link__content > *:first-child {
  margin-top: 0
}
.mod-list-news {
  margin-top: 20px
}
.mod-list-news__item {
  position: relative;
  padding: 10px 30px 10px 10px;
  border-top: 1px solid #cdd9e3
}
.mod-list-news__item:last-child {
  border-bottom: 1px solid #cdd9e3
}
.mod-list-news__item::after {
  top: 50%;
  right: 10px;
  width: 7px;
  height: 7px;
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transform: rotate(45deg);
  position: absolute;
  content: "";
  display: block
}
.mod-list-news__head {
  display: flex;
  column-gap: 16px;
  align-items: center
}
.mod-list-news__body {
  margin-top: 6px
}
.mod-list-news__date {
  font-family: barlow, yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif, sans-serif;
  font-weight: bold;
  color: #b7b7b7
}
.mod-list-news__category {
  font-size: 1.2rem;
  font-weight: bold;
  color: #005bac
}
.mod-list-news__category.of-product {
  color: #7db0db
}
.mod-list-news__link {
  font-weight: bold;
  color: #333;
  transition: opacity .2s
}
.mod-list-news__link:active, .mod-list-news__link:focus {
  color: #333;
  text-decoration: none;
  opacity: .6
}
.mod-list-news__link:active::after, .mod-list-news__link:focus::after {
  transform: translate(3px, 0) rotate(45deg)
}
.mod-list-notice {
  margin-top: 20px
}
.mod-list-notice__item {
  display: flex
}
.mod-list-notice__item:not(:first-child) {
  margin-top: 10px
}
.mod-list-notice__mark, .mod-list-notice__txt {
  font-size: 1.2rem
}
.mod-list-notice__txt + * {
  margin-top: 10px
}
.mod-list-notice.of-markNum .mod-list-notice__mark {
  min-width: 2.5rem
}
.mod-list-number {
  margin-top: 20px
}
.mod-list-number__item {
  display: flex
}
.mod-list-number__item:not(:first-child) {
  margin-top: 5px
}
.mod-list-number__num {
  min-width: 2.5rem
}
.mod-list-number__txt + * {
  margin-top: 5px
}
.mod-list-desc {
  margin-top: 20px
}
.mod-list-desc__item:not(:first-child) {
  margin-top: 15px
}
.mod-list-desc__term {
  font-size: 1.6rem;
  font-weight: bold
}
.mod-list-desc__desc {
  margin-top: 5px
}
.mod-list-desc__content > *:first-child {
  margin-top: 0
}
.mod-list-desc__content > *[class^=mod-] {
  margin-top: 10px
}
.mod-list {
  margin-top: 20px
}
.mod-list__item {
  position: relative;
  padding-left: 18px
}
.mod-list__item > *:first-child {
  margin-top: 0
}
.mod-list__item::before {
  position: absolute;
  content: "";
  display: block;
  top: 1.2rem;
  left: 0;
  width: 8px;
  height: 3px;
  background-color: #005bac
}
.mod-list__item .mod-list__item::before {
  background-color: #cdd9e3
}
.mod-list__item .mod-list__item .mod-list__item::before {
  background-color: #005bac
}
.mod-list__item:not(:first-child) {
  margin-top: 5px
}
.mod-list__txt + * {
  margin-top: 5px
}
.adj-align-left {
  text-align: left !important
}
.adj-align-center {
  text-align: center !important
}
.adj-align-right {
  text-align: right !important
}
.adj-break-narrow {
  display: block !important
}
.adj-break {
  display: block !important
}
.adj-w-0per {
  width: 0% !important
}
.adj-w-1per {
  width: 1% !important
}
.adj-w-2per {
  width: 2% !important
}
.adj-w-3per {
  width: 3% !important
}
.adj-w-4per {
  width: 4% !important
}
.adj-w-5per {
  width: 5% !important
}
.adj-w-6per {
  width: 6% !important
}
.adj-w-7per {
  width: 7% !important
}
.adj-w-8per {
  width: 8% !important
}
.adj-w-9per {
  width: 9% !important
}
.adj-w-10per {
  width: 10% !important
}
.adj-w-11per {
  width: 11% !important
}
.adj-w-12per {
  width: 12% !important
}
.adj-w-13per {
  width: 13% !important
}
.adj-w-14per {
  width: 14% !important
}
.adj-w-15per {
  width: 15% !important
}
.adj-w-16per {
  width: 16% !important
}
.adj-w-17per {
  width: 17% !important
}
.adj-w-18per {
  width: 18% !important
}
.adj-w-19per {
  width: 19% !important
}
.adj-w-20per {
  width: 20% !important
}
.adj-w-21per {
  width: 21% !important
}
.adj-w-22per {
  width: 22% !important
}
.adj-w-23per {
  width: 23% !important
}
.adj-w-24per {
  width: 24% !important
}
.adj-w-25per {
  width: 25% !important
}
.adj-w-26per {
  width: 26% !important
}
.adj-w-27per {
  width: 27% !important
}
.adj-w-28per {
  width: 28% !important
}
.adj-w-29per {
  width: 29% !important
}
.adj-w-30per {
  width: 30% !important
}
.adj-w-31per {
  width: 31% !important
}
.adj-w-32per {
  width: 32% !important
}
.adj-w-33per {
  width: 33% !important
}
.adj-w-34per {
  width: 34% !important
}
.adj-w-35per {
  width: 35% !important
}
.adj-w-36per {
  width: 36% !important
}
.adj-w-37per {
  width: 37% !important
}
.adj-w-38per {
  width: 38% !important
}
.adj-w-39per {
  width: 39% !important
}
.adj-w-40per {
  width: 40% !important
}
.adj-w-41per {
  width: 41% !important
}
.adj-w-42per {
  width: 42% !important
}
.adj-w-43per {
  width: 43% !important
}
.adj-w-44per {
  width: 44% !important
}
.adj-w-45per {
  width: 45% !important
}
.adj-w-46per {
  width: 46% !important
}
.adj-w-47per {
  width: 47% !important
}
.adj-w-48per {
  width: 48% !important
}
.adj-w-49per {
  width: 49% !important
}
.adj-w-50per {
  width: 50% !important
}
.adj-w-51per {
  width: 51% !important
}
.adj-w-52per {
  width: 52% !important
}
.adj-w-53per {
  width: 53% !important
}
.adj-w-54per {
  width: 54% !important
}
.adj-w-55per {
  width: 55% !important
}
.adj-w-56per {
  width: 56% !important
}
.adj-w-57per {
  width: 57% !important
}
.adj-w-58per {
  width: 58% !important
}
.adj-w-59per {
  width: 59% !important
}
.adj-w-60per {
  width: 60% !important
}
.adj-w-61per {
  width: 61% !important
}
.adj-w-62per {
  width: 62% !important
}
.adj-w-63per {
  width: 63% !important
}
.adj-w-64per {
  width: 64% !important
}
.adj-w-65per {
  width: 65% !important
}
.adj-w-66per {
  width: 66% !important
}
.adj-w-67per {
  width: 67% !important
}
.adj-w-68per {
  width: 68% !important
}
.adj-w-69per {
  width: 69% !important
}
.adj-w-70per {
  width: 70% !important
}
.adj-w-71per {
  width: 71% !important
}
.adj-w-72per {
  width: 72% !important
}
.adj-w-73per {
  width: 73% !important
}
.adj-w-74per {
  width: 74% !important
}
.adj-w-75per {
  width: 75% !important
}
.adj-w-76per {
  width: 76% !important
}
.adj-w-77per {
  width: 77% !important
}
.adj-w-78per {
  width: 78% !important
}
.adj-w-79per {
  width: 79% !important
}
.adj-w-80per {
  width: 80% !important
}
.adj-w-81per {
  width: 81% !important
}
.adj-w-82per {
  width: 82% !important
}
.adj-w-83per {
  width: 83% !important
}
.adj-w-84per {
  width: 84% !important
}
.adj-w-85per {
  width: 85% !important
}
.adj-w-86per {
  width: 86% !important
}
.adj-w-87per {
  width: 87% !important
}
.adj-w-88per {
  width: 88% !important
}
.adj-w-89per {
  width: 89% !important
}
.adj-w-90per {
  width: 90% !important
}
.adj-w-91per {
  width: 91% !important
}
.adj-w-92per {
  width: 92% !important
}
.adj-w-93per {
  width: 93% !important
}
.adj-w-94per {
  width: 94% !important
}
.adj-w-95per {
  width: 95% !important
}
.adj-w-96per {
  width: 96% !important
}
.adj-w-97per {
  width: 97% !important
}
.adj-w-98per {
  width: 98% !important
}
.adj-w-99per {
  width: 99% !important
}
.adj-w-100per {
  width: 100% !important
}
.mod-dialog {
  width: 100%;
  max-width: calc(100vw - 40px);
  padding-top: 40px;
  margin: auto;
  overflow: visible;
  visibility: hidden;
  background-color: transparent;
  border: 0;
  opacity: 0;
  transition: opacity .2s ease-out, visibility .2s ease-out
}
.mod-dialog::-webkit-backdrop {
  visibility: hidden;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  -webkit-transition: opacity .2s ease-out, visibility .2s ease-out;
  transition: opacity .2s ease-out, visibility .2s ease-out
}
.mod-dialog::backdrop {
  visibility: hidden;
  background: rgba(0, 0, 0, .5);
  opacity: 0;
  transition: opacity .2s ease-out, visibility .2s ease-out
}
.mod-dialog.is-open {
  visibility: visible;
  opacity: 1
}
.mod-dialog.is-open::-webkit-backdrop {
  visibility: visible;
  opacity: 1
}
.mod-dialog.is-open::backdrop {
  visibility: visible;
  opacity: 1
}
.mod-dialog__inner {
  max-height: calc(100vh - 130px);
  padding: 50px 20px;
  overflow: auto;
  background-color: #fff
}
.mod-dialog__title > *:first-child {
  margin-top: 0
}
.mod-dialog__title > * {
  margin-bottom: 0
}
.mod-dialog__content {
  margin-top: 30px
}
.mod-dialog__content > *:first-child {
  margin-top: 0
}
.mod-dialog__btn {
  position: absolute;
  top: 0;
  right: 0;
  width: 30px;
  height: 30px
}
.mod-dialog__btn::before {
  position: absolute;
  content: "";
  display: block;
  top: 15px;
  left: 50%;
  width: 40px;
  height: 3px;
  background-color: #fff;
  transform: translateX(-50%) rotate(-45deg)
}
.mod-dialog__btn::after {
  position: absolute;
  content: "";
  display: block;
  top: 15px;
  left: 50%;
  width: 40px;
  height: 3px;
  background-color: #fff;
  transform: translateX(-50%) rotate(45deg)
}
.mod-dialog__btnTxt {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0
}
.mod-hdgLink-l2 {
  margin-top: 50px
}
.mod-hdgLink-l2__inner {
  padding-bottom: 5px;
  border-bottom: 1px solid #005bac
}
.mod-hdgLink-l2__link {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  transition: opacity .2s
}
.mod-hdgLink-l2__link:active, .mod-hdgLink-l2__link:focus {
  color: #333;
  text-decoration: none;
  opacity: .8
}
.mod-hdgLink-l2__link:active::after, .mod-hdgLink-l2__link:focus::after {
  transform: translate(3px, -50%) rotate(45deg)
}
.mod-hdgLink-l2__link::after {
  position: absolute;
  top: 50%;
  right: 7px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: translateY(-50%) rotate(45deg)
}
.mod-hdgLink-l2__txt {
  display: inline-block;
  font-size: 2rem;
  font-weight: bold;
  line-height: 1.5
}
.mod-hdgLink-l3 {
  margin-top: 24px
}
.mod-hdgLink-l3__link {
  position: relative;
  display: inline-block;
  padding-right: 30px;
  transition: opacity .2s
}
.mod-hdgLink-l3__link:active, .mod-hdgLink-l3__link:focus {
  color: #333;
  text-decoration: none;
  opacity: .8
}
.mod-hdgLink-l3__link:active::after, .mod-hdgLink-l3__link:focus::after {
  transform: translate(3px, -50%) rotate(45deg)
}
.mod-hdgLink-l3__link::after {
  position: absolute;
  top: 50%;
  right: 7px;
  display: inline-block;
  width: 8px;
  height: 8px;
  content: "";
  border-top: 2px solid #005bac;
  border-right: 2px solid #005bac;
  transition: transform .2s;
  transform: translateY(-50%) rotate(45deg)
}
.mod-hdgLink-l3__txt {
  display: inline-block;
  font-size: 1.8rem;
  font-weight: bold
}
.mod-map {
  margin-top: 20px
}
.mod-map__inner {
  position: relative;
  aspect-ratio: 295/200
}
.mod-map__inner > iframe {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none
}
.mod-icon-blank {
  display: inline-block;
  margin: 0 5px 4px
}
.mod-icon-pdf {
  display: inline-block;
  margin: 0 5px 2px
}
.mod-icon-pacman {
  display: inline-block;
  margin: 0 5px 2px
}
@media screen and (min-width: 769px) {
  body {
    font-family: yugothic, "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
    font-size: 1.6rem
  }
  .str-breadCrumb {
    padding-top: 2px;
    padding-bottom: 2px
  }
  .str-breadCrumb__item:not(:first-child) {
    padding-left: 25px
  }
  .str-breadCrumb__item:not(:first-child)::after {
    left: 8px
  }
  .str-breadCrumb__list {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
  }
  .str-breadCrumb__link {
    font-size: 1.3rem
  }
  .str-content.of-narrow .str-content__inner {
    max-width: 900px
  }
  .str-content + .str-content {
    margin-top: 100px
  }
  .str-content + .str-content .str-content__inner {
    padding-top: 80px
  }
  .str-content__inner {
    max-width: 1280px;
    margin: 0 auto
  }
/*2403追記　ご挨拶幅*/	
 .str-content__inner.message {
    max-width: 860px;
    margin: 0 auto
  }
/*2403追記　お客様事例*/	
.mod-media__list.case-study {
	display: flex;
	margin:30px 0;
}
.mod-media__list.case-study img{
	    width: calc(50% - 20px);
}
.mod-media__list.case-study div.col{
	    width: calc(50% - 20px);
}	
	
	
  .str-title-bg {
    display: flex;
    align-items: center;
    min-height: 320px;
    margin-bottom: 100px
  }
  .str-title-bg__inner {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
  }
  .str-title-bg__title {
    font-size: 3.6rem
  }
  .str-title-lytMedia {
    margin-top: 45px;
    margin-bottom: 100px
  }
  .str-title-lytMedia__inner {
    flex-direction: row;
    column-gap: 40px;
    align-items: center;
    justify-content: flex-end;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
  }
  .str-title-lytMedia__content, .str-title-lytMedia__media {
    width: calc(50% - 20px)
  }
  .str-title-lytMedia__content {
    max-width: 560px;
    margin-top: 0
  }
  .str-title-lytMedia__sub {
    margin-top: 40px
  }
  .str-title-lytMedia__hdgSub {
    margin-bottom: 10px;
    font-size: 1.8rem
  }
  .str-title-lytMedia__hdgMain {
    font-size: 3.6rem
  }
  .str-title-lytMedia__desc {
    column-gap: 20px
  }
  .str-title-lytMedia__descTerm {
    padding-right: 20px
  }
  .str-title-simple {
    margin-top: 45px;
    margin-bottom: 80px
  }
  .str-title-simple__date {
    font-size: 1.8rem
  }
  .str-title-simple__categoryItem {
    font-size: 1.4rem
  }
  .str-title-simple__categoryList {
    column-gap: 10px
  }
  .str-title-simple__inner {
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
  }
  .str-title-simple__hdg {
    font-size: 3.6rem
  }
  .str-title-simple__hdg::after {
    width: 60px
  }
  .str-lyt-column {
    padding-bottom: 60px;
    margin-top: 80px;
    margin-bottom: 100px
  }
  .str-lyt-column::before {
    height: 100px
  }
  .str-lyt-column__inner {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto
  }
  .str-lyt-column__body {
    padding: 40px;
    margin-top: 40px
  }
  .str-lyt-caseStudy {
    padding-bottom: 60px;
    margin-top: 80px;
    margin-bottom: 100px
  }
  .str-lyt-caseStudy::before {
    height: 100px
  }
  .str-lyt-caseStudy__head {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto
  }
  .str-lyt-caseStudy__body {
    margin-top: 62px
  }
  .str-lyt-caseStudy__title {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto;
    font-size: 2.4rem;
    font-weight: bold
  }
  .str-lyt-caseStudy__content {
    max-width: 900px;
    margin-right: auto;
    margin-left: auto
  }
  .str-lyt-caseStudy__enTxt {
    top: -185px;
    left: -45px;
    font-size: 17.5rem
  }
  .str-area-contact {
    padding-top: 40px;
    padding-bottom: 40px;
    margin-top: 140px
  }
  .str-area-contact__inner {
    display: flex;
    justify-content: center;
    max-width: 1280px;
    margin: 0 auto
  }
  .str-area-contact__head {
    padding: 40px 80px 40px 0
  }
  .str-area-contact__enTxt {
    font-size: 3rem
  }
  .str-area-contact__jaTxt {
    margin-top: 3px;
    font-size: 1.8rem;
    letter-spacing: .09em
  }
  .str-area-contact__body {
    padding: 40px 0 40px 80px;
    margin-top: 0;
    border-left: 1px solid #fff
  }
  .str-area-contact__body .mod-btn__item.of-inquiry {
    min-width: 440px
  }
  .mod-hdg-l2 {
    margin-top: 100px;
    margin-bottom: 40px
  }
  .mod-hdg-l2.of-noMark {
    margin-top: 60px
  }
  .mod-hdg-l2__inner::before {
    top: 16px
  }
  .mod-hdg-l2__txt {
    font-size: 2.8rem
  }
  .mod-hdg-l3 {
    margin-top: 40px
  }
  .mod-hdg-l3__txt {
    font-size: 2.4rem
  }
  .mod-hdg-l4 {
    margin-top: 40px
  }
  .mod-hdg-l4__txt {
    font-size: 2rem
  }
  .mod-txt-lede {
    margin-top: 100px;
    margin-bottom: 40px
  }
  .mod-txt-lede__txtInner {
    font-size: 3.2rem;
    line-height: 1.9
  }
  .mod-tbl-desc__item {
    display: flex;
    align-items: flex-start;
    padding: 20px
  }
  .mod-tbl-desc__term {
    width: 20%;
    padding-right: 10px
  }
  .mod-tbl-desc__desc {
    display: flex;
    justify-content: space-between;
    width: 80%;
    padding-left: 10px;
    margin-top: 0
  }
  .mod-tbl-desc__btn {
    flex-shrink: 0;
    min-width: 220px;
    padding-left: 20px;
    margin-top: 0
  }
  .mod-tbl {
    margin-top: 40px
  }
  .mod-tbl__tr::after {
    height: 70px
  }
  .mod-tbl__th, .mod-tbl__td {
    padding: 10px 20px
  }
  .mod-tbl.of-narrow-scroll .mod-tbl__item {
    width: 100%
  }
  .mod-box {
    padding: 40px
  }
  .mod-box__title {
    font-size: 2rem
  }
  .mod-box-company {
    padding: 40px
  }
  .mod-box-company__inner {
    display: flex;
    column-gap: 40px
  }
  .mod-box-company__item:not(:first-child) {
    margin-top: 15px
  }
  .mod-box-company__head {
    flex-shrink: 0;
    align-items: flex-start
  }
  .mod-box-company__body {
    margin-top: 0
  }
  .mod-box-company__title {
    font-size: 1.8rem
  }
  .mod-box-column {
    margin-top: 100px
  }
  .mod-box-column__inner {
    display: flex
  }
  .mod-box-column__content {
    justify-content: center;
    width: 100%;
    padding: 60px 15px
  }
  .mod-box-inquiry {
    padding-top: 100px;
    margin-top: 80px
  }
  .mod-box-inquiry::before {
    height: 100px
  }
  .mod-box-inquiry::after {
    top: 100px;
    height: 60px
  }
  .mod-box-inquiry__inner {
    padding: 80px 80px 60px
  }
  .mod-box-inquiry__txtItem {
    font-size: 2.2rem
  }
  .mod-box-inquiry__btn {
    margin-top: 40px
  }
  .mod-box-point__inner {
    display: flex;
    column-gap: 60px;
    padding-top: 40px;
    padding-right: 40px;
    padding-left: 60px
  }
  .mod-box-point__title {
    flex-shrink: 0;
    font-size: 3.2rem
  }
  .mod-box-point__list {
    margin-top: 10px
  }
  .mod-box-point__item::before {
    top: 16px
  }
  .mod-box-point__content {
    margin-top: 5px
  }
  .mod-box-point__leadTxt {
    font-size: 2.2rem
  }
  .mod-hdg-l3 + .mod-media {
    margin-top: 30px
  }
  .mod-media[data-col-wide="2"] .mod-media__item {
    width: calc(50% - 20px + 10px)
  }
  .mod-media[data-col-wide="3"] .mod-media__item {
    width: calc(33.3333333333% - 20px + 6.6666666667px)
  }
  .mod-media[data-col-wide="4"] .mod-media__item {
    width: calc(25% - 20px + 5px)
  }
  .mod-media[data-col-wide="5"] .mod-media__item {
    width: calc(20% - 20px + 4px)
  }
  .mod-media__txt {
    font-size: 1.4rem
  }
  .mod-media__descItem {
    font-size: 1.4rem
  }
  .mod-media-lyt__inner {
    flex-direction: row-reverse;
    column-gap: 20px;
    justify-content: flex-end
  }
  .mod-media-lyt.of-narrow-reverse .mod-media-lyt__inner {
    flex-direction: row-reverse
  }
  .mod-media-lyt.of-wide-reverse .mod-media-lyt__inner {
    flex-direction: row
  }
  .mod-media-lyt__head {
    flex-shrink: 0;
    max-width: calc(50% - 10px)
  }
  .mod-media-lyt__body {
    flex-grow: 1
  }
  .mod-media-lyt__captionTxt {
    font-size: 1.4rem
  }
  .mod-media-lyt02__inner {
    flex-direction: row-reverse;
    column-gap: 40px;
    justify-content: flex-end
  }
  .mod-media-lyt02__head {
    width: 56.25%
  }
  .mod-media-lyt02__body {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 40.625%
  }
  .mod-media-lyt02__body .mod-btn__item {
    text-align: left
  }
  .mod-media-lytPoint {
    margin-bottom: 40px
  }
  .mod-media-lytPoint__titleTxt {
    font-size: 4.3rem
  }
  .mod-media-lytPoint__inner {
    margin-top: 50px
  }
  .mod-media-lytPoint__item {
    flex-direction: row
  }
  .mod-media-lytPoint__item:not(:first-child) {
    margin-top: 40px
  }
  .mod-media-lytPoint__item.of-reverse {
    flex-direction: row-reverse
  }
  .mod-media-lytPoint__item.of-reverse .mod-media-lytPoint__head {
    left: 0;
    padding: 40px 40px 40px 25%
  }
  .mod-media-lytPoint__item.of-reverse .mod-media-lytPoint__head .mod-media-lytPoint__lead {
    margin-top: 3px
  }
  .mod-media-lytPoint__item.of-reverse .mod-media-lytPoint__head .mod-media-lytPoint__content {
    margin-top: 20px
  }
  .mod-media-lytPoint__head {
    justify-content: center;
    width: 78.125%;
    min-height: 320px;
    padding: 40px 26% 40px 40px;
    margin-top: 40px;
    letter-spacing: .1em
  }
  .mod-media-lytPoint__head .mod-media-lytPoint__lead {
    margin-top: 0
  }
  .mod-media-lytPoint__leadTxt {
    font-size: 2.2rem
  }
  .mod-media-lytPoint__body {
    position: absolute;
    top: 0;
    right: 0;
    left: auto;
    width: 43.75%
  }
  .mod-lyt-col.of-top-panel .mod-lyt-col__inner {
    gap: 35px
  }
  .mod-lyt-col[data-col-wide="2"] .mod-lyt-col__inner {
    column-gap: 40px
  }
  .mod-lyt-col__content {
    width: 100%
  }
  .mod-lyt-col[data-col-wide="3"] .mod-lyt-col__content {
    width: calc(33.3333333333% - 20px + 6.6666666667px)
  }
  .mod-lyt-col.of-top-panel[data-col-wide="3"] .mod-lyt-col__content {
    width: calc(33.3333333333% - 35px + 11.6666666667px)
  }
  .mod-lyt-col[data-col-wide="4"] .mod-lyt-col__content {
    width: calc(25% - 20px + 5px)
  }
  .mod-lyt-col.of-top-panel[data-col-wide="4"] .mod-lyt-col__content {
    width: calc(25% - 35px + 8.75px)
  }
  .mod-lyt-col[data-col-wide="5"] .mod-lyt-col__content {
    width: calc(20% - 20px + 4px)
  }
  .mod-lyt-col.of-top-panel[data-col-wide="5"] .mod-lyt-col__content {
    width: calc(20% - 35px + 7px)
  }
  .mod-lyt-col[data-col-wide="2"] .mod-lyt-col__content {
    width: calc(50% - 40px + 20px)
  }
  .mod-lyt-col.of-hdg .mod-lyt-col__content {
    display: flex;
    flex-direction: column
  }
  .mod-lyt-col.of-hdg .mod-lyt-col__content > [class^=mod-hdg] + * {
    margin-top: 0
  }
  .mod-lyt-col.of-hdg .mod-lyt-col__content .mod-panel {
    flex-grow: 1
  }
  .mod-panel-icon {
    padding-top: 33px;
    padding-bottom: 60px;
    margin-top: 80px
  }
  .mod-panel-icon.of-simple {
    margin-top: 50px
  }
  .mod-panel-icon__title {
    font-size: 2.2rem
  }
  .mod-panel-icon__list {
    row-gap: 50px;
    max-width: 1020px;
    margin-right: auto;
    margin-left: auto
  }
  .mod-panel-icon__list:not(:first-child) {
    margin-top: 50px
  }
  .mod-panel-icon.of-simple .mod-panel-icon__list {
    max-width: none
  }
  .mod-panel-icon[data-col-wide="2"] .mod-panel-icon__item {
    width: calc(50% - 20px + 10px)
  }
  .mod-panel-icon[data-col-wide="3"] .mod-panel-icon__item {
    width: calc(33.3333333333% - 20px + 6.6666666667px)
  }
  .mod-panel-icon[data-col-wide="4"] .mod-panel-icon__item {
    width: calc(25% - 20px + 5px)
  }
  .mod-panel-icon[data-col-wide="5"] .mod-panel-icon__item {
    width: calc(20% - 20px + 4px)
  }
  .mod-panel-icon__btn {
    margin-top: 60px
  }
  .mod-panel-column__content {
    margin-top: 15px
  }
  .mod-panel-column__list {
    display: flex;
    flex-wrap: wrap;
    gap: 60px 18px
  }
  .mod-panel-column__item {
    width: 100%
  }
  .mod-panel-column__item:not(:first-child) {
    margin-top: 0
  }
  .mod-panel-column[data-col-wide="2"] .mod-panel-column__item {
    width: calc(50% - 18px + 9px)
  }
  .mod-panel-column[data-col-wide="3"] .mod-panel-column__item {
    width: calc(33.3333333333% - 18px + 6px)
  }
  .mod-panel-column[data-col-wide="4"] .mod-panel-column__item {
    width: calc(25% - 18px + 4.5px)
  }
  .mod-panel-column__link {
    height: 100%
  }
  .mod-panel-column__date {
    font-size: 1.8rem
  }
  .mod-panel-column__categoryList {
    gap: 10px
  }
  .mod-panel-column__body {
    margin-top: 8px
  }
  .mod-panel-productCategory {
    row-gap: 30px;
    column-gap: 17px
  }
  .mod-panel-productCategory__item {
    width: calc(33.3333333333% - 17px + 5.6666666667px)
  }
  .mod-panel-productCategory__link {
    height: 100%
  }
  .mod-panel-productCategory__head {
    padding-right: 30px;
    padding-left: 30px
  }
  .mod-panel-productCategory__hdg > .mod-panel-productCategory__hdgTxt {
    font-size: 2rem
  }
  .mod-panel-productCategory__hdg + .mod-panel-productCategory__txt {
    margin-top: 10px
  }
  .mod-panel-productCategory__hdg::after {
    top: -4px
  }
  .mod-panel {
    margin-top: 40px
  }
  .mod-panel__head {
    padding: 30px
  }
  .mod-panel__hdg > .mod-panel__hdgTxt {
    font-size: 2rem
  }
  .mod-panel__hdg + .mod-panel__txt {
    margin-top: 10px
  }
  .mod-panel__hdg::after {
    top: -4px
  }
  .mod-panel-service {
    margin-top: 80px
  }
  .mod-panel-service__link {
    flex-direction: row-reverse
  }
  .mod-panel-service__link:not(:first-child) {
    margin-top: 30px
  }
  .mod-panel-service__head {
    display: flex;
    flex-basis: 41.9%;
    flex-direction: column;
    justify-content: center;
    padding: 10px 40px
  }
  .mod-panel-service__body {
    flex-basis: 58.1%;
    width: auto
  }
  .mod-panel-service__hdgLede {
    font-size: 1.4rem
  }
  .mod-panel-service__hdgMain > .mod-panel-service__hdgMainTxt {
    font-size: 2.8rem
  }
  .mod-panel-service__hdgMain::after {
    top: -4px
  }
  .mod-panel-service__content {
    margin-top: 30px
  }
  .mod-panel-product {
    margin-top: 80px
  }
  .mod-panel-product__link {
    flex-direction: row-reverse
  }
  .mod-panel-product__link.of-mediaRight {
    flex-direction: row
  }
  .mod-panel-product__link:not(:first-child) {
    margin-top: 30px
  }
  .mod-panel-product__head {
    display: flex;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    padding: 30px 40px
  }
  .mod-panel-product__hdgSub {
    font-size: 1.6rem
  }
  .mod-panel-product__hdgMain > .mod-panel-product__hdgMainTxt {
    font-size: 2.8rem
  }
  .mod-panel-product__hdgMain::after {
    top: -4px
  }
  .mod-panel-product__desc {
    column-gap: 20px
  }
  .mod-panel-product__descTerm::after {
    top: 5px;
    height: 20px;
    margin-left: 20px
  }
  .mod-panel-product__descDesc {
    font-size: 1.6rem
  }
  .mod-panel-product__body {
    width: 100%;
    max-width: 560px;
    min-height: 320px
  }
  .mod-panel-product__img {
    width: 100%;
    height: 100%;
    object-fit: cover
  }
  .mod-panel-productSearch__link {
    grid-template-rows: auto auto;
    grid-template-columns: 184px 1fr
  }
  .mod-panel-productSearch__head {
    display: inline;
    padding: 8px 30px 0;
    margin-top: auto
  }
  .mod-panel-productSearch__body {
    grid-column: 2/3;
    padding: 10px 30px;
    margin-bottom: auto;
    border-top: none
  }
  .mod-panel-productSearch__foot {
    grid-row: 1/3;
    grid-column: 1/2;
    height: 184px;
    margin-bottom: auto
  }
  .mod-panel-productSearch__hdg > .mod-panel-productSearch__hdgTxt {
    font-size: 2rem
  }
  .mod-panel-productSearch__hdg::after {
    top: -4px
  }
  .mod-btn {
    margin-top: 60px
  }
  .mod-txt + .mod-btn, .mod-link + .mod-btn, .mod-list-news + .mod-btn {
    margin-top: 30px
  }
  .mod-btn .mod-btn__item.of-catalog:first-child {
    margin-top: 80px
  }
  .mod-btn__btn {
    min-height: 54px
  }
  .mod-btn__item.of-inquiry .mod-btn__btn {
    display: flex;
    column-gap: 30px;
    align-items: center;
    justify-content: center;
    max-width: 440px;
    padding: 18px 60px 18px 48px;
    margin-right: auto;
    margin-left: auto;
    font-size: 2rem
  }
  .mod-btn__item.of-inquiry .mod-btn__btn::before {
    position: static;
    flex-shrink: 0;
    width: 30px;
    height: 21px;
    background-image: url("/pax/asset/image/icon_btn_mail_pc.svg");
    transform: translateY(0)
  }
  .mod-btn__item.of-inquiry .mod-btn__btn::after {
    right: 38px
  }
  .mod-btn__item.of-catalog .mod-btn__btn {
    flex-shrink: 0;
    column-gap: 30px;
    width: 100%;
    max-width: 440px;
    padding-top: 18px;
    padding-bottom: 18px
  }
  .mod-btn__item.of-dialog .mod-btn__btn {
    padding-top: 10px;
    padding-bottom: 10px
  }
  .mod-btn__item.of-catalog .mod-btn__icon {
    width: 25px
  }
  .mod-btn__item.of-catalog .mod-btn__txt {
    font-size: 2rem
  }
  .mod-link-media__list {
    column-gap: 20px
  }
  .mod-link-media[data-col-wide="2"] .mod-link-media__item {
    width: calc(50% - 20px + 10px)
  }
  .mod-link-media[data-col-wide="3"] .mod-link-media__item {
    width: calc(33.3333333333% - 20px + 6.6666666667px)
  }
  .mod-link-media[data-col-wide="4"] .mod-link-media__item {
    width: calc(25% - 20px + 5px)
  }
  .mod-link-media[data-col-wide="5"] .mod-link-media__item {
    width: calc(20% - 20px + 4px)
  }
  .mod-link-media__link {
    height: 100%
  }
  .mod-link-media__content {
    margin-top: 10px
  }
  .mod-link-orderAnchor__item:not(:first-child) {
    margin-top: 8px
  }
  .mod-link-orderAnchor__link::after {
    top: -4px
  }
  .mod-link.of-row .mod-link__list {
    gap: 15px 30px
  }
  .mod-link__item:not(:first-child) {
    margin-top: 15px
  }
  .mod-link__content {
    margin-top: 15px
  }
  .mod-list-news__item {
    padding: 20px 10px
  }
  .mod-list-news__item::after {
    display: none
  }
  .mod-list-news__date {
    min-width: 80px;
    font-size: 1.8rem
  }
  .mod-list-news__category {
    font-size: 1.4rem
  }
  .mod-list-news__link {
    position: relative;
    padding-right: 10px
  }
  .mod-list-news__link::after {
    position: relative;
    top: -2px;
    right: -6px;
    display: inline-block;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 2px solid #005bac;
    border-right: 2px solid #005bac;
    transition: transform .2s;
    transform: rotate(45deg)
  }
  .mod-list-notice__mark, .mod-list-notice__txt {
    font-size: 1.4rem
  }
  .mod-list-desc__term {
    font-size: 1.8rem
  }
  .adj-break-wide {
    display: block !important
  }
  .adj-break-narrow {
    display: inline !important
  }
  .mod-dialog {
    max-width: 900px
  }
  .mod-dialog__inner {
    padding: 60px 40px
  }
  .mod-dialog__content {
    margin-top: 40px
  }
  .mod-hdgLink-l2 {
    margin-top: 60px
  }
  .mod-hdgLink-l2__inner {
    padding-bottom: 10px
  }
  .mod-hdgLink-l2__txt {
    font-size: 2.8rem
  }
  .mod-hdgLink-l3 {
    margin-top: 30px
  }
  .mod-hdgLink-l3__txt {
    font-size: 2.4rem
  }
  .mod-map__inner {
    aspect-ratio: 820/400
  }
  .mod-icon-blank {
    margin-bottom: 3px
  }
}
@media screen and (min-width: 1081px) {
  .str-header {
    padding-right: 20px;
    padding-left: 20px;
    border-top-width: 6px
  }
  .str-header__head {
    max-width: 1280px;
    padding: 13px 0 0;
    margin-right: auto;
    margin-left: auto;
    border-bottom: 0
  }
  .str-header__logo {/*2024.2変更*/
    position: relative;
    top: 20px;
    width: 300px
  }
  .str-header__body {
    position: static;
    display: block;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto;
    border-top: 0
  }
  .str-header__menu {
    column-gap: 40px
  }
  .str-header__menuList {
    display: flex
  }
  .str-header__menuItem {
    font-size: 1.4rem
  }
  .str-header__menuItem:first-child {
    padding-right: 20px
  }
  .str-header__menuItem:not(:first-child):not(:last-child) {
    padding-right: 20px;
    padding-left: 20px
  }
  .str-header__menuItem:last-child {
    padding-left: 20px
  }
  .str-header__menuItem:not(:first-child) {
    border-left: 1px solid #c7c3b8
  }
  .str-header__menuItemLink {
    color: #333;
    text-decoration: none
  }
  .str-header__menuItemLink:active, .str-header__menuItemLink:focus {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-header.of-simple .str-header__head {
    padding-top: 20px;
    padding-bottom: 20px
  }
  .str-header.of-simple .str-header__logo {
    position: static;
    width: 200px/*2024.2追記*/
  }
  html:not([data-script-enabled=true]) .str-header__bodyInner {
    max-height: none
  }
  .str-btn-inquiry {
    padding: 7px 30px 7px 50px;
    font-size: 1.3rem
  }
  .str-btn-inquiry::before {
    top: 50%;
    left: 22px;
    transform: translateY(-50%)
  }
  .str-btn-hamburger {
    display: none
  }
  .str-nav-global {
    padding-left: 187px
  }
  .str-nav-global__list {
    display: flex;
    column-gap: 50px;
    justify-content: flex-end;
    padding-bottom: 3px
  }
  .str-nav-global__item:not(:first-child) {
    border-top: 0
  }
  .str-nav-global__item.of-hide-wide {
    display: none
  }
  .str-nav-global__btn {
    padding: 10px 0 15px;
    background-color: #fff
  }
  .str-nav-global__btn::after {
    display: none
  }
  .str-nav-global__btn:active, .str-nav-global__btn:focus {
    color: #333;
    text-decoration: none;
    box-shadow: 0 3px 0 #005bac
  }
  .str-nav-global__item.of-dropdown .str-nav-global__btn {
    padding-right: 20px
  }
  .str-nav-global__item.of-dropdown .str-nav-global__btn::after {
    right: 1px;
    display: block;
    width: 7px;
    height: 7px;
    transform: translateY(-110%) rotate(135deg)
  }
  .str-nav-global__item.of-dropdown .str-nav-global__btn[aria-expanded=true] {
    box-shadow: 0 3px 0 #005bac
  }
  .str-nav-global__item.of-dropdown .str-nav-global__btn[aria-expanded=true]::after {
    transform: translateY(-50%) rotate(-45deg)
  }
  .str-nav-global__content {
    position: absolute;
    left: 0;
    width: 100%;
    margin-top: 3px;
    overflow: hidden;
    transition: .4s height ease-out
  }
  .str-nav-global__contentInner {
    display: flex;
    flex-direction: column;
    max-height: calc(100vh - 127px);
    overflow-y: auto;
    background: linear-gradient(to right, #f8f9fa 0%, #f8f9fa 50%, #fff 50%, #fff 100%);
    border-top: 1px solid #cdd9e3
  }
  html:not([data-script-enabled=true]) .str-nav-global__contentInner {
    max-height: none
  }
  .str-nav-global__contentOffset {
    display: flex;
    width: 100%;
    max-width: 1320px;
    padding-right: 20px;
    padding-left: 20px;
    margin-right: auto;
    margin-left: auto
  }
  .str-nav-global__contentHead {
    width: 21.09375%;
    padding-top: 36px;
    padding-right: 40px;
    padding-bottom: 40px
  }
  .str-nav-global__contentHead > :first-child {
    margin-top: 0
  }
  .str-nav-global__contentBody {
    width: 100%;
    width: 78.90625%;
    padding-top: 47px;
    padding-bottom: 40px;
    padding-left: 40px;
    background-color: #fff
  }
  .str-nav-global__contentBody > :first-child {
    margin-top: 0
  }
  .str-nav-global__hdgLink {
    padding-bottom: 7px;
    font-size: 2.4rem;
    border-bottom: 1.5px solid #005bac;
    transition: opacity .2s
  }
  .str-nav-global__hdgLinkTxt {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    color: #333;
    text-decoration: none
  }
  .str-nav-global__hdgLinkTxt:active, .str-nav-global__hdgLinkTxt:focus {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__hdgLinkTxt:active::after, .str-nav-global__hdgLinkTxt:focus::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-nav-global__hdgLinkTxt::after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #005bac;
    border-right: 2px solid #005bac;
    transition: transform .2s;
    transform: translateY(-50%) rotate(45deg)
  }
  .str-nav-global__link {
    margin-top: 27px
  }
  .str-nav-global__linkTxt {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    font-weight: bold;
    color: #333;
    transition: opacity .2s
  }
  .str-nav-global__linkTxt:active, .str-nav-global__linkTxt:focus {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__linkTxt:active::after, .str-nav-global__linkTxt:focus::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-nav-global__linkTxt::after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 5px;
    width: 10px;
    height: 10px;
    border-top: 2px solid #005bac;
    border-right: 2px solid #005bac;
    transition: transform .2s;
    transform: translateY(-50%) rotate(45deg)
  }
  .str-nav-global__panel {
    margin-top: 35px
  }
  .str-nav-global__panelLink {
    display: block;
    color: #333;
    transition: opacity .2s
  }
  .str-nav-global__panelLink:active, .str-nav-global__panelLink:focus {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__panelLink:active .str-nav-global__panelTxt::after, .str-nav-global__panelLink:focus .str-nav-global__panelTxt::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-nav-global__panelImg {
    width: 100%
  }
  .str-nav-global__panelTxt {
    position: relative;
    display: block;
    width: 100%;
    padding: 13px 40px 13px 20px;
    font-size: 1.4rem;
    font-weight: bold;
    background-color: #fff
  }
  .str-nav-global__panelTxt::after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 25px;
    width: 7px;
    height: 7px;
    border-top: 2px solid #005bac;
    border-right: 2px solid #005bac;
    transition: transform .2s;
    transform: translateY(-50%) rotate(45deg)
  }
  .str-nav-global__tabList {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px
  }
  .str-nav-global__tabItem {
    width: calc(50% - 10px + 5px);
    text-align: center
  }
  .str-nav-global__tab[data-col="3"] .str-nav-global__tabItem {
    width: calc(33.3333333333% - 10px + 3.3333333333px)
  }
  .str-nav-global__tab[data-col="4"] .str-nav-global__tabItem {
    width: calc(25% - 10px + 2.5px)
  }
  .str-nav-global__tabTxt {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 100%;
    padding: 5px 10px;
    font-weight: bold;
    color: #333;
    text-decoration: none;
    border-bottom: 1px solid #cdd9e3
  }
  .str-nav-global__tabTxt:active, .str-nav-global__tabTxt:focus {
    color: #333;
    text-decoration: none
  }
  .str-nav-global__tabTxt[aria-selected=true] {
    color: #fff;
    background-color: #005bac;
    border-bottom: 1px solid #005bac
  }
  .str-nav-global__tabTxt[aria-selected=true]:active, .str-nav-global__tabTxt[aria-selected=true]:focus {
    color: #fff
  }
  .str-nav-global__tabContent {
    margin-top: 24px
  }
  .str-nav-global__tabContent > :first-child {
    margin-top: 0
  }
  .str-nav-global__hdg {
    position: relative;
    padding-left: 22px;
    font-size: 2rem;
    font-weight: bold
  }
  .str-nav-global__hdg::before {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    left: 0;
    width: 10px;
    height: 10px;
    background-color: #005bac;
    border-radius: 50%;
    transform: translateY(-50%)
  }
  .str-nav-global__searchLayout {
    display: flex;
    column-gap: 40px
  }
  .str-nav-global__searchCategory > :first-child, .str-nav-global__searchMenu > :first-child {
    margin-top: 0
  }
  .str-nav-global__searchCategory {
    width: 45.1612903226%
  }
  .str-nav-global__searchMenu {
    width: 54.8387096774%
  }
  .str-nav-global__columnPanel {
    margin-top: 17px
  }
  .str-nav-global__columnPanelList {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    max-width: 860px
  }
  .str-nav-global__columnPanelList.of-menu {
    row-gap: 45px
  }
  .str-nav-global__columnPanelItem {
    width: calc(50% - 20px + 10px)
  }
  .str-nav-global__columnPanel[data-col="3"] .str-nav-global__columnPanelItem {
    width: calc(33.3333333333% - 20px + 6.6666666667px)
  }
  .str-nav-global__columnPanel[data-col="4"] .str-nav-global__columnPanelItem {
    width: calc(25% - 20px + 5px)
  }
  .str-nav-global__columnPanelLink {
    color: #333;
    transition: opacity .2s
  }
  .str-nav-global__columnPanel.of-menu .str-nav-global__columnPanelLink {
    display: flex;
    flex-direction: column;
    height: 100%
  }
  .str-nav-global__columnPanelLink:active, .str-nav-global__columnPanelLink:focus {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__columnPanel.of-menu .str-nav-global__columnPanelLink:active, .str-nav-global__columnPanel.of-menu .str-nav-global__columnPanelLink:focus {
    opacity: .6
  }
  .str-nav-global__columnPanelTxt {
    display: block;
    margin-top: 7px;
    font-size: 1.4rem;
    text-align: center
  }
  .str-nav-global__columnPanel.of-menu .str-nav-global__columnPanelTxt {
    margin-top: 11px
  }
  .str-nav-global__columnPanel.of-menu .str-nav-global__columnPanelImg {
    display: flex;
    justify-content: center;
    height: 100%;
    min-height: 64px
  }
  html:not([data-script-enabled=true]) .str-nav-global__content {
    position: static;
    display: block
  }
  html:not([data-script-enabled=true]) .str-nav-global__list {
    display: block
  }
  .str-footer {
    margin-top: 20px
  }
  .str-footer.of-simple {
    margin-top: 140px
  }
  .str-footer__pageTopBtn:active, .str-footer__pageTopBtn:focus {
    background-color: #005bac
  }
  .str-footer__pageTopBtn:active[class], .str-footer__pageTopBtn:focus[class] {
    opacity: 1
  }
  .str-footer__pageTopBtn:active::before, .str-footer__pageTopBtn:focus::before {
    border-top-color: #fff;
    border-right-color: #fff
  }
  .str-footer__pageTopBtn.is-fixed {
    position: absolute;
    top: -76px
  }
  .str-footer__top {
    position: relative;
    display: block;
    padding: 77px 20px 68px;
    background-color: #f1f1f1
  }
  .str-footer__sitemap {
    display: flex;
    column-gap: 40px;
    justify-content: space-between;
    max-width: 1280px;
    margin: 0 auto
  }
  .str-footer__col {
    width: 21.4285714286%
  }
  .str-footer.of-none-technology .str-footer__col {
    width: 20%
  }
  .str-footer__col.of-technology {
    width: 14.2857142857%
  }
  .str-footer__col.of-product {
    width: 51.7857142857%
  }
  .str-footer.of-none-technology .str-footer__col.of-product {
    width: 52%
  }
  .str-footer__col.of-other {
    width: 15.625%;
    padding-left: 30px
  }
  .str-footer.of-none-technology .str-footer__col.of-other {
    width: 16%;
    padding-left: 0
  }
  .str-footer__title {
    padding-bottom: 10px;
    font-size: 2rem;
    font-weight: bold;
    border-bottom: 1.5px solid #005bac
  }
  .str-footer__titleLink {
    position: relative;
    display: inline-block;
    padding-right: 20px;
    color: #333;
    transition: opacity .2s
  }
  .str-footer__titleLink:active, .str-footer__titleLink:focus {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-footer__titleLink:active::after, .str-footer__titleLink:focus::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-footer__titleLink::after {
    position: absolute;
    content: "";
    display: block;
    top: 50%;
    right: 0;
    width: 10px;
    height: 10px;
    border-top: 2px solid #005bac;
    border-right: 2px solid #005bac;
    transition: transform .2s;
    transform: translateY(-50%) rotate(45deg)
  }
  .str-footer__link, .str-footer__childTitleLink {
    position: relative;
    display: inline-block;
    font-weight: bold;
    color: #333;
    transition: opacity .2s
  }
  .str-footer__link:active, .str-footer__link:focus, .str-footer__childTitleLink:active, .str-footer__childTitleLink:focus {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-footer__link:active::after, .str-footer__link:focus::after, .str-footer__childTitleLink:active::after, .str-footer__childTitleLink:focus::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-footer__link::after, .str-footer__childTitleLink::after {
    position: relative;
    top: 2px;
    right: -7px;
    display: inline-block;
    width: 7px;
    height: 7px;
    content: "";
    border-top: 2px solid #005bac;
    border-right: 2px solid #005bac;
    transition: transform .2s;
    transform: translateY(-50%) rotate(45deg)
  }
  .str-footer__link.of-blank::after, .str-footer__childTitleLink.of-blank::after {
    display: none
  }
  .str-footer__childColList {
    display: flex;
    column-gap: 10px;
    justify-content: space-between;
    margin-top: 28px
  }
  .str-footer.of-none-technology .str-footer__childColList {
    column-gap: 30px
  }
  .str-footer__childColItem {
    width: calc(50% - 10px)
  }
  .str-footer.of-none-technology .str-footer__childColItem {
    width: calc(50% - 30px)
  }
  .str-footer__childTitle:not(:first-child) {
    margin-top: 20px
  }
  .str-footer__childList {
    margin-top: 13px
  }
  .str-footer__childLink {
    margin-top: 5px;
    font-size: 1.4rem;
    color: #333
  }
  .str-footer__childLink:active, .str-footer__childLink:focus {
    color: #333
  }
  .str-footer__listLink:not(:first-child) {
    margin-top: 30px
  }
  .str-footer__item:not(:first-child) {
    margin-top: 15px
  }
  .str-footer__listLink.of-other .str-footer__item:not(:first-child) {
    margin-top: 18px
  }
  .str-footer__bottom {
    padding-top: 22px;
    padding-bottom: 22px
  }
  .str-footer__bottomInner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    max-width: 1280px;
    margin-right: auto;
    margin-left: auto
  }
  .str-footer__bottomBody {
    margin-top: 0
  }
  .str-footer__bottomHead {
    display: flex
  }
  .str-footer__copyright {
    margin-top: 3px;
    font-size: 1.2rem
  }
  .mod-panel-icon__txt {
    font-size: 1.6rem
  }
  .mod-panel-column__categoryItem {
    font-size: 1.4rem
  }
  .mod-panel-productSearch {
    gap: 30px;
    margin-top: 40px
  }
  .mod-panel-productSearch__item {
    width: calc(50% - 30px + 15px)
  }
}
@media screen and (min-width: 1081px)and (any-hover: hover) {
  .str-header__menuItemLink:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__btn:hover {
    color: #333;
    text-decoration: none;
    box-shadow: 0 3px 0 #005bac
  }
  .str-nav-global__hdgLinkTxt:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__hdgLinkTxt:hover::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-nav-global__linkTxt:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__linkTxt:hover::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-nav-global__panelLink:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__panelLink:hover .str-nav-global__panelTxt::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-nav-global__tabTxt:hover {
    color: #333;
    text-decoration: none
  }
  .str-nav-global__tabTxt[aria-selected=true]:hover {
    color: #fff
  }
  .str-nav-global__columnPanelLink:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__columnPanel.of-menu .str-nav-global__columnPanelLink:hover {
    opacity: .6
  }
  .str-footer__pageTopBtn:hover {
    background-color: #005bac
  }
  .str-footer__pageTopBtn:hover[class] {
    opacity: 1
  }
  .str-footer__pageTopBtn:hover::before {
    border-top-color: #fff;
    border-right-color: #fff
  }
  .str-footer__titleLink:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-footer__titleLink:hover::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-footer__link:hover, .str-footer__childTitleLink:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .str-footer__link:hover::after, .str-footer__childTitleLink:hover::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .str-footer__childLink:hover {
    color: #333
  }
}
@media(prefers-reduced-motion: reduce) {
  html:focus-within {
    scroll-behavior: auto
  }
  *, *::before, *::after {
    animation-duration: .01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: .01ms !important;
    scroll-behavior: auto !important
  }
}
@media(any-hover: hover) {
  a:hover {
    color: #005bac;
    text-decoration: underline
  }
  .str-btn-inquiry:hover {
    color: #fff;
    text-decoration: none;
    opacity: .8
  }
  .str-nav-global__btn:hover {
    color: #333;
    text-decoration: none
  }
  .str-footer__utilLink:hover {
    color: #fff
  }
  .str-footer__pageTopBtn:hover {
    opacity: .8
  }
  .str-breadCrumb__link:not([href]):hover {
    text-decoration: none
  }
  .str-breadCrumb__link:hover {
    color: #333
  }
  .mod-panel-icon__link:hover {
    color: #333;
    text-decoration: none;
    opacity: .6
  }
  .mod-panel-icon__link:hover .mod-panel-icon__body::after {
    transform: translate(3px, 0) rotate(45deg)
  }
  .mod-panel-column__link:hover {
    color: #333;
    text-decoration: none;
    opacity: .7
  }
  .mod-panel-productCategory__link:hover {
    color: #333;
    text-decoration: none
  }
  .mod-panel-productCategory__link:hover .mod-panel-productCategory__img {
    transform: scale(1.1)
  }
  .mod-panel-productCategory__link:hover .mod-panel-productCategory__hdg::after {
    transform: translate(3px, 0) rotate(45deg)
  }
  .mod-panel:hover {
    color: #333;
    text-decoration: none
  }
  .mod-panel:hover .mod-panel__img {
    transform: scale(1.1)
  }
  .mod-panel:hover .mod-panel__hdg::after {
    transform: translate(3px, 0) rotate(45deg)
  }
  .mod-panel-service__link:hover {
    color: #333;
    text-decoration: none
  }
  .mod-panel-service__link:hover .mod-panel-service__hdgMain::after {
    transform: translate(3px, 0) rotate(45deg)
  }
  .mod-panel-service__link:hover .mod-panel-service__img {
    opacity: .7
  }
  .mod-panel-product__link:hover {
    color: #333;
    text-decoration: none
  }
  .mod-panel-product__link:hover .mod-panel-product__img {
    transform: scale(1.1)
  }
  .mod-panel-product__link:hover .mod-panel-product__hdgMain::after {
    transform: translate(3px, 0) rotate(45deg)
  }
  .mod-panel-productSearch__link:hover {
    color: #333;
    text-decoration: none
  }
  .mod-panel-productSearch__link:hover .mod-panel-productSearch__img {
    transform: scale(1.1)
  }
  .mod-panel-productSearch__link:hover .mod-panel-productSearch__hdg::after {
    transform: translate(3px, 0) rotate(45deg)
  }
  .mod-btn__btn:hover {
    color: #fff;
    text-decoration: none;
    opacity: .8
  }
  .mod-link-media__link:hover {
    color: #333;
    text-decoration: none
  }
  .mod-link-media__link:hover .mod-link-media__media {
    opacity: .7
  }
  .mod-link-orderAnchor__link:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .mod-link__link:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .mod-link__link:hover::after {
    transform: translate(3px, 0) rotate(45deg)
  }
  .mod-list-news__link:hover {
    color: #333;
    text-decoration: none;
    opacity: .6
  }
  .mod-list-news__link:hover::after {
    transform: translate(3px, 0) rotate(45deg)
  }
  .mod-hdgLink-l2__link:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .mod-hdgLink-l2__link:hover::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
  .mod-hdgLink-l3__link:hover {
    color: #333;
    text-decoration: none;
    opacity: .8
  }
  .mod-hdgLink-l3__link:hover::after {
    transform: translate(3px, -50%) rotate(45deg)
  }
}