@charset "UTF-8";
@import url("");
*,
::before,
::after {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}

::before,
::after {
  text-decoration: inherit;
  vertical-align: inherit;
}

html {
  cursor: default;
  line-height: 1.5;
  -moz-tab-size: 4;
  -o-tab-size: 4;
     tab-size: 4;
  -webkit-tap-highlight-color: transparent;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  word-break: break-word;
}

hr {
  height: 0;
  overflow: visible;
}

main {
  display: block;
}

pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

abbr[title] {
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted;
}

code,
kbd,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

img {
  border-style: none;
}

svg:not(:root) {
  overflow: hidden;
}

table {
  border-collapse: collapse;
}

button,
input,
select {
  margin: 0;
}

button {
  overflow: visible;
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

fieldset {
  border: 1px solid #a0a0a0;
  padding: 0.35em 0.75em 0.625em;
}

input {
  overflow: visible;
}

legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}

progress {
  display: inline-block;
  vertical-align: baseline;
}

select {
  text-transform: none;
}

textarea {
  margin: 0;
  overflow: auto;
  resize: vertical;
}

[type=checkbox],
[type=radio] {
  padding: 0;
}

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
  height: auto;
}

::-webkit-input-placeholder {
  color: inherit;
  opacity: 0.54;
}

::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

:-moz-focusring {
  outline: 1px dotted ButtonText;
}

:-moz-ui-invalid {
  box-shadow: none;
}

details {
  display: block;
}

dialog {
  background-color: white;
  border: solid;
  color: black;
  display: block;
  height: -moz-fit-content;
  height: fit-content;
  left: 0;
  margin: auto;
  padding: 1em;
  position: absolute;
  right: 0;
  width: -moz-fit-content;
  width: fit-content;
}

dialog:not([open]) {
  display: none;
}

summary {
  display: list-item;
}

canvas {
  display: inline-block;
}

template {
  display: none;
}

a,
area,
button,
input,
label,
select,
summary,
textarea,
[tabindex] {
  touch-action: manipulation;
}

[hidden] {
  display: none;
}

[aria-busy=true] {
  cursor: progress;
}

[aria-controls] {
  cursor: pointer;
}

[aria-disabled=true],
[disabled] {
  cursor: not-allowed;
}

[aria-hidden=false][hidden] {
  display: initial;
}

[aria-hidden=false][hidden]:not(:focus) {
  clip: rect(0, 0, 0, 0);
  position: absolute;
}

body {
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  color: #052749;
  line-height: 1.75;
  overflow-x: hidden;
  font-feature-settings: "palt";
}
.screen {
  width: 100%;
  height: 100vh;
  height: 100svh;
  background: #fff;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

img {
  max-width: 100%;
}

a {
  color: #052749;
  text-decoration: none;
  transition: all 0.4s;
}
a img {
  transition: all 0.4s;
}
a.blank {
  position: relative;
}
a.blank:after {
  content: "";
  width: 10px;
  height: 10px;
  background: url(../images/common2023/ico_blank.png) no-repeat center/contain;
  position: absolute;
  top: 0;
  right: -15px;
}

ul,
ol {
  list-style: none;
}

i {
  font-style: normal;
}

figure figcaption {
  color: #989898;
  margin-top: 15px;
}

.dInlineBlock {
  display: inline-block !important;
}

.subpage .section.blog a:not(.btn) {
  text-decoration: underline;
  text-underline-offset: 5px;
}
.subpage:not(.page-3):not(.page-4) .hero_title.isView i span {
  transform: translateY(0);
  opacity: 1;
}
.subpage:not(.page-3):not(.page-4) .hero_title i {
  display: block;
  overflow: hidden;
}
.subpage:not(.page-3):not(.page-4) .hero_title i span {
  display: block;
  transform: translateY(100%);
  opacity: 0;
  transition: transform 0.2s linear, opacity 0.4s linear;
}

.fadeUp {
  opacity: 0;
  transform: translateY(60px);
  transition: all 0.8s;
}
.fadeUp.show {
  opacity: 1;
  transform: translateY(0);
}

/** -----------------
HEADER
----------------- **/
#globalHeader {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 101;
  transition: 0.4s background, 0.4s transform;
}
#globalHeader .ghInner {
  width: 100%;
  position: relative;
}
#globalHeader .ghInner .ghLogo {
  display: flex;
  align-items: center;
}
#globalHeader .ghInner .ghLogo > a {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
}
#globalHeader .ghInner .ghMenu .ghNav .ghNavList > li {
  position: relative;
}
#globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a {
  font-weight: bold;
  position: relative;
}
#globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a.isCurrent:before, #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a:hover:before, #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a:focus:before {
  width: 30px;
  height: 30px;
}
#globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a span {
  position: relative;
}
#globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a {
  border-radius: 9999px;
  font-weight: bold;
  position: relative;
}
.worksList {
  display: flex;
  flex-wrap: wrap;
}
.worksList.notRadius > li .worksListThumb {
  border-radius: 0 !important;
}
.worksList > li > * {
  display: block;
}
.worksList > li > a {
  text-decoration: none;
}
.worksList > li .worksListThumb {
  overflow: hidden;
}
.worksList > li .worksListThumb > p > img {
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
  height: 100%;
}
.worksList > li .worksListText {
  position: relative;
}
.worksList > li .worksListText:after {
  content: "→";
  display: block;
  color: #212121;
  position: absolute;
}
.worksList > li .worksListText .worksListBoxTitle {
  font-weight: bold;
}

.qaList > li {
  overflow: hidden;
  background: #f7f7f7;
}
.qaList > li .qaTitle button {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  width: 100%;
  border: none;
  font-family: "Noto Sans JP", sans-serif;
  background: none;
  font-weight: bold;
  color: #052749;
  text-align: left;
  position: relative;
  cursor: pointer;
}
.qaList > li .qaTitle button[aria-expanded=true] .qaIcon:before {
  transform: rotate(90deg);
}
.qaList > li .qaTitle button .qaIcon {
  display: block;
  height: 1px;
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.qaList > li .qaTitle button .qaIcon:before {
  content: "";
  width: 1px;
  background: #000;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  transition: 0.2s transform;
}
.qaList > li .qaContent {
  color: #818c99;
  position: relative;
  transition: padding 0.3s, height 0.3s, opacity 0.3s, visibility 0.3s;
}
.qaList > li .qaContent[aria-hidden=true] {
  height: 0;
  opacity: 0;
  visibility: hidden;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.qaList > li .qaContent > *:last-child {
  margin-bottom: 0;
}

.blogList > li > *,
.blogList .blogListItem > * {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.blogList > li > a > *,
.blogList .blogListItem > a > * {
  position: relative;
}
.blogList > li > a .blogListThumb,
.blogList .blogListItem > a .blogListThumb {
  text-align: center;
  overflow: hidden;
  aspect-ratio: 40/21;
}
.blogList > li > a .blogListThumb img,
.blogList .blogListItem > a .blogListThumb img {
  max-width: inherit;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.blogList > li > a .blogListBody .blogListInfo,
.blogList .blogListItem > a .blogListBody .blogListInfo {
  display: flex;
  align-items: center;
  color: #a0a0a0;
}
.blogList > li > a .blogListBody .blogListInfo .blogListInfoDate,
.blogList .blogListItem > a .blogListBody .blogListInfo .blogListInfoDate {
  font-weight: bold;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}
.blogList > li > a .blogListBody .blogListInfoTitle,
.blogList .blogListItem > a .blogListBody .blogListInfoTitle {
  font-weight: 400;
  line-height: 1.5;
}
.blogList > li i,
.blogList .blogListItem i {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: absolute;
}
.blogList > li i:before,
.blogList .blogListItem i:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_diagonal_navy.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}

/** -----------------
FOOTER
----------------- **/
.footerInfo {
  position: relative;
}
.footerInfo.bgFooterInfo {
  background: #f6f6f6;
}
.footerInfo .gfPmark {
  display: flex;
  align-items: center;
}
.footerInfo .gfPmark > figure {
  flex: none;
}
.footerInfo .gfPmark .gfPmarkNote {
  color: #888888;
}
.footerInfo .pageTop {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
}
.footerInfo .pageTop:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_top.svg) no-repeat center;
  background-size: contain;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
}

#footerContact {
  position: relative;
}
#footerContact .gfContactTitle {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: bold;
  color: #fff;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.04em;
  overflow: hidden;
}
#footerContact .gfContactTitle span {
  display: block;
  transform: translateY(100%);
  transition: all 0.3s linear;
}
#footerContact.isView .gfContactTitle span {
  transform: translateY(0);
}
#footerContact .gfContactNote {
  color: #fff;
  text-align: center;
  font-weight: bold;
}
#footerContact .footerContactList > li > a {
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  height: 100%;
  border-radius: 9999px;
  font-weight: bold;
  position: relative;
}
#footerContact .footerContactList > li > a[href^="tel:"], #footerContact .footerContactList > li > a.tel {
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  color: #fff;
  background: #1c2a38;
}
#footerContact .footerContactList > li > a[href^="tel:"]:before, #footerContact .footerContactList > li > a.tel:before {
  color: #fff;
}
#footerContact .footerContactList > li > a:not([href^="tel:"]) {
  background: #fff;
}
#footerContact .footerContactList > li > a > span {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  line-height: 1.2;
}
#footerContact .footerContactList > li > a > span > span {
  color: #888888;
}
#footerContact .footerContactList > li > a:before, #footerContact .footerContactList > li > a:after {
  margin: auto;
}
#footerContact .footerContactList > li > a:before {
  content: "→";
  display: flex;
  align-items: center;
  justify-content: center;
  color: #000000;
  font-weight: 400;
  vertical-align: middle;
}
#footerContact .footerContactList > li > a:after {
  content: "";
  display: block;
  border-radius: 50%;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
}

#globalFooter {
  color: #fff;
  background: #1c2a38;
  position: relative;
}
#globalFooter .gfCatch {
  color: #fff;
  font-weight: bold;
  letter-spacing: 0.14em;
}
#globalFooter .gfInfo .gfAccess .gfAccessNote {
  font-weight: bold;
}
#globalFooter .gfInfo .gfAccess .gfAccessMap a {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  color: #fff;
  text-decoration: underline;
  position: relative;
}
#globalFooter .gfInfo .gfAccess .gfAccessMap a:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_map.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0.25em;
  left: 0;
}
#globalFooter .gfInfo .gfSitemap > ul {
  display: flex;
  flex-wrap: wrap;
}
#globalFooter .gfInfo .gfSitemap > ul > li {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}
#globalFooter .gfInfo .gfSitemap > ul > li > a {
  display: inline-block;
  color: #fff;
  font-weight: bold;
  cursor: pointer;
}
#globalFooter .gfInfo .gfSns > div {
  display: flex;
  align-items: center;
}
#globalFooter .gfInfo .gfSns > div > dt {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  text-transform: uppercase;
  font-weight: bold;
}
#globalFooter .gfInfo .gfSns > div > dd > a {
  display: flex;
  align-items: center;
}
#globalFooter .gfInfo .gfSns > div > dd svg {
  fill: #fff;
}
#globalFooter .gfInfo .gfSns > div > dd img {
  display: block;
  margin-inline: auto;
  vertical-align: middle;
}
#globalFooter .gfInfo .gfMenu .gfMenuList {
  font-weight: bold;
}
#globalFooter .gfInfo .gfMenu .gfMenuList > li > a {
  display: block;
}
#globalFooter .gfInfo .gfCopyright p small {
  display: block;
}

@keyframes contents_list_body_anima {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate(100%, 0);
  }
  55% {
    opacity: 0;
    transform: translate(-100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.cookieConsentLayout {
  background: rgba(255, 255, 255, 0.7);
  position: fixed;
  z-index: 99;
  transition: 0.4s 1s transform ease-in-out;
  transform: translateY(0);
  -webkit-backdrop-filter: blur(8px);
          backdrop-filter: blur(8px);
  z-index: 102;
}
.cookieConsentLayout:not(.jsCookieConsent) {
  transform: translateY(calc(100% + 50px));
}
.cookieConsentLayout .cookieText {
  font-weight: bold;
}
.cookieConsentLayout .cookieText a {
  color: #052749;
  text-decoration: underline;
}
.cookieConsentLayout .cookieBtn {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  text-align: center;
  background: transparent;
}
.cookieConsentLayout .cookieBtn > a {
  text-align: center;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 0;
  color: #fff;
  border-radius: 9999px;
  background: #052749;
  position: relative;
}
.cookieConsentLayout .cookieClose {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  border: none;
  background: transparent;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25px;
  height: 25px;
  transition: all 0.4s;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  position: absolute;
  z-index: 10;
  cursor: pointer;
}
.cookieConsentLayout .cookieClose > span {
  display: block;
  width: 25px;
  height: 2px;
  background: #052749;
  position: absolute;
  right: 0;
  left: 0;
}
.cookieConsentLayout .cookieClose > span:nth-child(1) {
  transform: rotate(45deg);
}
.cookieConsentLayout .cookieClose > span:nth-child(2) {
  transform: rotate(-45deg);
}

.col2SetBtn {
  background: #f7f7f7;
  border-radius: 20px;
  display: flex;
}
.col2SetBtn a.imgLink .columnThumb {
  border-radius: 15px;
  box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
  overflow: hidden;
  transition: 0.4s;
}
.col2SetBtn a.imgLink .columnThumb > img {
  border-radius: 15px;
}
.col2SetBtn .textBtnArea .title {
  font-weight: 700;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  color: #052749;
  line-height: 1.66;
}
.col2SetBtn .textBtnArea > p {
  color: #052749;
}
.col2SetBtn .textBtnArea .btnWrap {
  text-align: right;
}
.col2SetBtn .textBtnArea .btnWrap > a {
  color: #052749;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.025em;
  position: relative;
}
.col2SetBtn .textBtnArea .btnWrap > a::before {
  position: absolute;
  content: "";
  background: #052749;
  height: 1px;
  width: 100%;
  bottom: -8px;
  left: 0;
  width: 95%;
}
.col2SetBtn .textBtnArea .btnWrap > a i {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: absolute;
}
.col2SetBtn .textBtnArea .btnWrap > a i:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_diagonal_navy.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.col2SetBtn .textBtnArea .btnWrap > a:focus img, .col2SetBtn .textBtnArea .btnWrap > a:hover img {
  transform: scale(1.08);
}
.col2SetBtn .textBtnArea .btnWrap > a:focus i:before, .col2SetBtn .textBtnArea .btnWrap > a:hover i:before {
  animation: 0.8s btn_anima ease-in-out;
}

html:lang(en) #globalHeader .ghInner .ghMenu .ghNav .ghSns,
html:lang(en) #globalFooter .gfInfo .gfSns {
  display: none !important;
}
html:lang(en) font {
  display: inline-block;
}
html:lang(en) .blogList > li > a .blogListBody .blogListInfo {
  text-align: left;
  align-items: flex-start;
  flex-direction: column;
}
html:lang(en) .blogList > li > a .blogListBody .blogListInfo .blogListInfoCat {
  line-height: 1.4;
}
/* ココから下には記入禁止 */
/** -----------------
COMMON PARTS
----------------- **/
/** hero **/
.hero {
  display: flex;
  flex-direction: column;
  position: relative;
}
.hero.works {
  align-items: center;
}
.hero .heroEnTitle {
  position: absolute;
  font-weight: 700;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  letter-spacing: -0.025em;
  display: inline-block;
  background: rgb(216, 245, 237);
  background: linear-gradient(90deg, rgb(216, 245, 237) 0%, rgb(218, 245, 237) 10%, rgb(220, 245, 236) 20%, rgb(221, 245, 236) 30%, rgb(224, 246, 236) 40%, rgb(225, 246, 235) 50%, rgb(232, 247, 234) 60%, rgb(230, 246, 234) 70%, rgb(233, 247, 233) 80%, rgb(236, 247, 233) 90%, rgb(238, 248, 232) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.hero .heroContentHeader {
  width: 100%;
  position: relative;
}
.heroInner {
  width: 100%;
}
/** breadcrumb **/
#breadcrumb {
  background: #fff;
}
#breadcrumb .breadcrumb {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  font-weight: 600;
}
#breadcrumb .breadcrumb > div {
  display: flex;
  align-items: center;
  position: relative;
}
#breadcrumb .breadcrumb > div:after {
  content: "";
  transform: rotate(-45deg);
}
#breadcrumb .breadcrumb > div:last-child:after {
  display: none;
}
#breadcrumb .breadcrumb > div a {
  text-decoration: none;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}

/** bg **/
.section.bg {
  position: relative;
  background: #f7f7f7;
}
/** step **/
.step > li {
  counter-increment: cnt;
  position: relative;
  border: 1px solid #212121;
}
.step > li .num {
  background: #212121;
  color: #fff;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: 500;
  line-height: 1;
  border-radius: 50%;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
.step > li .num:before {
  content: "STEP";
}
.step > li .num:after {
  content: counter(cnt, decimal-leading-zero);
}
.step > li dl {
  display: flex;
  align-items: center;
}
.step > li dl dt {
  font-weight: 700;
  line-height: 1.4;
  flex-shrink: 0;
}
.step > li dl dd {
  letter-spacing: 0.05em;
  line-height: 1.6;
}

/** 扉ページ **/
.door_list {
  display: flex;
  flex-wrap: wrap;
}
.door_list_item {
  background: #fff;
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  transition-delay: 0.1s;
}
.door_list_item:nth-child(3n) {
  margin-right: 0;
}
.door_list_item:before {
  content: "";
  height: 0;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  border-radius: 50%;
  position: absolute;
  transition: all 0.4s;
}
.door_list_item:focus:before, .door_list_item:hover:before {
  width: 300%;
  padding-top: 300%;
  right: -150%;
  bottom: -150%;
}
.door_list_item a {
  display: block;
  text-align: center;
  position: relative;
  line-height: 1.3;
  text-decoration: none !important;
}
.door_list_item a i {
  display: block;
}
.door_list_item a:after {
  content: "→";
  position: absolute;
  line-height: 1;
}
.door_list_item a:focus, .door_list_item a:hover {
  opacity: 1;
}
.door_list_item a:focus img, .door_list_item a:hover img {
  opacity: 1;
}
.door_list.door_column {
  margin-top: 0;
}
@media screen and (max-width: 999px) and (min-width: 600px) {
  .door_list.door_column {
    justify-content: space-between;
  }
  .door_list.door_column .door_list_item {
    width: 48%;
  }
}
.door_list.door_column a {
  height: 100%;
}
.door_list.door_column a .txt_box .date {
  display: inline-block;
  color: #989898;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
}
.door_list.door_column a .txt_box .tag {
  display: inline-block;
  color: #989898;
  font-weight: 700;
  line-height: 1;
}
.door_list.door_column a .txt_box .title {
  overflow: hidden;
  display: -webkit-box;
  line-height: 1.5;
}

.solutions_wrap {
  display: flex;
  flex-wrap: wrap;
}
.solutions_wrap_item {
  border-radius: 15px;
  overflow: hidden;
  position: relative;
  background-size: cover;
  background-position: center;
  transition: border 0.4s translateY 0.8s;
}
.solutions_wrap_item:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.58);
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0.6;
  transition: all 0.4s;
}
.solutions_wrap_item a {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  height: 100%;
  color: #fff;
  position: relative;
  z-index: 2;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-align: center;
  border-radius: 15px;
}
.solutions_wrap_item a:focus, .solutions_wrap_item a:hover {
  opacity: 1;
}
.solutions_wrap_item a:after {
  content: "→";
  font-weight: 700;
  line-height: 1;
  position: absolute;
  right: 25px;
  bottom: 20px;
}
.solutions_wrap_item .m_txt {
  line-height: 1.3333;
  margin-top: 0;
}
.solutions_wrap_item .s_txt {
  line-height: 2;
  margin-top: 35px;
  display: none;
}
.solutions_wrap_item:focus, .solutions_wrap_item:hover {
  border: 5px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
}
.solutions_wrap_item:focus:before, .solutions_wrap_item:hover:before {
  opacity: 1;
}
.solutions_wrap_item.shindan {
  background-image: url(../images/second/solutions/solutions_thum_shindan.webp);
}
.solutions_wrap_item.ec {
  background-image: url(../images/second/solutions/solutions_thum_ec.webp);
}
.solutions_wrap_item.teiansyo {
  background-image: url(../images/second/solutions/solutions_thum_teiansyo.webp);
}
.solutions_wrap_item.renewal {
  background-image: url(../images/second/solutions/solutions_thum_renewal.webp);
}
.solutions_wrap_item.youtube {
  background-image: url(../images/second/solutions/solutions_thum_youtube.webp);
}
.solutions_wrap_item.satsuei {
  background-image: url(../images/second/solutions/solutions_thum_satsuei.jpg);
}
.solutions_wrap_item.apps {
  background-image: url(../images/second/solutions/solutions_thum_apps.jpg);
}
.solutions_wrap_item.system-ui {
  background-image: url(../images/second/solutions/solutions_thum_system-ui.jpg);
}
.solutions_wrap_item.online-event {
  background-image: url(../images/second/solutions/solutions_thum_online-event.webp);
}
.solutions_wrap_item.support {
  background-image: url(../images/second/solutions/solutions_thum_support.jpg);
}
.solutions_wrap_item.server {
  background-image: url(../images/second/solutions/solutions_thum_server.jpg);
}
.solutions_wrap_item.seo {
  background-image: url(../images/second/solutions/solutions_thum_seo.jpg);
}
.solutions_wrap_item.gakkai {
  background-image: url(../images/second/solutions/solutions_thum_gakkai.jpg);
}
.solutions_wrap_item.bengoshi {
  background-image: url(../images/second/solutions/solutions_thum_bengoshi.jpg);
}
.solutions_wrap_item.senior {
  background-image: url(../images/second/solutions/solutions_thum_senior.jpg);
}
.solutions_wrap_item.omatsuri {
  background-image: url(../images/second/solutions/solutions_thum_omatsuri.jpg);
}
.solutions_wrap_item.recruit {
  background-image: url(../images/second/solutions/solutions_thum_recruit.jpg);
}
.solutions_wrap_item.webdx {
  background-image: url(../images/second/solutions/solutions_thum_webdx.jpg);
}

.inner .works_list {
  display: flex;
  flex-wrap: wrap;
}
.inner .works_list_item {
  transition-delay: 0.1s;
}
.inner .works_list_item:nth-child(3n) {
  margin-right: 0;
}
.inner .works_list_item a {
  width: 100%;
}
.inner .works_list .thumb {
  display: flex;
  align-items: flex-end;
  overflow: hidden;
  justify-content: center;
  background: #fff;
}
.inner .works_list .thumb p {
  margin-top: 0;
}
.inner .works_list .category {
  display: inline-block;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.16em;
  white-space: nowrap;
  background: #fff;
  border: 1px solid #f2f2f1;
  border-radius: 14px;
  margin-top: 0;
}
.inner .works_list .tag {
  display: inline-block;
  font-weight: 300;
  line-height: 1;
  letter-spacing: 0.16em;
  background: #212121;
  color: #fff;
  border-radius: 14px;
  border: 1px solid #000;
  margin-top: 0;
}
.inner .works_list .name {
  font-weight: 700;
  letter-spacing: 0.16em;
  line-height: 1.7777;
  margin-top: 0 !important;
}

.subpage .pager ul {
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.subpage .pager ul li {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}
.subpage .pager ul li a {
  color: #000;
  display: inline-block;
  background: #DFDFDF;
  text-align: center;
  border-radius: 50%;
  text-decoration: none;
}
.subpage .pager ul li a:focus, .subpage .pager ul li a:hover {
  opacity: 1;
  color: #fff;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
}
.subpage .pager ul li span {
  color: #000;
  border-radius: 50%;
}
.subpage .pager ul .current span {
  color: #000;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  text-align: center;
  display: inline-block;
  border-radius: 50%;
}
.subpage .pager ul .prev a,
.subpage .pager ul .next a {
  display: inline-block;
  position: relative;
}
.subpage .pager ul .prev a:after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 3px);
  border-bottom: solid 2px #000;
  border-left: solid 2px #000;
}
.subpage .pager ul .prev a:focus:after,
.subpage .pager ul .prev a:hover:after {
  border-bottom: solid 2px #fff;
  border-left: solid 2px #fff;
}
.subpage .pager ul .next a:after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #000;
  border-right: solid 2px #000;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 3px);
}
.subpage .pager ul .next a:focus:after,
.subpage .pager ul .next a:hover:after {
  border-top: solid 2px #fff;
  border-right: solid 2px #fff;
}
.subpage #useInfo dl {
  overflow: hidden;
  margin-bottom: 15px;
}
.subpage #useInfo dl dt {
  padding: 5px;
}
.subpage #useInfo dl dt.possession {
  background: #ddd;
  margin-bottom: 2px;
  padding: 7px 15px 5px;
}
.subpage #useInfo dl dt.objective {
  float: left;
  width: 160px;
  text-align: right;
  padding-top: 7px;
}
.subpage #useInfo dl dt.objective:after {
  content: "　:";
}
.subpage #useInfo dl dd {
  padding: 7px 0 10px;
}
.subpage #useInfo dl dd.objectiveContent {
  margin-left: 170px;
}
.subpage .postHeadImg {
  text-align: center;
}
.subpage .postHeadImg img {
  width: 100%;
}
.subpage .works_list_item a {
  text-decoration: none;
}
.subpage .works_list_item a p {
  margin-top: 0;
}
.subpage .solutions_wrap a {
  text-decoration: none;
}
.subpage .door_list_item {
  box-shadow: 5px 3px 25px 6px rgba(0, 0, 0, 0.05);
}
.subpage .contact_wrap .tel_box {
  border: 1px solid #4A4A4A;
}
.subpage .contact_wrap .contact_h2 {
  text-align: center;
  letter-spacing: 0.1em;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  line-height: 1;
}
.subpage .contact_wrap .contact_step li {
  position: relative;
}
.subpage .contact_wrap .privacy {
  border: 1px solid #052749;
}
.subpage .contact_wrap .privacy .title {
  display: block;
  color: #052749;
  font-weight: bold;
}
.subpage .contact_wrap .privacy p {
  color: #052749;
}
.subpage .contact_wrap .parts-12 .privacyNote {
  position: relative;
  text-align: center;
}
.subpage .contact_wrap .parts-12 .privacyNote a {
  text-decoration: none;
  display: inline-block;
  position: relative;
}
.subpage .contact_wrap .parts-12 .privacyNote a:before {
  content: "";
  display: block;
  width: 100%;
  height: 2px;
  position: absolute;
  bottom: 0;
  left: 0;
  transition: 0.4s opacity;
}
.subpage .contact_wrap .dl_parts-10 {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.subpage .contact_wrap .dl_parts-10 dt,
.subpage .contact_wrap .dl_parts-10 dd {
  width: 100%;
}
.subpage .contact_wrap .dl_parts-10 dt {
  margin-bottom: 12px;
}
.subpage .contact_wrap .dl_parts-10 dt .aform-required {
  position: inherit;
  border-radius: 9999px;
}
.subpage .contact_wrap .dl_parts-10 dd {
  padding-left: 0;
}
.subpage .contact_wrap .dl_parts-10 dd .aform-name-ul,
.subpage .contact_wrap .dl_parts-10 dd .aform-kana-ul {
  display: flex;
  width: 100%;
}
.subpage .contact_wrap .dl_parts-10 dd .aform-name-ul > li,
.subpage .contact_wrap .dl_parts-10 dd .aform-kana-ul > li {
  width: 50%;
}
.subpage .contact_wrap .dl_parts-10 dd .aform-name-ul > li:nth-child(odd),
.subpage .contact_wrap .dl_parts-10 dd .aform-kana-ul > li:nth-child(odd) {
  padding-right: 1em;
}
.subpage .contact_wrap .dl_parts-10 dd .aform-name-ul > li:nth-child(even),
.subpage .contact_wrap .dl_parts-10 dd .aform-kana-ul > li:nth-child(even) {
  padding-left: 1em;
}
.subpage .contact_wrap .dl_parts-10 .parts-10 > li {
  display: flex;
  align-items: center;
  justify-content: center;
}
.subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label {
  display: flex;
  align-items: center;
  justify-content: center;
  font-weight: 700;
  position: relative;
}
.subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label:before, .subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label:after {
  content: "";
  display: block;
}
.subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label:before {
  border-radius: 3px;
  border: none;
  background: #e5e5e5;
}
.subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label input[type=checkbox] {
  -moz-appearance: none;
       appearance: none;
  -webkit-appearance: none;
  display: none;
}
.subpage .contact_wrap .dl_parts-10 .parts-10 > li input:checked + label:after {
  opacity: 1;
}
.subpage.solutions {
  margin-top: 0;
}
.subpage.solutions .solutions_header {
  background: url(../images/second/solutions/solutions_bg_1.png) repeat-y right top #fff;
}
@media screen and (min-width: 1000px) and (max-width: 1440px) {
  .subpage.solutions .solutions_header .solutions_header_inner .midashi {
    width: calc(100% - 250px);
    padding-left: 0px;
    padding-right: 40px;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .midashi .inner {
    display: inline-block;
  }
}
@media screen and (min-width: 1441px) {
  .subpage.solutions .solutions_header .solutions_header_inner .midashi {
    width: calc(100% - 350px);
    padding-left: 130px;
    padding-right: 130px;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .midashi .inner {
    display: inline-block;
  }
}
.subpage.solutions .solutions_header .solutions_header_inner .midashi .fukidashi {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  background: url(../images/second/solutions/fukidashi.svg) no-repeat center;
  background-size: cover;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media screen and (max-width: 1000px) {
  .subpage.solutions .solutions_header .solutions_header_inner .midashi .fukidashi {
    font-size: 10px;
    width: 114px;
    height: 40px;
    margin: 0 auto;
    padding-bottom: 8px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1440px) {
  .subpage.solutions .solutions_header .solutions_header_inner .midashi .fukidashi {
    font-size: 14px;
    width: 208px;
    height: 73px;
    margin: 0 auto;
    padding-bottom: 15px;
  }
}
@media screen and (min-width: 1441px) {
  .subpage.solutions .solutions_header .solutions_header_inner .midashi .fukidashi {
    font-size: 14px;
    width: 208px;
    height: 73px;
    margin: 0 auto;
    padding-bottom: 15px;
  }
}
.subpage.solutions .solutions_header .solutions_header_inner .midashi h1 {
  font-weight: bold;
}
@media screen and (max-width: 999px) {
  .subpage.solutions .solutions_header .solutions_header_inner .link {
    display: none;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1440px) {
  .subpage.solutions .solutions_header .solutions_header_inner .link {
    width: 250px;
    padding-right: 40px;
  }
}
@media screen and (min-width: 1441px) {
  .subpage.solutions .solutions_header .solutions_header_inner .link {
    width: 350px;
    padding-right: 40px;
  }
}
.subpage.solutions .solutions_header .solutions_header_inner .link a {
  display: block;
  text-decoration: none;
  font-size: 13px;
}
.subpage.solutions .solutions_header .solutions_header_inner .link a:not(:first-of-type) {
  margin-top: 10px;
}
.subpage.solutions .solutions_header_img {
  width: 100%;
  margin: 0 0 0 auto;
  position: relative;
}
.subpage.solutions .solutions_header_img:before {
  content: "";
  display: inline-block;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  position: absolute;
  left: 0;
  top: 0;
}
.subpage.solutions .solutions_header_img .annotation {
  color: #fff;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  position: absolute;
  top: 50%;
  writing-mode: vertical-rl;
  transform: translateY(-50%);
}
.subpage.solutions .solutions_header_img.shindan {
  background: url(../images/second/solutions/shindan/solutions_mainimg_shindan.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.ec {
  background: url(../images/second/solutions/ec/solutions_mainimg_ec.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.teiansyo {
  background: url(../images/second/solutions/teiansyo/solutions_mainimg_teiansyo.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.renewal {
  background: url(../images/second/solutions/renewal/solutions_mainimg_renewal.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.youtube {
  background: url(../images/second/solutions/youtube/solutions_mainimg_youtube.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.satsuei {
  background: url(../images/second/solutions/satsuei/solutions_mainimg_satsuei.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.apps {
  background: url(../images/second/solutions/apps/solutions_mainimg_apps.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.system-ui {
  background: url(../images/second/solutions/system-ui/solutions_mainimg_system-ui.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.online-event {
  background: url(../images/second/solutions/online-event/solutions_mainimg_online-event.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.support {
  background: url(../images/second/solutions/support/solutions_mainimg_support.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.server {
  background: url(../images/second/solutions/server/solutions_mainimg_server.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.seo {
  background: url(../images/second/solutions/seo/solutions_mainimg_seo.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.gakkai {
  background: url(../images/second/solutions/gakkai/solutions_mainimg_gakkai.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.bengoshi {
  background: url(../images/second/solutions/bengoshi/solutions_mainimg_bengoshi.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.senior {
  background: url(../images/second/solutions/senior/solutions_mainimg_senior.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.omatsuri {
  background: url(../images/second/solutions/omatsuri/solutions_mainimg_omatsuri.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.recruit {
  background: url(../images/second/solutions/recruit/solutions_mainimg_recruit.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .solutions_header_img.webdx {
  background: url(../images/second/solutions/webdx/solutions_mainimg_webdx.jpg) no-repeat;
  background-position: left;
  background-size: cover;
}
.subpage.solutions .introduction .subH2 {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  background: linear-gradient(transparent 50%, #ffdd1a 50%);
  display: inline-block;
  padding: 0 3px;
  line-height: 1;
}
.subpage.solutions .introduction h2 {
  font-weight: bold;
  line-height: 1.5;
}
@media screen and (min-width: 1000px) and (max-width: 1440px) {
  .subpage.solutions .purpose {
    background: url(../images/second/solutions/solutions_bg_3.png) no-repeat top left -80px;
    padding-bottom: 60px;
    position: relative;
  }
  .subpage.solutions .purpose:before {
    content: "";
    display: inline-block;
    background: url(../images/second/solutions/solutions_bg_3_2.png) no-repeat;
    width: 80px;
    height: 215px;
    position: absolute;
    left: -40px;
    bottom: 0;
  }
}
@media screen and (min-width: 1441px) {
  .subpage.solutions .purpose {
    background: url(../images/second/solutions/solutions_bg_3.png) no-repeat top left;
    padding-bottom: 60px;
    position: relative;
  }
  .subpage.solutions .purpose:before {
    content: "";
    display: inline-block;
    background: url(../images/second/solutions/solutions_bg_3_2.png) no-repeat;
    width: 80px;
    height: 215px;
    position: absolute;
    left: 0;
    bottom: 0;
  }
}
.subpage.solutions .purpose .h2_wrap h2 {
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
}
.subpage.solutions .purpose .h2_wrap .subH2 {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  display: block;
  font-weight: normal;
}
.subpage.solutions .purpose .h2_wrap .subTitle {
  position: relative;
}
.subpage.solutions .purpose .purpose_list + p {
  font-size: 14px;
}
.subpage.solutions .purpose .purpose_list li h3 {
  font-weight: bold;
  position: relative;
}
.subpage.solutions .purpose .purpose_list li h3 span {
  background: linear-gradient(transparent 70%, #ffdd1a 70%);
}
.subpage.solutions .purpose .purpose_list li h3:before {
  content: "";
  background: url(../images/second/solutions/check.svg) no-repeat;
  background-size: cover;
  display: inline-block;
  position: absolute;
}
.subpage.solutions .purpose .purpose_list li p {
  font-size: 14px;
}
.subpage.solutions .problem {
  border-top: 2px solid #000;
}
@media screen and (max-width: 999px) {
  .subpage.solutions .problem {
    background: #f2f2f1;
    background-size: 70px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1600px) {
  .subpage.solutions .problem {
    background: url(../images/second/solutions/solutions_bg_4.png) repeat-y top right -100px #f2f2f1;
    padding-top: 110px;
    padding-bottom: 100px;
  }
}
@media screen and (min-width: 1601px) {
  .subpage.solutions .problem {
    background: url(../images/second/solutions/solutions_bg_4.png) repeat-y top right #f2f2f1;
    padding-top: 110px;
    padding-bottom: 100px;
  }
}
.subpage.solutions .problem .h2_wrap h2 {
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
}
.subpage.solutions .problem .h2_wrap .subH2 {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  display: block;
  font-weight: normal;
}
.subpage.solutions .problem .h2_wrap .subTitle {
  position: relative;
}
@media screen and (max-width: 999px) {
  .subpage.solutions .problem .h2_wrap .subTitle {
    display: block;
    font-size: 14px;
    margin-top: 10px;
    padding-left: 40px;
    transform: translateY(10px);
  }
  .subpage.solutions .problem .h2_wrap .subTitle:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1600px) {
  .subpage.solutions .problem .h2_wrap .subTitle {
    max-width: calc(100% - 500px);
    font-size: 14px;
    padding-left: 90px;
    transform: translateY(10px);
    padding-right: 40px;
    transform: translateY(10px);
  }
  .subpage.solutions .problem .h2_wrap .subTitle:before {
    content: "";
    display: inline-block;
    width: 68px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
}
@media screen and (min-width: 1601px) {
  .subpage.solutions .problem .h2_wrap .subTitle {
    max-width: calc(100% - 400px);
    font-size: 14px;
    padding-left: 90px;
    transform: translateY(10px);
    padding-right: 40px;
    transform: translateY(10px);
  }
  .subpage.solutions .problem .h2_wrap .subTitle:before {
    content: "";
    display: inline-block;
    width: 68px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
}
.subpage.solutions .problem .problem_list {
  background: #fff;
  border: 2px solid #000;
}
.subpage.solutions .problem .problem_list ul li .icon {
  display: block;
  text-align: center;
  width: 90px;
  margin: 0 auto;
}
.subpage.solutions .problem .problem_list ul li h3 {
  font-weight: bold;
  text-align: center;
}
.subpage.solutions .problem .problem_list ul li p {
  font-size: 14px;
}
.subpage.solutions .merit {
  border-top: 2px solid #000;
}
.subpage.solutions .merit .h2_wrap h2 {
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
}
.subpage.solutions .merit .h2_wrap .subH2 {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  display: block;
  font-weight: normal;
}
.subpage.solutions .merit .h2_wrap .subTitle {
  position: relative;
}
.subpage.solutions .merit .merit_list ul li {
  border: 2px solid #000;
  position: relative;
}
.subpage.solutions .merit .merit_list ul li .num_wrap {
  border: 2px solid #000;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  line-height: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
}
.subpage.solutions .merit .merit_list ul li .num_wrap .num {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  text-shadow: -3px 3px 0px rgb(255, 255, 255);
}
.subpage.solutions .merit .merit_list ul li .num_wrap .sub {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  display: flex;
  align-items: center;
  justify-content: center;
  background: url(../images/second/solutions/merit_bg.png) no-repeat;
  background-size: cover;
  margin-top: 5px;
}
.subpage.solutions .merit .merit_list ul li .text_wrap .text h3 {
  font-weight: bold;
  line-height: 1.5;
}
.subpage.solutions .recipe .inner {
  border: 2px dotted #000;
  background: #fff;
}
.subpage.solutions .recipe .h2_wrap {
  text-align: center;
}
.subpage.solutions .recipe h2 {
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
}
.subpage.solutions .recipe .subH2 {
  display: block;
}
.subpage.solutions .recipe .subH2 span {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  background: linear-gradient(transparent 50%, #ffdd1a 50%);
  display: inline-block;
  padding: 0 3px;
  line-height: 1;
}
.subpage.solutions .recipe .recipe_list > ul h3 {
  font-weight: bold;
  line-height: 1.5;
}
.subpage.solutions .recipe .recipe_list > ul p {
  font-size: 14px;
}
.subpage.solutions .solutionstep,
.subpage.solutions .solutioncost {
  position: relative;
}
.subpage.solutions .solutionstep.beforenone:before,
.subpage.solutions .solutioncost.beforenone:before {
  content: none;
}
@media screen and (max-width: 999px) {
  .subpage.solutions .solutionstep:before,
  .subpage.solutions .solutioncost:before {
    content: none;
    display: inline-block;
    background: url(../images/second/solutions/solutions_bg_5_sp.png) no-repeat;
    width: 70px;
    height: 218px;
    background-size: cover;
    position: absolute;
    left: 0;
    top: -230px;
    z-index: -1;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1490px) {
  .subpage.solutions .solutionstep:before,
  .subpage.solutions .solutioncost:before {
    content: "";
    display: inline-block;
    background: url(../images/second/solutions/solutions_bg_5.png) no-repeat;
    width: 201px;
    height: 621px;
    position: absolute;
    left: -130px;
    top: -500px;
    z-index: -1;
  }
}
@media screen and (min-width: 1491px) {
  .subpage.solutions .solutionstep:before,
  .subpage.solutions .solutioncost:before {
    content: "";
    display: inline-block;
    background: url(../images/second/solutions/solutions_bg_5.png) no-repeat;
    width: 201px;
    height: 621px;
    position: absolute;
    left: 0;
    top: -500px;
    z-index: -1;
  }
}
.subpage.solutions .solutionstep .h2_wrap h2,
.subpage.solutions .solutioncost .h2_wrap h2 {
  font-weight: bold;
  line-height: 1.5;
  display: inline-block;
}
.subpage.solutions .solutionstep .h2_wrap .subH2,
.subpage.solutions .solutioncost .h2_wrap .subH2 {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  display: block;
  font-weight: normal;
}
.subpage.solutions .solutionstep .h2_wrap .subTitle,
.subpage.solutions .solutioncost .h2_wrap .subTitle {
  position: relative;
}
.subpage.solutions .solutionstep .step_flow dl,
.subpage.solutions .solutioncost .step_flow dl {
  position: relative;
}
.subpage.solutions .solutionstep .step_flow dl:after,
.subpage.solutions .solutioncost .step_flow dl:after {
  content: "";
  display: inline-block;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  border-radius: 50%;
  position: absolute;
  width: 12px;
  height: 12px;
  border: 1px solid #fff;
}
.subpage.solutions .solutionstep .step_flow dl:before,
.subpage.solutions .solutioncost .step_flow dl:before {
  content: "";
  display: inline-block;
  background: #000;
  position: absolute;
}
.subpage.solutions .solutionstep .step_flow dl dt .num,
.subpage.solutions .solutioncost .step_flow dl dt .num {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  display: inline-block;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  line-height: 1;
  padding: 5px;
}
.subpage.solutions .solutionstep .step_flow dl dt .title,
.subpage.solutions .solutioncost .step_flow dl dt .title {
  display: block;
  font-weight: bold;
}
.subpage.solutions .solutionstep .step_flow dl dd,
.subpage.solutions .solutioncost .step_flow dl dd {
  font-size: 14px;
  background: #f2f2f1;
  position: relative;
}
.subpage.solutions .solutioncost .solutioncostTable {
  width: 100%;
}
.subpage.solutions .solutioncost .solutioncostTable tr:first-of-type th,
.subpage.solutions .solutioncost .solutioncostTable tr:first-of-type td, .subpage.solutions .solutioncost .solutioncostTable tr:last-of-type th,
.subpage.solutions .solutioncost .solutioncostTable tr:last-of-type td {
  border-bottom: none;
}
.subpage.solutions .solutioncost .solutioncostTable tr:first-of-type th,
.subpage.solutions .solutioncost .solutioncostTable tr:first-of-type td {
  text-align: center;
  font-weight: bold;
}
.subpage.solutions .solutioncost .solutioncostTable tr .marker {
  background: linear-gradient(transparent 60%, #ffdd1a 60%);
  padding: 0 3px;
  line-height: 1;
}
.subpage.solutions .solutioncost .solutioncostTable tr th {
  background: #f7f7f7;
  border-bottom: 2px solid #fff;
}
.subpage.solutions .solutioncost .solutioncostTable tr th.topleft {
  color: #9b9b9b;
}
.subpage.solutions .solutioncost .solutioncostTable tr td {
  border-bottom: 2px solid #000;
  border-right: 2px solid #000;
}
.subpage.solutions .solutioncost .solutioncostTable tr td .kara {
  display: block;
  margin-left: 3em;
}
.subpage.solutions .solutioncost .solutioncostTable tr td .nado {
  text-align: right;
}
.subpage.solutions .solutioncost .solutioncostTable tr td .sitename {
  text-align: center;
  margin-bottom: 5px;
}
.subpage.solutions .solutioncost .solutioncostTable tr td .commonList {
  margin-top: 0;
}
.subpage.solutions .solutioncost .solutioncostTable tr td .commonList li {
  margin-top: 0;
}
.subpage.solutions .solutioncost .solutioncostTable tr td p {
  margin-top: 0;
}
.subpage.solutions .solutioncost .solutioncostTable tr td:last-of-type {
  border-right: none;
}
.subpage.solutions .related_service {
  /*
           .door_list{
           @if $type == sp{
       }
           @if $type == pc{
           margin-top: 50px;
       }
       }
           */
}
.subpage.solutions .related_service h2 {
  font-weight: bold;
  text-align: center;
}
.subpage.solutions .related_service .service_tag_list {
  display: flex;
  flex-wrap: wrap;
}
.subpage.solutions .related_service .service_tag_list li a {
  text-decoration: none;
  color: #000;
  display: inline-block;
  border: 2px solid #000;
  font-weight: bold;
}
.subpage.solutions .solution_contact {
  position: relative;
  /*
           &:before{
           content: "";
           display: block;
           width: 100%;
           height: 100%;
           background: rgba(0,0,0,.4);
           position: absolute;
           top: 0;
           left: 0;
       }
           */
}
.subpage.solutions .solution_contact p {
  color: #fff;
  font-weight: bold;
  margin: 0;
  position: relative;
  z-index: 2;
}
.subpage.solutions .solution_contact.shindan {
  background: url(../images/second/solutions/shindan/solutions_footerimg_shindan.jpg) no-repeat;
}
.subpage.solutions .solution_contact.ec {
  background: url(../images/second/solutions/ec/solutions_footerimg_ec.jpg) no-repeat;
}
.subpage.solutions .solution_contact.teiansyo {
  background: url(../images/second/solutions/teiansyo/solutions_footerimg_teiansyo.jpg) no-repeat;
}
.subpage.solutions .solution_contact.renewal {
  background: url(../images/second/solutions/renewal/solutions_footerimg_renewal.jpg) no-repeat;
}
.subpage.solutions .solution_contact.youtube {
  background: url(../images/second/solutions/youtube/solutions_footerimg_youtube.jpg) no-repeat;
}
.subpage.solutions .solution_contact.satsuei {
  background: url(../images/second/solutions/satsuei/solutions_footerimg_satsuei.jpg) no-repeat;
}
.subpage.solutions .solution_contact.apps {
  background: url(../images/second/solutions/apps/solutions_footerimg_apps.jpg) no-repeat;
}
.subpage.solutions .solution_contact.system-ui {
  background: url(../images/second/solutions/system-ui/solutions_footerimg_system-ui.jpg) no-repeat;
}
.subpage.solutions .solution_contact.online-event {
  background: url(../images/second/solutions/online-event/solutions_footerimg_online-event.jpg) no-repeat;
}
.subpage.solutions .solution_contact.support {
  background: url(../images/second/solutions/support/solutions_footerimg_support.jpg) no-repeat;
}
.subpage.solutions .solution_contact.server {
  background: url(../images/second/solutions/server/solutions_footerimg_server.jpg) no-repeat;
}
.subpage.solutions .solution_contact.seo {
  background: url(../images/second/solutions/seo/solutions_footerimg_seo.jpg) no-repeat;
}
.subpage.solutions .solution_contact.gakkai {
  background: url(../images/second/solutions/gakkai/solutions_footerimg_gakkai.jpg) no-repeat;
}
.subpage.solutions .solution_contact.bengoshi {
  background: url(../images/second/solutions/bengoshi/solutions_footerimg_bengoshi.jpg) no-repeat;
}
.subpage.solutions .solution_contact.senior {
  background: url(../images/second/solutions/senior/solutions_footerimg_senior.jpg) no-repeat;
}
.subpage.solutions .solution_contact.omatsuri {
  background: url(../images/second/solutions/omatsuri/solutions_footerimg_omatsuri.jpg) no-repeat;
}
.subpage.solutions .solution_contact.recruit {
  background: url(../images/second/solutions/recruit/solutions_footerimg_recruit.jpg) no-repeat;
}
.subpage.solutions .solution_contact.webdx {
  background: url(../images/second/solutions/webdx/solutions_footerimg_webdx.jpg) no-repeat;
}
.subpage.solutions .solution_contact .more {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  position: relative;
  z-index: 0;
  text-decoration: none;
  color: #fff;
}
.subpage.solutions .solution_contact .more span.hidetxt {
  text-indent: -9999px;
}
.subpage.solutions .solution_contact .more span.circle {
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  border-radius: 50%;
  position: relative;
  z-index: -1;
  overflow: hidden;
}
.subpage.solutions .solution_contact .more span.circle:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: -100%;
  top: 0;
  transition: all 0.4s;
}
.subpage.solutions .solution_contact .more:before {
  content: "";
  background: #fff;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.subpage.solutions .solution_contact .more:after {
  content: "";
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  transform: rotate(-45deg) skew(10deg, 10deg);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.subpage.solutions .solution_contact .more:focus, .subpage.solutions .solution_contact .more:hover {
  opacity: 1;
}
.subpage.solutions .solution_contact .more:focus span.circle:after, .subpage.solutions .solution_contact .more:hover span.circle:after {
  left: -51%;
}
.subpage .professional_list li .img_wrap {
  text-align: center;
}
.subpage .professional_list li .img_wrap img {
  overflow: hidden;
}
.subpage .professional_list li .text_wrap h2 {
  font-weight: bold;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  line-height: 1;
  letter-spacing: 0.1em;
}
.subpage .professional_list li .text_wrap h2 span {
  color: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
}
.company_index .company_inner:after {
  content: "";
  clear: both;
  display: block;
}
.company_index .more a {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-style: italic;
  letter-spacing: 0.2em;
  display: flex;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  position: relative;
  z-index: 0;
  text-decoration: none;
}
.company_index .more a span.hidetxt {
  text-indent: -9999px;
}
.company_index .more a span.circle {
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  border-radius: 50%;
  position: relative;
  z-index: -1;
  overflow: hidden;
}
.company_index .more a span.circle:after {
  content: "";
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background: #fff;
  position: absolute;
  left: -100%;
  top: 0;
  transition: all 0.4s;
}
.company_index .more a:before {
  content: "";
  background: #212121;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.company_index .more a:after {
  content: "";
  border-right: 2px solid #212121;
  border-bottom: 2px solid #212121;
  transform: rotate(-45deg) skew(10deg, 10deg);
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  margin: auto;
}
.company_index .more a:focus, .company_index .more a:hover {
  opacity: 1;
}
.company_index .more a:focus span.circle:after, .company_index .more a:hover span.circle:after {
  left: -50%;
}
.company_index .sec1.ceo {
  position: relative;
}
.company_index .sec1.ceo .num {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.company_index .sec1.ceo .btnWrap .btn {
  text-align: center;
}
.company_index .sec1.ceo h2 {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1;
}
.company_index .sec1.ceo .rinen {
  font-weight: bold;
}
.company_index .sec2.commitment {
  position: relative;
}
.company_index .sec2.commitment .num {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  line-height: 1;
  position: absolute;
}
.company_index .sec2.commitment .btnWrap .btn {
  text-align: center;
}
.company_index .sec2.commitment h2 {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1;
}
.company_index .sec3.professional {
  position: relative;
}
.company_index .sec3.professional .num {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 0;
}
.company_index .sec3.professional .btnWrap .btn {
  text-align: center;
}
.company_index .sec3.professional h2 {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: bold;
  letter-spacing: 0.1em;
  line-height: 1;
}
.company_index .sec3.professional .rinen {
  font-weight: bold;
}
.company_index .company_link > div a {
  display: block;
  height: 100%;
  text-decoration: none;
  position: relative;
}
.company_index .company_link > div a.philosophy {
  background: url(../images/second/company/company_philosophy.jpg) no-repeat center;
  background-size: cover;
}
.company_index .company_link > div a.profile {
  background: url(../images/second/company/company_profile.jpg) no-repeat center;
  background-size: cover;
}
.company_index .company_link > div a.client {
  background: url(../images/second/company/company_client.jpg) no-repeat center;
  background-size: cover;
}
.company_index .company_link > div a.access {
  background: url(../images/second/company/company_access.jpg) no-repeat center;
  background-size: cover;
}
.company_index .company_link > div a:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.4);
  transition: 0.3s;
}
.company_index .company_link > div a:focus, .company_index .company_link > div a:hover {
  opacity: 1;
}
.company_index .company_link > div a:focus:before, .company_index .company_link > div a:hover:before {
  background: rgba(0, 0, 0, 0.1);
}
.company_index .company_link > div .title {
  color: #fff;
  line-height: 1;
  margin-top: 0;
}
.company_index .company_link > div .title .en {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: 700;
}
.company_index .company_link > div .title .jp {
  position: relative;
  display: inline-block;
  font-weight: bold;
}

.notfound .notfound_title {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: bold;
  line-height: 1;
}
.notfound .notfound_btn a {
  text-decoration: none;
}

.column_category_list {
  display: flex;
  flex-wrap: wrap;
  row-gap: 12px;
}
.column_category_list li {
  text-align: center;
  line-height: 1;
}
.column_category_list li a {
  color: #989898;
  font-weight: 700;
  letter-spacing: 0.16em;
  text-decoration: none;
}
.column_category_list li.current a {
  color: #212121;
}

#newsFilterHead {
  position: relative;
}

/* import */
.aform input[type=text].error,
.aform input[type=password].error,
.aform input[type=tel].error,
.aform input[type=email].error,
.aform select.error,
.aform textarea.error {
  background: #fff1f2;
}
.aform input[type=radio] {
  display: none;
}
.aform input[type=radio] + label {
  position: relative;
  display: inline-block;
  padding: 3px 3px 3px 25px;
  cursor: pointer;
  margin-right: 20px;
}
.aform input[type=radio] + label::before,
.aform input[type=radio] + label::after {
  position: absolute;
  content: "";
  top: 50%;
  border-radius: 100%;
  transition: all 0.4s;
}
.aform input[type=radio] + label::before {
  left: 0;
  width: 17px;
  height: 17px;
  margin-top: -10px;
  background: #fff;
  border: 1px solid #ccc;
}
.aform input[type=radio] + label:focus::before,
.aform input[type=radio] + label:hover::before {
  background: #fff;
}
.aform input[type=radio] + label::after {
  opacity: 0;
  left: 5px;
  width: 9px;
  height: 9px;
  margin-top: -5px;
  background: #5dbf5d;
  transform: scale(2);
}
.aform input[type=radio]:checked + label::before {
  background: #fff;
  border: 1px solid #5dbf5d;
}
.aform input[type=radio]:checked + label::after {
  opacity: 1;
  transform: scale(1);
}
.aform input[type=checkbox] {
  display: none;
}
.aform input[type=checkbox] + label {
  position: relative;
  display: inline-block;
  padding: 10px 3px 10px 45px;
  cursor: pointer;
  transition: all 0.4s;
}
.aform input[type=checkbox] + label::before,
.aform input[type=checkbox] + label::after {
  position: absolute;
  content: "";
  transition: all 0.4s;
}
.aform input[type=checkbox] + label::before {
  top: 50%;
  left: 0;
  width: 28px;
  height: 28px;
  margin-top: -14px;
  background: #fff;
  border: 1px solid #707070;
}
.aform input[type=checkbox] + label::after {
  opacity: 0;
  top: 50%;
  left: 7px;
  width: 14px;
  height: 7px;
  margin-top: -4px;
  border-left: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  border-bottom: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  transform: rotate(-45deg) scale(0.5);
}
.aform input[type=checkbox] + label:focus::before,
.aform input[type=checkbox] + label:hover::before {
  background: #fff;
}
.aform input[type=checkbox]:checked + label::before {
  background: #fff;
  border: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
}
.aform input[type=checkbox]:checked + label::after {
  opacity: 1;
  transform: rotate(-45deg) scale(1);
}

.aform .aform-content .aform-note {
  background: none;
  margin-top: 20px;
  margin-bottom: 20px;
}

.aform .aform-content .aform-button-area input[type=submit]:visited {
  color: #fff !important;
}

.aform .aform-content dl.aform-error-list {
  border: none;
}
.aform .aform-content dl.aform-error-list dt {
  display: block;
}
.aform .aform-content dl.aform-error-list dd {
  display: list-item;
  margin-left: 25px;
}

label.error {
  padding-left: 20px;
  margin-top: 5px;
  display: block;
}
label.error img {
  display: none;
}

#aform_confirm_msg {
  text-align: center;
  padding-top: 20px;
}

img[src$="icon_new_windows.gif"] {
  margin-left: 10px;
  vertical-align: middle;
}

.aform-header {
  display: none;
}

.aform-twice-note {
  margin-top: 15px;
  margin-bottom: 5px;
  display: block;
}

.aform-error {
  color: #c73737;
}

.contact_wrap.confirm .aform-privacy {
  display: none;
}

.contact_wrap.confirm .parts-12 {
  display: none;
}
.contact_wrap.confirm .parts-12 + .dl_parts-10 {
  display: none;
}

.subpage {
  /** lead **/
  /** 目次 **/
  /** layout **/
  /** heading **/
  /* common class */
}
.subpage article ul {
  list-style: none;
}
.subpage article img {
  max-width: 100%;
  width: auto;
  height: auto;
}
.subpage .lead_title {
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-top: 0;
}
.subpage .lead_txt {
  text-align: center;
}
.subpage .table_cont {
  background: url(../images/common2023/bg.png) repeat top left;
}
.subpage .table_cont_in {
  max-width: 690px;
  margin: 0 auto;
  background: #fff;
  position: relative;
}
.subpage .table_cont_title {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: 700;
  line-height: 1;
  text-align: center;
}
.subpage .table_cont ol li {
  counter-increment: cnt;
  margin-bottom: 1em;
}
.subpage .table_cont ol li a {
  font-weight: 700;
  display: flex;
  align-items: center;
  text-decoration: none;
}
.subpage .table_cont ol li a:before {
  content: counter(cnt);
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: 400;
  background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(219, 219, 217) 51%, rgb(219, 219, 217) 100%);
}
.subpage .col2 {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.subpage .imgLine2 li {
  text-align: center;
}
.subpage .imgLine2 li img {
  max-width: 100%;
}
.subpage .imgLine2 .cap {
  display: block;
  text-align: left;
  font-size: 14px;
}
.subpage .imgLine3 li {
  text-align: center;
}
.subpage .imgLine3 li img {
  max-width: 100%;
}
.subpage .imgLine3 .cap {
  display: block;
  text-align: left;
  font-size: 14px;
}
.subpage .imgLine4 li img {
  width: 100%;
}
.subpage .service_h1 {
  font-weight: bold;
  text-align: center;
}
.subpage .h2 {
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
  position: relative;
}
.subpage .h2:before {
  content: "";
  border-radius: 50%;
  background: #080807;
  position: absolute;
  top: 0;
}
.subpage .h2:after {
  content: "";
  border-radius: 50%;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  position: absolute;
  top: 0;
}
.subpage .h2.left {
  text-align: left;
}
.subpage .h2.left:before {
  left: 0;
}
.subpage .h2.left:after {
  left: 17px;
}
.subpage .h3 {
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: 0.1em;
  position: relative;
}
.subpage .h3:after {
  content: "";
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
}
.subpage .h4 {
  font-weight: 700;
  letter-spacing: 0.1em;
  line-height: 1.5;
}
.subpage .catch {
  font-weight: 500;
}
.subpage .catch i {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: 500;
  display: block;
}
.subpage strong {
  font-weight: bold !important;
}
.subpage a.link,
.subpage span.link {
  list-style: none;
  display: inline-block;
  position: relative;
  cursor: pointer;
  padding-right: 15px;
}
.subpage a.link:after,
.subpage span.link:after {
  content: "";
  position: absolute;
  display: block;
  width: 6px;
  height: 6px;
  border-top: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  border-right: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  right: 0;
  top: calc(50% - 3px);
  transform: rotate(45deg);
}
.subpage a.icon {
  display: inline-block;
  position: relative;
  padding-right: 20px;
}
.subpage a.icon:after {
  content: "";
  display: block;
  width: 1em;
  height: 1.2em;
  background-size: auto 1em;
  background-repeat: no-repeat;
  background-position: 50% 0;
  position: absolute;
  right: 0;
  top: 0.35em;
}
.subpage a.icon[href$=pdf]:after {
  background-image: url(../images/second/icon_pdf.png);
}
.subpage a.icon[href$=doc]:after, .subpage a.icon[href$=docx]:after {
  background-image: url(../images/second/icon_doc.png);
}
.subpage a.icon[href$=xls]:after, .subpage a.icon[href$=xlsx]:after {
  background-image: url(../images/second/icon_xls.png);
}
.subpage .ico_blank {
  display: inline-block;
  width: 10px;
  height: 10px;
  background: url("../images/common2023/ico_blank.png") no-repeat 0 0;
  background-size: cover;
  vertical-align: middle;
  margin-left: 5px;
  position: relative;
  top: -1px;
}
.subpage ul.anker {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}
.subpage ul.anker.col2 li {
  width: 50%;
}
.subpage ul.anker li {
  list-style: none;
  border-right: 1px solid #fff;
  width: 33.3333333333%;
}
.subpage ul.anker li a {
  display: block;
  background: #eeeeee;
  position: relative;
  height: 100%;
  padding: 8px 12px 20px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  color: #000;
  line-height: 1.3;
  text-decoration: none;
  transition: background 0.4s;
}
.subpage ul.anker li a:after {
  content: "";
  display: block;
  border-bottom: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  border-right: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  transform: rotate(45deg);
  width: 7px;
  height: 7px;
  position: absolute;
  bottom: 11px;
  left: 50%;
  margin-left: -3px;
}
.subpage .btnWrap {
  text-align: center;
}
.subpage .btnWrap .btn {
  display: inline-block;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
  border-radius: 9999px;
  position: relative;
  background: #052749;
}
.subpage .btnWrap .btn i {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: relative;
}
.subpage .btnWrap .btn i:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_diagonal.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.subpage .commonBtn {
  display: inline-block;
  position: relative;
  text-decoration: none;
  border: 1px solid #E6E6E6;
  text-align: center;
  background: #052749;
  color: #ffffff;
  box-shadow: none;
}
.subpage .commonBtn:after {
  content: "";
  width: 6px;
  height: 6px;
  border: 0px;
  border-top: solid 2px #ffffff;
  border-right: solid 2px #ffffff;
  transform: rotate(45deg);
  position: absolute;
  top: calc(50% - 3px);
  right: 15px;
}
.subpage ul.commonList li {
  position: relative;
  box-sizing: border-box;
}
.subpage ul.commonList li:before {
  content: "";
  display: inline-block;
  margin: auto;
  content: "";
  border-radius: 50%;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  position: absolute;
  left: 0;
  top: 0.65em;
}
.subpage ol.orderList {
  padding-left: 18px;
}
.subpage ol.orderList li {
  list-style: decimal;
}
.subpage .customBlock table,
.subpage .commonTable {
  border-top: 1px solid #B8B8B8;
  border-left: 1px solid #B8B8B8;
  width: 100%;
}
.subpage .customBlock table tr,
.subpage .commonTable tr {
  border-bottom: 1px solid #B8B8B8;
  border-right: 1px solid #B8B8B8;
}
.subpage .customBlock table th,
.subpage .commonTable th {
  background: #f1f1f1;
  padding: 12px;
  text-align: left;
  border-right: 1px solid #B8B8B8;
}
.subpage .customBlock table th.sub,
.subpage .commonTable th.sub {
  background: #f3f3f3;
}
.subpage .customBlock table th.null,
.subpage .commonTable th.null {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
  background: #fff;
}
.subpage .customBlock table td,
.subpage .commonTable td {
  background: #fff;
  padding: 12px;
  border-right: 1px solid #B8B8B8;
  vertical-align: top;
}
.subpage .customBlock table td *:last-child,
.subpage .commonTable td *:last-child {
  margin-bottom: 0;
}
.subpage .customBlock table td *:first-child,
.subpage .commonTable td *:first-child {
  margin-top: 0;
}
.subpage .customBlock table td.null,
.subpage .commonTable td.null {
  border-top: 1px solid #fff;
  border-left: 1px solid #fff;
}
.subpage .scrollTable {
  overflow: auto;
}
.subpage .scrolltext {
  font-size: 13px;
  text-align: right;
  margin-bottom: -20px;
  margin-top: 20px;
}
.subpage .colorBox {
  margin-top: 2em;
}
.subpage .colorBox *:nth-child(1) {
  margin-top: 0;
}
.subpage .colorBox p {
  line-height: 1.7;
}
.subpage .colorBox.bgGray {
  background: #F7F7F7;
}
.subpage .borderBox {
  margin-top: 2em;
  border: 1px solid #000;
}
.subpage .borderBox *:nth-child(1) {
  margin-top: 0;
}
.subpage .borderBox p {
  line-height: 1.7;
}
.subpage .borderBox.bdGray {
  border-color: #999;
}
.subpage .border-box {
  border: 1px solid #ccc;
  padding: 20px;
}
.subpage .ytWrap {
  position: relative;
  padding-bottom: 56.25%;
}
.subpage .ytWrap iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
}
.subpage .imgInP .img .cap {
  display: block;
  text-align: left;
  font-size: 14px;
  margin-top: 10px;
}
.subpage .commonDL dl {
  letter-spacing: -0.025em;
  display: flex;
  color: #052749;
}
.subpage .commonDL dt {
  border-bottom: solid 1px #f0f0f0;
}
.subpage .borderDotBox {
  border: 2px dotted #000;
}
.subpage .borderDotBox h2,
.subpage .borderDotBox h3,
.subpage .borderDotBox h4 {
  margin-top: 0;
}
.subpage .borderDotBox .title {
  text-align: center;
  font-weight: bold;
  position: relative;
  /*
  &:after{
      content: "";
      background: #ffdd1a;
      position: absolute;
      left: calc(50% - 28px);
      bottom: 0;
      height: 2px;
      width: 56px;
  }
  */
}
.subpage .borderDotBox .title span {
  background: linear-gradient(transparent 70%, #ffdd1a 70%);
}
.subpage .borderDotBox > ul h3 {
  font-weight: bold;
  line-height: 1.5;
}
.subpage .borderDotBox > ul p {
  font-size: 14px;
}
.subpage .borderDotBox2 {
  border: 2px dotted #000;
}
.subpage .borderDotBox2 h2,
.subpage .borderDotBox2 h3,
.subpage .borderDotBox2 h4 {
  margin-top: 0;
}
.subpage .cap {
  display: block;
  margin-top: 10px;
  font-size: 13px;
}
.subpage .blog_tableContents {
  background: #F7F7F7;
}
.subpage .blog_tableContentsTitle {
  text-align: center;
  font-weight: 500;
  border-bottom: 1px solid #aaaaaa;
}
.subpage .blog_tableContentsTitle:before {
  content: "";
  width: 0.7em;
  height: 1em;
  background: url(../images/common2023/table_icon.svg) no-repeat center/contain;
  display: inline-block;
  vertical-align: text-bottom;
}
.subpage .blog_tableContents ol li {
  counter-increment: cnt;
  text-indent: -1.5em;
  padding-left: 1.5em;
}
.subpage .blog_tableContents ol li:last-child {
  margin-bottom: 0;
}
.subpage .blog_tableContents ol li:before {
  content: counter(cnt) ".";
  font-weight: 700;
  margin-right: 0.5em;
}
.subpage .relatedColumnTitle {
  text-align: center;
  font-weight: 700;
}
.subpage .page-3 .hero_title i {
  display: none !important;
}
.subpage .page-3 .hero {
  background: #f7f7f7;
}
.subpage .page-3 .hero_title .title {
  font-weight: bold;
  position: relative;
}
.subpage .section h1.title {
  font-weight: bold;
  line-height: 1.5;
}
.subpage h1.titleCenter,
.subpage h2.titleCenter {
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
.subpage h2.title,
.subpage .blog h2:not(.blog_tableContentsTitle) {
  font-weight: bold;
  line-height: 1.57;
}
.subpage h3.title,
.subpage .blog h3:not(.blog_tableContentsTitle) {
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}
.subpage h4.title,
.subpage .blog h4:not(.blog_tableContentsTitle) {
  font-weight: bold;
  line-height: 1.5;
  position: relative;
}
.subpage h4.title:before,
.subpage .blog h4:not(.blog_tableContentsTitle):before {
  content: "";
  background: #e9e9e9;
  position: absolute;
  top: 0;
  bottom: inherit;
  margin: auto;
  left: 0;
}
.subpage h4.title:after,
.subpage .blog h4:not(.blog_tableContentsTitle):after {
  content: "";
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  position: absolute;
  top: 0;
  bottom: inherit;
  margin: auto;
  left: 0;
}
.subpage .titleLeftSub {
  color: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: bold;
}
.subpage .titleLeft {
  font-weight: 800;
  line-height: 1.45;
}
.subpage .titleMoon {
  font-weight: bold;
  position: relative;
  counter-reset: number 0;
}
.subpage .titleMoon.small {
  align-items: center;
  color: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
}
.subpage .titleMoon .titleMoonNum {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  content: counter(number, decimal-leading-zero);
  counter-increment: number 1;
  line-height: 1;
  color: #92d8c5;
  font-weight: 600;
  position: absolute;
}
.subpage .titleCenterEn {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
}
.subpage .titleCenter {
  text-align: center;
  line-height: 1.2;
  font-weight: bold;
}
.subpage .titleLeftSide {
  font-weight: bold;
}
.subpage .titleLeftSide span {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  color: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
}
.subpage .content_list > li > * {
  display: flex;
  flex-direction: column;
  height: 100%;
  text-decoration: none;
  position: relative;
  overflow: hidden;
  background: #fff;
}
.subpage .content_list > li > a .content_list_body + i {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: absolute;
}
.subpage .content_list > li > a .content_list_body + i:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_diagonal_navy.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.subpage .content_list > li > a > * {
  position: relative;
}
.subpage .content_list > li > a i {
  text-align: center;
}
.subpage .content_list > li > a i > img.sizeFit {
  max-width: 62px;
}
.subpage .content_list > li > a .content_list_title {
  text-align: center;
  font-weight: 400;
  line-height: 1.5;
}
.subpage .content_list > li > a .content_list_body {
  color: #8a8a8a;
}
.subpage .content_list > li > a .content_list_body .content_list_note {
  overflow: hidden;
  display: flex;
  flex-direction: column;
}
.subpage .content_list_sub > li {
  border-color: #212121;
  border-style: solid;
}
.subpage .content_list_sub > li > * {
  display: flex;
  align-items: center;
  height: 100%;
}
.subpage .content_list_sub > li > a {
  text-decoration: none;
  position: relative;
}
.subpage .content_list_sub > li > a:before {
  content: "";
  display: block;
  border-radius: 50%;
  background: #000000;
  background-image: url(../images/common2023/icon_arrow_white.svg);
  background-repeat: no-repeat;
  background-position: center;
  position: absolute;
}
.subpage .content_list_sub > li .content_list_sub_title {
  font-weight: bold;
  position: relative;
}
.subpage .content_list_door > div {
  position: relative;
}
.subpage .content_list_door > div + div:before {
  content: "";
  display: block;
  background: #cfcfcf;
  position: absolute;
}
.subpage .content_list_door > div > dt a {
  display: block;
  text-decoration: none;
  position: relative;
}
.subpage .content_list_door > div > dt a .content_list_door_header {
  display: flex;
  align-items: center;
}
.subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_icon {
  flex: none;
}
.subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_icon img {
  width: 100%;
  height: auto;
}
.subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_text .content_list_door_title_sub {
  color: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  font-weight: bold;
}
.subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_text .content_list_door_title {
  font-weight: bold;
  line-height: 1.4;
}
.subpage .content_list_door > div > dt a:before {
  content: "";
  display: block;
  border-radius: 50%;
  background: #000000;
  background-repeat: no-repeat;
  background-image: url(../images/common2023/icon_arrow_white.svg);
  background-position: center;
  position: absolute;
}
.subpage .content_list_door > div > dd .contents_list_body > li {
  font-weight: bold;
}
.subpage .content_list_door > div > dd .contents_list_body > li > a {
  display: inline-block;
  text-decoration: none;
  position: relative;
}
.subpage .content_list_door > div > dd .contents_list_body > li > a:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_black.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}
.subpage .content_list_door.door_col2 > div:nth-child(odd):before {
  content: "";
  display: block;
  background: #cfcfcf;
  position: absolute;
}
.subpage .content_list_door.door_col2 > div + div:before {
  display: none;
}
.subpage .price_box.special {
  background: #3a3a3a;
}
.subpage .price_box.special .price_box_header,
.subpage .price_box.special .price_box_body,
.subpage .price_box.special .price_box_body .price_list div > dt {
  color: #fff;
}
.subpage .price_box.special .price_box_overview {
  color: #fff;
  background: #4a4848;
}
.subpage .price_box:not(.special) {
  background: #f7f7f7;
}
.subpage .price_box:not(.special) .price_box_overview {
  background: #fff;
}
.subpage .price_box .price_box_header .price_box_title {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  letter-spacing: 0.06em;
  line-height: 1.3;
  font-weight: bold;
}
.subpage .price_box .price_box_header .price_box_title.pro {
  color: #afafaf;
}
.subpage .price_box .price_box_header .price_box_title.premium {
  color: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
}
.subpage .price_box .price_box_header .price_box_title_sub {
  letter-spacing: 0.06em;
}
.subpage .price_box .price_box_body .price_list {
  font-family: "Roboto", "Noto Sans JP", sans-serif;
}
.subpage .price_box .price_box_body .price_list > div {
  display: flex;
  align-items: center;
  line-height: 1.5;
}
.subpage .price_box .price_box_body .price_list > div dt {
  color: #5f5f5f;
}
.subpage .price_box .price_box_body .price_list > div dd strong {
  font-family: "Roboto", sans-serif;
  font-weight: 400 !important;
}
.subpage .pointBox {
  background: #f7f7f7;
}
.subpage .pointBox .pointBoxTitle {
  font-weight: bold;
  position: relative;
}
.subpage .pointBox .pointBoxTitle:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_checkmark.svg) no-repeat;
  background-size: contain;
  position: absolute;
  left: 0;
}
.subpage .connectionBox .connectionBoxTitle {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  vertical-align: middle;
}
.subpage .connectionBox .connectionBoxTitle span {
  font-family: "Noto Sans JP", sans-serif;
  color: #afafaf;
  vertical-align: middle;
  text-transform: inherit;
}
.subpage .connectionBox .linkList {
  display: flex;
  flex-wrap: wrap;
  background: #f7f7f7;
}
.subpage .connectionBox .linkList > li {
  position: relative;
}
.subpage .connectionBox .linkList > li > a {
  display: inline-block;
  position: relative;
  text-decoration: underline;
  text-underline-offset: 4px;
}
.subpage .connectionBox .linkList > li > a:after {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgb(143, 228, 212) 0%, rgb(153, 230, 208) 25%, rgb(161, 231, 206) 50%, rgb(177, 233, 202) 75%, rgb(194, 236, 201) 100%);
  position: absolute;
}
.subpage .connectionBoxCol {
  background: #f7f7f7;
  border-radius: 12px;
}
.subpage .connectionBoxCol .connectionTextWrap {
  display: flex;
  position: relative;
}
.subpage .connectionBoxCol .connectionTextWrap::before {
  position: absolute;
  content: "";
  background: #052749;
}
.subpage .connectionBoxCol .connectionTextWrap .connectionBoxTitle {
  display: inline-block;
  font-weight: bold;
  text-transform: uppercase;
  line-height: 1;
  vertical-align: middle;
  font-weight: 900;
  letter-spacing: -0.025em;
}
.subpage .connectionBoxCol .connectionTextWrap .connectionBoxTitle span {
  font-family: "Noto Sans JP", sans-serif;
  color: #afafaf;
  vertical-align: middle;
  text-transform: inherit;
}
.subpage .connectionBoxCol .linkList {
  display: flex;
  flex-wrap: wrap;
}
.subpage .connectionBoxCol .linkList > li {
  position: relative;
}
.subpage .connectionBoxCol .linkList > li > a {
  display: inline-block;
  text-decoration: underline;
  position: relative;
  text-underline-offset: 4px;
}
.subpage .connectionBoxCol .linkList > li > a:after {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgb(143, 228, 212) 0%, rgb(153, 230, 208) 25%, rgb(161, 231, 206) 50%, rgb(177, 233, 202) 75%, rgb(194, 236, 201) 100%);
  position: absolute;
  border-radius: 2px;
}
.subpage .worksList > li > a,
.subpage .blogList > li > a {
  text-decoration: none;
}
.subpage .column1 {
  display: flex;
}
.subpage .column1 .columnText .columnTitle {
  font-weight: bold;
  line-height: 1.4;
}
.subpage .customBlock .mt-be-columns,
.subpage .column2 {
  display: flex;
}
.subpage .customBlock .mt-be-columns .columnText .columnTitle,
.subpage .column2 .columnText .columnTitle {
  font-weight: bold;
  line-height: 1.4;
}
.subpage .customBlock .mt-be-columns .columnThumb,
.subpage .column2 .columnThumb {
  text-align: center;
}
.subpage .leadCatch {
  font-weight: 800;
  color: #212121;
  text-align: center;
}
.subpage .anchorList {
  display: flex;
  flex-wrap: wrap;
  overflow: hidden;
}
.subpage .anchorList > li {
  text-align: center;
  border-bottom: 1px solid #212121;
}
.subpage .anchorList > li > a {
  display: flex;
  text-align: left;
  height: 100%;
  align-items: center;
  text-decoration: none;
  position: relative;
}
.subpage .anchorList > li > a:before {
  content: "";
  display: block;
  border-radius: 50%;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  transform: scale(0);
}
.subpage .anchorList > li > a:after {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_black.svg) no-repeat;
  background-size: contain;
  position: absolute;
  transform: rotate(90deg);
  top: 0;
  bottom: 0;
  margin: auto;
}
.subpage .faqList {
  counter-reset: number 0;
}
.subpage .faqList > div {
  background: #f7f7f7;
  position: relative;
}
.subpage .faqList > div:before {
  content: "Q";
  display: block;
  color: #fff;
  text-align: center;
  font-weight: bold;
  background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  position: absolute;
}
.subpage .faqList > div.isOpen > dt:after {
  transform: rotate(0deg);
}
.subpage .faqList > div.isOpen dd {
  display: block;
}
.subpage .faqList > div dt {
  font-weight: bold;
  line-height: 1.63;
  position: relative;
}
.subpage .faqList > div dt:before, .subpage .faqList > div dt:after {
  content: "";
  background: #21211d;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}
.subpage .faqList > div dt:after {
  transition: 0.4s transform;
  transform: rotate(-90deg);
}
.subpage .faqList > div dd {
  display: none;
  line-height: 1.63;
}
.subpage .pmarkBox {
  display: flex;
  align-items: center;
}
.subpage .pmarkBox > figure {
  flex: none;
}
.subpage .pmarkBox .pmarkBoxNote {
  color: #888888;
}
.subpage .customBlock .asset-image {
  display: block;
  margin-inline: auto;
}
.subpage .pointerNone {
  cursor: default;
  text-decoration: none;
}
.subpage .taC {
  text-align: center !important;
}
.subpage .taL {
  text-align: left !important;
}
.subpage .taR {
  text-align: right !important;
}
.subpage .Center {
  margin: 0 auto !important;
}
.subpage .ovh {
  overflow: hidden !important;
}
.subpage .mw100 {
  max-width: 100% !important;
  width: auto !important;
}
.subpage .w100p {
  width: 100% !important;
}
.subpage .mB0 {
  margin-bottom: 0 !important;
}
.subpage .mB5 {
  margin-bottom: 5px !important;
}
.subpage .mB10 {
  margin-bottom: 10px !important;
}
.subpage .mB20 {
  margin-bottom: 20px !important;
}
.subpage .mB30 {
  margin-bottom: 30px !important;
}
.subpage .mB40 {
  margin-bottom: 40px !important;
}
.subpage .mB50 {
  margin-bottom: 50px !important;
}
.subpage .mT0 {
  margin-top: 0 !important;
}
.subpage .mT5 {
  margin-top: 5px !important;
}
.subpage .mT10 {
  margin-top: 10px !important;
}
.subpage .mT20 {
  margin-top: 20px !important;
}
.subpage .mT30 {
  margin-top: 30px !important;
}
.subpage .mT40 {
  margin-top: 40px !important;
}
.subpage .mT50 {
  margin-top: 50px !important;
}
.subpage .mL0 {
  margin-left: 0px !important;
}
.subpage .mL5 {
  margin-left: 5px !important;
}
.subpage .mL10 {
  margin-left: 10px !important;
}
.subpage .mL20 {
  margin-left: 20px !important;
}
.subpage .mL30 {
  margin-left: 30px !important;
}
.subpage .mL40 {
  margin-left: 40px !important;
}
.subpage .mL50 {
  margin-left: 50px !important;
}
.subpage .mR0 {
  margin-right: 0px !important;
}
.subpage .mR5 {
  margin-right: 5px !important;
}
.subpage .mR10 {
  margin-right: 10px !important;
}
.subpage .mR20 {
  margin-right: 20px !important;
}
.subpage .mR30 {
  margin-right: 30px !important;
}
.subpage .mR40 {
  margin-right: 40px !important;
}
.subpage .mR50 {
  margin-right: 50px !important;
}
.subpage .red {
  color: #de0000 !important;
}
.subpage .blue {
  color: #356fcf !important;
}
.subpage .gray {
  color: #666 !important;
}
.subpage .bold {
  font-weight: bold !important;
}
.subpage .underline {
  text-decoration: underline !important;
}
.subpage .green {
  color: #23ac3a !important;
}
.subpage .bdb {
  border-bottom: 2px solid #004aa4;
}
.subpage .fontL {
  font-size: 1.2em;
}
.subpage .fontS {
  font-size: 0.8em;
}
.subpage .floatL {
  float: left;
}
.subpage .floatR {
  float: right;
}
.subpage .preBox {
  background: #eff0f4;
  border: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  padding: 15px;
  box-sizing: border-box;
  clear: both;
  overflow: hidden;
  margin-top: 30px;
  font-family: Arial, sans-serif;
  line-height: 1.8;
}
.subpage .preBox pre {
  overflow: auto;
  white-space: pre-wrap;
  word-wrap: break-word;
  -moz-text-align-last: auto;
       text-align-last: auto;
}
.subpage .heroH1Wrap {
  position: relative;
}
.subpage .heroH1Wrap h1 {
  font-weight: 900;
  letter-spacing: -0.025em;
  position: relative;
}
.subpage .companyMessage {
  position: relative;
  width: 100%;
}
.subpage .companyMessage .presImg img {
  width: 100%;
  height: 100%;
}
.subpage .companyMessage .companyMessageInner {
  margin-inline: auto;
  position: relative;
  z-index: 1;
}
.subpage .companyMessage .companyMessageInner > .textArea .companyText {
  letter-spacing: -0.025em;
}
.subpage .companyMessage .companyMessageInner > .textArea .presText {
  font-weight: 600;
  letter-spacing: -0.025em;
  display: block;
  text-align: right;
}
.subpage .client .clientInner {
  margin-inline: auto;
}
.subpage .mission {
  position: relative;
}
.subpage .mission .missionInner {
  margin-inline: auto;
}
.subpage .mission .missionInner .textArea {
  position: relative;
  z-index: 1;
}
.subpage .mission .missionInner .textArea > p {
  letter-spacing: -0.025em;
}
.subpage .mission .heroEnTitle {
  overflow-x: hidden;
}
.subpage .bizSec .inner .bizItemWrap {
  display: flex;
}
.subpage .bizSec .inner .bizItemWrap .bizItem {
  list-style: none;
}
.subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle {
  text-decoration: none;
  display: block;
}
.subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .enTitle {
  font-weight: 600;
  color: #92d8c5;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .bizTitle {
  font-weight: 900;
}
.subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .diaArrow i {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
.subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .diaArrow i:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_diagonal_navy.svg) no-repeat;
  background-size: contain;
  position: absolute;
}
.subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle:focus i:before, .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle:hover i:before {
  animation: 0.8s btn_anima ease-in-out;
}
.subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a {
  text-decoration: none;
  font-weight: 600;
  position: relative;
  display: inline-block;
}
.subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a::before {
  content: "";
  display: block;
  background: url(../images/second2024/icon_arrow_navy2024.svg) no-repeat;
  background-size: contain;
  position: absolute;
  width: 1em;
  height: 1em;
  left: 0;
}
.subpage .pickup {
  background: #f7f7f7;
}
.subpage .pickup .inner .catchTitle {
  font-weight: 700;
  color: #052749;
  letter-spacing: 0.025em;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}
.subpage .pickup .inner .pickupArea {
  display: flex;
}
.subpage .pickup .inner .pickupArea li {
  overflow: hidden;
  border-radius: 12px;
}
.subpage .pickup .inner .pickupArea li a {
  text-decoration: none;
}
.subpage .pickup .inner .pickupArea li a .pickImg {
  overflow: hidden;
  border-radius: 12px;
}
.subpage .pickup .inner .pickupArea li a .pickImg img {
  border-radius: 12px;
  width: 100%;
  aspect-ratio: 360/220;
}
.subpage .pickup .inner .pickupArea li a > p {
  color: #052749;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.025em;
  position: relative;
}
.subpage .pickup .inner .pickupArea li a i {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: absolute;
}
.subpage .pickup .inner .pickupArea li a i:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_diagonal_navy.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.subpage .pickup .inner .pickupArea li a:focus img, .subpage .pickup .inner .pickupArea li a:hover img {
  transform: scale(1.08);
}
.subpage .pickup .inner .pickupArea li a:focus i:before, .subpage .pickup .inner .pickupArea li a:hover i:before {
  animation: 0.8s btn_anima ease-in-out;
}
.subpage .heroCol2 {
  display: flex;
}
.subpage .heroCol2 > p {
  border-radius: 10px;
}
.subpage .heroCol2 > p > img {
  border-radius: 10px;
}
.subpage .heroCol2 .textArea .heroTitle {
  font-weight: 900;
  line-height: 1.27;
  letter-spacing: -0.025em;
}
.subpage .heroCol2 .textArea .heroText {
  letter-spacing: -0.025em;
}
.subpage .accessArea {
  max-width: 1200px;
  margin-inline: auto;
}
.subpage .accessArea .accessInner {
  margin-inline: auto;
  display: flex;
  background: #f3f6f8;
}
.subpage .accessArea .accessInner .textArea h3 {
  font-weight: 700;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  letter-spacing: 0.05em;
}
.subpage .accessArea .accessInner .textArea .enTitle {
  font-weight: 600;
  color: #92d8c5;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
}
.subpage .accessArea .accessInner .textArea .accessText {
  letter-spacing: -0.025em;
}
.subpage .accessArea .accessInner .mapArea iframe {
  width: 100%;
  height: 100%;
}
.subpage .outline .outlineInner {
  margin-inline: auto;
  border-radius: 20px;
}
.subpage .outline .outlineInner .h2TitleWrap h2 {
  font-weight: 900;
}
.subpage .outline .outlineInner .commonDL {
  margin-inline: auto;
}
.subpage .outline .outlineInner .commonDL dl dd > a {
  display: inline-block;
  position: relative;
  transition: 0.4s transform;
}
.subpage .outline .outlineInner .commonDL dl dd > a:after {
  content: "";
  display: block;
  background: linear-gradient(90deg, rgb(143, 228, 212) 0%, rgb(153, 230, 208) 25%, rgb(161, 231, 206) 50%, rgb(177, 233, 202) 75%, rgb(194, 236, 201) 100%);
  position: absolute;
  border-radius: 2px;
}
.subpage .outline .outlineInner .commonDL dl dd > a span {
  position: relative;
}
.subpage .outline .outlineInner .commonDL dl dd > a span:before {
  content: "";
  display: block;
  position: absolute;
  background: #969da8;
  transition: 0.4s transform;
}
.subpage .outline .outlineInner .commonDL dl dd .commonList li::before {
  content: none;
}
.subpage .bannerArea {
  display: block;
}
.subpage .bannerArea a {
  display: block;
}
.subpage .bannerArea.navyBg {
  background: #1c2a38;
  color: #fff;
  transition: all 0.8s ease-in;
}
.subpage .bannerArea.grayBg {
  background: #f0f2f5;
  color: #1c2a38;
  transition: all 0.8s ease-in;
}
.subpage .bannerArea .bannerInner {
  max-width: 1200px;
  margin-inline: auto;
  display: flex;
  border-radius: 20px;
}
.subpage .bannerArea .bannerInner .textArea .enTitle {
  font-weight: 600;
  color: #92d8c5;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
  text-transform: uppercase;
}
.subpage .bannerArea .bannerInner .textArea .philoText {
  color: #fff;
  font-weight: 900;
  letter-spacing: -0.025em;
}
.subpage .bannerArea .bannerInner .textArea .philoText + .diaArrow {
  color: #fff;
}
.subpage .bannerArea .bannerInner .textArea .philoText + .diaArrow .white {
  border: solid 2px #fff;
}
.subpage .bannerArea .bannerInner .textArea .philoText + .diaArrow .white:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_diagonal.svg) no-repeat;
  background-size: contain;
  position: absolute;
}
.subpage .bannerArea .bannerInner .textArea .moonH2 {
  font-weight: 700;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  letter-spacing: 0.01em;
  line-height: 1;
}
.subpage .bannerArea .bannerInner .textArea .diaArrow {
  text-align: right;
}
.subpage .bannerArea .bannerInner .textArea .diaArrow span {
  display: inline-block;
  letter-spacing: -0.025em;
}
.subpage .bannerArea .bannerInner .textArea .diaArrow i {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  border-radius: 50%;
  position: relative;
}
.subpage .bannerArea .bannerInner .textArea .diaArrow i.navy:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_diagonal_navy.svg) no-repeat;
  background-size: contain;
  position: absolute;
}
.subpage .bannerArea .bannerInner .imgArea img {
  transition: all 0.4s;
  border-radius: 12px;
  aspect-ratio: 380/240;
}
.subpage .planBlockInner {
  margin-inline: auto;
}
.subpage .planBlockInner .planListWrap {
  display: flex;
}
.subpage .planBlockInner .planListWrap li.planItem .btnWrap {
  text-align: right;
}
.subpage .planBlockInner .planListWrap li.planItem .btnWrap > a {
  color: #052749;
  font-weight: 600;
  line-height: 1.6;
  letter-spacing: -0.025em;
  position: relative;
}
.subpage .planBlockInner .planListWrap li.planItem .btnWrap > a::before {
  position: absolute;
  content: "";
  background: #052749;
  height: 1px;
  width: 100%;
  bottom: -8px;
  left: 0;
  width: 95%;
}
.subpage .planBlockInner .planListWrap li.planItem .btnWrap > a i {
  display: inline-block;
  vertical-align: middle;
  overflow: hidden;
  position: absolute;
}
.subpage .planBlockInner .planListWrap li.planItem .btnWrap > a i:before {
  content: "";
  display: block;
  background: url(../images/common2023/icon_arrow_diagonal_navy.svg) no-repeat;
  background-size: contain;
  position: absolute;
  top: 0;
  left: 0;
}
.subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:focus img, .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:hover img {
  transform: scale(1.08);
}
.subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:focus i:before, .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:hover i:before {
  animation: 0.8s btn_anima ease-in-out;
}
.subpage .planBlockInner .planListWrap .planTitleArea {
  display: flex;
}
.subpage .planBlockInner .planListWrap .planTitleArea .planTitleText {
  display: flex;
  position: relative;
  flex-direction: column;
}
.subpage .planBlockInner .planListWrap .planTitleArea .planTitleText::before {
  position: absolute;
  content: "";
  background: #052749;
  width: 1px;
}
.subpage .planBlockInner .planListWrap .planTitleArea .planTitleText > span {
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  line-height: 1;
  font-weight: 500;
}
.subpage .planBlockInner .planListWrap .planTitleArea .planTitleText .planNum {
  color: #052749;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  font-weight: 600;
  letter-spacing: 0.005em;
}
.subpage .planBlockInner .planListWrap .planTitleArea .planTitle {
  color: #052749;
  font-weight: 600;
  margin-top: 0;
  letter-spacing: -0.025em;
}
.subpage .planBlockInner .planListWrap .planImageBox {
  display: flex;
  justify-content: center;
  background: #f0f2f5;
  margin-inline: auto;
  align-items: baseline;
}
.subpage .planBlockInner .planListWrap .planImageBox > li {
  display: flex;
  justify-content: center;
  flex-direction: column;
}
.subpage .planBlockInner .planListWrap .planImageBox > li > div {
  display: flex;
  justify-content: center;
  align-items: center;
}
.subpage .planBlockInner .planListWrap .planImageBox > li > div > img {
  aspect-ratio: 1/1;
  width: 100%;
}
.subpage .planBlockInner .planListWrap .planImageBox > li > p {
  font-weight: 600;
  text-align: center;
  color: #818c99;
  line-height: 1.21;
  letter-spacing: -0.025em;
}
.subpage .planBlockInner .planListWrap .planText {
  color: #052749;
  font-weight: 500;
  letter-spacing: -0.025em;
}
.subpage .planBlockInner .planListWrap .planBox {
  background: #f0f2f5;
  margin-inline: auto;
  border-radius: 12px;
}
.subpage .planBlockInner .planListWrap .planBox > p {
  color: #052749;
  margin-top: 0;
}
.subpage .planBlockInner .planListWrap .planBox > p .hourText {
  font-weight: 600;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}
.subpage .planBlockInner .planListWrap .planBox > p .costText {
  font-weight: 600;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
}
.subpage .planBlockInner .planListWrap .planBox > p.hasLine {
  position: relative;
}
.subpage .planBlockInner .planListWrap .planBox > p.hasLine:before {
  content: "";
  height: 60%;
  width: 1px;
  background-color: #052749;
  position: absolute;
  top: 50%;
  left: 109px;
  transform: translate(0%, -45%) rotate(35deg);
}
.subpage .planBlockInner .planListWrap .comment {
  text-align: center;
  font-weight: 600;
  letter-spacing: -0.025em;
  display: flex;
  justify-content: center;
  text-align: left;
}
.subpage .support {
  background: url(../images/second2024/plan-gra.png);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
.subpage .support .supportInner {
  margin-inline: auto;
}
.subpage .support .supportInner h2 {
  font-weight: 900;
  text-align: center;
  color: #052749;
  line-height: 1.43;
}
.subpage .support .supportInner ul {
  display: flex;
  margin-inline: auto;
}
.subpage .support .supportInner ul li {
  background: #fff;
  border-radius: 10px;
}
.subpage .support .supportInner ul li a {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s;
}
.subpage .support .supportInner ul li a .iconImg {
  display: flex;
  align-items: center;
  justify-content: center;
}
.subpage .support .supportInner ul li a .iconImg img {
  width: 100%;
}
.subpage .support .supportInner ul li a p.supTitle {
  font-weight: 600;
  color: #052749;
  margin-top: 0;
}
.subpage .heroEnTitle {
  text-transform: uppercase;
  position: absolute;
  font-weight: 700;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  letter-spacing: -0.025em;
  display: inline-block;
  text-transform: uppercase;
  word-break: keep-all;
  background: rgb(216, 245, 237);
  background: linear-gradient(90deg, rgb(216, 245, 237) 0%, rgb(218, 245, 237) 10%, rgb(220, 245, 236) 20%, rgb(221, 245, 236) 30%, rgb(224, 246, 236) 40%, rgb(225, 246, 235) 50%, rgb(232, 247, 234) 60%, rgb(230, 246, 234) 70%, rgb(233, 247, 233) 80%, rgb(236, 247, 233) 90%, rgb(238, 248, 232) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.subpage .blogDetailInfo {
  display: flex;
  align-items: center;
  color: #818c99;
}
@keyframes btn_anima {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate(100%, -100%);
  }
  55% {
    opacity: 0;
    transform: translate(-100%, 100%);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes btn_animaMini {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    transform: translate(100%, 0);
  }
  55% {
    opacity: 0;
    transform: translate(-100%, 0);
  }
  100% {
    opacity: 1;
    transform: translate(0, 0);
  }
}
.h2TitleWrap h2 {
  font-weight: 900;
  line-height: 1.44;
  letter-spacing: -0.025em;
}
.h2TitleWrap .enTitle {
  font-weight: 600;
  color: #92d8c5;
  font-family: "Poppins", "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
}

@media screen and (max-width: 1000px) {
  body {
    font-size: 13px;
  }
  body.isOpen:before {
    pointer-events: inherit;
    opacity: 0.37;
  }
  body.isOpen .ghLogo {
    transform: translateY(-100px) !important;
  }
  body:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background: #000000;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    overflow: hidden;
    pointer-events: none;
    opacity: 0;
    transition: 0.2s opacity;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: normal;
    font-size: 100%;
  }
  img {
    max-width: 100%;
  }
  a {
    color: #052749;
    text-decoration: none;
    transition: all 0.4s;
  }
  a img {
    transition: all 0.4s;
  }
  a.blank {
    position: relative;
  }
  a.blank:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/common2023/ico_blank.png) no-repeat center/contain;
    position: absolute;
    top: 0;
    right: -15px;
    bottom: 0;
    margin: auto;
  }
  ul,
  ol {
    list-style: none;
  }
  i {
    font-style: normal;
  }
  figure figcaption {
    color: #989898;
    margin-top: 15px;
    font-size: 11px;
  }
  .home .section {
    padding: 30px 0;
  }
  .subpage .section {
    padding: 60px 0;
  }
  .subpage .section.blog {
    padding-top: 104px;
  }
  .fadeUp {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.8s;
  }
  .fadeUp.show {
    opacity: 1;
    transform: translateY(0);
  }
  /** -----------------
  HEADER
  ----------------- **/
  #globalHeader {
    background: #fff;
    z-index: 101;
  }
  #globalHeader.isView .ghInner .ghLogo {
    transform: translateY(-100px);
  }
  #globalHeader:not(.isView) .ghInner .ghLogo {
    transform: translateY(0);
  }
  #globalHeader .ghInner {
    padding-left: 20px;
  }
  #globalHeader .ghInner .ghLogo {
    width: 161px;
    height: 50px;
    position: fixed;
    border-radius: 0 0 15px 0;
    transition: 0.4s transform;
  }
  #globalHeader .ghInner .ghLogo > a {
    width: 100%;
    height: 100%;
  }
  #globalHeader .ghInner #ghMenuBtn {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
    background: transparent;
    display: flex;
    justify-content: center;
    align-items: center;
    color: transparent;
    font-size: 0;
    text-indent: -9999px;
    width: 50px;
    height: 50px;
    border-radius: 0 0 0 8px;
    transition: all 0.4s;
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 110;
  }
  #globalHeader .ghInner #ghMenuBtn:before {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    opacity: 0;
    transition: 0.2s opacity;
  }
  #globalHeader .ghInner #ghMenuBtn > span {
    background: #052749;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: 0.4s transform, 0.4s opacity, 0.4s background;
  }
  #globalHeader .ghInner #ghMenuBtn > span {
    width: 19px;
    height: 2px;
  }
  #globalHeader .ghInner #ghMenuBtn > span:nth-child(1) {
    transform: translateY(-4px);
  }
  #globalHeader .ghInner #ghMenuBtn > span:nth-child(2) {
    transform: translateY(4px);
  }
  #globalHeader .ghInner #ghMenuBtn.isOpen:before {
    opacity: 1;
  }
  #globalHeader .ghInner #ghMenuBtn.isOpen > span:nth-child(1) {
    transform: rotate(45deg);
  }
  #globalHeader .ghInner #ghMenuBtn.isOpen > span:nth-child(2) {
    transform: rotate(-45deg);
  }
  #globalHeader .ghInner .ghMenu {
    display: none;
    width: 261px;
    min-height: calc(100vh - 36px);
    min-height: calc(100svh - 36px);
    max-height: calc(100svh - 36px);
    padding: 60px 38px 33px;
    border-radius: 10px;
    overflow-y: auto;
    position: fixed;
    top: 18px;
    right: 15px;
    background: #fff;
    z-index: 100;
    overflow-y: auto;
  }
  #globalHeader .ghInner .ghMenu > * {
    max-width: 250px;
    margin-inline: auto;
  }
  #globalHeader .ghInner .ghMenu .ghMenuLogo {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-inline: auto;
  }
  #globalHeader .ghInner .ghMenu .ghMenuLogo .ico {
    width: 60px;
    height: auto;
  }
  #globalHeader .ghInner .ghMenu .ghNav {
    margin-top: 60px;
    overflow-y: auto;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li:nth-child(n+2) {
    margin-top: 14px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a {
    display: inline-block;
    font-size: 17px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a.isCurrent:before, #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a:hover:before, #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a:focus:before {
    width: 30px;
    height: 30px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren {
    display: none !important;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSns {
    margin-top: 53px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSns > div {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSns > div dt {
    width: 100%;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSns > div dd {
    margin-top: 12px;
    margin-right: 15px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSns > div dd > a {
    display: flex;
    height: 28px;
    align-items: center;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSns > div dd > a > svg {
    width: 28px;
    height: 28px;
    fill: #000;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSns > div dd > a img {
    display: block;
    margin-inline: auto;
    vertical-align: middle;
    width: 22px;
    height: 22px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList {
    margin-top: 28px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 9px;
    padding-bottom: 9px;
    padding-left: 25px;
    font-size: 17px;
    border: 2px solid #052749;
    color: #052749;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a:before {
    width: 17px;
    height: 17px;
    left: 10px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a:after {
    width: 13px;
    height: 17px;
    left: 12px;
    background-position: center;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a:after {
    content: "";
    display: block;
    background: url(../images/common2023/icon_foot_mail_navy.svg) no-repeat;
    background-size: contain;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 26px;
    height: 26px;
    left: 12px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a .ghSubIcon {
    width: 25px;
    height: 25px;
    margin-right: 9px;
    vertical-align: middle;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a .ghSubIcon img {
    width: 25px;
    height: 25px;
  }
  * + .worksList {
    margin-top: 29px;
  }
  .worksList.notRadius > li .worksListThumb {
    border-radius: 0 !important;
  }
  .worksList > li {
    width: 82%;
    margin: 0 auto;
  }
  .worksList > li + li {
    margin-top: 29px;
  }
  .worksList > li .worksListText {
    padding-left: 28px;
    margin-top: 15px;
  }
  .worksList > li .worksListText:after {
    top: 0;
    left: 0;
  }
  .worksList > li .worksListText .worksListBoxTitle {
    font-size: 15px;
  }
  .qaList {
    max-width: 600px;
    margin-inline: auto;
    margin-top: 20px;
  }
  .qaList > li {
    border-radius: 6px;
  }
  .qaList > li + li {
    margin-top: 11px;
  }
  .qaList > li .qaTitle button {
    padding: 22px 40px 22px 15px;
    font-size: 14px;
    line-height: 1.6;
    transition: 0.2s opacity;
  }
  .qaList > li .qaTitle button .qaIcon {
    width: 12px;
    right: 15px;
  }
  .qaList > li .qaTitle button .qaIcon:before {
    height: 12px;
  }
  .qaList > li .qaContent {
    padding: 0 40px 25px 15px;
    font-size: 13px;
    line-height: 1.92;
  }
  * + .blogList {
    margin-top: 32px;
  }
  .blogList {
    display: flex;
    flex-wrap: wrap;
  }
  .blogList > li,
  .blogList .blogListItem {
    width: 48%;
    border-radius: 10px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.11);
  }
  .blogList > li:nth-child(odd),
  .blogList .blogListItem:nth-child(odd) {
    margin-right: auto;
  }
  .blogList > li:nth-child(n+3),
  .blogList .blogListItem:nth-child(n+3) {
    margin-top: 29px;
  }
  .blogList > li > *,
  .blogList .blogListItem > * {
    border-radius: 8px;
  }
  .blogList > li > a .blogListBody,
  .blogList .blogListItem > a .blogListBody {
    padding: 12px 15px 37px;
    font-size: 14px;
    line-height: 2;
  }
  .blogList > li > a .blogListBody .blogListInfo .blogListInfoDate,
  .blogList .blogListItem > a .blogListBody .blogListInfo .blogListInfoDate {
    font-size: 10px;
  }
  .blogList > li > a .blogListBody .blogListInfo .blogListInfoCat,
  .blogList .blogListItem > a .blogListBody .blogListInfo .blogListInfoCat {
    margin-top: 0;
    margin-left: 5px;
    font-size: 10px;
  }
  .blogList > li > a .blogListBody * + .blogListInfoTitle,
  .blogList .blogListItem > a .blogListBody * + .blogListInfoTitle {
    margin-top: 4px;
  }
  .blogList > li > a .blogListBody .blogListInfoTitle,
  .blogList .blogListItem > a .blogListBody .blogListInfoTitle {
    font-size: 14px;
  }
  .blogList > li i,
  .blogList .blogListItem i {
    width: 9px;
    height: 9px;
    bottom: 14px;
    right: 14px;
  }
  .blogList > li i:before,
  .blogList .blogListItem i:before {
    width: 9px;
    height: 9px;
  }
  /** -----------------
  FOOTER
  ----------------- **/
  .footerInfo .gfInner {
    padding: 0 20px;
  }
  .footerInfo .gfPmark {
    padding: 0 40px 5px 0;
    margin-inline: auto;
    align-items: center;
  }
  .footerInfo .gfPmark > figure {
    width: 42px;
  }
  .footerInfo .gfPmark .gfPmarkNote {
    margin-left: 20px;
    font-size: 14px;
    line-height: 1.46;
    margin-top: 0;
  }
  .footerInfo .pageTop {
    width: 40px;
    height: 40px;
    border-radius: 8px 0 0 0;
    bottom: 0;
    right: 0;
    background: #1c2a38;
    position: absolute;
    cursor: pointer;
    z-index: 10;
  }
  .footerInfo .pageTop:hover, .footerInfo .pageTop:focus {
    opacity: 1;
  }
  .footerInfo .pageTop:before {
    width: 8px;
    height: 12px;
  }
  #footerContact {
    padding: 80px 20px 82px;
    background: url(../images/common2023/contact_bg.webp) no-repeat center;
    background-size: cover;
  }
  #footerContact .gfContactTitle {
    font-size: 30px;
  }
  #footerContact.isView .gfContactTitle span {
    transform: translateY(0);
  }
  #footerContact * + .gfContactNote {
    margin-top: 19px;
  }
  #footerContact .gfContactNote {
    font-size: 15px;
    line-height: 1.67;
  }
  #footerContact * + .footerContactList {
    margin-top: 45px;
  }
  #footerContact .footerContactList {
    max-width: 300px;
    margin-inline: auto;
  }
  #footerContact .footerContactList > li + li {
    margin-top: 20px;
  }
  #footerContact .footerContactList > li > a {
    padding: 18px 15px 18px 25px;
    font-size: 17px;
  }
  #footerContact .footerContactList > li > a > span > strong {
    font-size: 19px;
  }
  #footerContact .footerContactList > li > a > span > span {
    margin-top: 2px;
    font-size: 12px;
  }
  #footerContact .footerContactList > li > a:before {
    font-size: 16px;
    margin-left: 10px;
  }
  #globalFooter {
    padding: 71px 0 50px;
  }
  #globalFooter .gfInner {
    max-width: 370px;
    padding: 0 20px;
    margin-inline: auto;
  }
  #globalFooter .gfCatch .gfCatchLogo {
    max-width: 240px;
    margin: 6px 0 0;
  }
  #globalFooter .gfInfo {
    margin-top: 29px;
  }
  #globalFooter .gfInfo .gfAccess * + .gfAccessNote {
    margin-top: 15px;
  }
  #globalFooter .gfInfo .gfAccess .gfAccessNote {
    width: 300px;
    font-size: 13px;
    line-height: 1.59;
  }
  #globalFooter .gfInfo .gfAccess .gfAccessMap {
    width: 300px;
    margin-top: 20px;
    font-size: 13px;
    line-height: 1.846;
  }
  #globalFooter .gfInfo .gfAccess .gfAccessMap a {
    padding-left: 20px;
  }
  #globalFooter .gfInfo .gfAccess .gfAccessMap a:before {
    width: 16px;
    height: 16px;
  }
  #globalFooter .gfInfo .gfSitemap {
    display: none;
  }
  #globalFooter .gfInfo .gfSitemap > ul {
    max-width: 300px;
    margin-top: 12px;
    margin-inline: auto;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li {
    width: 50%;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li:nth-child(odd) {
    padding-right: 10px;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li:nth-child(even) {
    padding-left: 10px;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li:nth-child(n+3) {
    margin-top: 8px;
  }
  #globalFooter .gfInfo .gfSns {
    margin-top: 82px;
  }
  #globalFooter .gfInfo .gfSns > div {
    flex-wrap: wrap;
  }
  #globalFooter .gfInfo .gfSns > div > dt {
    font-size: 11px;
  }
  #globalFooter .gfInfo .gfSns > div > dd {
    margin-left: 15px;
  }
  #globalFooter .gfInfo .gfSns > div > dd > a {
    height: 26px;
  }
  #globalFooter .gfInfo .gfSns > div > dd svg {
    width: 26px;
    height: 26px;
  }
  #globalFooter .gfInfo .gfSns > div > dd img {
    width: 18px;
    height: 22px;
  }
  #globalFooter .gfInfo .gfMenu {
    margin-top: 18px;
  }
  #globalFooter .gfInfo .gfMenu .gfMenuList {
    display: flex;
    flex-wrap: wrap;
  }
  #globalFooter .gfInfo .gfMenu .gfMenuList > li {
    font-size: 11px;
    margin-right: 25px;
    margin-top: 8px;
  }
  #globalFooter .gfInfo .gfMenu .gfMenuList > li > a {
    color: #fff;
    text-decoration: none;
  }
  #globalFooter .gfInfo .gfCopyright {
    margin-top: 20px;
  }
  #globalFooter .gfInfo .gfCopyright p small {
    font-size: 11px;
  }
  @keyframes contents_list_body_anima {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: translate(100%, 0);
    }
    55% {
      opacity: 0;
      transform: translate(-100%, 0);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  .cookieConsentLayout {
    width: 100%;
    padding: 50px 0 20px;
    font-size: 13px;
    font-weight: 600;
    left: 0;
    bottom: 0;
  }
  .cookieConsentLayout .cookieInner {
    padding: 0 20px;
  }
  .cookieConsentLayout .cookieBtn {
    margin-top: 15px;
  }
  .cookieConsentLayout .cookieBtn > a {
    display: inline-block;
    padding: 6px 18px;
    font-size: 14px;
    margin: 0 auto;
  }
  .cookieConsentLayout .cookieBtn > a + .btn {
    margin-top: 18px;
  }
  .cookieConsentLayout .cookieClose {
    right: 20px;
    top: 15px;
  }
  .col2SetBtn {
    max-width: 600px;
    margin-inline: auto;
    padding: 25px 20px;
    margin-top: 23px;
    flex-direction: column;
    align-items: center;
  }
  .col2SetBtn .textBtnArea .title {
    font-size: 21px;
    margin-top: 20px;
  }
  .col2SetBtn .textBtnArea > p {
    font-size: 14px;
    margin-top: 4px;
  }
  .col2SetBtn .textBtnArea .btnWrap {
    margin-top: 20px;
  }
  .col2SetBtn .textBtnArea .btnWrap > a {
    font-size: 13px;
    margin-top: 14px;
    padding-right: 30px;
  }
  .col2SetBtn .textBtnArea .btnWrap > a i {
    width: 9px;
    height: 9px;
    top: 7px;
    right: 14px;
  }
  .col2SetBtn .textBtnArea .btnWrap > a i:before {
    width: 9px;
    height: 9px;
  }
  .col2SetBtn .textBtnArea .btnWrap > a:focus img, .col2SetBtn .textBtnArea .btnWrap > a:hover img {
    transform: scale(1.08);
  }
  .col2SetBtn .textBtnArea .btnWrap > a:focus i:before, .col2SetBtn .textBtnArea .btnWrap > a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  html:lang(en) .blogList > li > a .blogListBody .blogListInfo .blogListInfoCat {
    margin-left: 0;
  }
  html:lang(en) .blogList > li > a .blogListBody .blogListTitle {
    margin-top: 8px;
  }
  /* ココから下には記入禁止 */
  .forPC {
    display: none !important;
  }
  /** -----------------
  COMMON PARTS
  ----------------- **/
  /** hero **/
  .hero * + .hero_img {
    margin-top: 0;
  }
  .hero {
    padding-top: 104px;
    padding-bottom: 50px;
  }
  .hero.works {
    align-items: center;
  }
  .hero.works .hero_img {
    display: none;
  }
  .hero .heroEnTitle {
    right: 0;
    bottom: -50px;
    font-size: 50px;
    line-height: 1;
  }
  .hero .heroContentInner {
    padding-inline: 20px;
    margin-inline: auto;
  }
  .heroInner {
    padding: 90px 20px 50px;
  }
  /** breadcrumb **/
  #breadcrumb {
    padding: 10px 40px 10px 0;
  }
  #breadcrumb .breadcrumb > div {
    font-size: 11px;
  }
  #breadcrumb .breadcrumb > div > span {
    text-overflow: ellipsis;
    white-space: nowrap;
    max-width: 13em;
    overflow: hidden;
  }
  #breadcrumb .breadcrumb > div:after {
    width: 6px;
    height: 6px;
    border-width: 0 1px 1px 0;
    border-color: #21211d;
    border-style: solid;
    margin: 0 1em;
  }
  /** bg **/
  .section.bg {
    position: relative;
    background: #f7f7f7;
  }
  .section.bg > .h2 {
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 34px, rgba(255, 255, 255, 0) 34px, rgba(255, 255, 255, 0) 100%);
    margin-top: -30px;
    margin-bottom: 30px;
  }
  /** step **/
  .step {
    padding-left: 20px;
    margin-top: 30px;
  }
  .step > li {
    counter-increment: cnt;
    position: relative;
    border: 1px solid #212121;
    margin-bottom: 20px;
    padding: 20px 20px 20px 40px;
    border-radius: 8px;
  }
  .step > li .num {
    background: #212121;
    color: #fff;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    line-height: 1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 44px;
    height: 44px;
    left: -22px;
  }
  .step > li .num:before {
    content: "STEP";
    font-size: 10px;
    transform: scale(0.8);
  }
  .step > li .num:after {
    content: counter(cnt, decimal-leading-zero);
    font-size: 15px;
  }
  .step > li dl {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .step > li dl dt {
    font-weight: 700;
    line-height: 1.4;
    flex-shrink: 0;
    font-size: 14px;
    width: 100%;
  }
  .step > li dl dd {
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-size: 11px;
    margin-top: 18px;
  }
  /** 扉ページ **/
  .door_list {
    display: flex;
    flex-wrap: wrap;
    margin: 30px 0 15px;
  }
  .door_list.col2sp {
    justify-content: space-between;
  }
  .door_list.col2sp .door_list_item {
    width: 48%;
  }
  .door_list_item {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    transition-delay: 0.1s;
    width: 100%;
    margin-bottom: 15px;
  }
  .door_list_item:nth-child(3n) {
    margin-right: 0;
  }
  .door_list_item:before {
    content: "";
    height: 0;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: absolute;
    transition: all 0.4s;
    width: 68px;
    padding-top: 68px;
    right: -34px;
    bottom: -34px;
  }
  .door_list_item:focus:before, .door_list_item:hover:before {
    width: 300%;
    padding-top: 300%;
    right: -150%;
    bottom: -150%;
  }
  .door_list_item a {
    display: block;
    text-align: center;
    position: relative;
    line-height: 1.3;
    text-decoration: none !important;
    padding: 20px;
    font-size: 12px;
    font-weight: 500;
  }
  .door_list_item a i {
    display: block;
    margin: 0 auto 10px;
    width: 45px;
  }
  .door_list_item a:after {
    content: "→";
    position: absolute;
    line-height: 1;
    right: 15px;
    bottom: 5px;
    font-size: 20px;
  }
  .door_list_item a:focus, .door_list_item a:hover {
    opacity: 1;
  }
  .door_list_item a:focus img, .door_list_item a:hover img {
    opacity: 1;
  }
  .door_list.door_column {
    margin-top: 0;
  }
  /* import */
}
@media screen and (max-width: 1000px) and (max-width: 999px) and (min-width: 600px) {
  .door_list.door_column {
    justify-content: space-between;
  }
  .door_list.door_column .door_list_item {
    width: 48%;
  }
}
@media screen and (max-width: 1000px) {
  .door_list.door_column a {
    height: 100%;
  }
  .door_list.door_column a .pic_box {
    width: 70%;
    margin: 0 auto;
  }
  .door_list.door_column a .txt_box .date {
    display: inline-block;
    color: #989898;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 700;
    line-height: 1;
    font-size: 11px;
    margin-bottom: 12px;
    margin-right: 14px;
  }
  .door_list.door_column a .txt_box .tag {
    display: inline-block;
    color: #989898;
    font-weight: 700;
    line-height: 1;
    font-size: 11px;
  }
  .door_list.door_column a .txt_box .title {
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5;
    font-size: 12px;
    -webkit-line-clamp: 3;
  }
  .solutions_wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .solutions_wrap_item {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: border 0.4s translateY 0.8s;
    width: 100%;
    height: 185px;
    margin-bottom: 20px;
  }
  .solutions_wrap_item:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
    transition: all 0.4s;
  }
  .solutions_wrap_item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #fff;
    position: relative;
    z-index: 2;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-align: center;
    border-radius: 15px;
  }
  .solutions_wrap_item a:focus, .solutions_wrap_item a:hover {
    opacity: 1;
  }
  .solutions_wrap_item a:after {
    content: "→";
    font-weight: 700;
    line-height: 1;
    position: absolute;
    right: 25px;
    bottom: 20px;
    font-size: 20px;
  }
  .solutions_wrap_item .m_txt {
    line-height: 1.3333;
    margin-top: 0;
    font-size: 16px;
  }
  .solutions_wrap_item .s_txt {
    line-height: 2;
    margin-top: 35px;
    display: none;
  }
  .solutions_wrap_item:focus, .solutions_wrap_item:hover {
    border: 5px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .solutions_wrap_item:focus:before, .solutions_wrap_item:hover:before {
    opacity: 1;
  }
  .solutions_wrap_item.shindan {
    background-image: url(../images/second/solutions/solutions_thum_shindan.webp);
  }
  .solutions_wrap_item.ec {
    background-image: url(../images/second/solutions/solutions_thum_ec.webp);
  }
  .solutions_wrap_item.teiansyo {
    background-image: url(../images/second/solutions/solutions_thum_teiansyo.webp);
  }
  .solutions_wrap_item.renewal {
    background-image: url(../images/second/solutions/solutions_thum_renewal.webp);
  }
  .solutions_wrap_item.youtube {
    background-image: url(../images/second/solutions/solutions_thum_youtube.webp);
  }
  .solutions_wrap_item.satsuei {
    background-image: url(../images/second/solutions/solutions_thum_satsuei.jpg);
  }
  .solutions_wrap_item.apps {
    background-image: url(../images/second/solutions/solutions_thum_apps.jpg);
  }
  .solutions_wrap_item.system-ui {
    background-image: url(../images/second/solutions/solutions_thum_system-ui.jpg);
  }
  .solutions_wrap_item.online-event {
    background-image: url(../images/second/solutions/solutions_thum_online-event.webp);
  }
  .solutions_wrap_item.support {
    background-image: url(../images/second/solutions/solutions_thum_support.jpg);
  }
  .solutions_wrap_item.server {
    background-image: url(../images/second/solutions/solutions_thum_server.jpg);
  }
  .solutions_wrap_item.seo {
    background-image: url(../images/second/solutions/solutions_thum_seo.jpg);
  }
  .solutions_wrap_item.gakkai {
    background-image: url(../images/second/solutions/solutions_thum_gakkai.jpg);
  }
  .solutions_wrap_item.bengoshi {
    background-image: url(../images/second/solutions/solutions_thum_bengoshi.jpg);
  }
  .solutions_wrap_item.senior {
    background-image: url(../images/second/solutions/solutions_thum_senior.jpg);
  }
  .solutions_wrap_item.omatsuri {
    background-image: url(../images/second/solutions/solutions_thum_omatsuri.jpg);
  }
  .solutions_wrap_item.recruit {
    background-image: url(../images/second/solutions/solutions_thum_recruit.jpg);
  }
  .solutions_wrap_item.webdx {
    background-image: url(../images/second/solutions/solutions_thum_webdx.jpg);
  }
  .inner .works {
    background: url(../images/home/works_bg1.png) no-repeat top 45px right/90px, url(../images/home/works_bg2.png) no-repeat bottom 40px center/41%;
    background: #f2f2f1;
    padding-bottom: 180px !important;
    padding-top: 60px !important;
  }
  .inner .works_list {
    display: flex;
    flex-wrap: wrap;
    padding-top: 20px;
    border-top: 1px dotted #989898;
  }
  .inner .works_list_item {
    transition-delay: 0.1s;
    width: 100%;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #989898;
    display: flex;
    justify-content: space-between;
  }
  .inner .works_list_item:nth-child(3n) {
    margin-right: 0;
  }
  .inner .works_list_item a {
    width: 100%;
    display: flex;
    justify-content: space-between;
    position: relative;
  }
  .inner .works_list_item a:after {
    content: "→";
    font-size: 16px;
    font-weight: 700;
    position: absolute;
    right: 5px;
    top: 50%;
    line-height: 1;
  }
  .inner .works_list .thumb {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    justify-content: center;
    background: #fff;
    border: 1px solid #000;
    width: 36%;
    align-self: flex-start;
    border-radius: 7px;
    box-shadow: 4px 4px 0px 0px rgba(0, 0, 0, 0.15);
  }
  .inner .works_list .thumb p {
    margin-top: 0;
  }
  .inner .works_list .text_box {
    width: 60%;
  }
  .inner .works_list .category {
    display: inline-block;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.16em;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #f2f2f1;
    border-radius: 14px;
    margin-top: 0;
    font-size: 10px;
    padding: 4px 8px;
  }
  .inner .works_list .tag {
    display: inline-block;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.16em;
    background: #212121;
    color: #fff;
    border-radius: 14px;
    border: 1px solid #000;
    margin-top: 0;
    font-size: 10px;
    padding: 5px 8px;
  }
  .inner .works_list .name {
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.7777;
    margin-top: 0 !important;
    margin-bottom: 10px;
    font-size: 12px;
  }
  chat {
    display: none;
  }
  .subpage .pager {
    margin-top: 30px;
  }
  .subpage .pager ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .subpage .pager ul li {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    margin: 0 5px;
    width: 30px;
    height: 30px;
  }
  .subpage .pager ul li a {
    color: #000;
    display: inline-block;
    background: #DFDFDF;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;
    padding-top: 3px;
    font-size: 14px;
    width: 30px;
    height: 30px;
  }
  .subpage .pager ul li a:focus, .subpage .pager ul li a:hover {
    opacity: 1;
    color: #fff;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .subpage .pager ul li span {
    color: #000;
    border-radius: 50%;
  }
  .subpage .pager ul .current span {
    color: #000;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    padding-top: 3px;
    font-size: 14px;
    width: 30px;
    height: 30px;
  }
  .subpage .pager ul .prev a,
  .subpage .pager ul .next a {
    display: inline-block;
    position: relative;
    width: 30px;
    height: 30px;
  }
  .subpage .pager ul .prev a:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    border-bottom: solid 2px #000;
    border-left: solid 2px #000;
    border-bottom: solid 1px #000;
    border-left: solid 1px #000;
    left: 12px;
  }
  .subpage .pager ul .prev a:focus:after,
  .subpage .pager ul .prev a:hover:after {
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
  }
  .subpage .pager ul .next a:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    border-top: solid 1px #000;
    border-right: solid 1px #000;
    right: 12px;
  }
  .subpage .pager ul .next a:focus:after,
  .subpage .pager ul .next a:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
  .subpage #useInfo {
    margin-top: 30px;
  }
  .subpage #useInfo dl {
    overflow: hidden;
    margin-bottom: 15px;
  }
  .subpage #useInfo dl dt {
    padding: 5px;
  }
  .subpage #useInfo dl dt.possession {
    background: #ddd;
    margin-bottom: 2px;
    padding: 7px 15px 5px;
  }
  .subpage #useInfo dl dt.objective {
    float: left;
    width: 160px;
    text-align: right;
    padding-top: 7px;
    width: 130px !important;
  }
  .subpage #useInfo dl dt.objective:after {
    content: "　:";
  }
  .subpage #useInfo dl dd {
    padding: 7px 0 10px;
  }
  .subpage #useInfo dl dd.objectiveContent {
    margin-left: 170px;
    margin-left: 130px !important;
  }
  .subpage .postHeadImg {
    text-align: center;
    margin-top: 30px;
  }
  .subpage .postHeadImg img {
    width: 100%;
  }
  .subpage .works_list {
    margin-top: 30px;
  }
  .subpage .works_list_item a {
    text-decoration: none;
  }
  .subpage .works_list_item a p {
    margin-top: 0;
  }
  .subpage .works_list_item a .name {
    margin-top: 10px;
  }
  .subpage .solutions_wrap {
    margin-top: 30px;
    margin-bottom: 15px;
  }
  .subpage .solutions_wrap a {
    text-decoration: none;
  }
  .subpage .door_list_item {
    box-shadow: 5px 3px 25px 6px rgba(0, 0, 0, 0.05);
  }
  .subpage .contact_wrap .tel_box {
    border: 1px solid #4A4A4A;
    padding: 20px;
    margin: 30px auto 0;
  }
  .subpage .contact_wrap .tel_box dl dt {
    font-size: 16px;
    text-align: center;
  }
  .subpage .contact_wrap .tel_box dl dd {
    text-align: center;
    margin-top: 15px;
  }
  .subpage .contact_wrap .tel_box dl dd a {
    text-decoration: none;
    font-size: 33px;
    font-style: italic;
    line-height: 1;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    letter-spacing: 0.1em;
  }
  .subpage .contact_wrap .tel_box dl dd span {
    font-size: 12px;
    display: block;
    margin-top: 5px;
  }
  .subpage .contact_wrap .contact_h2 {
    text-align: center;
    letter-spacing: 0.1em;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    font-size: 24px;
    margin-top: 40px;
  }
  .subpage .contact_wrap .contact_h2 span {
    font-size: 12px;
    display: block;
    margin-top: 10px;
    font-family: "Noto Sans JP", sans-serif;
  }
  .subpage .contact_wrap .contact_step {
    margin: 40px auto;
    display: flex;
    width: 318px;
  }
  .subpage .contact_wrap .contact_step li {
    position: relative;
    width: 106px;
    padding-top: 30px;
    text-align: center;
  }
  .subpage .contact_wrap .contact_step li:not(:first-of-type):after {
    content: "";
    display: inline-block;
    width: 94px;
    height: 1px;
    background: #F7F7F7;
    position: absolute;
    top: 6px;
    left: -47px;
  }
  .subpage .contact_wrap .contact_step li:before {
    content: "";
    display: inline-block;
    width: 12px;
    height: 12px;
    background: #F7F7F7;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: calc(50% - 6px);
  }
  .subpage .contact_wrap .contact_step li.current:before {
    background: #052749;
  }
  .subpage .contact_wrap .privacy {
    border: 1px solid #052749;
    padding: 30px 20px 20px;
    margin-top: 40px;
  }
  .subpage .contact_wrap .privacy .title {
    display: block;
    color: #052749;
    font-weight: bold;
    font-size: 18px;
  }
  .subpage .contact_wrap .privacy p {
    color: #052749;
    margin-top: 20px;
  }
  .subpage .contact_wrap .parts-12 {
    text-align: center;
  }
  .subpage .contact_wrap .parts-12 .privacyNote {
    margin-bottom: 13px;
    font-size: 13px;
    line-height: 2;
    font-feature-settings: "palt";
  }
  .subpage .contact_wrap .parts-12 .privacyNote a {
    text-decoration: none;
    color: #ef8137;
  }
  .subpage .contact_wrap .parts-12 .privacyNote a:before {
    background: #ef8137;
  }
  .subpage .contact_wrap .dl_parts-10 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .subpage .contact_wrap .dl_parts-10 dt {
    margin-bottom: 12px;
    width: 100%;
    padding-right: 60px;
    min-height: 17px;
    margin-bottom: 4px;
  }
  .subpage .contact_wrap .dl_parts-10 dt .aform-required {
    margin: 0 0 0 8px;
    height: 17px;
    vertical-align: middle;
    background: #052749;
    color: #fff;
    font-size: 10px;
    padding: 4px 12px 2px;
    line-height: 1;
    display: inline-block;
    border-radius: 0;
    position: absolute !important;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .subpage .contact_wrap .dl_parts-10 dd .aform-name-ul > li label,
  .subpage .contact_wrap .dl_parts-10 dd .aform-kana-ul > li label {
    font-size: 12px;
  }
  .subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label {
    padding: 0 0 0 25px;
    font-size: 15px;
    line-height: 1;
    cursor: pointer;
  }
  .subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label:before {
    width: 17px;
    height: 17px;
    margin-right: 8px;
    top: 0;
    margin-top: 0;
  }
  .subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label:after {
    width: 10px;
    height: 7px;
    border-left: 4px solid #052749;
    border-bottom: 4px solid #052749;
    transform: rotate(-45deg) translateX(0px) translateY(-1px);
    position: absolute;
    left: 0.25em;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition: 0.4s opacity;
  }
  .subpage.solutions {
    margin-top: 0;
  }
  .subpage.solutions .solutions_header {
    background: url(../images/second/solutions/solutions_bg_1.png) repeat-y right top #fff;
    background-size: 70px !important;
  }
  .subpage.solutions .solutions_header .solutions_header_inner {
    padding-top: 70px;
    padding-bottom: 40px;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .midashi .fukidashi {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    background: url(../images/second/solutions/fukidashi.svg) no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .midashi h1 {
    font-weight: bold;
    font-size: 24px;
    margin-top: 10px;
    text-align: center;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .link a {
    display: block;
    text-decoration: none;
    font-size: 13px;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .link a:not(:first-of-type) {
    margin-top: 10px;
  }
  .subpage.solutions .solutions_header_img {
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    height: 200px;
  }
  .subpage.solutions .solutions_header_img:before {
    content: "";
    display: inline-block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 70px;
    height: 200px;
  }
  .subpage.solutions .solutions_header_img .annotation {
    color: #fff;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    position: absolute;
    top: 50%;
    writing-mode: vertical-rl;
    transform: translateY(-50%);
    font-size: 10px;
    left: 10px;
  }
  .subpage.solutions .solutions_header_img.shindan {
    background: url(../images/second/solutions/shindan/solutions_mainimg_shindan.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.ec {
    background: url(../images/second/solutions/ec/solutions_mainimg_ec.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.teiansyo {
    background: url(../images/second/solutions/teiansyo/solutions_mainimg_teiansyo.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.renewal {
    background: url(../images/second/solutions/renewal/solutions_mainimg_renewal.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.youtube {
    background: url(../images/second/solutions/youtube/solutions_mainimg_youtube.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.satsuei {
    background: url(../images/second/solutions/satsuei/solutions_mainimg_satsuei.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.apps {
    background: url(../images/second/solutions/apps/solutions_mainimg_apps.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.system-ui {
    background: url(../images/second/solutions/system-ui/solutions_mainimg_system-ui.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.online-event {
    background: url(../images/second/solutions/online-event/solutions_mainimg_online-event.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.support {
    background: url(../images/second/solutions/support/solutions_mainimg_support.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.server {
    background: url(../images/second/solutions/server/solutions_mainimg_server.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.seo {
    background: url(../images/second/solutions/seo/solutions_mainimg_seo.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.gakkai {
    background: url(../images/second/solutions/gakkai/solutions_mainimg_gakkai.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.bengoshi {
    background: url(../images/second/solutions/bengoshi/solutions_mainimg_bengoshi.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.senior {
    background: url(../images/second/solutions/senior/solutions_mainimg_senior.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.omatsuri {
    background: url(../images/second/solutions/omatsuri/solutions_mainimg_omatsuri.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.recruit {
    background: url(../images/second/solutions/recruit/solutions_mainimg_recruit.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solutions_header_img.webdx {
    background: url(../images/second/solutions/webdx/solutions_mainimg_webdx.jpg) no-repeat;
    background-position: left;
    background-size: cover;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .introduction {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .subpage.solutions .introduction .inner {
    padding: 0 15px;
  }
  .subpage.solutions .introduction .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    background: linear-gradient(transparent 50%, #ffdd1a 50%);
    display: inline-block;
    padding: 0 3px;
    line-height: 1;
    font-size: 13px;
  }
  .subpage.solutions .introduction h2 {
    font-weight: bold;
    line-height: 1.5;
    font-size: 18px;
    margin-top: 15px;
  }
  .subpage.solutions .introduction p {
    margin-top: 15px;
  }
  .subpage.solutions .purpose .inner {
    background: #fff;
    padding: 20px 0px 20px;
    margin: 0 15px;
  }
  .subpage.solutions .purpose .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    font-size: 18px;
  }
  .subpage.solutions .purpose .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
  }
  .subpage.solutions .purpose .h2_wrap .subTitle {
    position: relative;
    display: block;
    font-size: 14px;
    padding-left: 40px;
    transform: translateY(10px);
  }
  .subpage.solutions .purpose .h2_wrap .subTitle:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
  .subpage.solutions .purpose .purpose_list {
    margin-top: 30px;
    background: #fff;
    border: 2px solid #000;
    padding: 30px 15px;
  }
  .subpage.solutions .purpose .purpose_list + p {
    font-size: 14px;
    margin-top: 40px;
  }
  .subpage.solutions .purpose .purpose_list li {
    padding-left: 40px;
  }
  .subpage.solutions .purpose .purpose_list li:not(:first-of-type) {
    margin-top: 30px;
  }
  .subpage.solutions .purpose .purpose_list li h3 {
    font-weight: bold;
    position: relative;
    font-size: 15px;
  }
  .subpage.solutions .purpose .purpose_list li h3 span {
    background: linear-gradient(transparent 70%, #ffdd1a 70%);
  }
  .subpage.solutions .purpose .purpose_list li h3:before {
    content: "";
    background: url(../images/second/solutions/check.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    position: absolute;
    width: 25px;
    height: 25px;
    top: 2px;
    left: -40px;
  }
  .subpage.solutions .purpose .purpose_list li p {
    font-size: 14px;
    margin-top: 15px;
  }
  .subpage.solutions .problem {
    border-top: 2px solid #000;
  }
  .subpage.solutions .problem .inner {
    padding: 0px 10px 20px;
    margin: 0 15px;
  }
  .subpage.solutions .problem .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    font-size: 18px;
  }
  .subpage.solutions .problem .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
  }
  .subpage.solutions .problem .h2_wrap .subTitle {
    position: relative;
  }
  .subpage.solutions .problem .problem_list {
    background: #fff;
    border: 2px solid #000;
    margin: 0 15px;
    padding: 30px 15px;
  }
  .subpage.solutions .problem .problem_list ul li:not(:first-of-type) {
    margin-top: 30px;
  }
  .subpage.solutions .problem .problem_list ul li .icon {
    display: block;
    text-align: center;
    width: 90px;
    margin: 0 auto;
  }
  .subpage.solutions .problem .problem_list ul li h3 {
    font-weight: bold;
    text-align: center;
    font-size: 15px;
    margin-top: 10px;
  }
  .subpage.solutions .problem .problem_list ul li p {
    font-size: 14px;
    margin-top: 10px;
  }
  .subpage.solutions .merit {
    border-top: 2px solid #000;
    background-size: 70px;
    padding-top: 30px;
    padding-bottom: 30px;
  }
  .subpage.solutions .merit .inner {
    padding: 0px 5px 0px;
    margin: 0 10px;
  }
  .subpage.solutions .merit .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    font-size: 18px;
  }
  .subpage.solutions .merit .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
  }
  .subpage.solutions .merit .h2_wrap .subTitle {
    position: relative;
    display: block;
    font-size: 14px;
    padding-left: 40px;
    transform: translateY(10px);
  }
  .subpage.solutions .merit .h2_wrap .subTitle:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
  .subpage.solutions .merit .merit_list {
    margin-top: 40px;
  }
  .subpage.solutions .merit .merit_list ul li {
    border: 2px solid #000;
    position: relative;
  }
  .subpage.solutions .merit .merit_list ul li:not(:first-of-type) {
    margin-top: 30px;
  }
  .subpage.solutions .merit .merit_list ul li .num_wrap {
    border: 2px solid #000;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 70px;
    height: 70px;
    position: absolute;
    left: -10px;
    top: -20px;
  }
  .subpage.solutions .merit .merit_list ul li .num_wrap .num {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    text-shadow: -3px 3px 0px rgb(255, 255, 255);
    font-size: 24px;
  }
  .subpage.solutions .merit .merit_list ul li .num_wrap .sub {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/second/solutions/merit_bg.png) no-repeat;
    background-size: cover;
    margin-top: 5px;
    font-size: 10px;
    width: 50px;
    height: 13px;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap.inImg .img {
    text-align: center;
    margin-bottom: 15px;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap.inImg .img img {
    max-width: 70%;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap .text {
    padding: 15px;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap .text h3 {
    font-weight: bold;
    line-height: 1.5;
    font-size: 15px;
    padding-left: 60px;
    padding-top: 5px;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap .text p {
    font-size: 14px;
    margin-top: 15px;
  }
  .subpage.solutions .recipe {
    background-size: 70px;
    padding-bottom: 10px;
  }
  .subpage.solutions .recipe .inner {
    border: 2px dotted #000;
    background: #fff;
    padding: 30px 15px 30px;
    margin: 0 15px;
  }
  .subpage.solutions .recipe .h2_wrap {
    text-align: center;
  }
  .subpage.solutions .recipe h2 {
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    font-size: 18px;
  }
  .subpage.solutions .recipe .subH2 {
    display: block;
  }
  .subpage.solutions .recipe .subH2 span {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    background: linear-gradient(transparent 50%, #ffdd1a 50%);
    display: inline-block;
    padding: 0 3px;
    line-height: 1;
    font-size: 13px;
  }
  .subpage.solutions .recipe .recipe_list {
    margin-top: 30px;
  }
  .subpage.solutions .recipe .recipe_list > ul > li:not(:first-of-type) {
    margin-top: 30px;
  }
  .subpage.solutions .recipe .recipe_list > ul h3 {
    font-weight: bold;
    line-height: 1.5;
    font-size: 15px;
  }
  .subpage.solutions .recipe .recipe_list > ul p {
    font-size: 14px;
    margin-top: 10px;
  }
  .subpage.solutions .solutionstep,
  .subpage.solutions .solutioncost {
    position: relative;
    padding-bottom: 30px;
  }
  .subpage.solutions .solutionstep.beforenone:before,
  .subpage.solutions .solutioncost.beforenone:before {
    content: none;
  }
  .subpage.solutions .solutionstep .inner,
  .subpage.solutions .solutioncost .inner {
    padding: 20px 10px 20px;
    margin: 0 10px;
  }
  .subpage.solutions .solutionstep .h2_wrap h2,
  .subpage.solutions .solutioncost .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    font-size: 18px;
  }
  .subpage.solutions .solutionstep .h2_wrap .subH2,
  .subpage.solutions .solutioncost .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
    font-size: 12px;
    margin-top: 5px;
  }
  .subpage.solutions .solutionstep .h2_wrap .subTitle,
  .subpage.solutions .solutioncost .h2_wrap .subTitle {
    position: relative;
    display: block;
    font-size: 14px;
    padding-left: 40px;
    transform: translateY(10px);
  }
  .subpage.solutions .solutionstep .h2_wrap .subTitle:before,
  .subpage.solutions .solutioncost .h2_wrap .subTitle:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
  .subpage.solutions .solutionstep .step_flow,
  .subpage.solutions .solutioncost .step_flow {
    margin-top: 30px;
  }
  .subpage.solutions .solutionstep .step_flow dl,
  .subpage.solutions .solutioncost .step_flow dl {
    position: relative;
    padding-left: 20px;
  }
  .subpage.solutions .solutionstep .step_flow dl:not(:first-of-type),
  .subpage.solutions .solutioncost .step_flow dl:not(:first-of-type) {
    margin-top: 30px;
  }
  .subpage.solutions .solutionstep .step_flow dl:first-of-type:before,
  .subpage.solutions .solutioncost .step_flow dl:first-of-type:before {
    top: 7px;
  }
  .subpage.solutions .solutionstep .step_flow dl:last-of-type:before,
  .subpage.solutions .solutioncost .step_flow dl:last-of-type:before {
    height: 6px;
  }
  .subpage.solutions .solutionstep .step_flow dl:after,
  .subpage.solutions .solutioncost .step_flow dl:after {
    content: "";
    display: inline-block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: absolute;
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    left: -8px;
    top: 6px;
  }
  .subpage.solutions .solutionstep .step_flow dl:before,
  .subpage.solutions .solutioncost .step_flow dl:before {
    content: "";
    display: inline-block;
    background: #000;
    position: absolute;
    width: 2px;
    height: calc(100% + 30px);
    left: -2px;
    top: 0px;
  }
  .subpage.solutions .solutionstep .step_flow dl dt .num,
  .subpage.solutions .solutioncost .step_flow dl dt .num {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: inline-block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    line-height: 1;
    padding: 5px;
    font-size: 10px;
  }
  .subpage.solutions .solutionstep .step_flow dl dt .title,
  .subpage.solutions .solutioncost .step_flow dl dt .title {
    display: block;
    font-weight: bold;
    font-size: 15px;
    margin-top: 5px;
  }
  .subpage.solutions .solutionstep .step_flow dl dd,
  .subpage.solutions .solutioncost .step_flow dl dd {
    font-size: 14px;
    background: #f2f2f1;
    position: relative;
    padding: 20px;
    border-radius: 10px;
    margin-top: 15px;
  }
  .subpage.solutions .solutionstep .step_flow dl dd:before,
  .subpage.solutions .solutioncost .step_flow dl dd:before {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-top: 10px solid #f2f2f1;
    border-left: 10px solid #f2f2f1;
    position: absolute;
    top: -6px;
    left: 20px;
    transform: rotate(45deg);
  }
  .subpage.solutions .solutioncost .solutioncostTable {
    width: 100%;
    margin-top: 30px;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type th,
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type td, .subpage.solutions .solutioncost .solutioncostTable tr:last-of-type th,
  .subpage.solutions .solutioncost .solutioncostTable tr:last-of-type td {
    border-bottom: none;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type th,
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type td {
    text-align: center;
    font-weight: bold;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr .marker {
    background: linear-gradient(transparent 60%, #ffdd1a 60%);
    padding: 0 3px;
    line-height: 1;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr th {
    background: #f7f7f7;
    border-bottom: 2px solid #fff;
    padding: 15px;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr th.topleft {
    color: #9b9b9b;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    padding: 15px;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .kara {
    display: block;
    margin-left: 3em;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .nado {
    text-align: right;
    margin-top: 10px;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .sitename {
    text-align: center;
    margin-bottom: 5px;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .commonList {
    margin-top: 0;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .commonList li {
    margin-top: 0;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td p {
    margin-top: 0;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td:last-of-type {
    border-right: none;
  }
  .subpage.solutions .related_service {
    /*
             .door_list{
             @if $type == sp{
         }
             @if $type == pc{
             margin-top: 50px;
         }
         }
             */
  }
  .subpage.solutions .related_service .inner {
    padding: 0 15px;
  }
  .subpage.solutions .related_service h2 {
    font-weight: bold;
    text-align: center;
    font-size: 18px;
  }
  .subpage.solutions .related_service .service_tag_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 20px;
  }
  .subpage.solutions .related_service .service_tag_list li {
    margin: 10px 5px 0;
  }
  .subpage.solutions .related_service .service_tag_list li a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    border: 2px solid #000;
    font-weight: bold;
    padding: 5px 10px;
    font-size: 12px;
    border-radius: 20px;
  }
  .subpage.solutions .solution_contact {
    position: relative;
    width: 100%;
    height: 130px;
    margin-top: 50px;
    /*
             &:before{
             content: "";
             display: block;
             width: 100%;
             height: 100%;
             background: rgba(0,0,0,.4);
             position: absolute;
             top: 0;
             left: 0;
         }
             */
  }
  .subpage.solutions .solution_contact p {
    color: #fff;
    font-weight: bold;
    margin: 0;
    position: relative;
    z-index: 2;
    font-size: 18px;
    line-height: 1.5;
  }
  .subpage.solutions .solution_contact .inner {
    display: flex;
    align-items: center;
    height: 100%;
  }
  .subpage.solutions .solution_contact.shindan {
    background: url(../images/second/solutions/shindan/solutions_footerimg_shindan.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.ec {
    background: url(../images/second/solutions/ec/solutions_footerimg_ec.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.teiansyo {
    background: url(../images/second/solutions/teiansyo/solutions_footerimg_teiansyo.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.renewal {
    background: url(../images/second/solutions/renewal/solutions_footerimg_renewal.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.youtube {
    background: url(../images/second/solutions/youtube/solutions_footerimg_youtube.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.satsuei {
    background: url(../images/second/solutions/satsuei/solutions_footerimg_satsuei.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.apps {
    background: url(../images/second/solutions/apps/solutions_footerimg_apps.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.system-ui {
    background: url(../images/second/solutions/system-ui/solutions_footerimg_system-ui.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.online-event {
    background: url(../images/second/solutions/online-event/solutions_footerimg_online-event.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.support {
    background: url(../images/second/solutions/support/solutions_footerimg_support.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.server {
    background: url(../images/second/solutions/server/solutions_footerimg_server.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.seo {
    background: url(../images/second/solutions/seo/solutions_footerimg_seo.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.gakkai {
    background: url(../images/second/solutions/gakkai/solutions_footerimg_gakkai.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.bengoshi {
    background: url(../images/second/solutions/bengoshi/solutions_footerimg_bengoshi.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.senior {
    background: url(../images/second/solutions/senior/solutions_footerimg_senior.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.omatsuri {
    background: url(../images/second/solutions/omatsuri/solutions_footerimg_omatsuri.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.recruit {
    background: url(../images/second/solutions/recruit/solutions_footerimg_recruit.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact.webdx {
    background: url(../images/second/solutions/webdx/solutions_footerimg_webdx.jpg) no-repeat;
    background-size: cover !important;
    background-position: center !important;
  }
  .subpage.solutions .solution_contact .more {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    position: relative;
    z-index: 0;
    text-decoration: none;
    color: #fff;
    font-size: 12px;
  }
  .subpage.solutions .solution_contact .more span.hidetxt {
    text-indent: -9999px;
  }
  .subpage.solutions .solution_contact .more span.circle {
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: relative;
    z-index: -1;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin: 0 10px;
  }
  .subpage.solutions .solution_contact .more span.circle:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0;
    transition: all 0.4s;
  }
  .subpage.solutions .solution_contact .more:before {
    content: "";
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 1px;
  }
  .subpage.solutions .solution_contact .more:after {
    content: "";
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) skew(10deg, 10deg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    border-width: 1px !important;
  }
  .subpage.solutions .solution_contact .more:focus, .subpage.solutions .solution_contact .more:hover {
    opacity: 1;
  }
  .subpage.solutions .solution_contact .more:focus span.circle:after, .subpage.solutions .solution_contact .more:hover span.circle:after {
    left: -51%;
  }
  .subpage .professional_list li:not(:first-of-type) {
    margin-top: 50px;
  }
  .subpage .professional_list li .img_wrap {
    text-align: center;
    width: 70%;
    margin: 0 auto;
  }
  .subpage .professional_list li .img_wrap img {
    border-radius: 15px;
  }
  .subpage .professional_list li .text_wrap {
    margin-top: 15px;
  }
  .subpage .professional_list li .text_wrap h2 {
    font-weight: bold;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    letter-spacing: 0.1em;
    font-size: 36px;
    text-align: center;
    padding-right: 1em;
  }
  .subpage .professional_list li .text_wrap h2 span {
    color: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .subpage .professional_list li .text_wrap .name {
    padding-left: 20px;
    margin-top: 10px;
    font-size: 16px;
    text-align: center;
  }
  .subpage .professional_list li .text_wrap .name .position {
    font-size: 14px;
  }
  .subpage .professional_list li .text_wrap .text {
    margin-top: 20px;
  }
  .company_index .company_inner:after {
    content: "";
    clear: both;
    display: block;
  }
  .company_index .more a {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    position: relative;
    z-index: 0;
    text-decoration: none;
    font-size: 12px;
  }
  .company_index .more a span.hidetxt {
    text-indent: -9999px;
  }
  .company_index .more a span.circle {
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: relative;
    z-index: -1;
    overflow: hidden;
    width: 35px;
    height: 35px;
    margin: 0 10px;
  }
  .company_index .more a span.circle:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0;
    transition: all 0.4s;
  }
  .company_index .more a:before {
    content: "";
    background: #212121;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 22px;
    height: 1px;
  }
  .company_index .more a:after {
    content: "";
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    transform: rotate(-45deg) skew(10deg, 10deg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 5px;
    height: 5px;
    border-width: 1px !important;
  }
  .company_index .more a:focus, .company_index .more a:hover {
    opacity: 1;
  }
  .company_index .more a:focus span.circle:after, .company_index .more a:hover span.circle:after {
    left: -50%;
  }
  .company_index .sec1.ceo {
    position: relative;
    width: 100%;
    height: 470px;
    background: url(../images/second/company/company_ceo_sp.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 40px;
  }
  .company_index .sec1.ceo .num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 80px;
    height: 80px;
    font-size: 24px;
  }
  .company_index .sec1.ceo .num span {
    display: block;
    text-align: center;
    font-size: 10px;
    margin-top: 5px;
    transform: scale(0.8);
  }
  .company_index .sec1.ceo .btnWrap {
    text-align: right;
  }
  .company_index .sec1.ceo .message_wrap {
    padding: 0 20px 0 170px;
    margin-bottom: 20px;
  }
  .company_index .sec1.ceo h2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
    font-size: 25px;
  }
  .company_index .sec1.ceo .subH2 {
    margin-top: 5px;
    font-size: 10px;
  }
  .company_index .sec1.ceo .rinen {
    font-weight: bold;
    font-size: 12px;
    margin-top: 20px;
  }
  .company_index .sec1.ceo .more {
    margin-top: 30px;
  }
  .company_index .sec2.commitment {
    position: relative;
    width: 100%;
    height: 470px;
    background: url(../images/second/company/company_commitment_sp.jpg) no-repeat;
    background-size: cover;
    padding-top: 70px;
  }
  .company_index .sec2.commitment .num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    position: absolute;
    width: 70px;
    height: 70px;
    font-size: 24px;
    top: 0;
    right: 0;
  }
  .company_index .sec2.commitment .num span {
    display: block;
    text-align: center;
    font-size: 10px;
    margin-top: 5px;
    transform: scale(0.8);
  }
  .company_index .sec2.commitment .message_wrap {
    padding: 0 20px;
    margin-bottom: 20px;
  }
  .company_index .sec2.commitment h2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
    font-size: 25px;
    position: absolute;
    top: 140px;
    right: 20px;
    color: #fff;
    writing-mode: vertical-rl;
  }
  .company_index .sec2.commitment .message_wrap {
    padding-top: 20px;
  }
  .company_index .sec2.commitment .message_wrap h3 {
    font-weight: bold;
    font-size: 15px;
    color: #fff;
  }
  .company_index .sec2.commitment .message_wrap .text {
    margin-top: 20px;
    font-weight: bold;
    color: #fff;
    font-size: 10px;
  }
  .company_index .sec3.professional {
    position: relative;
    margin-bottom: 30px;
  }
  .company_index .sec3.professional .num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 70px;
    height: 70px;
    font-size: 24px;
  }
  .company_index .sec3.professional .num span {
    display: block;
    text-align: center;
    font-size: 10px;
    margin-top: 5px;
    transform: scale(0.8);
  }
  .company_index .sec3.professional .img {
    width: 70%;
    margin: 0 auto;
    padding-top: 25px;
  }
  .company_index .sec3.professional .message_wrap {
    padding: 20px 50px 0;
    margin-bottom: 20px;
  }
  .company_index .sec3.professional h2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
    font-size: 25px;
  }
  .company_index .sec3.professional .subH2 {
    margin-top: 5px;
    font-size: 10px;
  }
  .company_index .sec3.professional .rinen {
    font-weight: bold;
    font-size: 12px;
    margin-top: 20px;
  }
  .company_index .sec3.professional .more {
    margin-top: 10px;
  }
  .company_index .company_link > div {
    width: 100%;
    height: 150px;
  }
  .company_index .company_link > div a {
    display: block;
    height: 100%;
    text-decoration: none;
    position: relative;
  }
  .company_index .company_link > div a.philosophy {
    background: url(../images/second/company/company_philosophy.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a.profile {
    background: url(../images/second/company/company_profile.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a.client {
    background: url(../images/second/company/company_client.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a.access {
    background: url(../images/second/company/company_access.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: 0.3s;
  }
  .company_index .company_link > div a:focus, .company_index .company_link > div a:hover {
    opacity: 1;
  }
  .company_index .company_link > div a:focus:before, .company_index .company_link > div a:hover:before {
    background: rgba(0, 0, 0, 0.1);
  }
  .company_index .company_link > div .title {
    color: #fff;
    line-height: 1;
    margin-top: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px;
    position: absolute;
    left: 0;
    bottom: 15px;
  }
  .company_index .company_link > div .title .en {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 36px;
  }
  .company_index .company_link > div .title .jp {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 14px;
    padding-left: 40px;
  }
  .company_index .company_link > div .title .jp:before {
    content: "";
    display: inline-block;
    width: 30px;
    height: 1px;
    background: #fff;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
  }
  .notfound {
    padding: 0 20px 60px;
  }
  .notfound .notfound_img {
    text-align: center;
  }
  .notfound .notfound_img img {
    max-width: 70%;
  }
  .notfound .notfound_title {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    line-height: 1;
    font-size: 34px;
    text-align: center;
  }
  .notfound .notfound_subtitle {
    font-size: 16px;
    margin-top: 10px;
  }
  .notfound .notfound_text {
    margin-top: 20px;
  }
  .notfound .notfound_btn a {
    text-decoration: none;
    display: block;
    padding: 15px 35px;
    background-image: url(../images/common2023/arrow.png);
    background-position: right 20px center;
    background-size: 18px;
    background: #000;
    background-repeat: no-repeat;
    color: #fff !important;
    text-align: center;
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    border: none;
    font-size: 16px;
    width: 80%;
    margin: 0 auto;
  }
  .column_category_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    justify-content: flex-start;
  }
  .column_category_list li {
    text-align: center;
    line-height: 1;
    padding: 0 10px;
    width: 50%;
  }
  .column_category_list li:nth-child(2n) {
    border-left: 1px solid #989898;
  }
  .column_category_list li a {
    color: #989898;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-decoration: none;
  }
  .column_category_list li.current a {
    color: #212121;
  }
  #newsFilterHead {
    height: 26px;
    display: flex;
    justify-content: flex-end;
  }
  #newsFilter {
    width: 40px;
    height: 26px;
    position: relative;
    z-index: 100;
    transition: all 0.4s;
    border-radius: 15px;
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
  }
  #newsFilter .title {
    position: relative;
    height: 26px;
    width: 40px;
  }
  #newsFilter .title span {
    display: block;
    height: 26px;
  }
  #newsFilter .title span.name {
    display: none;
  }
  #newsFilter .title span.icon {
    width: 40px;
    height: 26px;
    position: relative;
  }
  #newsFilter .title span.icon:before, #newsFilter .title span.icon:after {
    content: "";
    display: block;
    width: 16px;
    height: 1px;
    background: #fff;
    position: absolute;
    top: 50%;
    left: calc(50% - 8px);
  }
  #newsFilter .title span.icon:after {
    transform: rotate(90deg);
    transition: all 0.4s linear;
  }
  #newsFilter .title span.icon.isOpen:after {
    transform: rotate(0);
  }
  #newsFilter .filterUlWrap {
    transform: scale(1, 0);
    position: relative;
    transition: all 0.3s;
  }
  #newsFilter .filterUlWrap.isOpen {
    transform: scale(1, 1);
  }
  #newsFilter #filterUL {
    list-style: none;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
    gap: 5px;
    font-family: "Noto Sans JP", sans-serif;
    position: absolute;
    background: rgba(0, 0, 0, 0.3);
    top: 20px;
    right: 0;
    width: 90vw;
    padding: 2em;
    border-radius: 20px;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
  }
  #newsFilter #filterUL.isOpen {
    transform: scale(1, 1);
  }
  #newsFilter #filterUL li {
    display: inline-block;
    white-space: nowrap;
    font-size: 14px;
  }
  #newsFilter #filterUL li a {
    display: block;
    padding: 5px 0;
    color: #fff;
    text-decoration: none;
  }
  #newsFilter #filterUL li a.isActive {
    font-weight: 700;
    opacity: 0.5;
  }
  #newsFilter #filterUL li a input {
    display: none;
  }
  .aform input[type=text],
  .aform input[type=password],
  .aform input[type=tel],
  .aform input[type=email],
  .aform select,
  .aform textarea {
    border: none;
    padding: 10px 10px;
    width: 100%;
    background: #F7F7F7;
  }
  .aform input[type=text].error,
  .aform input[type=password].error,
  .aform input[type=tel].error,
  .aform input[type=email].error,
  .aform select.error,
  .aform textarea.error {
    background: #fff1f2;
  }
  .aform select {
    padding: 5px 2px;
    width: auto;
  }
  .aform input[type=text].size-s,
  .aform input[type=password].size-s,
  .aform input[type=tel].size-s,
  .aform input[type=email].size-s,
  .aform select.size-s {
    width: 22%;
  }
  .aform input[type=text].size-sm,
  .aform input[type=password].size-sm,
  .aform input[type=tel].size-sm,
  .aform input[type=email].size-sm,
  .aform select.size-sm {
    width: 20%;
  }
  .aform input[type=text].size-m,
  .aform input[type=password].size-m,
  .aform input[type=tel].size-m,
  .aform input[type=email].size-m,
  .aform select.size-m {
    width: 27%;
  }
  .aform input[type=text].size-ml,
  .aform input[type=password].size-ml,
  .aform input[type=tel].size-ml,
  .aform input[type=email].size-ml,
  .aform select.size-ml {
    width: 50%;
  }
  .aform input[type=text].size-l,
  .aform input[type=password].size-l,
  .aform input[type=tel].size-l,
  .aform input[type=email].size-l,
  .aform select.size-l {
    width: 75%;
  }
  .aform input[type=text].size-special,
  .aform input[type=password].size-special,
  .aform input[type=tel].size-special,
  .aform input[type=email].size-special,
  .aform select.size-special {
    width: 85%;
    margin-bottom: 10px;
  }
  .aform input[type=text].year,
  .aform input[type=password].year,
  .aform input[type=tel].year,
  .aform input[type=email].year,
  .aform select.year {
    width: 23%;
    margin-bottom: 10px;
  }
  .aform input[type=text].month,
  .aform input[type=password].month,
  .aform input[type=tel].month,
  .aform input[type=email].month,
  .aform select.month {
    width: 17%;
    margin-bottom: 10px;
  }
  .aform select.year {
    width: 23%;
    margin-bottom: 10px;
  }
  .aform select.month {
    width: 17%;
    margin-bottom: 10px;
  }
  .aform button {
    border: 1px solid #ccc;
    padding: 4px 8px;
    background: #f6f6f6;
    box-shadow: 0px 1px 1px 0px #cccccc;
    font-size: 14px;
  }
  .aform input[type=radio] {
    display: none;
  }
  .aform input[type=radio] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    margin-right: 20px;
    margin-bottom: 5px;
  }
  .aform input[type=radio] + label::before,
  .aform input[type=radio] + label::after {
    position: absolute;
    content: "";
    top: 50%;
    border-radius: 100%;
    transition: all 0.4s;
  }
  .aform input[type=radio] + label::before {
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .aform input[type=radio] + label:focus::before,
  .aform input[type=radio] + label:hover::before {
    background: #fff;
  }
  .aform input[type=radio] + label::after {
    opacity: 0;
    left: 5px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    background: #5dbf5d;
    transform: scale(2);
  }
  .aform input[type=radio]:checked + label::before {
    background: #fff;
    border: 1px solid #5dbf5d;
  }
  .aform input[type=radio]:checked + label::after {
    opacity: 1;
    transform: scale(1);
  }
  .aform input[type=checkbox] {
    display: none;
  }
  .aform input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    padding: 10px 3px 10px 45px;
    cursor: pointer;
    transition: all 0.4s;
    margin-bottom: 5px;
  }
  .aform input[type=checkbox] + label::before,
  .aform input[type=checkbox] + label::after {
    position: absolute;
    content: "";
    transition: all 0.4s;
  }
  .aform input[type=checkbox] + label::before {
    top: 50%;
    left: 0;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background: #fff;
    border: 1px solid #707070;
  }
  .aform input[type=checkbox] + label::after {
    opacity: 0;
    top: 50%;
    left: 7px;
    width: 14px;
    height: 7px;
    margin-top: -4px;
    border-left: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-bottom: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    transform: rotate(-45deg) scale(0.5);
  }
  .aform input[type=checkbox] + label:focus::before,
  .aform input[type=checkbox] + label:hover::before {
    background: #fff;
  }
  .aform input[type=checkbox]:checked + label::before {
    background: #fff;
    border: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .aform input[type=checkbox]:checked + label::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
  }
  .aform .aform-content {
    width: 100%;
    margin-bottom: 20px;
  }
  .aform .aform-content .aform-note {
    background: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .aform .aform-content dl {
    margin-bottom: 15px;
    width: 100%;
    display: block;
    border-bottom: none;
  }
  .aform .aform-content dt {
    width: 100%;
    font-size: 16px;
    font-weight: bold;
    display: block;
    text-align: left;
    margin-bottom: 15px;
    background-clip: padding-box;
    position: relative;
  }
  .aform .aform-content dt .aform-required {
    position: relative;
    color: #fff;
    font-size: 12px;
    border-radius: 9999px;
    background: #052749;
    padding: 4px 8px;
    line-height: 1;
    display: block;
    position: absolute;
    right: 10px;
    top: 50%;
    margin-top: -11px;
    border-radius: 3px;
  }
  .aform .aform-content dd {
    display: block;
    width: 100%;
  }
  .aform .aform-content dd .kome {
    font-size: 13px;
    margin-top: 5px;
    display: block;
  }
  .aform .aform-content dd .block_sp {
    display: block !important;
    margin-top: 10px;
  }
  .aform .aform-content dd .subtxt {
    display: inline-block;
    width: 15%;
  }
  .aform .aform-content .aform-button-area {
    margin-top: 30px;
    padding: 0;
    background: none;
    text-align: center;
    display: flex;
    justify-content: space-between;
  }
  .aform .aform-content .aform-button-area input[type=submit] {
    display: block;
    padding: 12px 35px;
    background-image: url("../images/common2023/arrow.png");
    background-position: right 12px center;
    background-size: 16px;
    background: #052749;
    background-repeat: no-repeat;
    border-radius: 9999px;
    color: #fff !important;
    text-align: center;
    margin-bottom: 20px;
    vertical-align: top;
    position: relative;
    border: none;
    font-size: 16px;
    width: 70%;
    margin: 0 auto;
  }
  .aform .aform-content .aform-button-area input[type=submit]:visited {
    color: #fff !important;
  }
  .nofloat {
    float: none !important;
  }
  #aform_btn_back {
    display: block;
    padding: 12px 35px;
    background-image: url("../images/common2023/arrow_b.png");
    background-position: left 12px center;
    background-size: 16px;
    background: #fff;
    background-repeat: no-repeat;
    color: #052749;
    border-radius: 9999px;
    text-align: center;
    vertical-align: top;
    position: relative;
    border: none;
    font-size: 16px;
    width: calc(30% - 10px);
    margin-right: 10px;
    border: 1px solid #052749;
  }
  #aform_btn_back.noicon {
    padding: 15px 50px 13px 50px;
    background: #fff;
    background-image: none;
  }
  .aform .aform-content dl.aform-error-list {
    border: none;
  }
  .aform .aform-content dl.aform-error-list dt {
    display: block;
  }
  .aform .aform-content dl.aform-error-list dd {
    display: list-item;
    margin-left: 25px;
  }
  label.error {
    padding-left: 20px;
    margin-top: 5px;
    display: block;
    background: url("../images/common2023/error.png") no-repeat left 3px;
  }
  label.error img {
    display: none;
  }
  #aform_confirm_msg {
    text-align: center;
    padding-top: 20px;
  }
  img[src$="icon_new_windows.gif"] {
    margin-left: 10px;
    vertical-align: middle;
  }
  .aform-header {
    display: none;
  }
  .aform select.aform-calendar {
    width: auto;
  }
  .aform select.aform-calendar + label {
    margin-left: 2px;
    margin-right: 5px;
  }
  .aform-twice-note {
    margin-top: 15px;
    margin-bottom: 5px;
    display: block;
  }
  .aform-error {
    color: #c73737;
  }
  .contact_wrap.confirm .aform-privacy {
    display: none;
  }
  .contact_wrap.confirm .parts-12 {
    display: none;
  }
  .contact_wrap.confirm .parts-12 + .dl_parts-10 {
    display: none;
  }
  .subpage {
    /** lead **/
    /** 目次 **/
    /** layout **/
    /** heading **/
    /* common class */
  }
  .subpage article ul {
    list-style: none;
  }
  .subpage article img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .subpage .inner {
    padding: 0 20px;
  }
  .subpage .lead_title {
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin-top: 0;
    font-size: 16px;
    letter-spacing: 0.1em;
  }
  .subpage .lead_txt {
    font-size: 15px;
  }
  .subpage * + .lead_txt {
    margin-top: 20px;
  }
  .subpage .lead_txt + .titleMoon {
    margin-top: 67px;
  }
  .subpage .table_cont {
    background: url(../images/common2023/bg.png) repeat top left;
    margin-top: 30px;
  }
  .subpage .table_cont_in {
    max-width: 690px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    margin: 0 20px;
    padding: 0 20px;
  }
  .subpage .table_cont_title {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    font-size: 19px;
    margin-top: 0;
    margin-bottom: 30px;
  }
  .subpage .table_cont ol li {
    counter-increment: cnt;
    margin-bottom: 1em;
    font-size: 14px;
  }
  .subpage .table_cont ol li a {
    font-weight: 700;
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  .subpage .table_cont ol li a:before {
    content: counter(cnt);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 400;
    background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(219, 219, 217) 51%, rgb(219, 219, 217) 100%);
    width: 18px;
    height: 18px;
    font-size: 14px;
    margin-right: 8px;
  }
  .subpage .col2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .subpage .col2 .txt_box {
    width: 100%;
    order: 2;
  }
  .subpage .col2 .pic_box {
    width: 100%;
    text-align: center;
  }
  .subpage .imgLine2 li {
    text-align: center;
    margin-top: 20px;
  }
  .subpage .imgLine2 li img {
    max-width: 100%;
  }
  .subpage .imgLine2 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .subpage .imgLine3 {
    margin-top: 30px;
  }
  .subpage .imgLine3 li {
    text-align: center;
    margin-top: 20px;
  }
  .subpage .imgLine3 li img {
    max-width: 100%;
  }
  .subpage .imgLine3 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .subpage .imgLine4 {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
  }
  .subpage .imgLine4 li {
    width: calc(50% - 8px);
    margin-right: 16px;
  }
  .subpage .imgLine4 li:nth-of-type(2n) {
    margin-right: 0;
  }
  .subpage .imgLine4 li img {
    width: 100%;
  }
  .subpage .service_h1 {
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    padding-top: 20px;
  }
  .subpage .h2 {
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    position: relative;
    font-size: 20px;
    padding-top: 18px;
    margin-top: 30px;
  }
  .subpage .h2.small {
    font-size: 16px;
  }
  .subpage .h2 + p {
    margin-top: 30px;
  }
  .subpage .h2:before {
    content: "";
    border-radius: 50%;
    background: #080807;
    position: absolute;
    top: 0;
    width: 6px;
    height: 6px;
    left: calc(50% - 10px);
  }
  .subpage .h2:after {
    content: "";
    border-radius: 50%;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    top: 0;
    width: 6px;
    height: 6px;
    right: calc(50% - 10px);
  }
  .subpage .h2.left {
    text-align: left;
  }
  .subpage .h2.left:before {
    left: 0;
  }
  .subpage .h2.left:after {
    left: 17px;
    left: 11px;
  }
  .subpage .h3 {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
    position: relative;
    font-size: 17px;
    padding-bottom: 15px;
    margin-top: 40px;
  }
  .subpage .h3 + p {
    margin-top: 20px;
  }
  .subpage .h3:after {
    content: "";
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 28px;
  }
  .subpage .h4 {
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-size: 15px;
    margin-top: 30px;
  }
  .subpage .h4 + p {
    margin-top: 20px;
  }
  .subpage .catch {
    font-weight: 500;
    font-size: 28px;
  }
  .subpage .catch + p {
    margin-top: 30px;
  }
  .subpage .catch i {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    display: block;
    font-size: 12px;
  }
  .subpage strong {
    font-weight: bold !important;
  }
  .subpage a.link,
  .subpage span.link {
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 15px;
  }
  .subpage a.link:after,
  .subpage span.link:after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-right: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    right: 0;
    top: calc(50% - 3px);
    transform: rotate(45deg);
  }
  .subpage * + p {
    margin-top: 30px;
  }
  .subpage p.img .cap {
    display: block;
    margin-top: 5px;
  }
  .subpage a.icon {
    display: inline-block;
    position: relative;
    padding-right: 20px;
  }
  .subpage a.icon:after {
    content: "";
    display: block;
    width: 1em;
    height: 1.2em;
    background-size: auto 1em;
    background-repeat: no-repeat;
    background-position: 50% 0;
    position: absolute;
    right: 0;
    top: 0.35em;
  }
  .subpage a.icon[href$=pdf]:after {
    background-image: url(../images/second/icon_pdf.png);
  }
  .subpage a.icon[href$=doc]:after, .subpage a.icon[href$=docx]:after {
    background-image: url(../images/second/icon_doc.png);
  }
  .subpage a.icon[href$=xls]:after, .subpage a.icon[href$=xlsx]:after {
    background-image: url(../images/second/icon_xls.png);
  }
  .subpage .ico_blank {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../images/common2023/ico_blank.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px;
  }
  .subpage ul.anker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .subpage ul.anker.col2 li {
    width: 50%;
  }
  .subpage ul.anker.col4 li {
    width: 50%;
  }
  .subpage ul.anker li {
    list-style: none;
    border-right: 1px solid #fff;
    width: 33.3333333333%;
  }
  .subpage ul.anker li a {
    display: block;
    background: #eeeeee;
    position: relative;
    height: 100%;
    padding: 8px 12px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    line-height: 1.3;
    text-decoration: none;
    transition: background 0.4s;
    font-size: 14px;
  }
  .subpage ul.anker li a:after {
    content: "";
    display: block;
    border-bottom: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-right: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 11px;
    left: 50%;
    margin-left: -3px;
  }
  .subpage * + .btnWrap {
    margin-top: 50px;
  }
  .subpage .btnWrap + .btnWrap {
    margin-top: 25px;
  }
  .subpage .btnWrap .btn {
    min-width: 85%;
    padding: 12px 15px;
  }
  .subpage .btnWrap .btn i {
    width: 9px;
    height: 9px;
    margin-right: 5px;
  }
  .subpage .btnWrap .btn i:before {
    width: 9px;
    height: 9px;
  }
  .subpage .commonBtn {
    display: inline-block;
    position: relative;
    text-decoration: none;
    border: 1px solid #E6E6E6;
    text-align: center;
    background: #052749;
    color: #ffffff;
    box-shadow: none;
    display: block;
    margin: 30px auto 0;
    width: 100%;
    padding: 8px 30px 8px;
  }
  .subpage .commonBtn:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    right: 15px;
  }
  .subpage .btns a:not(:first-of-type) {
    margin-top: 1em;
  }
  .subpage .btn_line2 {
    margin-top: 30px;
  }
  .subpage .btn_line2 a {
    margin-bottom: 1em;
  }
  .subpage .btn_line2.cap_in a {
    margin-bottom: 5px;
  }
  .subpage .btn_line2.cap_in .cap {
    font-size: 12px;
    display: block;
    margin-bottom: 1em;
    text-align: center;
  }
  .subpage .btn_line3 {
    margin-top: 30px;
  }
  .subpage .btn_line3 a:not(:first-of-type) {
    margin-top: 1em;
  }
  .subpage .btn_line4 {
    margin-top: 30px;
  }
  .subpage .btn_line4 a:not(:first-of-type) {
    margin-top: 1em;
  }
  .subpage * + ul.commonList {
    margin-top: 30px;
  }
  .subpage ul.commonList li {
    padding-left: 14px;
  }
  .subpage ul.commonList li:not(:first-of-type) {
    margin-top: 10px;
  }
  .subpage ul.commonList li:before {
    width: 8px;
    height: 8px;
  }
  .subpage ol.orderList {
    padding-left: 18px;
    margin-top: 30px;
  }
  .subpage ol.orderList li {
    list-style: decimal;
  }
  .subpage ol.orderList li + li {
    margin-top: 10px;
  }
  .subpage .customBlock table,
  .subpage .commonTable {
    border-top: 1px solid #B8B8B8;
    border-left: 1px solid #B8B8B8;
    width: 100%;
    margin-top: 30px;
  }
  .subpage .customBlock table tr,
  .subpage .commonTable tr {
    border-bottom: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8;
  }
  .subpage .customBlock table th,
  .subpage .commonTable th {
    background: #f1f1f1;
    padding: 12px;
    text-align: left;
    border-right: 1px solid #B8B8B8;
  }
  .subpage .customBlock table th.sub,
  .subpage .commonTable th.sub {
    background: #f3f3f3;
  }
  .subpage .customBlock table th.null,
  .subpage .commonTable th.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #fff;
  }
  .subpage .customBlock table td,
  .subpage .commonTable td {
    background: #fff;
    padding: 12px;
    border-right: 1px solid #B8B8B8;
    vertical-align: top;
  }
  .subpage .customBlock table td *:last-child,
  .subpage .commonTable td *:last-child {
    margin-bottom: 0;
  }
  .subpage .customBlock table td *:first-child,
  .subpage .commonTable td *:first-child {
    margin-top: 0;
  }
  .subpage .customBlock table td.null,
  .subpage .commonTable td.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  .subpage .scrollTable {
    overflow: auto;
  }
  .subpage .scrollTable table {
    white-space: nowrap;
  }
  .subpage .scrolltext {
    font-size: 13px;
    text-align: right;
    margin-bottom: -20px;
    margin-top: 20px;
  }
  .subpage .colorBox {
    margin-top: 2em;
    padding: 15px;
  }
  .subpage .colorBox *:nth-child(1) {
    margin-top: 0;
  }
  .subpage .colorBox p {
    line-height: 1.7;
  }
  .subpage .colorBox.bgGray {
    background: #F7F7F7;
  }
  .subpage .borderBox {
    margin-top: 2em;
    border: 1px solid #000;
    padding: 15px;
  }
  .subpage .borderBox *:nth-child(1) {
    margin-top: 0;
  }
  .subpage .borderBox p {
    line-height: 1.7;
  }
  .subpage .borderBox.bdGray {
    border-color: #999;
  }
  .subpage .border-box {
    border: 1px solid #ccc;
    padding: 20px;
  }
  .subpage .ytWrap {
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 30px;
  }
  .subpage .ytWrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .subpage .imgInP {
    margin-top: 30px;
  }
  .subpage .imgInP .img {
    display: block;
    margin: 0 auto;
    padding-bottom: 10px;
  }
  .subpage .imgInP .img .cap {
    display: block;
    text-align: left;
    font-size: 14px;
    margin-top: 10px;
  }
  .subpage .imgInP.sp_img_btm {
    display: flex;
    flex-wrap: wrap;
  }
  .subpage .imgInP.sp_img_btm .img {
    display: block;
    order: 2;
    margin: 10px auto 0;
    padding-bottom: 0;
  }
  .subpage .imgInP.sp_img_btm .text {
    flex-basis: 100%;
    order: 1;
  }
  .subpage .commonDL {
    margin-top: 30px;
  }
  .subpage .commonDL dl {
    letter-spacing: -0.025em;
    display: flex;
    color: #052749;
    font-size: 14px;
  }
  .subpage .commonDL dt {
    border-bottom: solid 1px #f0f0f0;
    padding-block: 14px;
    width: 70px;
  }
  .subpage .commonDL dd {
    border-bottom: solid 1px #f0f0f0;
    width: calc(100% - 60px);
    padding-block: 14px;
  }
  .subpage .borderDotBox {
    border: 2px dotted #000;
    margin-top: 30px;
    padding: 20px 20px;
  }
  .subpage .borderDotBox h2,
  .subpage .borderDotBox h3,
  .subpage .borderDotBox h4 {
    margin-top: 0;
  }
  .subpage .borderDotBox .title {
    text-align: center;
    font-weight: bold;
    position: relative;
    font-size: 18px;
    /*
    &:after{
        content: "";
        background: #ffdd1a;
        position: absolute;
        left: calc(50% - 28px);
        bottom: 0;
        height: 2px;
        width: 56px;
    }
    */
  }
  .subpage .borderDotBox .title span {
    background: linear-gradient(transparent 70%, #ffdd1a 70%);
  }
  .subpage .borderDotBox > ul {
    margin-top: 20px;
  }
  .subpage .borderDotBox > ul > li:not(:first-of-type) {
    margin-top: 30px;
  }
  .subpage .borderDotBox > ul h3 {
    font-weight: bold;
    line-height: 1.5;
    font-size: 16px;
  }
  .subpage .borderDotBox > ul p {
    font-size: 14px;
    margin-top: 10px;
  }
  .subpage .borderDotBox2 {
    border: 2px dotted #000;
    margin-top: 30px;
    padding: 20px 20px;
  }
  .subpage .borderDotBox2 h2,
  .subpage .borderDotBox2 h3,
  .subpage .borderDotBox2 h4 {
    margin-top: 0;
  }
  .subpage .cap {
    display: block;
    margin-top: 10px;
    font-size: 13px;
  }
  .subpage .blog_tableContents {
    background: #F7F7F7;
    padding: 20px;
    margin: 30px auto;
  }
  .subpage .blog_tableContentsTitle {
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid #aaaaaa;
    font-size: 16px;
    padding-bottom: 10px;
    margin: 0 0 20px;
  }
  .subpage .blog_tableContentsTitle:before {
    content: "";
    width: 0.7em;
    height: 1em;
    background: url(../images/common2023/table_icon.svg) no-repeat center/contain;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 5px;
  }
  .subpage .blog_tableContents ol li {
    counter-increment: cnt;
    text-indent: -1.5em;
    padding-left: 1.5em;
    margin-bottom: 1em;
  }
  .subpage .blog_tableContents ol li:last-child {
    margin-bottom: 0;
  }
  .subpage .blog_tableContents ol li:before {
    content: counter(cnt) ".";
    font-weight: 700;
    margin-right: 0.5em;
  }
  .subpage .blog_tableContents ol li a {
    text-decoration: none;
  }
  .subpage .relatedColumnTitle {
    text-align: center;
    font-weight: 700;
    font-size: 18px;
    margin-bottom: 15px;
  }
  .subpage .page-3 {
    font-size: 15px;
  }
  .subpage .page-2 .hero_img {
    height: 112px;
  }
  .subpage .page-3 .hero_title .title {
    font-size: 24px;
  }
  .subpage * + .hero_catch {
    margin-top: 21px;
  }
  .subpage .hero_catch {
    font-size: 15px;
    line-height: 1.75;
  }
  .subpage .pageImg {
    margin-top: 0;
  }
  .subpage .pageImg + * {
    margin-top: 60px;
  }
  .subpage .section h1.title {
    font-size: 24px;
  }
  .subpage .lead_title + h2.titleCenter {
    margin-top: 41px;
  }
  .subpage h1.titleCenter,
  .subpage h2.titleCenter {
    font-size: 22px;
  }
  .subpage * + h2.title,
  .subpage .blog * + h2:not(.blog_tableContentsTitle) {
    margin-top: 60px !important;
  }
  .subpage h2.title,
  .subpage .blog h2:not(.blog_tableContentsTitle) {
    font-size: 22px;
  }
  .subpage h2.title + *,
  .subpage .blog h2:not(.blog_tableContentsTitle) + * {
    margin-top: 40px !important;
  }
  .subpage * + h3.title,
  .subpage .blog * + h3:not(.blog_tableContentsTitle) {
    margin-top: 40px;
  }
  .subpage h3.title,
  .subpage .blog h3:not(.blog_tableContentsTitle) {
    font-size: 18px;
  }
  .subpage h3.title + p,
  .subpage .blog h3:not(.blog_tableContentsTitle) + p {
    margin-top: 22px;
  }
  .subpage * + h4.title,
  .subpage .blog * + h4:not(.blog_tableContentsTitle) {
    margin-top: 32px;
  }
  .subpage h4.title,
  .subpage .blog h4:not(.blog_tableContentsTitle) {
    padding-top: 16px;
    font-size: 16px;
  }
  .subpage h4.title:before,
  .subpage .blog h4:not(.blog_tableContentsTitle):before {
    width: 24px;
    height: 2px;
  }
  .subpage h4.title:after,
  .subpage .blog h4:not(.blog_tableContentsTitle):after {
    width: 8px;
    height: 2px;
  }
  .subpage h4.title + *,
  .subpage .blog h4:not(.blog_tableContentsTitle) + * {
    margin-top: 16px;
  }
  .subpage .titleLeftSub {
    font-size: 14px;
  }
  .subpage .titleLeftSub + .titleLeft {
    margin-top: 4px;
  }
  .subpage .titleLeft {
    font-size: 22px;
  }
  .subpage .titleLeft + * {
    margin-top: 24px;
  }
  .subpage * + .titleMoon {
    margin-top: 28px;
  }
  .subpage .titleMoon {
    padding-left: 40px;
    font-size: 17px;
  }
  .subpage .titleMoon.small {
    font-size: 13px;
  }
  .subpage .titleMoon .titleMoonNum {
    font-size: 23px;
    top: 5px;
    left: 0;
  }
  .subpage * + .titleMoonBody {
    margin-top: 14px;
  }
  .subpage .titleMoonBody {
    font-size: 13px;
    line-height: 1.92;
  }
  .subpage .titleCenterEn {
    font-size: 30px;
  }
  .subpage * + .titleCenter {
    margin-top: 70px;
  }
  .subpage .titleCenter {
    font-size: 18px;
  }
  .subpage * + .titleLeftSide {
    margin-top: 72px;
  }
  .subpage .titleLeftSide {
    font-size: 24px;
  }
  .subpage .titleLeftSide span {
    margin-left: 18px;
    font-size: 18px;
  }
  .subpage .titleLeftSide + * {
    margin-top: 29px;
  }
  .subpage * + .content_list {
    margin-top: 32px;
  }
  .subpage .content_list > li {
    border-radius: 8px;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.11);
  }
  .subpage .content_list > li + li {
    margin-top: 25px;
  }
  .subpage .content_list > li > * {
    border-radius: 8px;
  }
  .subpage .content_list > li > a {
    padding: 30px 29px 42px;
  }
  .subpage .content_list > li > a .content_list_body + i {
    width: 9px;
    height: 9px;
    bottom: 14px;
    right: 14px;
  }
  .subpage .content_list > li > a .content_list_body + i:before {
    width: 9px;
    height: 9px;
  }
  .subpage .content_list > li > a i > img.sizeFit {
    max-width: 62px;
  }
  .subpage .content_list > li > a * + .content_list_title {
    margin-top: 11px;
  }
  .subpage .content_list > li > a .content_list_title {
    font-size: 16px;
  }
  .subpage .content_list > li > a .content_list_body {
    margin-top: 15px;
    font-size: 14px;
    line-height: 2;
  }
  .subpage * + .content_list_sub {
    margin-top: 40px;
  }
  .subpage .content_list_sub {
    border-bottom: 1px solid #212121;
  }
  .subpage .content_list_sub > li {
    border-width: 1px 0 0 0;
  }
  .subpage .content_list_sub > li > * {
    width: 100%;
    padding: 6px 6px 6px 35px;
  }
  .subpage .content_list_sub > li > a:before {
    width: 24px;
    height: 24px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 15px 7px;
    transition: 0.4s transform;
  }
  .subpage .content_list_sub > li .content_list_sub_icon {
    flex: none;
    width: 60px;
    height: 60px;
  }
  .subpage .content_list_sub > li .content_list_sub_title {
    margin-top: 0;
    margin-left: 8px;
    font-size: 16px;
  }
  .subpage .content_list_door > div + div {
    padding-top: 10px;
    margin-top: 40px;
    border-top: 1px solid #cfcfcf;
  }
  .subpage .content_list_door > div > dt a {
    padding-right: 61px;
  }
  .subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_icon {
    width: 80px;
    margin-left: -16px;
  }
  .subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_text {
    width: calc(100% - 60px);
    margin-left: auto;
  }
  .subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_text .content_list_door_title_sub {
    font-size: 12px;
  }
  .subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_text .content_list_door_title {
    margin-top: 2px;
    font-size: 20px;
    position: relative;
  }
  .subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_text .content_list_door_title:before {
    content: "";
    display: block;
    border-radius: 50%;
    background: #000000;
    background-repeat: no-repeat;
    background-image: url(../images/common2023/icon_arrow_white.svg);
    background-position: center;
    position: absolute;
    width: 24px;
    height: 24px;
    top: 0;
    bottom: 0;
    right: -40px;
    margin: auto;
    transition: 0.4s transform;
    background-size: 15px 7px;
  }
  .subpage .content_list_door > div > dd {
    margin-top: 20px;
  }
  .subpage .content_list_door > div > dd .contents_list_body > li + li {
    margin-top: 13px;
  }
  .subpage .content_list_door > div > dd .contents_list_body > li > a {
    padding-left: 30px;
    font-size: 16px;
  }
  .subpage .content_list_door > div > dd .contents_list_body > li > a:before {
    width: 15px;
    height: 7px;
    top: 0.7em;
  }
  .subpage .content_list_door.door_col2 > div + div:before {
    display: none;
  }
  .subpage * + .price_box {
    margin-top: 20px;
  }
  .subpage .price_box {
    padding: 26px;
    border-radius: 8px;
  }
  .subpage .price_box .price_box_header .price_box_title {
    font-size: 30px;
  }
  .subpage .price_box .price_box_header .price_box_title_sub {
    margin-top: 0;
    font-size: 11px;
  }
  .subpage .price_box .price_box_body {
    margin-top: 20px;
  }
  .subpage .price_box .price_box_body .price_list > div + div {
    margin-top: 14px;
  }
  .subpage .price_box .price_box_body .price_list > div dt {
    width: 68px;
    font-size: 13px;
  }
  .subpage .price_box .price_box_body .price_list > div dd {
    font-size: 13px;
  }
  .subpage .price_box .price_box_body .price_list > div dd strong {
    font-size: 24px;
  }
  .subpage .price_box * + .price_box_overview {
    margin-top: 14px;
  }
  .subpage .price_box .price_box_overview {
    width: 100%;
    padding: 12px 25px;
    border-radius: 8px;
    font-size: 12px;
  }
  .subpage * + .pointBox {
    margin-top: 41px;
  }
  .subpage .pointBox {
    padding: 17px 20px;
    border-radius: 8px;
  }
  .subpage .pointBox .pointBoxTitle {
    padding-left: 33px;
    font-size: 16px;
  }
  .subpage .pointBox .pointBoxTitle:before {
    width: 24px;
    height: 24px;
    top: 4px;
  }
  .subpage .pointBox .pointBoxTitle + * {
    margin-top: 4px;
  }
  .subpage * + .connectionBox,
  .subpage * + .connectionBoxCol {
    margin-top: 71px;
  }
  .subpage .connectionBox .connectionBoxTitle {
    font-size: 19px;
  }
  .subpage .connectionBox .connectionBoxTitle span {
    margin-left: 15px;
    font-size: 15px;
  }
  .subpage .connectionBox .connectionBoxTitle + .linkList {
    margin-top: 23px;
  }
  .subpage .connectionBox .linkList {
    padding: 7px 20px 17px;
    border-radius: 8px;
  }
  .subpage .connectionBox .linkList > li {
    font-size: 15px;
    margin-top: 10px;
    padding-right: 10px;
    margin-right: 10px;
  }
  .subpage .connectionBox .linkList > li > a {
    padding-left: 14px;
  }
  .subpage .connectionBox .linkList > li > a:after {
    width: 8px;
    height: 2px;
    top: 0.875em;
    left: 0;
  }
  .subpage .connectionBoxCol {
    padding: 30px 24px 40px;
  }
  .subpage .connectionBoxCol .connectionTextWrap {
    flex-direction: column;
  }
  .subpage .connectionBoxCol .connectionTextWrap::before {
    height: 1px;
    width: 100%;
    top: 36px;
  }
  .subpage .connectionBoxCol .connectionTextWrap .connectionBoxTitle {
    font-size: 19px;
  }
  .subpage .connectionBoxCol .connectionTextWrap .connectionBoxTitle span {
    margin-left: 15px;
    font-size: 15px;
  }
  .subpage .connectionBoxCol .connectionTextWrap .connectionBoxTitle + .linkList {
    margin-top: 26px;
  }
  .subpage .connectionBoxCol .connectionTextWrap .connectionBoxTitle + p {
    margin-top: 43px;
    line-height: 1.84;
  }
  .subpage .connectionBoxCol .connectionTextWrap > p {
    font-size: 13px;
    line-height: 1.84;
  }
  .subpage .connectionBoxCol .linkList {
    margin-top: 8px;
  }
  .subpage .connectionBoxCol .linkList > li {
    width: 100%;
    font-size: 15px;
    margin-top: 8px;
  }
  .subpage .connectionBoxCol .linkList > li > a {
    padding-left: 24px;
    font-size: 13px;
  }
  .subpage .connectionBoxCol .linkList > li > a:after {
    width: 8px;
    height: 3px;
    top: 0.775em;
    left: 0;
  }
  .subpage .customBlock * + .mt-be-columns {
    margin-top: 40px;
  }
  .subpage * + .column1 {
    margin-top: 44px;
  }
  .subpage .column1 {
    flex-direction: column;
  }
  .subpage .column1 + .column1 {
    margin-top: 44px;
  }
  .subpage .column1 .columnText {
    order: 1;
  }
  .subpage .column1 .columnText .columnTitle {
    font-size: 22px;
  }
  .subpage .column1 .columnText .columnTitle + * {
    margin-top: 21px;
  }
  .subpage .customBlock * + .mt-be-columns,
  .subpage * + .column2 {
    margin-top: 44px;
  }
  .subpage .customBlock .mt-be-columns,
  .subpage .column2 {
    flex-direction: column;
  }
  .subpage .customBlock .mt-be-columns + .mt-be-columns,
  .subpage .customBlock .mt-be-columns + .column2,
  .subpage .column2 + .mt-be-columns,
  .subpage .column2 + .column2 {
    margin-top: 44px;
  }
  .subpage .customBlock .mt-be-columns .mt-be-column + .mt-be-column,
  .subpage .column2 .mt-be-column + .mt-be-column {
    margin-top: 24px;
  }
  .subpage .customBlock .mt-be-columns .columnText,
  .subpage .column2 .columnText {
    order: 1;
    margin-top: 24px;
  }
  .subpage .customBlock .mt-be-columns .columnText .columnTitle,
  .subpage .column2 .columnText .columnTitle {
    font-size: 22px;
  }
  .subpage .customBlock .mt-be-columns .columnText .columnTitle + *,
  .subpage .column2 .columnText .columnTitle + * {
    margin-top: 21px;
  }
  .subpage .customBlock .mt-be-columns .columnThumb,
  .subpage .column2 .columnThumb {
    order: 0;
  }
  .subpage .blockList > li + li {
    margin-top: 50px;
  }
  .subpage .leadCatch {
    font-size: 26px;
    line-height: 1.5;
  }
  .subpage .leadCatch + * {
    margin-top: 50px;
  }
  .subpage * + .anchorList {
    margin-top: 30px;
  }
  .subpage .anchorList > li {
    width: calc(50% - 10px);
  }
  .subpage .anchorList > li:nth-child(odd) {
    margin-right: 20px;
  }
  .subpage .anchorList > li:nth-child(n+3) {
    margin-top: 10px;
  }
  .subpage .anchorList > li > a {
    padding: 12px 5px 12px 40px;
    font-size: 16px;
  }
  .subpage .anchorList > li > a:before {
    width: 21px;
    height: 21px;
    left: 25px;
  }
  .subpage .anchorList > li > a:after {
    width: 15px;
    height: 7px;
    left: 8px;
  }
  .subpage * + .faqList {
    margin-top: 40px;
  }
  .subpage .faqList {
    padding: 0 20px;
  }
  .subpage .faqList > div {
    padding: 27px 20px;
    border-radius: 8px;
  }
  .subpage .faqList > div + div {
    margin-top: 24px;
  }
  .subpage .faqList > div:before {
    width: 32px;
    line-height: 32px;
    font-size: 22px;
    border-radius: 16px;
    top: -10px;
    left: -16px;
  }
  .subpage .faqList > div dt {
    padding-right: 25px;
    font-size: 16px;
  }
  .subpage .faqList > div dt:before, .subpage .faqList > div dt:after {
    width: 16px;
    height: 2px;
    right: 3px;
  }
  .subpage .faqList > div dd {
    margin-top: 12px;
  }
  .subpage * + .pmarkBox {
    margin-top: 30px;
  }
  .subpage .pmarkBox {
    margin-inline: auto;
  }
  .subpage .pmarkBox > figure {
    width: 60px;
  }
  .subpage .pmarkBox .pmarkBoxNote {
    margin-left: 33px;
    font-size: 12px;
    line-height: 1.46;
    margin-top: 0;
  }
  .subpage .customBlock > .inner > div:not([class]) {
    margin-top: 30px;
  }
  .subpage .taC_sp {
    text-align: center !important;
  }
  .subpage .taL_sp {
    text-align: left !important;
  }
  .subpage .taR_sp {
    text-align: right !important;
  }
  .subpage .mB0 {
    margin-bottom: 0 !important;
  }
  .subpage .mB5_sp {
    margin-bottom: 5px !important;
  }
  .subpage .mB10_sp {
    margin-bottom: 10px !important;
  }
  .subpage .mB20_sp {
    margin-bottom: 20px !important;
  }
  .subpage .mB30_sp {
    margin-bottom: 30px !important;
  }
  .subpage .mB40_sp {
    margin-bottom: 40px !important;
  }
  .subpage .mB50_sp {
    margin-bottom: 50px !important;
  }
  .subpage .mT0_sp {
    margin-top: 0 !important;
  }
  .subpage .mT5_sp {
    margin-top: 5px !important;
  }
  .subpage .mT10_sp {
    margin-top: 10px !important;
  }
  .subpage .mT20_sp {
    margin-top: 20px !important;
  }
  .subpage .mT30_sp {
    margin-top: 30px !important;
  }
  .subpage .mT40_sp {
    margin-top: 40px !important;
  }
  .subpage .mT50_sp {
    margin-top: 50px !important;
  }
  .subpage .mL0_sp {
    margin-left: 0px !important;
  }
  .subpage .mL5_sp {
    margin-left: 5px !important;
  }
  .subpage .mL10_sp {
    margin-left: 10px !important;
  }
  .subpage .mL20_sp {
    margin-left: 20px !important;
  }
  .subpage .mL30_sp {
    margin-left: 30px !important;
  }
  .subpage .mL40_sp {
    margin-left: 40px !important;
  }
  .subpage .mL50_sp {
    margin-left: 50px !important;
  }
  .subpage .mR0_sp {
    margin-right: 0px !important;
  }
  .subpage .mR5_sp {
    margin-right: 5px !important;
  }
  .subpage .mR10_sp {
    margin-right: 10px !important;
  }
  .subpage .mR20_sp {
    margin-right: 20px !important;
  }
  .subpage .mR30_sp {
    margin-right: 30px !important;
  }
  .subpage .mR40_sp {
    margin-right: 40px !important;
  }
  .subpage .mR50_sp {
    margin-right: 50px !important;
  }
  .subpage .size12_sp {
    font-size: 12px !important;
  }
  .subpage .size14_sp {
    font-size: 14px !important;
  }
  .subpage .size16_sp {
    font-size: 16px !important;
  }
  .subpage .size18_sp {
    font-size: 18px !important;
  }
  .subpage .size20_sp {
    font-size: 20px !important;
  }
  .subpage .w50p_sp {
    width: 50% !important;
  }
  .subpage .red {
    color: #de0000 !important;
  }
  .subpage .blue {
    color: #356fcf !important;
  }
  .subpage .gray {
    color: #666 !important;
  }
  .subpage .bold {
    font-weight: bold !important;
  }
  .subpage .underline {
    text-decoration: underline !important;
  }
  .subpage .green {
    color: #23ac3a !important;
  }
  .subpage .bdb {
    border-bottom: 2px solid #004aa4;
  }
  .subpage .fontL {
    font-size: 1.2em;
  }
  .subpage .fontS {
    font-size: 0.8em;
  }
  .subpage .floatL {
    float: left;
  }
  .subpage .floatR {
    float: right;
  }
  .subpage .preBox {
    background: #eff0f4;
    border: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .subpage .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto;
  }
  .subpage .heroH1Wrap h1 {
    font-size: 26px;
    text-align: left;
    line-height: 1.13;
  }
  .subpage .hero.label2 {
    padding-bottom: 0;
  }
  .subpage .companyMessage {
    margin-top: 80px;
  }
  .subpage .companyMessage .presImg {
    display: block;
    margin-top: 36px;
  }
  .subpage .companyMessage .presImg img {
    aspect-ratio: 750/596;
  }
  .subpage .companyMessage .companyMessageInner {
    max-width: 600px;
    padding-inline: 20px;
  }
  .subpage .companyMessage .companyMessageInner > .textArea .h2TitleWrap h2 {
    font-size: 21px;
    line-height: 1.33;
    letter-spacing: -0.025em;
    margin-top: 8px;
  }
  .subpage .companyMessage .companyMessageInner > .textArea .companyText {
    line-height: 1.85;
    font-size: 14px;
    margin-top: 20px;
  }
  .subpage .companyMessage .companyMessageInner > .textArea .presText {
    font-size: 14px;
    margin-top: 18px;
  }
  .subpage .client {
    margin-top: 40px;
  }
  .subpage .client .clientInner {
    padding-inline: 20px;
  }
  .subpage .client .clientInner .h2TitleWrap h2 {
    font-size: 20px;
  }
  .subpage .client .clientInner + .inner {
    margin-top: 20px;
  }
  .subpage .mission {
    padding-top: 35px;
  }
  .subpage .mission .missionInner {
    max-width: 600px;
    padding-inline: 20px;
    margin-top: -15px;
  }
  .subpage .mission .missionInner .textArea .h2TitleWrap h2 {
    font-size: 21px;
    line-height: 1.33;
    letter-spacing: -0.025em;
  }
  .subpage .mission .missionInner .textArea > p {
    font-size: 14px;
    line-height: 1.85;
  }
  .subpage .mission .heroEnTitle {
    right: 0px;
    font-size: 50px;
    line-height: 1;
    top: -7px;
  }
  .subpage .bizSec {
    padding-top: 62px;
    padding-bottom: 50px;
  }
  .subpage .bizSec .inner {
    max-width: 600px;
    margin-inline: auto;
  }
  .subpage .bizSec .inner .bizItemWrap {
    flex-direction: column;
    row-gap: 40px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle {
    position: relative;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .enTitle {
    font-size: 10px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .bizTitle {
    margin-top: 1px;
    font-size: 20px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .diaArrow {
    position: absolute;
    right: 0;
    top: 27px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .diaArrow i {
    width: 30px;
    height: 30px;
    border: solid 1px #052749;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .diaArrow i:before {
    width: 9px;
    height: 9px;
    left: 9px;
    top: 10px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle:focus i:before, .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body {
    margin-top: 20px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a {
    font-size: 16px;
    padding-left: 27px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a::before {
    top: 0.65em;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li + li {
    margin-top: 17px;
  }
  .subpage .pickup {
    padding-top: 50px;
    padding-bottom: 50px;
  }
  .subpage .pickup .inner {
    max-width: 600px;
    margin-inline: auto;
  }
  .subpage .pickup .inner .catchTitle {
    font-size: 24px;
  }
  .subpage .pickup .inner .pickupArea {
    flex-direction: column;
    margin-top: 18px;
    gap: 34px;
  }
  .subpage .pickup .inner .pickupArea li {
    width: 100%;
  }
  .subpage .pickup .inner .pickupArea li a > p {
    font-size: 17px;
    margin-top: 14px;
    padding-right: 30px;
  }
  .subpage .pickup .inner .pickupArea li a i {
    width: 9px;
    height: 9px;
    top: 10px;
    right: 14px;
  }
  .subpage .pickup .inner .pickupArea li a i:before {
    width: 9px;
    height: 9px;
  }
  .subpage .pickup .inner .pickupArea li a:focus img, .subpage .pickup .inner .pickupArea li a:hover img {
    transform: scale(1.08);
  }
  .subpage .pickup .inner .pickupArea li a:focus i:before, .subpage .pickup .inner .pickupArea li a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .heroCol2 {
    padding-inline: 20px;
    margin-inline: auto;
    flex-direction: column;
    margin-top: 52px;
    margin-inline: auto;
    max-width: 600px;
  }
  .subpage .heroCol2 .textArea .heroTitle {
    font-size: 21px;
    margin-top: 20px;
  }
  .subpage .heroCol2 .textArea .heroText {
    font-size: 14px;
    line-height: 1.85;
    margin-top: 16px;
  }
  .subpage .accessArea {
    padding-inline: 20px;
    margin-top: 40px;
  }
  .subpage .accessArea .h2TitleWrap h2 {
    font-size: 20px;
  }
  .subpage .accessArea .accessInner {
    flex-direction: column;
    padding: 28px 24px;
    border-radius: 20px;
    gap: 26px;
    margin-top: 20px;
  }
  .subpage .accessArea .accessInner .textArea h3 {
    font-size: 17px;
  }
  .subpage .accessArea .accessInner .textArea .enTitle {
    font-size: 10px;
  }
  .subpage .accessArea .accessInner .textArea .accessText {
    padding-left: 12px;
    font-size: 13px;
    line-height: 1.84;
    margin-top: 6px;
  }
  .subpage .accessArea .accessInner .textArea .accessText + .accessText {
    margin-top: 24px;
  }
  .subpage .accessArea .accessInner .mapArea iframe {
    border-radius: 16px;
    aspect-ratio: 570/356;
  }
  .subpage .accessArea + .bannerArea {
    margin-top: 50px;
  }
  .subpage .outline {
    margin-top: 50px;
  }
  .subpage .outline .outlineInner {
    padding-inline: 20px;
  }
  .subpage .outline .outlineInner .h2TitleWrap h2 {
    font-size: 20px;
  }
  .subpage .outline .outlineInner .commonDL {
    margin-top: 20px;
  }
  .subpage .outline .outlineInner .commonDL dl dd > a {
    padding-left: 25px;
    font-size: 14px;
  }
  .subpage .outline .outlineInner .commonDL dl dd > a:after {
    width: 8px;
    height: 3px;
    top: 0.775em;
    left: 8px;
  }
  .subpage .outline .outlineInner .commonDL dl dd > a span:before {
    width: 100%;
    height: 1px;
    bottom: -6px;
  }
  .subpage .accessArea + .bannerArea {
    margin-top: 50px;
  }
  .subpage .bannerArea {
    padding-top: 0;
    padding-bottom: 0;
  }
  .subpage .bannerArea a {
    padding-top: 60px;
    padding-bottom: 70px;
  }
  .subpage .bannerArea .bannerInner {
    flex-direction: column;
    padding-inline: 20px;
  }
  .subpage .bannerArea .bannerInner .textArea .enTitle {
    font-size: 10px;
  }
  .subpage .bannerArea .bannerInner .textArea .philoText {
    font-size: 20px;
    margin-top: 6px;
    line-height: 1.4;
  }
  .subpage .bannerArea .bannerInner .textArea .philoText + .diaArrow .white:before {
    width: 9px;
    height: 9px;
    left: 9px;
    top: 10px;
  }
  .subpage .bannerArea .bannerInner .textArea .moonH2 {
    font-size: 26px;
  }
  .subpage .bannerArea .bannerInner .textArea .moonH2 + p {
    font-size: 14px;
    width: 78%;
    margin-top: 10px;
  }
  .subpage .bannerArea .bannerInner .textArea .diaArrow {
    display: block;
    margin-top: 30px;
  }
  .subpage .bannerArea .bannerInner .textArea .diaArrow span {
    margin-right: 8px;
    font-size: 13px;
  }
  .subpage .bannerArea .bannerInner .textArea .diaArrow i {
    width: 30px;
    height: 30px;
    border: solid 1px #052749;
  }
  .subpage .bannerArea .bannerInner .textArea .diaArrow i.navy:before {
    width: 9px;
    height: 9px;
    left: 9px;
    top: 10px;
  }
  .subpage .bannerArea .bannerInner .imgArea {
    margin-top: 30px;
    border-radius: 12px;
  }
  .subpage .planBody .heroEnTitle {
    bottom: 132px;
  }
  .subpage .planBody .hero_catch {
    font-size: 14px;
    line-height: 1.85;
    margin-top: 90px;
  }
  .subpage .planBlockInner {
    max-width: 600px;
    padding-inline: 20px;
  }
  .subpage .planBlockInner .planListWrap {
    flex-direction: column;
    gap: 20px;
  }
  .subpage .planBlockInner .planListWrap li.planItem {
    padding: 25px 20px;
    border-radius: 9px;
    box-shadow: 0 0px 2px rgba(0, 0, 0, 0.1);
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap {
    margin-top: 20px;
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a {
    font-size: 13px;
    margin-top: 14px;
    padding-right: 20px;
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a i {
    width: 9px;
    height: 9px;
    top: 7px;
    right: 3px;
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a i:before {
    width: 9px;
    height: 9px;
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:focus img, .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:hover img {
    transform: scale(1.08);
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:focus i:before, .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea {
    justify-content: center;
    gap: 38px;
    margin-top: 26px;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitleText {
    min-width: 32px;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitleText::before {
    left: 48px;
    top: 0;
    height: 28px;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitleText > span {
    font-size: 11px;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitleText .planNum {
    font-size: 20px;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitle {
    font-size: 17px;
  }
  .subpage .planBlockInner .planListWrap .planImageBox {
    margin-top: 20px;
    gap: 5px;
    padding: 20px 5px 12px;
    border-radius: 8px;
  }
  .subpage .planBlockInner .planListWrap .planImageBox > li {
    width: 68px;
  }
  .subpage .planBlockInner .planListWrap .planImageBox > li > p {
    font-size: 11px;
    line-height: 1.14;
    margin-top: 8px;
  }
  .subpage .planBlockInner .planListWrap .planText {
    font-size: 12px;
    margin-top: 18px;
    line-height: 1.91;
  }
  .subpage .planBlockInner .planListWrap .planBox > p.hasLine:before {
    content: "";
    height: 60%;
    width: 1px;
    background-color: #052749;
    position: absolute;
    top: 50%;
    left: 109px;
    transform: translate(0%, -45%) rotate(35deg);
  }
  .subpage .planBlockInner .planListWrap .comment {
    font-size: 14px;
    line-height: 1.28;
  }
  .subpage .planBlockInner .planListWrap .comment span {
    position: relative;
    display: inline-block;
  }
  .subpage .planBlockInner .planListWrap .comment span::before {
    content: "";
    position: absolute;
    height: 2px;
    background: #e6e8eb;
    width: 100%;
    bottom: -6px;
    left: 50%;
    transform: translateX(-50%);
  }
  .subpage .support {
    padding-top: 50px;
    padding-bottom: 60px;
    margin-top: 45px;
  }
  .subpage .support .supportInner {
    padding-inline: 20px;
    max-width: 600px;
  }
  .subpage .support .supportInner h2 {
    font-size: 20px;
  }
  .subpage .support .supportInner ul {
    flex-wrap: wrap;
    gap: 5px;
    margin-top: 30px;
  }
  .subpage .support .supportInner ul li {
    padding: 12px 11px;
    flex-direction: column;
    width: calc((100% - 7px) / 2);
    text-align: center;
    margin-inline: auto;
  }
  .subpage .support .supportInner ul li a {
    padding: 12px 11px;
    flex-direction: column;
    text-align: center;
    margin-inline: auto;
  }
  .subpage .support .supportInner ul li a .iconImg {
    max-width: 50px;
  }
  .subpage .support .supportInner ul li a .iconImg img {
    width: 100%;
  }
  .subpage .support .supportInner ul li a p.supTitle {
    font-size: 14px;
    margin-top: 2px;
  }
  .subpage .heroEnTitle {
    right: 0;
    font-size: 50px;
    line-height: 1;
  }
  .subpage * + .blogDetailInfo {
    margin-top: 8px;
  }
  .subpage .blogDetailInfo {
    flex-wrap: wrap;
  }
  .subpage .blogDetailInfo .blogDetailInfoCat {
    margin-top: 0;
    margin-left: 12px;
  }
  @keyframes btn_anima {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: translate(100%, -100%);
    }
    55% {
      opacity: 0;
      transform: translate(-100%, 100%);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  @keyframes btn_animaMini {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: translate(100%, 0);
    }
    55% {
      opacity: 0;
      transform: translate(-100%, 0);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  .subpage.blog .section {
    padding-top: 0;
  }
  .h2TitleWrap .enTitle {
    font-size: 10px;
  }
}
@media print, screen and (min-width: 1001px) {
  body {
    font-size: 18px;
  }
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: normal;
    font-size: 100%;
  }
  img {
    max-width: 100%;
  }
  a {
    color: #052749;
    text-decoration: none;
    transition: all 0.4s;
  }
  a img {
    transition: all 0.4s;
  }
  a.blank {
    position: relative;
  }
  a.blank:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/common2023/ico_blank.png) no-repeat center/contain;
    position: absolute;
    top: 0;
    right: -15px;
  }
  ul,
  ol {
    list-style: none;
  }
  i {
    font-style: normal;
  }
  figure figcaption {
    color: #989898;
    margin-top: 15px;
    font-size: 14px;
  }
  .inner {
    max-width: 1040px;
    padding: 0 100px;
    margin: 0 auto;
  }
  .inner.wide {
    max-width: 1400px !important;
  }
  .inner.wideW {
    max-width: 1600px !important;
  }
  .home .section {
    padding: 70px 0;
  }
  .home .column.section {
    padding: 70px 0 50px;
  }
  .subpage .section {
    padding: 90px 0;
  }
  .subpage .section.blog {
    padding-top: 220px;
  }
  .subpage .section.blog a:not(.btn):hover, .subpage .section.blog a:not(.btn):focus {
    text-decoration: none;
  }
  .fadeUp {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.8s;
  }
  .fadeUp.show {
    opacity: 1;
    transform: translateY(0);
  }
  /** -----------------
  HEADER
  ----------------- **/
  #globalHeader.isView {
    transform: translateY(-100px);
  }
  #globalHeader:not(.isView) {
    transform: translateY(0);
  }
  #globalHeader.scroll {
    background: #fff;
  }
  #globalHeader .ghInner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding-left: 40px;
    padding-right: 40px;
  }
  #globalHeader .ghInner .ghLogo {
    width: 181px;
    height: 80px;
  }
  #globalHeader .ghInner .ghLogo > a {
    padding: 12px 0;
    border-radius: 0 0 15px 0;
  }
  #globalHeader .ghInner .ghLogo > a:hover, #globalHeader .ghInner .ghLogo > a:focus {
    opacity: 1;
  }
  #globalHeader .ghInner .ghLogo > a:hover img, #globalHeader .ghInner .ghLogo > a:focus img {
    opacity: 1;
  }
  #globalHeader .ghInner .ghLogo > a > .name {
    width: 181px;
    height: auto;
    margin-top: 5px;
  }
  #globalHeader .ghInner #ghMenuBtn {
    display: none !important;
  }
  #globalHeader .ghInner .ghMenu {
    display: block !important;
    width: calc(100% - 181px);
    margin-left: auto;
  }
  #globalHeader .ghInner .ghMenu .ghMenuLogo {
    display: none !important;
  }
  #globalHeader .ghInner .ghMenu .ghNav {
    display: flex;
    justify-content: flex-end;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    width: calc(100% - 200px);
    max-width: 700px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li {
    display: flex;
    align-items: center;
    word-break: auto-phrase;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li + li {
    margin-left: 4%;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li.ghNavListParent {
    padding-right: 15px;
    position: relative;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li.ghNavListParent.isFocus > .ghNavListChildren {
    pointer-events: inherit;
    opacity: 1;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li.ghNavListParent.isFocus > a:before {
    width: 30px;
    height: 30px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li.ghNavListParent:before {
    content: "";
    display: block;
    width: 8px;
    height: 8px;
    border-right: 2px solid #052749;
    border-bottom: 2px solid #052749;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    transition: 0.2s border-color;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a {
    display: block;
    font-size: 15px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a.isCurrent:before, #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a:hover:before, #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a:focus:before {
    width: 30px;
    height: 30px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    border-radius: 50%;
    background: rgb(200, 244, 236);
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    transition: 0.4s width, 0.4s height;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a span {
    min-width: 30px;
    display: inline-block;
    text-align: center;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren {
    position: fixed;
    width: calc(100% - 80px);
    max-width: 1320px;
    padding: 40px 40px 60px;
    border-radius: 12px;
    border: 2px solid #fff;
    box-shadow: 0 5px 8px rgba(212, 212, 212, 0.46);
    mix-blend-mode: overlay;
    background: #fbfbfa;
    top: 80px;
    right: 0;
    left: 0;
    margin: auto;
    pointer-events: none;
    transition: 0.2s opacity;
    opacity: 0;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl {
    display: flex;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div {
    width: calc(25% - 32px);
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div:not(:last-child) {
    margin-right: 40px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div a {
    display: inline-block;
    transition: 0.2s opacity;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div a:focus, #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div a:hover {
    opacity: 0.6;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div > dt {
    font-weight: 900;
    font-size: 18px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div > dt + dd {
    margin-top: 30px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div > dt + dt {
    margin-top: 10px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div > dd {
    font-weight: bold;
    font-size: 14px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > .ghNavListChildren > dl > div > dd + dd {
    margin-top: 12px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSns {
    display: none !important;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList {
    display: flex;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li {
    width: 130px;
    text-align: center;
    margin-left: 20px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a {
    display: block;
    padding: 5px 15px;
    font-size: 15px;
    color: #fff;
    background: #052749;
    transition: 0.4s background, 0.4s color;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a:hover, #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a:focus {
    color: #052749;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a .ghSubIcon {
    width: 28px;
    height: 28px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li > a .ghSubIcon img {
    width: 28px;
    height: 28px;
  }
  * + .worksList {
    margin-top: 44px;
  }
  .worksList.notRadius > li .worksListThumb {
    border-radius: 0 !important;
  }
  .worksList > li {
    width: calc(50% - 27px);
  }
  .worksList > li:nth-child(odd) {
    margin-right: 54px;
  }
  .worksList > li:nth-child(n+3) {
    margin-top: 73px;
  }
  .worksList > li > a:hover .worksListThumb > p > img, .worksList > li > a:focus .worksListThumb > p > img {
    transform: scale(1.1);
  }
  .worksList > li > a:hover .worksListText:before, .worksList > li > a:focus .worksListText:before {
    transform: scale(1);
  }
  .worksList > li .worksListThumb > p > img {
    transition: 0.4s transform;
  }
  .worksList > li .worksListText {
    padding-left: 45px;
    margin-top: 18px;
  }
  .worksList > li .worksListText:before {
    content: "";
    display: block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: absolute;
    transform: scale(0) translate(0);
    width: 30px;
    height: 30px;
    top: 0.175em;
    left: 5px;
    transition: 0.4s transform;
  }
  .worksList > li .worksListText:after {
    top: 0;
    left: 12px;
  }
  .worksList > li .worksListText .worksListBoxTitle {
    font-size: 18px;
  }
  .qaList {
    margin-top: 30px;
  }
  .qaList > li {
    border-radius: 6px;
  }
  .qaList > li + li {
    margin-top: 20px;
  }
  .qaList > li .qaTitle button {
    padding: 31px 50px;
    font-size: 18px;
    transition: 0.2s opacity;
  }
  .qaList > li .qaTitle button .qaIcon {
    width: 17px;
    right: 35px;
  }
  .qaList > li .qaTitle button .qaIcon:before {
    height: 17px;
  }
  .qaList > li .qaContent {
    padding: 0 50px 31px;
    line-height: 1.75;
  }
  * + .blogList {
    margin-top: 70px;
  }
  .blogList {
    display: flex;
    flex-wrap: wrap;
  }
  .blogList > li,
  .blogList .blogListItem {
    width: calc(33.3% - 36px);
    border-radius: 20px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.11);
  }
  .blogList > li:nth-child(n+4),
  .blogList .blogListItem:nth-child(n+4) {
    margin-top: 54px;
  }
  .blogList > li:not(:nth-child(3n)),
  .blogList .blogListItem:not(:nth-child(3n)) {
    margin-right: 54px;
  }
  .blogList > li > *,
  .blogList .blogListItem > * {
    border-radius: 20px;
  }
  .blogList > li > a:hover, .blogList > li > a:focus,
  .blogList .blogListItem > a:hover,
  .blogList .blogListItem > a:focus {
    opacity: 1;
  }
  .blogList > li > a:hover .blogListThumb > img, .blogList > li > a:focus .blogListThumb > img,
  .blogList .blogListItem > a:hover .blogListThumb > img,
  .blogList .blogListItem > a:focus .blogListThumb > img {
    transform: scale(1.1);
  }
  .blogList > li > a:hover i:before, .blogList > li > a:focus i:before,
  .blogList .blogListItem > a:hover i:before,
  .blogList .blogListItem > a:focus i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .blogList > li > a:hover img, .blogList > li > a:focus img,
  .blogList .blogListItem > a:hover img,
  .blogList .blogListItem > a:focus img {
    opacity: 1;
  }
  .blogList > li > a .blogListBody,
  .blogList .blogListItem > a .blogListBody {
    padding: 27px 28px 49px;
    transition: 0.4s border-color, 0.4s color;
  }
  .blogList > li > a .blogListBody > *:first-child,
  .blogList .blogListItem > a .blogListBody > *:first-child {
    margin-top: 0;
  }
  .blogList > li > a .blogListBody .blogListInfo .blogListInfoDate,
  .blogList .blogListItem > a .blogListBody .blogListInfo .blogListInfoDate {
    font-size: 14px;
  }
  .blogList > li > a .blogListBody .blogListInfo .blogListInfoCat,
  .blogList .blogListItem > a .blogListBody .blogListInfo .blogListInfoCat {
    margin-top: 0;
    margin-left: 10px;
    font-size: 13px;
  }
  .blogList > li > a .blogListBody * + .blogListInfoTitle,
  .blogList .blogListItem > a .blogListBody * + .blogListInfoTitle {
    margin-top: 13px;
  }
  .blogList > li > a .blogListBody .blogListInfoTitle,
  .blogList .blogListItem > a .blogListBody .blogListInfoTitle {
    font-size: 17px;
  }
  .blogList > li i,
  .blogList .blogListItem i {
    width: 13px;
    height: 13px;
    bottom: 20px;
    right: 20px;
  }
  .blogList > li i:before,
  .blogList .blogListItem i:before {
    width: 13px;
    height: 13px;
    transition: 0.2s transform, 0.2s opacity;
  }
  /** -----------------
  FOOTER
  ----------------- **/
  .footerInfo .gfInner {
    width: 100%;
    max-width: 1400px;
    padding-right: 100px;
    padding-left: 100px;
    margin-inline: auto;
  }
  .footerInfo .gfPmark {
    padding: 20px 0;
  }
  .footerInfo .gfPmark > figure {
    width: 70px;
  }
  .footerInfo .gfPmark .gfPmarkNote {
    margin-left: 25px;
    font-size: 14px;
    line-height: 1.86;
  }
  .footerInfo .pageTop {
    width: 80px;
    height: 80px;
    border-radius: 15px 0 0 0;
    bottom: 0;
    right: 0;
    transition: 0.4s background;
    background: #1c2a38;
    position: absolute;
    cursor: pointer;
  }
  .footerInfo .pageTop:hover:before, .footerInfo .pageTop:focus:before {
    transform: translateY(-8px);
  }
  .footerInfo .pageTop:before {
    width: 14px;
    height: 24px;
    transition: 0.4s transform;
  }
  #footerContact {
    padding: 145px 0 120px;
    background: url(../images/common2023/contact_bg.webp) no-repeat center;
    background-size: cover;
  }
  #footerContact .gfInner {
    width: 100%;
    max-width: 1310px;
    padding-right: 40px;
    padding-left: 40px;
    margin-inline: auto;
  }
  #footerContact .gfContactTitle {
    font-size: 42px;
  }
  #footerContact.isView .gfContactTitle span {
    transform: translateY(0);
  }
  #footerContact * + .gfContactNote {
    margin-top: 55px;
  }
  #footerContact .gfContactNote {
    font-size: 18px;
  }
  #footerContact * + .footerContactList {
    margin-top: 80px;
  }
  #footerContact .footerContactList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    width: 100%;
    margin-inline: auto;
  }
  #footerContact .footerContactList > li {
    width: calc(33.3% - 40px);
  }
  #footerContact .footerContactList > li:not(:last-child) {
    margin-right: 60px;
  }
  #footerContact .footerContactList > li:nth-child(n+4) {
    margin-top: 40px;
  }
  #footerContact .footerContactList > li > a {
    min-height: 75px;
    padding: 10px 66px 10px 76px;
    font-size: 20px;
  }
  #footerContact .footerContactList > li > a:hover:after, #footerContact .footerContactList > li > a:focus:after {
    transform: scale(1);
  }
  #footerContact .footerContactList > li > a[href^="tel:"]:focus:before, #footerContact .footerContactList > li > a[href^="tel:"]:hover:before, #footerContact .footerContactList > li > a.tel:focus:before, #footerContact .footerContactList > li > a.tel:hover:before {
    color: #1c2a38;
  }
  #footerContact .footerContactList > li > a > span > strong {
    font-size: 28px;
  }
  #footerContact .footerContactList > li > a > span > span {
    margin-top: 2px;
    font-size: 16px;
  }
  #footerContact .footerContactList > li > a:before, #footerContact .footerContactList > li > a:after {
    position: absolute;
    top: 0;
    bottom: 0;
  }
  #footerContact .footerContactList > li > a:before {
    font-size: 14px;
    top: 0;
    left: 40px;
    z-index: 3;
  }
  #footerContact .footerContactList > li > a:after {
    width: 42px;
    height: 42px;
    left: 26px;
    transform: scale(0);
    transition: 0.4s transform;
    z-index: 0;
  }
  #globalFooter {
    padding: 120px 0 94px;
  }
  #globalFooter .gfInner {
    width: 100%;
    max-width: 1430px;
    padding-right: 100px;
    padding-left: 100px;
    margin-inline: auto;
  }
  #globalFooter .gfCatch {
    text-align: center;
  }
  #globalFooter .gfCatch .gfCatchNote {
    font-size: 16px;
  }
  #globalFooter .gfCatch .gfCatchLogo {
    width: 240px;
    margin: 28px auto 0;
  }
  #globalFooter .gfInfo {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-top: 112px;
  }
  #globalFooter .gfInfo .gfAccess {
    width: 50%;
    max-width: 380px;
  }
  #globalFooter .gfInfo .gfAccess * + .gfAccessNote {
    margin-top: 15px;
  }
  #globalFooter .gfInfo .gfAccess .gfAccessNote {
    font-size: 16px;
    line-height: 2;
  }
  #globalFooter .gfInfo .gfAccess .gfAccessMap {
    margin-top: 11px;
  }
  #globalFooter .gfInfo .gfAccess .gfAccessMap a {
    padding-left: 20px;
  }
  #globalFooter .gfInfo .gfAccess .gfAccessMap a:hover, #globalFooter .gfInfo .gfAccess .gfAccessMap a:focus {
    text-decoration: none;
  }
  #globalFooter .gfInfo .gfAccess .gfAccessMap a:before {
    width: 16px;
    height: 16px;
  }
  #globalFooter .gfInfo .gfSitemap {
    width: calc(100% - 400px);
    max-width: 426px;
    margin-left: auto;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li {
    width: calc(50% - 73px);
    margin-left: 20px;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li:nth-child(3n) {
    width: 86px;
    text-align: right;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li:nth-child(3n) > a {
    min-width: 85px;
    margin-left: auto;
    text-align: left;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li:nth-child(n+4) {
    margin-top: 23px;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li > a {
    transition: 0.4s opacity;
  }
  #globalFooter .gfInfo .gfSitemap > ul > li > a:hover, #globalFooter .gfInfo .gfSitemap > ul > li > a:focus {
    opacity: 0.8;
  }
  #globalFooter .gfInfo .gfSns {
    width: 100%;
    padding-left: 40px;
    margin-top: 80px;
  }
  #globalFooter .gfInfo .gfSns > div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  #globalFooter .gfInfo .gfSns > div > dt {
    font-size: 12px;
  }
  #globalFooter .gfInfo .gfSns > div > dd {
    width: 30px;
    height: 30px;
    margin-left: 22px;
  }
  #globalFooter .gfInfo .gfSns > div > dd > a {
    transition: 0.4s transform;
  }
  #globalFooter .gfInfo .gfSns > div > dd > a:hover, #globalFooter .gfInfo .gfSns > div > dd > a:focus {
    transform: scale(1.3);
  }
  #globalFooter .gfInfo .gfSns > div > dd svg {
    width: 30px;
    height: 30px;
  }
  #globalFooter .gfInfo .gfSns > div > dd img {
    width: 22px;
    height: 28px;
  }
  #globalFooter .gfInfo .gfMenu {
    width: calc(100% - 350px);
    padding-right: 40px;
    margin-top: auto;
    margin-right: auto;
    line-height: 1.4;
  }
  #globalFooter .gfInfo .gfMenu .gfMenuList {
    display: flex;
    flex-wrap: wrap;
    font-size: 13px;
  }
  #globalFooter .gfInfo .gfMenu .gfMenuList > li + li {
    margin-left: 45px;
  }
  #globalFooter .gfInfo .gfMenu .gfMenuList > li > a {
    color: #fff;
    text-decoration: underline;
    transition: 0.4s opacity;
  }
  #globalFooter .gfInfo .gfMenu .gfMenuList > li > a:hover, #globalFooter .gfInfo .gfMenu .gfMenuList > li > a:focus {
    text-decoration: none;
  }
  #globalFooter .gfInfo .gfCopyright {
    margin-top: 30px;
    line-height: 1.4;
  }
  #globalFooter .gfInfo .gfCopyright p small {
    font-size: 12px;
    font-weight: bold;
  }
  @keyframes contents_list_body_anima {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: translate(100%, 0);
    }
    55% {
      opacity: 0;
      transform: translate(-100%, 0);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  .cookieConsentLayout {
    width: 100%;
    padding: 20px 0;
    left: 0;
    bottom: 0;
  }
  .cookieConsentLayout .cookieInner {
    display: flex;
    align-items: center;
    width: 100%;
    max-width: 1400px;
    padding-right: 100px;
    padding-left: 100px;
    margin-inline: auto;
  }
  .cookieConsentLayout .cookieText {
    width: calc(100% - 203px);
    font-size: 14px;
    line-height: 1.6;
    letter-spacing: 0.05em;
  }
  .cookieConsentLayout .cookieText a:hover, .cookieConsentLayout .cookieText a:focus {
    text-decoration: none;
  }
  .cookieConsentLayout .cookieBtn {
    flex: none;
    margin-top: 0;
    margin-left: 30px;
  }
  .cookieConsentLayout .cookieBtn > a {
    display: block;
    padding: 6px 18px;
    font-size: 15px;
    transition: 0.4s background, 0.4s color;
    cursor: pointer;
  }
  .cookieConsentLayout .cookieBtn > a:focus, .cookieConsentLayout .cookieBtn > a:hover {
    color: #052749;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .cookieConsentLayout .cookieBtn > a > span {
    position: relative;
    transition: 0.4s opacity;
  }
  .cookieConsentLayout .cookieClose {
    right: 40px;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .cookieConsentLayout .cookieClose:focus span, .cookieConsentLayout .cookieClose:hover span {
    opacity: 0.7;
  }
  .cookieConsentLayout .cookieClose > span {
    transition: 0.4s opacity;
  }
  .col2SetBtn {
    padding: 45px 70px;
    margin-top: 35px;
    justify-content: space-between;
    align-items: start;
  }
  .col2SetBtn a.imgLink {
    width: 40%;
    margin-right: 40px;
  }
  .col2SetBtn a.imgLink:hover .columnThumb img, .col2SetBtn a.imgLink:focus .columnThumb img {
    transform: scale(1.08);
  }
  .col2SetBtn .textBtnArea {
    width: 59.5%;
  }
  .col2SetBtn .textBtnArea .title {
    font-size: 24px;
  }
  .col2SetBtn .textBtnArea > p {
    font-size: 16px;
    margin-top: 14px;
  }
  .col2SetBtn .textBtnArea .btnWrap {
    margin-top: 20px;
  }
  .col2SetBtn .textBtnArea .btnWrap > a {
    font-size: 14px;
    margin-top: 30px;
    padding-right: 40px;
  }
  .col2SetBtn .textBtnArea .btnWrap > a i {
    width: 13px;
    height: 13px;
    top: 6px;
    right: 14px;
  }
  .col2SetBtn .textBtnArea .btnWrap > a i:before {
    width: 13px;
    height: 13px;
    transition: 0.2s transform, 0.2s opacity;
  }
  .col2SetBtn .textBtnArea .btnWrap > a:focus img, .col2SetBtn .textBtnArea .btnWrap > a:hover img {
    transform: scale(1.08);
  }
  .col2SetBtn .textBtnArea .btnWrap > a:focus i:before, .col2SetBtn .textBtnArea .btnWrap > a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  html:lang(en) #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li {
    text-align: right;
    word-break: normal;
    line-height: 1.4;
  }
  html:lang(en) #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li + li {
    margin-left: 4%;
  }
  html:lang(en) #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li a {
    display: inline-block;
  }
  html:lang(en) .blogList > li > a .blogListBody .blogListInfo .blogListInfoCat {
    margin-left: 0;
    font-size: 12px;
  }
  html:lang(en) .blogList > li > a .blogListBody .blogListTitle {
    margin-top: 8px;
  }
  /* ココから下には記入禁止 */
  .forSP {
    display: none !important;
  }
  /** -----------------
  COMMON PARTS
  ----------------- **/
  /** hero **/
  .hero * + .hero_img {
    margin-top: 0;
  }
  .hero {
    padding: 0;
    padding-bottom: 0px;
    align-items: center;
  }
  .hero.works {
    align-items: center;
  }
  .hero .heroEnTitle {
    right: -10px;
    bottom: 0;
    font-size: 180px;
    line-height: 1;
  }
  .hero .heroContentInner {
    width: 90%;
    margin-inline: auto;
  }
  .heroInner {
    padding: 160px 100px 0;
    height: 425px;
  }
  .heroInner:not(.wide):not(.wideW) {
    max-width: 1040px;
  }
  .heroInner.catchNone {
    padding-bottom: 140px;
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  /** breadcrumb **/
  #breadcrumb {
    display: flex;
    width: 100%;
    padding: 30px 0;
    margin: auto;
  }
  #breadcrumb .breadcrumb > div {
    font-size: 12px;
  }
  #breadcrumb .breadcrumb > div:after {
    width: 6px;
    height: 6px;
    border-right: 1px solid #bcbcbc;
    border-bottom: 1px solid #bcbcbc;
    margin: 0 2em;
  }
  #breadcrumb .breadcrumb > div a {
    transition: 0.2s opacity;
  }
  #breadcrumb .breadcrumb > div a:focus, #breadcrumb .breadcrumb > div a:hover {
    opacity: 0.7;
  }
  /** bg **/
  .section.bg {
    position: relative;
    background: #f7f7f7;
    padding: 90px 0;
    margin-top: 0;
  }
  .section.bg > .h2 {
    background: linear-gradient(to bottom, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 68px, rgba(255, 255, 255, 0) 68px, rgba(255, 255, 255, 0) 100%);
    margin-top: -70px;
  }
  /** step **/
  .step {
    padding-left: 80px;
    margin-top: 70px;
  }
  .step > li {
    counter-increment: cnt;
    position: relative;
    border: 1px solid #212121;
    margin-bottom: 45px;
    padding: 50px 50px 50px 80px;
    border-radius: 15px;
  }
  .step > li .num {
    background: #212121;
    color: #fff;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    line-height: 1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 80px;
    height: 80px;
    left: -40px;
  }
  .step > li .num:before {
    content: "STEP";
    font-size: 14px;
  }
  .step > li .num:after {
    content: counter(cnt, decimal-leading-zero);
    font-size: 28px;
  }
  .step > li dl {
    display: flex;
    align-items: center;
  }
  .step > li dl dt {
    font-weight: 700;
    line-height: 1.4;
    flex-shrink: 0;
    font-size: 20px;
    width: 31%;
    margin-right: 50px;
  }
  .step > li dl dd {
    letter-spacing: 0.05em;
    line-height: 1.6;
    font-size: 15px;
  }
  /** 扉ページ **/
  .door_list {
    display: flex;
    flex-wrap: wrap;
    margin: 70px 0 30px;
  }
  .door_list.small .door_list_item a {
    font-size: 20px;
  }
  .door_list_item {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    transition-delay: 0.1s;
    width: 32.5%;
    margin-right: 1.25%;
    margin-bottom: 20px;
  }
  .door_list_item:nth-child(3n-1) {
    transition-delay: 0.4s;
  }
  .door_list_item:nth-child(3n) {
    margin-right: 0;
    transition-delay: 0.3s;
  }
  .door_list_item:before {
    content: "";
    height: 0;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: absolute;
    transition: all 0.4s;
    width: 100px;
    padding-top: 100px;
    right: -50px;
    bottom: -50px;
  }
  .door_list_item:focus:before, .door_list_item:hover:before {
    width: 300%;
    padding-top: 300%;
    right: -150%;
    bottom: -150%;
  }
  .door_list_item a {
    display: block;
    text-align: center;
    position: relative;
    line-height: 1.3;
    text-decoration: none !important;
    font-weight: 700;
    padding: 50px 50px;
    font-size: 24px;
  }
  .door_list_item a i {
    display: block;
    margin: 0 auto 20px;
    width: 30%;
  }
  .door_list_item a:after {
    content: "→";
    position: absolute;
    line-height: 1;
    right: 25px;
    bottom: 20px;
  }
  .door_list_item a:focus, .door_list_item a:hover {
    opacity: 1;
  }
  .door_list_item a:focus img, .door_list_item a:hover img {
    opacity: 1;
  }
  .door_list.door_column {
    margin-top: 0;
  }
  /* import */
}
@media screen and (min-width: 1001px) and (max-width: 999px) and (min-width: 600px) {
  .door_list.door_column {
    justify-content: space-between;
  }
  .door_list.door_column .door_list_item {
    width: 48%;
  }
}
@media print, screen and (min-width: 1001px) {
  .door_list.door_column a {
    height: 100%;
  }
  .door_list.door_column a .pic_box {
    width: 70%;
    margin: 0 auto;
  }
  .door_list.door_column a .txt_box .date {
    display: inline-block;
    color: #989898;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 700;
    line-height: 1;
    font-size: 14px;
    margin-bottom: 25px;
    margin-right: 15px;
  }
  .door_list.door_column a .txt_box .tag {
    display: inline-block;
    color: #989898;
    font-weight: 700;
    line-height: 1;
    font-size: 13px;
  }
  .door_list.door_column a .txt_box .title {
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5;
    font-size: 18px;
    -webkit-line-clamp: 2;
  }
  .solutions_wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .solutions_wrap_item {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: border 0.4s translateY 0.8s;
    width: 32.6%;
    height: 270px;
    border: 5px solid #fff;
  }
  .solutions_wrap_item:not(:nth-of-type(3n)) {
    margin-right: 1%;
  }
  .solutions_wrap_item:nth-of-type(n + 4) {
    margin-top: 1%;
  }
  .solutions_wrap_item:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
    transition: all 0.4s;
  }
  .solutions_wrap_item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #fff;
    position: relative;
    z-index: 2;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-align: center;
    border-radius: 15px;
    padding: 20px;
  }
  .solutions_wrap_item a:focus, .solutions_wrap_item a:hover {
    opacity: 1;
  }
  .solutions_wrap_item a:after {
    content: "→";
    font-weight: 700;
    line-height: 1;
    position: absolute;
    right: 25px;
    bottom: 20px;
    font-size: 24px;
  }
  .solutions_wrap_item .m_txt {
    line-height: 1.3333;
    margin-top: 0;
    font-size: 24px;
  }
  .solutions_wrap_item .s_txt {
    line-height: 2;
    margin-top: 35px;
    display: none;
  }
  .solutions_wrap_item:focus, .solutions_wrap_item:hover {
    border: 5px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .solutions_wrap_item:focus:before, .solutions_wrap_item:hover:before {
    opacity: 1;
  }
  .solutions_wrap_item:focus .s_txt, .solutions_wrap_item:hover .s_txt {
    display: block;
  }
  .solutions_wrap_item.shindan {
    background-image: url(../images/second/solutions/solutions_thum_shindan.webp);
  }
  .solutions_wrap_item.ec {
    background-image: url(../images/second/solutions/solutions_thum_ec.webp);
  }
  .solutions_wrap_item.teiansyo {
    background-image: url(../images/second/solutions/solutions_thum_teiansyo.webp);
  }
  .solutions_wrap_item.renewal {
    background-image: url(../images/second/solutions/solutions_thum_renewal.webp);
  }
  .solutions_wrap_item.youtube {
    background-image: url(../images/second/solutions/solutions_thum_youtube.webp);
  }
  .solutions_wrap_item.satsuei {
    background-image: url(../images/second/solutions/solutions_thum_satsuei.jpg);
  }
  .solutions_wrap_item.apps {
    background-image: url(../images/second/solutions/solutions_thum_apps.jpg);
  }
  .solutions_wrap_item.system-ui {
    background-image: url(../images/second/solutions/solutions_thum_system-ui.jpg);
  }
  .solutions_wrap_item.online-event {
    background-image: url(../images/second/solutions/solutions_thum_online-event.webp);
  }
  .solutions_wrap_item.support {
    background-image: url(../images/second/solutions/solutions_thum_support.jpg);
  }
  .solutions_wrap_item.server {
    background-image: url(../images/second/solutions/solutions_thum_server.jpg);
  }
  .solutions_wrap_item.seo {
    background-image: url(../images/second/solutions/solutions_thum_seo.jpg);
  }
  .solutions_wrap_item.gakkai {
    background-image: url(../images/second/solutions/solutions_thum_gakkai.jpg);
  }
  .solutions_wrap_item.bengoshi {
    background-image: url(../images/second/solutions/solutions_thum_bengoshi.jpg);
  }
  .solutions_wrap_item.senior {
    background-image: url(../images/second/solutions/solutions_thum_senior.jpg);
  }
  .solutions_wrap_item.omatsuri {
    background-image: url(../images/second/solutions/solutions_thum_omatsuri.jpg);
  }
  .solutions_wrap_item.recruit {
    background-image: url(../images/second/solutions/solutions_thum_recruit.jpg);
  }
  .solutions_wrap_item.webdx {
    background-image: url(../images/second/solutions/solutions_thum_webdx.jpg);
  }
  .inner .works {
    background: url(../images/home/works_bg1.png) no-repeat top 80px right 100px, url(../images/home/works_bg2.png) no-repeat bottom 110px center;
    background: #f2f2f1;
    padding-bottom: 160px !important;
    padding-top: 140px !important;
  }
  .inner .works .more span.circle:after {
    background: #f2f2f1 !important;
  }
  .inner .works_list {
    display: flex;
    flex-wrap: wrap;
  }
  .inner .works_list_item {
    transition-delay: 0.1s;
    width: 29%;
    margin-right: 6.5%;
    margin-bottom: 90px;
  }
  .inner .works_list_item:nth-child(3n-1) {
    transition-delay: 0.4s;
  }
  .inner .works_list_item:nth-child(3n) {
    margin-right: 0;
    transition-delay: 0.3s;
  }
  .inner .works_list_item a {
    width: 100%;
    display: block;
  }
  .inner .works_list_item a:after {
    content: "→";
    display: block;
    text-align: right;
    font-size: 18px;
    font-weight: 700;
    margin-top: -28px;
  }
  .inner .works_list_item a:focus, .inner .works_list_item a:hover {
    opacity: 1;
  }
  .inner .works_list_item a:focus .thumb, .inner .works_list_item a:hover .thumb {
    transform: translateX(7px) translateY(7px);
    box-shadow: none;
  }
  .inner .works_list .thumb {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    justify-content: center;
    background: #fff;
    border: 2px solid #000;
    margin-bottom: 30px;
    border-radius: 14px;
    box-shadow: 7px 7px 0px 0px rgba(0, 0, 0, 0.15);
    transition: all 0.4s;
  }
  .inner .works_list .thumb p {
    margin-top: 0;
  }
  .inner .works_list .thumb img {
    max-height: 240px;
  }
  .inner .works_list .category {
    display: inline-block;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.16em;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #f2f2f1;
    border-radius: 14px;
    margin-top: 0;
    font-size: 13px;
    padding: 5px 10px;
  }
  .inner .works_list .tag {
    display: inline-block;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.16em;
    background: #212121;
    color: #fff;
    border-radius: 14px;
    border: 1px solid #000;
    margin-top: 0;
    font-size: 13px;
    padding: 5px 10px;
  }
  .inner .works_list .name {
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.7777;
    margin-top: 0 !important;
    margin-bottom: 10px;
    font-size: 18px;
  }
  chat #chatplusview {
    right: 90px;
    z-index: 999;
  }
  .subpage .pager {
    margin-top: 110px;
  }
  .subpage .pager ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .subpage .pager ul li {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    width: 35px;
    height: 35px;
    margin: 0 10px;
  }
  .subpage .pager ul li a {
    color: #000;
    display: inline-block;
    background: #DFDFDF;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;
    padding-top: 4px;
    width: 35px;
    height: 35px;
  }
  .subpage .pager ul li a:focus, .subpage .pager ul li a:hover {
    opacity: 1;
    color: #fff;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .subpage .pager ul li span {
    color: #000;
    border-radius: 50%;
  }
  .subpage .pager ul .current span {
    color: #000;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 35px;
    height: 35px;
    padding-top: 4px;
  }
  .subpage .pager ul .prev a,
  .subpage .pager ul .next a {
    display: inline-block;
    position: relative;
    width: 35px;
    height: 35px;
  }
  .subpage .pager ul .prev a:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    border-bottom: solid 2px #000;
    border-left: solid 2px #000;
    left: 15px;
  }
  .subpage .pager ul .prev a:focus:after,
  .subpage .pager ul .prev a:hover:after {
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
  }
  .subpage .pager ul .next a:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    left: 13px;
  }
  .subpage .pager ul .next a:focus:after,
  .subpage .pager ul .next a:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
  .subpage #useInfo {
    margin-top: 40px;
  }
  .subpage #useInfo dl {
    overflow: hidden;
    margin-bottom: 15px;
  }
  .subpage #useInfo dl dt {
    padding: 5px;
  }
  .subpage #useInfo dl dt.possession {
    background: #ddd;
    margin-bottom: 2px;
    padding: 7px 15px 5px;
  }
  .subpage #useInfo dl dt.objective {
    float: left;
    width: 160px;
    text-align: right;
    padding-top: 7px;
  }
  .subpage #useInfo dl dt.objective:after {
    content: "　:";
  }
  .subpage #useInfo dl dd {
    padding: 7px 0 10px;
  }
  .subpage #useInfo dl dd.objectiveContent {
    margin-left: 170px;
  }
  .subpage .postHeadImg {
    text-align: center;
    margin-top: 40px;
  }
  .subpage .postHeadImg img {
    width: 100%;
  }
  .subpage .works_list {
    margin-top: 70px;
  }
  .subpage .works_list_item a {
    text-decoration: none;
  }
  .subpage .works_list_item a p {
    margin-top: 0;
  }
  .subpage .works_list_item a .name {
    margin-top: 20px;
  }
  .subpage .solutions_wrap {
    margin-top: 70px;
    margin-bottom: 30px;
  }
  .subpage .solutions_wrap a {
    text-decoration: none;
  }
  .subpage .door_list_item {
    box-shadow: 5px 3px 25px 6px rgba(0, 0, 0, 0.05);
  }
  .subpage .contact_wrap .tel_box {
    border: 1px solid #4A4A4A;
    padding: 24px;
    max-width: 773px;
    margin: 70px auto 0;
  }
  .subpage .contact_wrap .tel_box dl {
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: center;
  }
  .subpage .contact_wrap .tel_box dl dt {
    font-size: 20px;
  }
  .subpage .contact_wrap .tel_box dl dd {
    margin-left: 30px;
  }
  .subpage .contact_wrap .tel_box dl dd a {
    text-decoration: none;
    font-size: 40px;
    font-style: italic;
    pointer-events: none;
    line-height: 1;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    letter-spacing: 0.1em;
  }
  .subpage .contact_wrap .tel_box dl dd span {
    font-size: 13px;
    display: block;
    margin-top: 10px;
  }
  .subpage .contact_wrap .contact_h2 {
    text-align: center;
    letter-spacing: 0.1em;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    font-size: 34px;
    margin-top: 70px;
  }
  .subpage .contact_wrap .contact_h2 span {
    font-size: 18px;
    display: block;
    margin-top: 15px;
    font-family: "Noto Sans JP", sans-serif;
  }
  .subpage .contact_wrap .contact_step {
    width: 858px;
    margin: 60px auto;
    display: flex;
  }
  .subpage .contact_wrap .contact_step li {
    position: relative;
    width: 286px;
    padding-top: 52px;
    text-align: center;
  }
  .subpage .contact_wrap .contact_step li:not(:first-of-type):after {
    content: "";
    display: inline-block;
    width: 270px;
    height: 1px;
    background: #F7F7F7;
    position: absolute;
    top: 7px;
    left: -135px;
  }
  .subpage .contact_wrap .contact_step li:before {
    content: "";
    display: inline-block;
    width: 16px;
    height: 16px;
    background: #F7F7F7;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: calc(50% - 8px);
  }
  .subpage .contact_wrap .contact_step li.current:before {
    background: #052749;
  }
  .subpage .contact_wrap .privacy {
    border: 1px solid #052749;
    padding: 50px 50px 50px;
    margin-top: 80px;
  }
  .subpage .contact_wrap .privacy .title {
    display: block;
    color: #052749;
    font-weight: bold;
    font-size: 20px;
  }
  .subpage .contact_wrap .privacy p {
    color: #052749;
    font-size: 14px;
    margin-top: 30px;
  }
  .subpage .contact_wrap .parts-12 {
    margin: 48px -50px 0;
    text-align: center;
  }
  .subpage .contact_wrap .parts-12 .privacyNote {
    margin-bottom: 48px;
    font-size: 18px;
    line-height: 36px;
    font-weight: bold;
  }
  .subpage .contact_wrap .parts-12 .privacyNote a {
    text-decoration: none;
  }
  .subpage .contact_wrap .parts-12 .privacyNote a:focus, .subpage .contact_wrap .parts-12 .privacyNote a:hover {
    opacity: 1;
  }
  .subpage .contact_wrap .parts-12 .privacyNote a:focus:before, .subpage .contact_wrap .parts-12 .privacyNote a:hover:before {
    opacity: 0;
  }
  .subpage .contact_wrap .parts-12 .privacyNote a:before {
    background: #959597;
  }
  .subpage .contact_wrap .dl_parts-10 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .subpage .contact_wrap .dl_parts-10 dt,
  .subpage .contact_wrap .dl_parts-10 dd {
    text-align: center;
  }
  .subpage .contact_wrap .dl_parts-10 dt {
    margin-bottom: 12px;
    padding-right: 0;
    margin-bottom: 4px;
  }
  .subpage .contact_wrap .dl_parts-10 dt label {
    font-weight: bold;
  }
  .subpage .contact_wrap .dl_parts-10 dt .aform-required {
    margin-left: 8px;
    padding: 5px 12px 5px;
    font-size: 10px;
    transform: translateY(-2px);
  }
  .subpage .contact_wrap .dl_parts-10 dd .aform-name-ul > li label,
  .subpage .contact_wrap .dl_parts-10 dd .aform-kana-ul > li label {
    font-size: 14px;
  }
  .subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label {
    padding-top: 0;
    padding-bottom: 0;
    font-size: 22px;
    cursor: pointer;
  }
  .subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label:before {
    width: 28px;
    height: 28px;
    margin-right: 15px;
  }
  .subpage .contact_wrap .dl_parts-10 .parts-10 > li input + label:after {
    width: 15px;
    height: 11px;
    border-left: 6px solid #052749;
    border-bottom: 6px solid #052749;
    transform: rotate(-45deg) translateX(2px) translateY(-2px);
    position: absolute;
    left: 0.25em;
    top: 0;
    bottom: 0;
    margin: auto;
    opacity: 0;
    transition: 0.4s opacity;
  }
  .subpage.solutions {
    margin-top: 0;
  }
  .subpage.solutions .solutions_header {
    background: url(../images/second/solutions/solutions_bg_1.png) repeat-y right top #fff;
  }
  .subpage.solutions .solutions_header .solutions_header_inner {
    max-width: calc(100% - 239px);
    border-right: 2px solid #000;
    padding-top: 160px;
    padding-left: 160px;
    padding-bottom: 120px;
    display: flex;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .midashi .fukidashi {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    background: url(../images/second/solutions/fukidashi.svg) no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .midashi h1 {
    font-weight: bold;
    font-size: 30px;
    margin-top: 30px;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .link a {
    display: block;
    text-decoration: none;
    font-size: 13px;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .link a:not(:first-of-type) {
    margin-top: 10px;
  }
  .subpage.solutions .solutions_header_img {
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
    width: calc(100% - 160px);
    height: 460px;
  }
  .subpage.solutions .solutions_header_img:before {
    content: "";
    display: inline-block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    left: 0;
    top: 0;
    width: 160px;
    height: 460px;
    left: -160px;
  }
  .subpage.solutions .solutions_header_img .annotation {
    color: #fff;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    position: absolute;
    top: 50%;
    writing-mode: vertical-rl;
    transform: translateY(-50%);
    font-size: 12px;
    left: 80px;
  }
  .subpage.solutions .solutions_header_img.shindan {
    background: url(../images/second/solutions/shindan/solutions_mainimg_shindan.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.ec {
    background: url(../images/second/solutions/ec/solutions_mainimg_ec.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.teiansyo {
    background: url(../images/second/solutions/teiansyo/solutions_mainimg_teiansyo.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.renewal {
    background: url(../images/second/solutions/renewal/solutions_mainimg_renewal.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.youtube {
    background: url(../images/second/solutions/youtube/solutions_mainimg_youtube.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.satsuei {
    background: url(../images/second/solutions/satsuei/solutions_mainimg_satsuei.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.apps {
    background: url(../images/second/solutions/apps/solutions_mainimg_apps.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.system-ui {
    background: url(../images/second/solutions/system-ui/solutions_mainimg_system-ui.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.online-event {
    background: url(../images/second/solutions/online-event/solutions_mainimg_online-event.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.support {
    background: url(../images/second/solutions/support/solutions_mainimg_support.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.server {
    background: url(../images/second/solutions/server/solutions_mainimg_server.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.seo {
    background: url(../images/second/solutions/seo/solutions_mainimg_seo.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.gakkai {
    background: url(../images/second/solutions/gakkai/solutions_mainimg_gakkai.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.bengoshi {
    background: url(../images/second/solutions/bengoshi/solutions_mainimg_bengoshi.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.senior {
    background: url(../images/second/solutions/senior/solutions_mainimg_senior.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.omatsuri {
    background: url(../images/second/solutions/omatsuri/solutions_mainimg_omatsuri.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.recruit {
    background: url(../images/second/solutions/recruit/solutions_mainimg_recruit.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.webdx {
    background: url(../images/second/solutions/webdx/solutions_mainimg_webdx.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .introduction {
    background: url(../images/second/solutions/solutions_bg_2.png) no-repeat top right;
    padding-top: 110px;
    padding-bottom: 120px;
  }
  .subpage.solutions .introduction .inner {
    width: 96%;
    max-width: 1180px;
    padding: 0 80px;
    margin: 0 auto;
  }
  .subpage.solutions .introduction .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    background: linear-gradient(transparent 50%, #ffdd1a 50%);
    display: inline-block;
    padding: 0 3px;
    line-height: 1;
    font-size: 16px;
  }
  .subpage.solutions .introduction h2 {
    font-weight: bold;
    line-height: 1.5;
    font-size: 28px;
    margin-top: 30px;
  }
  .subpage.solutions .introduction p {
    margin-top: 30px;
  }
  .subpage.solutions .purpose .inner {
    width: 96%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 0 40px 80px;
  }
  .subpage.solutions .purpose .h2_wrap {
    display: flex;
    justify-content: space-between;
  }
  .subpage.solutions .purpose .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    font-size: 28px;
    width: 400px;
    padding-right: 15px;
  }
  .subpage.solutions .purpose .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin-top: 10px;
  }
  .subpage.solutions .purpose .h2_wrap .subTitle {
    position: relative;
    max-width: calc(100% - 400px);
    font-size: 14px;
    padding-left: 90px;
    transform: translateY(10px);
  }
  .subpage.solutions .purpose .h2_wrap .subTitle:before {
    content: "";
    display: inline-block;
    width: 68px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
  .subpage.solutions .purpose .purpose_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 70px;
    padding-right: 90px;
  }
  .subpage.solutions .purpose .purpose_list + p {
    font-size: 14px;
    margin-top: 70px;
  }
  .subpage.solutions .purpose .purpose_list li {
    width: 50%;
    padding-left: 60px;
    padding-right: 40px;
  }
  .subpage.solutions .purpose .purpose_list li:nth-of-type(n + 3) {
    margin-top: 60px;
  }
  .subpage.solutions .purpose .purpose_list li h3 {
    font-weight: bold;
    position: relative;
    font-size: 20px;
  }
  .subpage.solutions .purpose .purpose_list li h3 span {
    background: linear-gradient(transparent 70%, #ffdd1a 70%);
  }
  .subpage.solutions .purpose .purpose_list li h3:before {
    content: "";
    background: url(../images/second/solutions/check.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    position: absolute;
    width: 35px;
    height: 35px;
    top: 0;
    left: -60px;
  }
  .subpage.solutions .purpose .purpose_list li p {
    font-size: 14px;
    margin-top: 30px;
  }
  .subpage.solutions .problem {
    border-top: 2px solid #000;
  }
  .subpage.solutions .problem .inner {
    width: 96%;
    max-width: 1180px;
    padding: 0 0 0 80px;
    margin: 0 auto;
  }
  .subpage.solutions .problem .h2_wrap {
    display: flex;
  }
  .subpage.solutions .problem .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    font-size: 28px;
    width: 400px;
    padding-right: 15px;
  }
  .subpage.solutions .problem .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin-top: 10px;
  }
  .subpage.solutions .problem .h2_wrap .subTitle {
    position: relative;
  }
  .subpage.solutions .problem .problem_list {
    background: #fff;
    border: 2px solid #000;
    width: 96%;
    max-width: 1180px;
    margin: 100px auto;
    padding: 60px 130px 80px;
  }
  .subpage.solutions .problem .problem_list ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .subpage.solutions .problem .problem_list ul li {
    width: calc(50% - 50px);
  }
  .subpage.solutions .problem .problem_list ul li:nth-of-type(n + 3) {
    margin-top: 40px;
  }
  .subpage.solutions .problem .problem_list ul li .icon {
    display: block;
    text-align: center;
    width: 90px;
    margin: 0 auto;
  }
  .subpage.solutions .problem .problem_list ul li h3 {
    font-weight: bold;
    text-align: center;
    font-size: 16px;
    margin-top: 10px;
  }
  .subpage.solutions .problem .problem_list ul li p {
    font-size: 14px;
    margin-top: 30px;
  }
  .subpage.solutions .merit {
    border-top: 2px solid #000;
    padding-top: 110px;
    padding-bottom: 100px;
  }
  .subpage.solutions .merit .inner {
    width: 96%;
    max-width: 1020px;
    margin: 0 auto;
    padding: 0;
  }
  .subpage.solutions .merit .h2_wrap {
    display: flex;
    justify-content: space-between;
  }
  .subpage.solutions .merit .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    font-size: 28px;
    width: 500px;
    padding-right: 15px;
  }
  .subpage.solutions .merit .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin-top: 10px;
  }
  .subpage.solutions .merit .h2_wrap .subTitle {
    position: relative;
    max-width: calc(100% - 500px);
    font-size: 14px;
    padding-left: 90px;
    transform: translateY(10px);
  }
  .subpage.solutions .merit .h2_wrap .subTitle:before {
    content: "";
    display: inline-block;
    width: 68px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
  .subpage.solutions .merit .merit_list {
    margin-top: 50px;
  }
  .subpage.solutions .merit .merit_list ul li {
    border: 2px solid #000;
    position: relative;
    padding: 70px 40px 70px 215px;
  }
  .subpage.solutions .merit .merit_list ul li:not(:first-of-type) {
    margin-top: 30px;
  }
  .subpage.solutions .merit .merit_list ul li .num_wrap {
    border: 2px solid #000;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 160px;
    height: 160px;
    position: absolute;
    left: -20px;
    top: calc(50% - 80px);
  }
  .subpage.solutions .merit .merit_list ul li .num_wrap .num {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    text-shadow: -3px 3px 0px rgb(255, 255, 255);
    font-size: 48px;
  }
  .subpage.solutions .merit .merit_list ul li .num_wrap .sub {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/second/solutions/merit_bg.png) no-repeat;
    background-size: cover;
    margin-top: 5px;
    font-size: 14px;
    width: 99px;
    height: 26px;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap.inImg {
    display: flex;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap.inImg .text {
    width: calc(100% - 270px);
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap.inImg .img {
    width: 270px;
    text-align: center;
    padding-left: 20px;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap .text h3 {
    font-weight: bold;
    line-height: 1.5;
    font-size: 24px;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap .text p {
    font-size: 14px;
    margin-top: 20px;
  }
  .subpage.solutions .recipe {
    padding-bottom: 100px;
  }
  .subpage.solutions .recipe .inner {
    border: 2px dotted #000;
    background: #fff;
    width: 96%;
    max-width: 1180px;
    padding: 70px 80px 80px;
    margin: 0 auto;
  }
  .subpage.solutions .recipe .h2_wrap {
    text-align: center;
  }
  .subpage.solutions .recipe h2 {
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
    font-size: 28px;
  }
  .subpage.solutions .recipe .subH2 {
    display: block;
  }
  .subpage.solutions .recipe .subH2 span {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    background: linear-gradient(transparent 50%, #ffdd1a 50%);
    display: inline-block;
    padding: 0 3px;
    line-height: 1;
    font-size: 16px;
  }
  .subpage.solutions .recipe .recipe_list {
    margin-top: 70px;
  }
  .subpage.solutions .recipe .recipe_list > ul {
    display: flex;
    flex-wrap: wrap;
  }
  .subpage.solutions .recipe .recipe_list > ul > li {
    width: 50%;
    padding: 0 50px;
  }
  .subpage.solutions .recipe .recipe_list > ul > li:nth-of-type(n + 3) {
    margin-top: 70px;
  }
  .subpage.solutions .recipe .recipe_list > ul > li.w100p {
    width: 100%;
  }
  .subpage.solutions .recipe .recipe_list > ul > li.w100p:not(:first-of-type) {
    margin-top: 70px;
  }
  .subpage.solutions .recipe .recipe_list > ul h3 {
    font-weight: bold;
    line-height: 1.5;
    font-size: 20px;
  }
  .subpage.solutions .recipe .recipe_list > ul p {
    font-size: 14px;
    margin-top: 30px;
  }
  .subpage.solutions .solutionstep,
  .subpage.solutions .solutioncost {
    position: relative;
    padding-bottom: 60px;
  }
  .subpage.solutions .solutionstep.beforenone:before,
  .subpage.solutions .solutioncost.beforenone:before {
    content: none;
  }
  .subpage.solutions .solutionstep .inner,
  .subpage.solutions .solutioncost .inner {
    width: 96%;
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 0 40px 80px;
  }
  .subpage.solutions .solutionstep .h2_wrap,
  .subpage.solutions .solutioncost .h2_wrap {
    display: flex;
    justify-content: space-between;
  }
  .subpage.solutions .solutionstep .h2_wrap h2,
  .subpage.solutions .solutioncost .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
    font-size: 28px;
    max-width: 460px;
    padding-right: 15px;
  }
  .subpage.solutions .solutionstep .h2_wrap .subH2,
  .subpage.solutions .solutioncost .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
    font-size: 13px;
    margin-top: 10px;
  }
  .subpage.solutions .solutionstep .h2_wrap .subTitle,
  .subpage.solutions .solutioncost .h2_wrap .subTitle {
    position: relative;
    max-width: calc(100% - 460px);
    font-size: 14px;
    padding-left: 90px;
    transform: translateY(10px);
  }
  .subpage.solutions .solutionstep .h2_wrap .subTitle:before,
  .subpage.solutions .solutioncost .h2_wrap .subTitle:before {
    content: "";
    display: inline-block;
    width: 68px;
    height: 2px;
    background: #000;
    position: absolute;
    left: 0;
    top: 10px;
  }
  .subpage.solutions .solutionstep .step_flow,
  .subpage.solutions .solutioncost .step_flow {
    margin-top: 80px;
    padding-right: 130px;
  }
  .subpage.solutions .solutionstep .step_flow dl,
  .subpage.solutions .solutioncost .step_flow dl {
    position: relative;
    padding-left: 80px;
    display: flex;
    justify-content: space-between;
  }
  .subpage.solutions .solutionstep .step_flow dl:not(:first-of-type),
  .subpage.solutions .solutioncost .step_flow dl:not(:first-of-type) {
    margin-top: 20px;
  }
  .subpage.solutions .solutionstep .step_flow dl:first-of-type:before,
  .subpage.solutions .solutioncost .step_flow dl:first-of-type:before {
    top: 9px;
  }
  .subpage.solutions .solutionstep .step_flow dl:last-of-type:before,
  .subpage.solutions .solutioncost .step_flow dl:last-of-type:before {
    height: 9px;
  }
  .subpage.solutions .solutionstep .step_flow dl:after,
  .subpage.solutions .solutioncost .step_flow dl:after {
    content: "";
    display: inline-block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: absolute;
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
    left: 39px;
    top: 9px;
  }
  .subpage.solutions .solutionstep .step_flow dl:before,
  .subpage.solutions .solutioncost .step_flow dl:before {
    content: "";
    display: inline-block;
    background: #000;
    position: absolute;
    width: 2px;
    height: calc(100% + 20px);
    left: 45px;
    top: 0px;
  }
  .subpage.solutions .solutionstep .step_flow dl dt,
  .subpage.solutions .solutioncost .step_flow dl dt {
    width: 240px;
  }
  .subpage.solutions .solutionstep .step_flow dl dt .num,
  .subpage.solutions .solutioncost .step_flow dl dt .num {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: inline-block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    line-height: 1;
    padding: 5px;
    font-size: 12px;
  }
  .subpage.solutions .solutionstep .step_flow dl dt .title,
  .subpage.solutions .solutioncost .step_flow dl dt .title {
    display: block;
    font-weight: bold;
    font-size: 16px;
    margin-top: 5px;
  }
  .subpage.solutions .solutionstep .step_flow dl dd,
  .subpage.solutions .solutioncost .step_flow dl dd {
    font-size: 14px;
    background: #f2f2f1;
    position: relative;
    width: calc(100% - 240px);
    padding: 30px;
    margin-left: 50px;
    border-radius: 10px;
  }
  .subpage.solutions .solutionstep .step_flow dl dd:before,
  .subpage.solutions .solutioncost .step_flow dl dd:before {
    content: "";
    box-sizing: border-box;
    width: 10px;
    height: 10px;
    border: 10px solid transparent;
    border-top: 10px solid #f2f2f1;
    border-left: 10px solid #f2f2f1;
    position: absolute;
    top: 36px;
    left: -9px;
    transform: rotate(-45deg);
  }
  .subpage.solutions .solutioncost .solutioncostTable {
    width: 100%;
    margin-top: 50px;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type th,
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type td, .subpage.solutions .solutioncost .solutioncostTable tr:last-of-type th,
  .subpage.solutions .solutioncost .solutioncostTable tr:last-of-type td {
    border-bottom: none;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type th,
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type td {
    text-align: center;
    font-weight: bold;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr .marker {
    background: linear-gradient(transparent 60%, #ffdd1a 60%);
    padding: 0 3px;
    line-height: 1;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr th {
    background: #f7f7f7;
    border-bottom: 2px solid #fff;
    padding: 20px 2vw;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr th.topleft {
    color: #9b9b9b;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
    padding: 20px 2vw;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .kara {
    display: block;
    margin-left: 3em;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .nado {
    text-align: right;
    margin-top: 20px;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .sitename {
    text-align: center;
    margin-bottom: 5px;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .commonList {
    margin-top: 0;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .commonList li {
    margin-top: 0;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td p {
    margin-top: 0;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td:last-of-type {
    border-right: none;
  }
  .subpage.solutions .related_service {
    /*
             .door_list{
             @if $type == sp{
         }
             @if $type == pc{
             margin-top: 50px;
         }
         }
             */
  }
  .subpage.solutions .related_service .inner {
    width: 96%;
    max-width: 1180px;
  }
  .subpage.solutions .related_service h2 {
    font-weight: bold;
    text-align: center;
    font-size: 28px;
  }
  .subpage.solutions .related_service .service_tag_list {
    display: flex;
    flex-wrap: wrap;
    margin-top: 50px;
  }
  .subpage.solutions .related_service .service_tag_list li {
    margin: 20px 10px 0;
  }
  .subpage.solutions .related_service .service_tag_list li a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    border: 2px solid #000;
    font-weight: bold;
    padding: 10px 25px;
    border-radius: 30px;
    font-size: 14px;
  }
  .subpage.solutions .related_service .service_tag_list li a:focus, .subpage.solutions .related_service .service_tag_list li a:hover {
    border: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .subpage.solutions .solution_contact {
    position: relative;
    width: 100%;
    height: 260px;
    margin-top: 90px;
    /*
             &:before{
             content: "";
             display: block;
             width: 100%;
             height: 100%;
             background: rgba(0,0,0,.4);
             position: absolute;
             top: 0;
             left: 0;
         }
             */
  }
  .subpage.solutions .solution_contact p {
    color: #fff;
    font-weight: bold;
    margin: 0;
    position: relative;
    z-index: 2;
    font-size: 28px;
  }
  .subpage.solutions .solution_contact .inner {
    display: flex;
    align-items: center;
    max-width: 1020px;
    height: 100%;
  }
  .subpage.solutions .solution_contact.shindan {
    background: url(../images/second/solutions/shindan/solutions_footerimg_shindan.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.ec {
    background: url(../images/second/solutions/ec/solutions_footerimg_ec.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.teiansyo {
    background: url(../images/second/solutions/teiansyo/solutions_footerimg_teiansyo.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.renewal {
    background: url(../images/second/solutions/renewal/solutions_footerimg_renewal.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.youtube {
    background: url(../images/second/solutions/youtube/solutions_footerimg_youtube.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.satsuei {
    background: url(../images/second/solutions/satsuei/solutions_footerimg_satsuei.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.apps {
    background: url(../images/second/solutions/apps/solutions_footerimg_apps.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.system-ui {
    background: url(../images/second/solutions/system-ui/solutions_footerimg_system-ui.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.online-event {
    background: url(../images/second/solutions/online-event/solutions_footerimg_online-event.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.support {
    background: url(../images/second/solutions/support/solutions_footerimg_support.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.server {
    background: url(../images/second/solutions/server/solutions_footerimg_server.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.seo {
    background: url(../images/second/solutions/seo/solutions_footerimg_seo.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.gakkai {
    background: url(../images/second/solutions/gakkai/solutions_footerimg_gakkai.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.bengoshi {
    background: url(../images/second/solutions/bengoshi/solutions_footerimg_bengoshi.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.senior {
    background: url(../images/second/solutions/senior/solutions_footerimg_senior.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.omatsuri {
    background: url(../images/second/solutions/omatsuri/solutions_footerimg_omatsuri.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.recruit {
    background: url(../images/second/solutions/recruit/solutions_footerimg_recruit.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact.webdx {
    background: url(../images/second/solutions/webdx/solutions_footerimg_webdx.jpg) no-repeat;
    background-position: center;
    background-size: cover;
  }
  .subpage.solutions .solution_contact .more {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    position: relative;
    z-index: 0;
    text-decoration: none;
    color: #fff;
    font-size: 24px;
  }
  .subpage.solutions .solution_contact .more span.hidetxt {
    text-indent: -9999px;
  }
  .subpage.solutions .solution_contact .more span.circle {
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: relative;
    z-index: -1;
    overflow: hidden;
    width: 70px;
    height: 70px;
    margin: 0 20px;
  }
  .subpage.solutions .solution_contact .more span.circle:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0;
    transition: all 0.4s;
  }
  .subpage.solutions .solution_contact .more:before {
    content: "";
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 45px;
    height: 2px;
  }
  .subpage.solutions .solution_contact .more:after {
    content: "";
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) skew(10deg, 10deg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
  }
  .subpage.solutions .solution_contact .more:focus, .subpage.solutions .solution_contact .more:hover {
    opacity: 1;
  }
  .subpage.solutions .solution_contact .more:focus span.circle:after, .subpage.solutions .solution_contact .more:hover span.circle:after {
    left: -51%;
  }
  .subpage .professional_list li {
    display: flex;
  }
  .subpage .professional_list li:not(:first-of-type) {
    margin-top: 100px;
  }
  .subpage .professional_list li:nth-of-type(even) {
    flex-direction: row-reverse;
  }
  .subpage .professional_list li .img_wrap {
    text-align: center;
    width: 50%;
    padding: 0 25px;
  }
  .subpage .professional_list li .img_wrap img {
    border-radius: 40px;
  }
  .subpage .professional_list li .text_wrap {
    width: 50%;
    padding: 0 25px;
  }
  .subpage .professional_list li .text_wrap h2 {
    font-weight: bold;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    letter-spacing: 0.1em;
    font-size: 60px;
  }
  .subpage .professional_list li .text_wrap h2 span {
    color: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .subpage .professional_list li .text_wrap .name {
    padding-left: 40px;
    margin-top: 20px;
    font-size: 20px;
  }
  .subpage .professional_list li .text_wrap .name .position {
    font-size: 16px;
  }
  .subpage .professional_list li .text_wrap .text {
    margin-top: 20px;
  }
  .company_index .company_inner {
    max-width: 1020px;
    width: 95%;
    margin: 0 auto;
  }
  .company_index .company_inner:after {
    content: "";
    clear: both;
    display: block;
  }
  .company_index .more a {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    position: relative;
    z-index: 0;
    text-decoration: none;
    font-size: 24px;
  }
  .company_index .more a span.hidetxt {
    text-indent: -9999px;
  }
  .company_index .more a span.circle {
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: relative;
    z-index: -1;
    overflow: hidden;
    width: 70px;
    height: 70px;
    margin: 0 20px;
  }
  .company_index .more a span.circle:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0;
    transition: all 0.4s;
  }
  .company_index .more a:before {
    content: "";
    background: #212121;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 45px;
    height: 2px;
  }
  .company_index .more a:after {
    content: "";
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    transform: rotate(-45deg) skew(10deg, 10deg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 10px;
    height: 10px;
  }
  .company_index .more a:focus, .company_index .more a:hover {
    opacity: 1;
  }
  .company_index .more a:focus span.circle:after, .company_index .more a:hover span.circle:after {
    left: -50%;
  }
  .company_index .sec1.ceo {
    position: relative;
    width: 100%;
    height: 791px;
    background: url(../images/second/company/company_ceo_pc.jpg) no-repeat;
    background-position: top center;
    background-size: cover;
  }
  .company_index .sec1.ceo .num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
    font-size: 48px;
  }
  .company_index .sec1.ceo .num span {
    display: block;
    font-size: 14px;
    margin-top: 15px;
  }
  .company_index .sec1.ceo * + .btnWrap {
    margin-top: 56px;
  }
  .company_index .sec1.ceo .btnWrap {
    text-align: left;
  }
  .company_index .sec1.ceo .btnWrap .btn {
    min-width: inherit;
    max-width: 300px;
    width: 100%;
  }
  .company_index .sec1.ceo .message_wrap {
    width: 420px;
    float: right;
    padding-top: 180px;
  }
  .company_index .sec1.ceo h2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
    font-size: 50px;
  }
  .company_index .sec1.ceo .subH2 {
    margin-top: 15px;
  }
  .company_index .sec1.ceo .rinen {
    font-weight: bold;
    font-size: 30px;
    margin-top: 60px;
  }
  .company_index .sec1.ceo .more {
    margin-top: 70px;
  }
  .company_index .sec2.commitment {
    position: relative;
    width: 100%;
    height: 791px;
    background: url(../images/second/company/company_commitment_pc.jpg) no-repeat;
    background-position: top right;
    background-size: cover;
  }
  .company_index .sec2.commitment .company_inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    height: 100%;
  }
  .company_index .sec2.commitment .num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    position: absolute;
    width: 160px;
    height: 160px;
    font-size: 48px;
    top: 0;
    right: 0;
  }
  .company_index .sec2.commitment .num span {
    display: block;
    font-size: 14px;
    margin-top: 15px;
  }
  .company_index .sec2.commitment * + .btnWrap {
    margin-top: 56px;
  }
  .company_index .sec2.commitment .btnWrap {
    text-align: left;
  }
  .company_index .sec2.commitment .btnWrap .btn {
    min-width: inherit;
    max-width: 300px;
    width: 100%;
  }
  .company_index .sec2.commitment h2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
    font-size: 50px;
    color: #fff;
    width: 50%;
    text-align: center;
  }
  .company_index .sec2.commitment .message_wrap {
    width: 50%;
  }
  .company_index .sec2.commitment .message_wrap h3 {
    color: #fff;
    font-weight: bold;
    font-size: 30px;
  }
  .company_index .sec2.commitment .message_wrap .text {
    color: #fff;
    font-weight: bold;
    line-height: 2.5;
    font-size: 14px;
    margin-top: 40px;
  }
  .company_index .sec3.professional {
    position: relative;
    width: 100%;
    height: 791px;
  }
  .company_index .sec3.professional .company_inner {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    height: 100%;
  }
  .company_index .sec3.professional .num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 160px;
    height: 160px;
    font-size: 48px;
  }
  .company_index .sec3.professional .num span {
    display: block;
    font-size: 14px;
    margin-top: 15px;
  }
  .company_index .sec3.professional * + .btnWrap {
    margin-top: 56px;
  }
  .company_index .sec3.professional .btnWrap {
    text-align: left;
  }
  .company_index .sec3.professional .btnWrap .btn {
    min-width: inherit;
    max-width: 300px;
    width: 100%;
  }
  .company_index .sec3.professional .img {
    width: 50%;
  }
  .company_index .sec3.professional .message_wrap {
    width: 50%;
    padding-right: 65px;
  }
  .company_index .sec3.professional h2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
    font-size: 50px;
  }
  .company_index .sec3.professional .subH2 {
    margin-top: 15px;
  }
  .company_index .sec3.professional .rinen {
    font-weight: bold;
    font-size: 30px;
    margin-top: 60px;
  }
  .company_index .sec3.professional .more {
    margin-top: 70px;
  }
  .company_index .company_link {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 100px;
  }
  .company_index .company_link > div {
    width: 50%;
    height: 350px;
  }
  .company_index .company_link > div a {
    display: block;
    height: 100%;
    text-decoration: none;
    position: relative;
  }
  .company_index .company_link > div a.philosophy {
    background: url(../images/second/company/company_philosophy.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a.profile {
    background: url(../images/second/company/company_profile.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a.client {
    background: url(../images/second/company/company_client.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a.access {
    background: url(../images/second/company/company_access.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: 0.3s;
  }
  .company_index .company_link > div a:focus, .company_index .company_link > div a:hover {
    opacity: 1;
  }
  .company_index .company_link > div a:focus:before, .company_index .company_link > div a:hover:before {
    background: rgba(0, 0, 0, 0.1);
  }
  .company_index .company_link > div .title {
    color: #fff;
    line-height: 1;
    margin-top: 0;
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
    position: absolute;
    left: 0;
    bottom: 15px;
  }
  .company_index .company_link > div .title .en {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 52px;
  }
  .company_index .company_link > div .title .jp {
    position: relative;
    display: inline-block;
    font-weight: bold;
    font-size: 18px;
    padding-left: 65px;
    padding-right: 20px;
  }
  .company_index .company_link > div .title .jp:before {
    content: "";
    display: inline-block;
    width: 48px;
    height: 2px;
    background: #fff;
    position: absolute;
    left: 0;
    top: calc(50% - 1px);
  }
  .notfound {
    text-align: center;
  }
  .notfound .notfound_title {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    line-height: 1;
    font-size: 66px;
  }
  .notfound .notfound_subtitle {
    font-size: 18px;
    margin-top: 20px;
  }
  .notfound .notfound_text {
    margin-top: 60px;
  }
  .notfound .notfound_btn {
    margin-top: 70px;
  }
  .notfound .notfound_btn a {
    text-decoration: none;
    text-decoration: none;
    display: inline-block;
    padding: 30px 35px;
    background-image: url(../images/common2023/arrow.png);
    background-position: right 30px center;
    background-size: 18px;
    background: #000;
    background-repeat: no-repeat;
    color: #fff !important;
    text-align: center;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    border: none;
    font-size: 18px;
    min-width: 390px;
  }
  .column .inner.wide {
    max-width: 1560px !important;
    padding: 0 90px;
  }
  .column_category_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
    justify-content: center;
  }
  .column_category_list li {
    text-align: center;
    line-height: 1;
    padding: 0 16px;
    border-right: 1px solid #989898;
  }
  .column_category_list li:last-child {
    border-right: 0;
  }
  .column_category_list li a {
    color: #989898;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-decoration: none;
  }
  .column_category_list li.current a {
    color: #212121;
  }
  #newsFilterHead {
    height: 76px;
  }
  #newsFilterHead + .blogList {
    margin-top: 20px;
  }
  #newsFilter {
    min-width: 200px;
    position: absolute;
    z-index: 100;
    top: 0;
    right: 0;
    -webkit-backdrop-filter: blur(20px);
            backdrop-filter: blur(20px);
    background: none;
    padding: 0 20px 0;
    transition: all 0.4s;
    border-radius: 15px;
  }
  #newsFilter.isOpen {
    background: rgba(0, 0, 0, 0.3);
    color: #fff;
  }
  #newsFilter.isOpen .title span.icon:before,
  #newsFilter.isOpen .title span.icon:after {
    background: #fff;
  }
  #newsFilter.isOpen a {
    color: #fff;
  }
  #newsFilter .title {
    position: relative;
    height: 76px;
  }
  #newsFilter .title span {
    display: block;
    height: 76px;
  }
  #newsFilter .title span.name {
    font-size: 14px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: calc(100% - 45px);
  }
  #newsFilter .title span.icon {
    width: 20px;
    height: 20px;
    position: absolute;
    top: 28px;
    right: 0;
  }
  #newsFilter .title span.icon:before, #newsFilter .title span.icon:after {
    content: "";
    display: block;
    width: 20px;
    height: 1px;
    background: #080807;
    position: absolute;
    top: 50%;
    left: 0;
  }
  #newsFilter .title span.icon:after {
    transform: rotate(90deg);
    transition: all 0.4s linear;
  }
  #newsFilter .title span.icon.isOpen:after {
    transform: rotate(0);
  }
  #newsFilter #filterUL {
    padding-bottom: 20px;
    list-style: none;
    display: none;
    font-family: "Noto Sans JP", sans-serif;
  }
  #newsFilter #filterUL li {
    white-space: nowrap;
    font-size: 14px;
  }
  #newsFilter #filterUL li + li {
    margin-top: 0.5em;
  }
  #newsFilter #filterUL li a {
    display: block;
    cursor: pointer;
    padding: 0.25em 20px;
    text-decoration: none;
    transition: all 0.3s;
    border-radius: 8px;
  }
  #newsFilter #filterUL li a.isActive {
    background: rgba(0, 0, 0, 0.3);
  }
  #newsFilter #filterUL li a:focus, #newsFilter #filterUL li a:hover {
    background: rgba(0, 0, 0, 0.3);
  }
  .aform input[type=text],
  .aform input[type=password],
  .aform input[type=tel],
  .aform input[type=email],
  .aform select,
  .aform textarea {
    border: none;
    padding: 20px 15px;
    width: 100%;
    background: #F7F7F7;
  }
  .aform input[type=text].error,
  .aform input[type=password].error,
  .aform input[type=tel].error,
  .aform input[type=email].error,
  .aform select.error,
  .aform textarea.error {
    background: #fff1f2;
  }
  .aform select {
    padding: 5px 10px;
    width: auto;
  }
  .aform input[type=text].size-s,
  .aform input[type=password].size-s,
  .aform input[type=tel].size-s,
  .aform input[type=email].size-s,
  .aform select.size-s {
    width: 12%;
  }
  .aform input[type=text].size-sm,
  .aform input[type=password].size-sm,
  .aform input[type=tel].size-sm,
  .aform input[type=email].size-sm,
  .aform select.size-sm {
    width: 15%;
  }
  .aform input[type=text].size-m,
  .aform input[type=password].size-m,
  .aform input[type=tel].size-m,
  .aform input[type=email].size-m,
  .aform select.size-m {
    width: 35%;
  }
  .aform input[type=text].size-ml,
  .aform input[type=password].size-ml,
  .aform input[type=tel].size-ml,
  .aform input[type=email].size-ml,
  .aform select.size-ml {
    width: 43%;
  }
  .aform input[type=text].size-l,
  .aform input[type=password].size-l,
  .aform input[type=tel].size-l,
  .aform input[type=email].size-l,
  .aform select.size-l {
    width: 65%;
  }
  .aform input[type=text].size-special,
  .aform input[type=password].size-special,
  .aform input[type=tel].size-special,
  .aform input[type=email].size-special,
  .aform select.size-special {
    width: 43%;
  }
  .aform input[type=text].year,
  .aform input[type=password].year,
  .aform input[type=tel].year,
  .aform input[type=email].year,
  .aform select.year {
    width: 80px;
  }
  .aform input[type=text].month,
  .aform input[type=password].month,
  .aform input[type=tel].month,
  .aform input[type=email].month,
  .aform select.month {
    width: 70px;
  }
  .aform select.year {
    width: 80px;
  }
  .aform select.month {
    width: 70px;
  }
  .aform button {
    border: 1px solid #ccc;
    padding: 4px 8px;
    background: #f6f6f6;
    box-shadow: 0px 1px 1px 0px #cccccc;
    font-size: 14px;
  }
  .aform button:focus, .aform button:hover {
    opacity: 0.7;
    cursor: pointer;
  }
  .aform input[type=radio] {
    display: none;
  }
  .aform input[type=radio] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    margin-right: 20px;
  }
  .aform input[type=radio] + label::before,
  .aform input[type=radio] + label::after {
    position: absolute;
    content: "";
    top: 50%;
    border-radius: 100%;
    transition: all 0.4s;
  }
  .aform input[type=radio] + label::before {
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .aform input[type=radio] + label:focus::before,
  .aform input[type=radio] + label:hover::before {
    background: #fff;
  }
  .aform input[type=radio] + label::after {
    opacity: 0;
    left: 5px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    background: #5dbf5d;
    transform: scale(2);
  }
  .aform input[type=radio]:checked + label::before {
    background: #fff;
    border: 1px solid #5dbf5d;
  }
  .aform input[type=radio]:checked + label::after {
    opacity: 1;
    transform: scale(1);
  }
  .aform input[type=checkbox] {
    display: none;
  }
  .aform input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    padding: 10px 3px 10px 45px;
    cursor: pointer;
    transition: all 0.4s;
  }
  .aform input[type=checkbox] + label::before,
  .aform input[type=checkbox] + label::after {
    position: absolute;
    content: "";
    transition: all 0.4s;
  }
  .aform input[type=checkbox] + label::before {
    top: 50%;
    left: 0;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background: #fff;
    border: 1px solid #707070;
  }
  .aform input[type=checkbox] + label::after {
    opacity: 0;
    top: 50%;
    left: 7px;
    width: 14px;
    height: 7px;
    margin-top: -4px;
    border-left: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-bottom: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    transform: rotate(-45deg) scale(0.5);
  }
  .aform input[type=checkbox] + label:focus::before,
  .aform input[type=checkbox] + label:hover::before {
    background: #fff;
  }
  .aform input[type=checkbox]:checked + label::before {
    background: #fff;
    border: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .aform input[type=checkbox]:checked + label::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
  }
  .aform .aform-content {
    margin-bottom: 20px;
  }
  .aform .aform-content .aform-note {
    background: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .aform .aform-content dl {
    padding: 0;
    margin: 0;
    margin-top: -1px;
    display: flex;
  }
  .aform .aform-content dl dt,
  .aform .aform-content dl dd {
    font-size: 16px;
  }
  .aform .aform-content dl + dl {
    margin-top: 35px;
  }
  .aform .aform-content dt {
    width: 266px;
    padding: 0px 45px 0px 0px;
    text-align: left;
    font-weight: normal;
    background-clip: padding-box;
    float: none;
    position: relative;
    vertical-align: top;
  }
  .aform .aform-content dt .aform-required {
    position: absolute;
    vertical-align: middle;
    border-radius: 9999px;
    background: #052749;
    color: #fff;
    font-size: 10px;
    padding: 5px 12px 5px;
    line-height: 1;
    display: inline-block;
    top: 5px;
    right: 0px;
    border-radius: 20px;
  }
  .aform .aform-content dd {
    width: calc(100% - 266px);
    display: block;
    padding: 0 0 0 30px;
    float: none;
  }
  .aform .aform-content dd .kome {
    display: block;
    font-size: 14px;
    margin-top: 5px;
  }
  .aform .aform-content dd .category {
    width: 130px;
    display: inline-block;
  }
  .aform .aform-content dd .subtxt {
    width: 43px;
    display: inline-block;
    text-align: right;
    padding-right: 10px;
  }
  .aform .aform-content .aform-button-area {
    margin-top: 60px;
    background: none;
    padding: 0;
    text-align: center;
  }
  .aform .aform-content .aform-button-area:after {
    content: "";
    display: block;
    clear: both;
  }
  .aform .aform-content .aform-button-area input[type=submit] {
    display: inline-block;
    padding: 18px 35px;
    margin: 0 5px;
    background-image: url("../images/common2023/arrow.png");
    background-position: right 30px center;
    background-size: 18px;
    background: #052749;
    background-repeat: no-repeat;
    border-radius: 9999px;
    color: #fff !important;
    min-width: 390px;
    text-align: center;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    border: none;
    font-size: 18px;
    transition: 0.2s opacity, 0.2s color;
  }
  .aform .aform-content .aform-button-area input[type=submit]:focus, .aform .aform-content .aform-button-area input[type=submit]:hover {
    opacity: 0.7;
    color: #fff;
  }
  .aform .aform-content .aform-button-area input[type=submit]:visited {
    color: #fff !important;
  }
  .nofloat {
    float: none !important;
  }
  #aform_btn_back {
    display: inline-block;
    padding: 18px 35px;
    margin: 0 5px;
    background-image: url("../images/common2023/arrow_b.png");
    background-position: left 30px center;
    background-size: 18px;
    background: #fff;
    background-repeat: no-repeat;
    color: #052749;
    border-radius: 9999px;
    min-width: 250px;
    text-align: center;
    vertical-align: top;
    position: relative;
    cursor: pointer;
    border: 1px solid #052749;
    font-size: 18px;
  }
  #aform_btn_back.noicon {
    padding: 15px 50px 13px 50px;
    background: #fff;
    background-image: none;
  }
  .aform .aform-content dl.aform-error-list {
    border: none;
  }
  .aform .aform-content dl.aform-error-list dt {
    display: block;
  }
  .aform .aform-content dl.aform-error-list dd {
    display: list-item;
    margin-left: 25px;
  }
  label.error {
    padding-left: 20px;
    margin-top: 5px;
    display: block;
    background: url("../images/common2023/error.png") no-repeat left 6px;
  }
  label.error img {
    display: none;
  }
  #aform_confirm_msg {
    text-align: center;
    padding-top: 20px;
  }
  img[src$="icon_new_windows.gif"] {
    margin-left: 10px;
    vertical-align: middle;
  }
  .aform-header {
    display: none;
  }
  .aform select.aform-calendar {
    width: auto;
  }
  .aform select.aform-calendar + label {
    margin-left: 7px;
    margin-right: 12px;
  }
  .aform-twice-note {
    margin-top: 15px;
    margin-bottom: 5px;
    display: block;
  }
  .aform-error {
    color: #c73737;
  }
  .contact_wrap.confirm .aform-privacy {
    display: none;
  }
  .contact_wrap.confirm .parts-12 {
    display: none;
  }
  .contact_wrap.confirm .parts-12 + .dl_parts-10 {
    display: none;
  }
  .subpage {
    /** lead **/
    /** 目次 **/
    /** layout **/
    /** heading **/
    /* common class */
  }
  .subpage article ul {
    list-style: none;
  }
  .subpage article img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .subpage .inner {
    max-width: 1040px;
  }
  .subpage .lead_title {
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin-top: 0;
    font-size: 24px;
    letter-spacing: 0.16em;
  }
  .subpage .lead_txt {
    font-size: 19px;
  }
  .subpage * + .lead_txt {
    margin-top: 60px;
  }
  .subpage .lead_txt + .titleMoon {
    margin-top: 100px;
  }
  .subpage .table_cont {
    background: url(../images/common2023/bg.png) repeat top left;
    margin-top: 70px;
  }
  .subpage .table_cont_in {
    max-width: 690px;
    margin: 0 auto;
    background: #fff;
    position: relative;
    padding: 60px 60px 0;
  }
  .subpage .table_cont_title {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 700;
    line-height: 1;
    text-align: center;
    font-size: 28px;
    position: absolute;
    top: -0.5em;
    left: 0;
    right: 0;
    margin-top: 0;
  }
  .subpage .table_cont ol li {
    counter-increment: cnt;
    margin-bottom: 1em;
  }
  .subpage .table_cont ol li a {
    font-weight: 700;
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  .subpage .table_cont ol li a:before {
    content: counter(cnt);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 400;
    background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(219, 219, 217) 51%, rgb(219, 219, 217) 100%);
    width: 25px;
    height: 25px;
    font-size: 20px;
    margin-right: 12px;
  }
  .subpage .col2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 80px;
  }
  .subpage .col2 .item {
    width: 49%;
  }
  .subpage .col2 p,
  .subpage .col2 .h3,
  .subpage .col2 .h4 {
    margin-top: 0;
  }
  .subpage .col2 .txt_box {
    max-width: 560px;
    width: 46.66666%;
  }
  .subpage .col2 .txt_box:nth-child(2n) .catch {
    text-align: right;
  }
  .subpage .col2 .pic_box {
    max-width: 580px;
    width: 48.3333%;
  }
  .subpage .imgLine2 {
    display: flex;
    justify-content: center;
    margin-top: 1.5em;
  }
  .subpage .imgLine2 li {
    text-align: center;
    width: calc(50% - 8px);
  }
  .subpage .imgLine2 li:nth-of-type(odd) {
    margin-right: 16px;
  }
  .subpage .imgLine2 li img {
    max-width: 100%;
  }
  .subpage .imgLine2.small li {
    width: calc(33% - 8px);
  }
  .subpage .imgLine2 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .subpage .imgLine3 {
    display: flex;
    justify-content: center;
    margin-top: 40px;
  }
  .subpage .imgLine3 li {
    text-align: center;
    width: calc(33% - 8px);
    margin-right: 16px;
  }
  .subpage .imgLine3 li:nth-of-type(3n) {
    margin-right: 0;
  }
  .subpage .imgLine3 li img {
    max-width: 100%;
  }
  .subpage .imgLine3 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .subpage .imgLine4 {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 40px;
  }
  .subpage .imgLine4 li {
    width: calc(25% - 12px);
    margin-right: 16px;
  }
  .subpage .imgLine4 li:nth-of-type(4n) {
    margin-right: 0;
  }
  .subpage .imgLine4 li img {
    width: 100%;
  }
  .subpage .service_h1 {
    font-weight: bold;
    text-align: center;
    font-size: 30px;
  }
  .subpage .h2 {
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    position: relative;
    font-size: 34px;
    padding-top: 40px;
    margin-top: 70px;
  }
  .subpage .h2.small {
    font-size: 24px;
  }
  .subpage .h2 + p {
    margin-top: 40px;
  }
  .subpage .h2:before {
    content: "";
    border-radius: 50%;
    background: #080807;
    position: absolute;
    top: 0;
    width: 12px;
    height: 12px;
    left: calc(50% - 15px);
  }
  .subpage .h2:after {
    content: "";
    border-radius: 50%;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    top: 0;
    width: 12px;
    height: 12px;
    right: calc(50% - 15px);
  }
  .subpage .h2.left {
    text-align: left;
  }
  .subpage .h2.left:before {
    left: 0;
  }
  .subpage .h2.left:after {
    left: 17px;
  }
  .subpage .h3 {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
    position: relative;
    font-size: 28px;
    padding-bottom: 30px;
    margin-top: 80px;
  }
  .subpage .h3 + p {
    margin-top: 30px;
  }
  .subpage .h3:after {
    content: "";
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
    width: 55px;
  }
  .subpage .h4 {
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    font-size: 24px;
    margin-top: 50px;
  }
  .subpage .h4 + p {
    margin-top: 30px;
  }
  .subpage .catch {
    font-weight: 500;
    font-size: 46px;
  }
  .subpage .catch + p {
    margin-top: 30px;
  }
  .subpage .catch i {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    display: block;
    font-size: 16px;
  }
  .subpage strong {
    font-weight: bold !important;
  }
  .subpage a.link,
  .subpage span.link {
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 15px;
  }
  .subpage a.link:after,
  .subpage span.link:after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-right: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    right: 0;
    top: calc(50% - 3px);
    transform: rotate(45deg);
  }
  .subpage * + p {
    margin-top: 40px;
  }
  .subpage p.img .cap {
    display: block;
    text-align: center;
    margin-top: 5px;
  }
  .subpage a.icon {
    display: inline-block;
    position: relative;
    padding-right: 20px;
  }
  .subpage a.icon:after {
    content: "";
    display: block;
    width: 1em;
    height: 1.2em;
    background-size: auto 1em;
    background-repeat: no-repeat;
    background-position: 50% 0;
    position: absolute;
    right: 0;
    top: 0.35em;
  }
  .subpage a.icon[href$=pdf]:after {
    background-image: url(../images/second/icon_pdf.png);
  }
  .subpage a.icon[href$=doc]:after, .subpage a.icon[href$=docx]:after {
    background-image: url(../images/second/icon_doc.png);
  }
  .subpage a.icon[href$=xls]:after, .subpage a.icon[href$=xlsx]:after {
    background-image: url(../images/second/icon_xls.png);
  }
  .subpage .ico_blank {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../images/common2023/ico_blank.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px;
  }
  .subpage ul.anker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .subpage ul.anker.col2 li {
    width: 50%;
  }
  .subpage ul.anker.col4 li {
    width: 25%;
  }
  .subpage ul.anker li {
    list-style: none;
    border-right: 1px solid #fff;
    width: 33.3333333333%;
  }
  .subpage ul.anker li a {
    display: block;
    background: #eeeeee;
    position: relative;
    height: 100%;
    padding: 8px 12px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    line-height: 1.3;
    text-decoration: none;
    transition: background 0.4s;
    font-size: 15px;
  }
  .subpage ul.anker li a:focus, .subpage ul.anker li a:hover {
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    text-decoration: none;
    color: #fff;
  }
  .subpage ul.anker li a:focus:after, .subpage ul.anker li a:hover:after {
    border-bottom: 1px solid #fff;
    border-right: 1px solid #fff;
  }
  .subpage ul.anker li a:after {
    content: "";
    display: block;
    border-bottom: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-right: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 11px;
    left: 50%;
    margin-left: -3px;
  }
  .subpage * + .btnWrap {
    margin-top: 106px;
  }
  .subpage .btnWrap + .btnWrap {
    margin-top: 53px;
  }
  .subpage .btnWrap .btn {
    max-width: 100%;
    min-width: 300px;
    padding: 21px 15px;
  }
  .subpage .btnWrap .btn:focus i:before, .subpage .btnWrap .btn:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .btnWrap .btn:focus {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    outline: solid 3px #2f88c6;
  }
  .subpage .btnWrap .btn i {
    width: 13px;
    height: 13px;
    margin-right: 20px;
  }
  .subpage .btnWrap .btn i:before {
    width: 13px;
    height: 13px;
    transition: 0.2s transform, 0.2s opacity;
  }
  .subpage .commonBtn {
    display: inline-block;
    position: relative;
    text-decoration: none;
    border: 1px solid #E6E6E6;
    text-align: center;
    background: #052749;
    color: #ffffff;
    box-shadow: none;
    min-width: 260px;
    font-size: 18px;
    padding: 8px 30px 8px;
    margin-top: 70px;
  }
  .subpage .commonBtn:focus, .subpage .commonBtn:hover {
    opacity: 0.7;
  }
  .subpage .commonBtn:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    right: 15px;
  }
  .subpage .btns a:not(:first-of-type) {
    margin-left: 30px;
  }
  .subpage .btns a.grad {
    transform: translateY(-2px);
  }
  .subpage .btn_s {
    width: 30%;
  }
  .subpage .btn_m {
    width: 50%;
  }
  .subpage .btn_l {
    width: 70%;
  }
  .subpage .btn_line2 {
    margin-top: 40px;
  }
  .subpage .btn_line2 a {
    float: left;
    width: 49%;
  }
  .subpage .btn_line2 a:nth-of-type(odd) {
    margin-right: 2%;
  }
  .subpage .btn_line2:after {
    content: "";
    display: block;
    clear: both;
  }
  .subpage .btn_line2.cap_in {
    display: flex;
    flex-wrap: nowrap;
  }
  .subpage .btn_line2.cap_in > div {
    width: 49%;
  }
  .subpage .btn_line2.cap_in > div:nth-of-type(odd) {
    margin-right: 2%;
  }
  .subpage .btn_line2.cap_in > div a {
    width: 100%;
  }
  .subpage .btn_line2.cap_in > div .cap {
    font-size: 12px;
  }
  .subpage .btn_line3 {
    margin-top: 40px;
  }
  .subpage .btn_line3:after {
    content: "";
    display: block;
    clear: both;
  }
  .subpage .btn_line3 a {
    width: calc(33.3333333333% - 10px);
    min-width: inherit;
    float: left;
  }
  .subpage .btn_line3 a:not(:first-of-type) {
    margin-left: 15px;
  }
  .subpage .btn_line4 {
    margin-top: 40px;
  }
  .subpage .btn_line4:after {
    content: "";
    display: block;
    clear: both;
  }
  .subpage .btn_line4 a {
    width: calc(25% - 12px);
    min-width: inherit;
    float: left;
  }
  .subpage .btn_line4 a:not(:first-of-type) {
    margin-left: 15px;
  }
  .subpage * + ul.commonList {
    margin-top: 40px;
  }
  .subpage ul.commonList li {
    padding-left: 18px;
  }
  .subpage ul.commonList li:not(:first-of-type) {
    margin-top: 12px;
  }
  .subpage ul.commonList li:before {
    width: 10px;
    height: 10px;
  }
  .subpage ul.commonList.col2List {
    display: flex;
    flex-wrap: wrap;
  }
  .subpage ul.commonList.col2List li {
    width: calc(50% - 10px);
  }
  .subpage ul.commonList.col2List li:nth-of-type(1) {
    margin-top: 0;
  }
  .subpage ul.commonList.col2List li:nth-of-type(2) {
    margin-top: 0;
  }
  .subpage ul.commonList.col2List li:nth-of-type(even) {
    margin-left: 20px;
  }
  .subpage ol.orderList {
    padding-left: 18px;
    margin-top: 40px;
  }
  .subpage ol.orderList li {
    list-style: decimal;
  }
  .subpage ol.orderList li + li {
    margin-top: 20px;
  }
  .subpage .customBlock table,
  .subpage .commonTable {
    border-top: 1px solid #B8B8B8;
    border-left: 1px solid #B8B8B8;
    width: 100%;
    margin-top: 40px;
  }
  .subpage .customBlock table tr,
  .subpage .commonTable tr {
    border-bottom: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8;
  }
  .subpage .customBlock table th,
  .subpage .commonTable th {
    background: #f1f1f1;
    padding: 12px;
    text-align: left;
    border-right: 1px solid #B8B8B8;
  }
  .subpage .customBlock table th.sub,
  .subpage .commonTable th.sub {
    background: #f3f3f3;
  }
  .subpage .customBlock table th.null,
  .subpage .commonTable th.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #fff;
  }
  .subpage .customBlock table td,
  .subpage .commonTable td {
    background: #fff;
    padding: 12px;
    border-right: 1px solid #B8B8B8;
    vertical-align: top;
  }
  .subpage .customBlock table td *:last-child,
  .subpage .commonTable td *:last-child {
    margin-bottom: 0;
  }
  .subpage .customBlock table td *:first-child,
  .subpage .commonTable td *:first-child {
    margin-top: 0;
  }
  .subpage .customBlock table td.null,
  .subpage .commonTable td.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  .subpage .scrollTable {
    overflow: auto;
  }
  .subpage .scrolltext {
    font-size: 13px;
    text-align: right;
    margin-bottom: -20px;
    margin-top: 20px;
    display: none;
  }
  .subpage .colorBox {
    margin-top: 2em;
    padding: 20px;
  }
  .subpage .colorBox *:nth-child(1) {
    margin-top: 0;
  }
  .subpage .colorBox p {
    line-height: 1.7;
  }
  .subpage .colorBox.bgGray {
    background: #F7F7F7;
  }
  .subpage .borderBox {
    margin-top: 2em;
    border: 1px solid #000;
    padding: 20px;
  }
  .subpage .borderBox *:nth-child(1) {
    margin-top: 0;
  }
  .subpage .borderBox p {
    line-height: 1.7;
  }
  .subpage .borderBox.bdGray {
    border-color: #999;
  }
  .subpage .border-box {
    border: 1px solid #ccc;
    padding: 20px;
  }
  .subpage .ytWrap {
    position: relative;
    padding-bottom: 56.25%;
    margin-top: 40px;
  }
  .subpage .ytWrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .subpage .imgInP {
    overflow: hidden;
    margin-top: 40px;
  }
  .subpage .imgInP .img {
    max-width: 50%;
  }
  .subpage .imgInP .img img {
    width: 100%;
    height: auto;
  }
  .subpage .imgInP .img .cap {
    display: block;
    text-align: left;
    font-size: 14px;
    margin-top: 10px;
  }
  .subpage .imgInP .img.left {
    float: left;
    margin-right: 40px;
  }
  .subpage .imgInP .img.right {
    float: right;
    margin-left: 40px;
  }
  .subpage .commonDL {
    margin-top: 40px;
  }
  .subpage .commonDL dl {
    letter-spacing: -0.025em;
    display: flex;
    color: #052749;
  }
  .subpage .commonDL dl:not(:first-of-type) dt {
    border-bottom: solid 1px #f0f0f0;
  }
  .subpage .commonDL dt {
    border-bottom: solid 1px #f0f0f0;
    width: 200px;
    padding: 23px 40px;
  }
  .subpage .commonDL dd {
    border-bottom: solid 1px #f0f0f0;
    width: calc(100% - 200px);
    padding: 23px 40px;
  }
  .subpage .borderDotBox {
    border: 2px dotted #000;
    margin-top: 40px;
    padding: 30px 30px;
  }
  .subpage .borderDotBox h2,
  .subpage .borderDotBox h3,
  .subpage .borderDotBox h4 {
    margin-top: 0;
  }
  .subpage .borderDotBox .title {
    text-align: center;
    font-weight: bold;
    position: relative;
    font-size: 24px;
    /*
    &:after{
        content: "";
        background: #ffdd1a;
        position: absolute;
        left: calc(50% - 28px);
        bottom: 0;
        height: 2px;
        width: 56px;
    }
    */
  }
  .subpage .borderDotBox .title span {
    background: linear-gradient(transparent 70%, #ffdd1a 70%);
  }
  .subpage .borderDotBox > ul {
    display: flex;
    flex-wrap: wrap;
    margin-top: 30px;
    justify-content: space-between;
  }
  .subpage .borderDotBox > ul > li {
    width: calc(50% - 15px);
  }
  .subpage .borderDotBox > ul > li:nth-of-type(n + 3) {
    margin-top: 30px;
  }
  .subpage .borderDotBox > ul h3 {
    font-weight: bold;
    line-height: 1.5;
    font-size: 20px;
  }
  .subpage .borderDotBox > ul p {
    font-size: 14px;
    margin-top: 30px;
  }
  .subpage .borderDotBox2 {
    border: 2px dotted #000;
    max-width: 70%;
    margin: 40px auto 0;
    padding: 30px 30px;
  }
  .subpage .borderDotBox2 h2,
  .subpage .borderDotBox2 h3,
  .subpage .borderDotBox2 h4 {
    margin-top: 0;
  }
  .subpage .cap {
    display: block;
    margin-top: 10px;
    font-size: 13px;
  }
  .subpage .img70p_pc img {
    max-width: 70%;
  }
  .subpage .blog_tableContents {
    background: #F7F7F7;
    max-width: 640px;
    padding: 25px 50px;
    margin: 60px auto;
  }
  .subpage .blog_tableContentsTitle {
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid #aaaaaa;
    font-size: 21px;
    padding-bottom: 20px;
    margin: 0 0 30px;
  }
  .subpage .blog_tableContentsTitle:before {
    content: "";
    width: 0.7em;
    height: 1em;
    background: url(../images/common2023/table_icon.svg) no-repeat center/contain;
    display: inline-block;
    vertical-align: text-bottom;
    margin-right: 12px;
  }
  .subpage .blog_tableContents ol li {
    counter-increment: cnt;
    text-indent: -1.5em;
    padding-left: 1.5em;
    margin-bottom: 1.5em;
  }
  .subpage .blog_tableContents ol li:last-child {
    margin-bottom: 0;
  }
  .subpage .blog_tableContents ol li:before {
    content: counter(cnt) ".";
    font-weight: 700;
    margin-right: 0.5em;
  }
  .subpage .blog_tableContents ol li a {
    text-decoration: none;
  }
  .subpage .relatedColumnTitle {
    text-align: center;
    font-weight: 700;
    font-size: 26px;
    margin-bottom: 40px;
  }
  .subpage .page-3 {
    font-size: 19px;
  }
  .subpage .page-2 .hero_title .title_jp {
    font-size: 50px;
  }
  .subpage .page-2 .hero_img {
    height: 230px;
  }
  .subpage .page-3 .hero_title .title {
    margin-top: 0;
    font-size: 50px;
  }
  .subpage * + .hero_catch {
    margin-top: 20px;
  }
  .subpage .hero_catch {
    width: 100%;
    font-size: 18px;
    line-height: 1.75;
  }
  .subpage .pageImg {
    margin: 10px 0 0;
  }
  .subpage .pageImg + * {
    margin-top: 100px;
  }
  .subpage .section h1.title {
    font-size: 38px;
  }
  .subpage .section h1.title + .lead_txt {
    margin-top: 40px;
  }
  .subpage .lead_title + h2.titleCenter {
    margin-top: 93px;
  }
  .subpage h1.titleCenter,
  .subpage h2.titleCenter {
    font-size: 36px;
  }
  .subpage * + h2.title,
  .subpage .blog * + h2:not(.blog_tableContentsTitle) {
    margin-top: 100px !important;
  }
  .subpage h2.title,
  .subpage .blog h2:not(.blog_tableContentsTitle) {
    font-size: 38px;
  }
  .subpage h2.title + *,
  .subpage .blog h2:not(.blog_tableContentsTitle) + * {
    margin-top: 80px !important;
  }
  .subpage * + h3.title,
  .subpage .blog * + h3:not(.blog_tableContentsTitle) {
    margin-top: 78px;
  }
  .subpage h3.title,
  .subpage .blog h3:not(.blog_tableContentsTitle) {
    font-size: 28px;
  }
  .subpage h3.title + p,
  .subpage .blog h3:not(.blog_tableContentsTitle) + p {
    margin-top: 34px;
  }
  .subpage * + h4.title,
  .subpage .blog * + h4:not(.blog_tableContentsTitle) {
    margin-top: 75px;
  }
  .subpage h4.title,
  .subpage .blog h4:not(.blog_tableContentsTitle) {
    padding-top: 25px;
    font-size: 22px;
  }
  .subpage h4.title:before,
  .subpage .blog h4:not(.blog_tableContentsTitle):before {
    width: 40px;
    height: 2px;
  }
  .subpage h4.title:after,
  .subpage .blog h4:not(.blog_tableContentsTitle):after {
    width: 10px;
    height: 2px;
  }
  .subpage h4.title + *,
  .subpage .blog h4:not(.blog_tableContentsTitle) + * {
    margin-top: 24px;
  }
  .subpage .titleLeftSub {
    font-size: 14px;
  }
  .subpage .titleLeftSub + .titleLeft {
    margin-top: 7px;
  }
  .subpage .titleLeft {
    font-size: 44px;
  }
  .subpage .titleLeft + * {
    margin-top: 52px;
  }
  .subpage * + .titleMoon {
    margin-top: 53px;
  }
  .subpage .titleMoon {
    padding-left: 60px;
    font-size: 28px;
  }
  .subpage .titleMoon.small {
    font-size: 14px;
  }
  .subpage .titleMoon .titleMoonNum {
    font-size: 36px;
    top: 8px;
    left: 0;
  }
  .subpage * + .titleMoonBody {
    margin-top: 8px;
  }
  .subpage .titleMoonBody {
    line-height: 2;
  }
  .subpage .titleCenterEn {
    font-size: 48px;
  }
  .subpage * + .titleCenter {
    margin-top: 160px;
  }
  .subpage .titleCenter {
    font-size: 28px;
  }
  .subpage * + .titleLeftSide {
    margin-top: 153px;
  }
  .subpage .titleLeftSide {
    font-size: 36px;
  }
  .subpage .titleLeftSide span {
    margin-left: 30px;
    font-size: 16px;
  }
  .subpage .titleLeftSide + * {
    margin-top: 44px;
  }
  .subpage * + .content_list {
    margin-top: 60px;
  }
  .subpage .content_list {
    display: flex;
    flex-wrap: wrap;
  }
  .subpage .content_list > li {
    width: calc(25% - 23px);
    border-radius: 15px;
    box-shadow: 0 0 16px rgba(0, 0, 0, 0.11);
  }
  .subpage .content_list > li:nth-child(n+5) {
    margin-top: 30px;
  }
  .subpage .content_list > li:not(:nth-child(4n)) {
    margin-right: 30px;
  }
  .subpage .content_list > li > * {
    border-radius: 15px;
  }
  .subpage .content_list > li > a {
    padding: 43px 20px 45px;
  }
  .subpage .content_list > li > a:focus, .subpage .content_list > li > a:hover {
    opacity: 1;
  }
  .subpage .content_list > li > a:focus .content_list_body + i:before, .subpage .content_list > li > a:hover .content_list_body + i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .content_list > li > a:focus img, .subpage .content_list > li > a:hover img {
    opacity: 1;
  }
  .subpage .content_list > li > a .content_list_body + i {
    width: 13px;
    height: 13px;
    bottom: 20px;
    right: 20px;
  }
  .subpage .content_list > li > a .content_list_body + i:before {
    width: 13px;
    height: 13px;
    transition: 0.2s transform, 0.2s opacity;
  }
  .subpage .content_list > li > a i > img.sizeFit {
    max-width: 62px;
  }
  .subpage .content_list > li > a * + .content_list_title {
    margin-top: 7px;
  }
  .subpage .content_list > li > a .content_list_title {
    font-size: 22px;
  }
  .subpage .content_list > li > a .content_list_body {
    margin-top: 28px;
    transition: 0.4s border-color, 0.4s color;
  }
  .subpage .content_list > li > a .content_list_body > *:first-child {
    margin-top: 0;
  }
  .subpage .content_list > li > a .content_list_body .content_list_note {
    font-size: 16px;
    line-height: 1.75;
  }
  .subpage .content_list.content_list3col > li {
    width: calc(33.3% - 20px);
  }
  .subpage .content_list.content_list3col > li:nth-child(n+5) {
    margin-top: 0;
  }
  .subpage .content_list.content_list3col > li:nth-child(n+4) {
    margin-top: 30px;
  }
  .subpage .content_list.content_list3col > li:not(:nth-child(4n)) {
    margin-right: 0px;
  }
  .subpage .content_list.content_list3col > li:not(:nth-child(3n)) {
    margin-right: 30px;
  }
  .subpage * + .content_list_sub {
    margin-top: 74px;
  }
  .subpage .content_list_sub {
    display: flex;
    flex-wrap: wrap;
  }
  .subpage .content_list_sub > li {
    width: calc(33.3% - 14px);
    border-width: 0 0 1px 0;
  }
  .subpage .content_list_sub > li:not(:nth-child(3n)) {
    margin-right: 20px;
  }
  .subpage .content_list_sub > li:nth-child(n+4) {
    border-top: none;
  }
  .subpage .content_list_sub > li > * {
    padding: 6px 6px 6px 55px;
  }
  .subpage .content_list_sub > li > a:focus, .subpage .content_list_sub > li > a:hover {
    opacity: 1;
  }
  .subpage .content_list_sub > li > a:focus img, .subpage .content_list_sub > li > a:hover img {
    opacity: 1;
  }
  .subpage .content_list_sub > li > a:focus:before, .subpage .content_list_sub > li > a:hover:before {
    transform: scale(1.5);
  }
  .subpage .content_list_sub > li > a:before {
    width: 36px;
    height: 36px;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    background-size: 18px 10px;
    transition: 0.4s transform;
  }
  .subpage .content_list_sub > li .content_list_sub_icon {
    flex: none;
    width: 60px;
    height: 60px;
  }
  .subpage .content_list_sub > li .content_list_sub_title {
    margin-top: 0;
    margin-left: 8px;
    font-size: 18px;
  }
  .subpage .content_list_door {
    display: flex;
    flex-wrap: wrap;
  }
  .subpage .content_list_door > div {
    width: calc(33.3% - 44px);
    padding-bottom: 40px;
  }
  .subpage .content_list_door > div + div {
    margin-left: 66px;
  }
  .subpage .content_list_door > div + div:before {
    width: 1px;
    height: 100%;
    top: 0;
    left: -33px;
  }
  .subpage .content_list_door > div > dt a {
    padding-bottom: 136px;
  }
  .subpage .content_list_door > div > dt a:focus .content_list_door_header, .subpage .content_list_door > div > dt a:hover .content_list_door_header {
    transform: scale(1.1);
  }
  .subpage .content_list_door > div > dt a:focus:before, .subpage .content_list_door > div > dt a:hover:before {
    transform: scale(1.5);
  }
  .subpage .content_list_door > div > dt a .content_list_door_header {
    transition: 0.4s transform;
  }
  .subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_icon {
    width: 110px;
    margin-left: -26px;
  }
  .subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_text {
    width: calc(100% - 60px);
    margin-left: auto;
  }
  .subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_text .content_list_door_title_sub {
    font-size: 14px;
  }
  .subpage .content_list_door > div > dt a .content_list_door_header .content_list_door_text .content_list_door_title {
    margin-top: 8px;
    font-size: 24px;
  }
  .subpage .content_list_door > div > dt a:before {
    width: 36px;
    height: 36px;
    left: 0;
    bottom: 63px;
    transition: 0.4s transform;
    background-size: 18px 10px;
  }
  .subpage .content_list_door > div > dd .contents_list_body {
    font-size: 17px;
  }
  .subpage .content_list_door > div > dd .contents_list_body > li + li {
    margin-top: 11px;
  }
  .subpage .content_list_door > div > dd .contents_list_body > li > a {
    transition: 0.4s padding-left;
  }
  .subpage .content_list_door > div > dd .contents_list_body > li > a:focus, .subpage .content_list_door > div > dd .contents_list_body > li > a:hover {
    padding-left: 40px;
  }
  .subpage .content_list_door > div > dd .contents_list_body > li > a:focus:before, .subpage .content_list_door > div > dd .contents_list_body > li > a:hover:before {
    opacity: 1;
    animation: 0.8s contents_list_body_anima ease-in-out;
  }
  .subpage .content_list_door > div > dd .contents_list_body > li > a:before {
    width: 1em;
    height: 1em;
    top: 0.7em;
    transition: 0.4s opacity, 0.4s transform;
    opacity: 0;
    left: 0;
  }
  .subpage .content_list_door.door_col2 > div {
    display: flex;
    flex-direction: column;
    width: calc(50% - 45px);
  }
  .subpage .content_list_door.door_col2 > div:nth-child(n+3) {
    margin-top: 34px;
  }
  .subpage .content_list_door.door_col2 > div:nth-child(n+3):nth-child(odd):after {
    content: "";
    display: block;
    width: calc(200% + 90px);
    height: 1px;
    background: #cfcfcf;
    position: absolute;
    top: -17px;
    left: 0;
  }
  .subpage .content_list_door.door_col2 > div:nth-child(odd) {
    margin-right: auto;
  }
  .subpage .content_list_door.door_col2 > div:nth-child(odd):before {
    width: 1px;
    height: 100%;
    top: 0;
    right: -45px;
    left: inherit;
  }
  .subpage .content_list_door.door_col2 > div + div {
    margin-left: 0;
  }
  .subpage .content_list_door.door_col2 > div + div:before {
    display: none;
  }
  .subpage .content_list_door.door_col2 > div > dt > a {
    padding: 41px 80px 41px 0;
  }
  .subpage .content_list_door.door_col2 > div > dt > a:before {
    top: 0;
    bottom: 0;
    margin: auto;
    right: 0;
    left: inherit;
  }
  .subpage .content_list_door.door_col2 > div > dt > a > .content_list_door_header .content_list_door_icon {
    margin-left: -10px;
    margin-right: 20px;
  }
  .subpage .content_list_door.door_col2 > div > dt > a > .content_list_door_header .content_list_door_text .content_list_door_title {
    margin-top: 0;
  }
  .subpage .content_list_door.door_col2 > div > dd {
    height: 100%;
  }
  .subpage .content_list_door.door_col2 > div > dd .contents_list_body {
    margin-top: 20px;
    -moz-column-count: 2;
         column-count: 2;
  }
  .subpage .content_list_door.door_col2 > div > dd .contents_list_body > li:nth-child(odd) {
    margin-right: auto;
  }
  .subpage .content_list_door.door_col2 > div > dd .contents_list_body > li + li {
    margin-top: 17px;
  }
  .subpage * + .price_box {
    margin-top: 50px;
  }
  .subpage .price_box {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    padding: 40px 50px;
    border-radius: 15px;
  }
  .subpage .price_box .price_box_header {
    width: 50%;
    padding-right: 20px;
  }
  .subpage .price_box .price_box_header .price_box_title {
    font-size: 48px;
  }
  .subpage .price_box .price_box_header .price_box_title_sub {
    margin-top: 6px;
    font-size: 16px;
  }
  .subpage .price_box .price_box_body {
    width: 50%;
  }
  .subpage .price_box .price_box_body .price_list > div + div {
    margin-top: 28px;
  }
  .subpage .price_box .price_box_body .price_list > div dt {
    width: 88px;
    font-size: 16px;
  }
  .subpage .price_box .price_box_body .price_list > div dd {
    font-size: 14px;
  }
  .subpage .price_box .price_box_body .price_list > div dd strong {
    font-size: 30px;
  }
  .subpage .price_box * + .price_box_overview {
    margin-top: 35px;
  }
  .subpage .price_box .price_box_overview {
    width: 100%;
    padding: 24px 28px;
    border-radius: 10px;
  }
  .subpage * + .pointBox {
    margin-top: 74px;
  }
  .subpage .pointBox {
    padding: 40px 45px 50px;
    border-radius: 20px;
  }
  .subpage .pointBox .pointBoxTitle {
    padding-left: 38px;
    font-size: 22px;
  }
  .subpage .pointBox .pointBoxTitle:before {
    width: 30px;
    height: 30px;
    top: 6px;
  }
  .subpage .pointBox .pointBoxTitle + * {
    margin-top: 27px;
  }
  .subpage * + .connectionBox,
  .subpage * + .connectionBoxCol {
    margin-top: 90px;
  }
  .subpage .connectionBox .connectionBoxTitle {
    font-size: 24px;
  }
  .subpage .connectionBox .connectionBoxTitle span {
    margin-left: 15px;
    font-size: 16px;
  }
  .subpage .connectionBox .connectionBoxTitle + .linkList {
    margin-top: 35px;
  }
  .subpage .connectionBox .linkList {
    padding: 25px 55px 35px;
    border-radius: 20px;
  }
  .subpage .connectionBox .linkList > li {
    font-size: 19px;
    margin-top: 10px;
    margin-right: 25px;
  }
  .subpage .connectionBox .linkList > li > a {
    padding-left: 17px;
  }
  .subpage .connectionBox .linkList > li > a:focus, .subpage .connectionBox .linkList > li > a:hover {
    text-decoration: none;
  }
  .subpage .connectionBox .linkList > li > a:focus:after, .subpage .connectionBox .linkList > li > a:hover:after {
    transform: scale(1.9);
  }
  .subpage .connectionBox .linkList > li > a:after {
    width: 8px;
    height: 2px;
    top: 0.875em;
    left: 0;
    transition: 0.4s transform;
  }
  .subpage .connectionBoxCol {
    padding: 58px 65px 72px;
  }
  .subpage .connectionBoxCol .connectionTextWrap {
    align-items: center;
    gap: 163px;
    padding-top: 32px;
    padding-bottom: 40px;
    padding-left: 18px;
  }
  .subpage .connectionBoxCol .connectionTextWrap::before {
    height: 100%;
    width: 1px;
    top: 0px;
    left: 260px;
  }
  .subpage .connectionBoxCol .connectionTextWrap .connectionBoxTitle {
    font-size: 32px;
  }
  .subpage .connectionBoxCol .connectionTextWrap .connectionBoxTitle span {
    margin-left: 15px;
    font-size: 16px;
  }
  .subpage .connectionBoxCol .connectionTextWrap .connectionBoxTitle + .linkList {
    margin-top: 38px;
  }
  .subpage .connectionBoxCol .connectionTextWrap > p {
    margin-top: 0;
    font-size: 16px;
  }
  .subpage .connectionBoxCol .linkList {
    margin-top: 38px;
  }
  .subpage .connectionBoxCol .linkList > li {
    width: calc(33.3% - 14px);
    font-size: 17px;
    margin-top: 10px;
  }
  .subpage .connectionBoxCol .linkList > li:not(:nth-child(3n)) {
    margin-right: 20px;
  }
  .subpage .connectionBoxCol .linkList > li > a {
    padding-left: 32px;
  }
  .subpage .connectionBoxCol .linkList > li > a:focus, .subpage .connectionBoxCol .linkList > li > a:hover {
    text-decoration: none;
  }
  .subpage .connectionBoxCol .linkList > li > a:focus:after, .subpage .connectionBoxCol .linkList > li > a:hover:after {
    transform: scale(1.9);
  }
  .subpage .connectionBoxCol .linkList > li > a:after {
    width: 8px;
    height: 3px;
    top: 0.775em;
    left: 0;
    transition: 0.4s transform;
  }
  .subpage .customBlock * + .mt-be-columns {
    margin-top: 80px;
  }
  .subpage * + .column1 {
    margin-top: 100px;
  }
  .subpage .column1 {
    align-items: center;
    justify-content: space-between;
  }
  .subpage .column1 + .column1 {
    margin-top: 100px;
  }
  .subpage .column1 .columnText {
    width: 70%;
    font-size: 18px;
    line-height: 2;
  }
  .subpage .column1 .columnText .columnTitle {
    font-size: 34px;
  }
  .subpage .column1 .columnText .columnTitle + * {
    margin-top: 40px;
  }
  .subpage .customBlock * + .mt-be-columns,
  .subpage * + .column2 {
    margin-top: 100px;
  }
  .subpage .customBlock .mt-be-columns,
  .subpage .column2 {
    align-items: center;
    justify-content: space-between;
  }
  .subpage .customBlock .mt-be-columns + .mt-be-columns,
  .subpage .customBlock .mt-be-columns + .column2,
  .subpage .column2 + .mt-be-columns,
  .subpage .column2 + .column2 {
    margin-top: 100px;
  }
  .subpage .customBlock .mt-be-columns .mt-be-column,
  .subpage .column2 .mt-be-column {
    flex: 1;
    font-size: 18px;
  }
  .subpage .customBlock .mt-be-columns .mt-be-column + .mt-be-column,
  .subpage .column2 .mt-be-column + .mt-be-column {
    margin-left: 2%;
  }
  .subpage .customBlock .mt-be-columns .columnText,
  .subpage .column2 .columnText {
    width: 49.17%;
    font-size: 18px;
  }
  .subpage .customBlock .mt-be-columns .columnText .columnTitle,
  .subpage .column2 .columnText .columnTitle {
    font-size: 34px;
  }
  .subpage .customBlock .mt-be-columns .columnText .columnTitle + *,
  .subpage .column2 .columnText .columnTitle + * {
    margin-top: 32px;
  }
  .subpage .customBlock .mt-be-columns .columnThumb,
  .subpage .column2 .columnThumb {
    width: 47.5%;
  }
  .subpage .blockList > li + li {
    margin-top: 150px;
  }
  .subpage .leadCatch {
    font-size: 38px;
  }
  .subpage .leadCatch + * {
    margin-top: 104px;
  }
  .subpage * + .anchorList {
    margin-top: 40px;
  }
  .subpage .anchorList > li {
    width: calc(25% - 19px);
  }
  .subpage .anchorList > li:not(:nth-child(4n)) {
    margin-right: 20px;
  }
  .subpage .anchorList > li:nth-child(n+5) {
    margin-top: 10px;
  }
  .subpage .anchorList > li > a {
    padding: 19px 10px 18px 50px;
    font-size: 18px;
    line-height: 1.4;
    position: relative;
    overflow: hidden;
  }
  .subpage .anchorList > li > a:focus:before, .subpage .anchorList > li > a:hover:before {
    transform: scale(1.5);
  }
  .subpage .anchorList > li > a:before {
    width: 21px;
    height: 21px;
    left: 7px;
    transition: 0.4s transform;
  }
  .subpage .anchorList > li > a:after {
    width: 14px;
    height: 7px;
    left: 10px;
  }
  .subpage * + .faqList {
    margin-top: 80px;
  }
  .subpage .faqList > div {
    width: 100%;
    padding: 35px 55px;
    border-radius: 20px;
    cursor: pointer;
  }
  .subpage .faqList > div:nth-child(n+2) {
    margin-top: 30px;
  }
  .subpage .faqList > div:focus:before, .subpage .faqList > div:hover:before {
    transform: scale(1.4);
  }
  .subpage .faqList > div:before {
    width: 40px;
    line-height: 40px;
    font-size: 26px;
    border-radius: 20px;
    top: -10px;
    left: 0;
    transition: 0.4s transform;
  }
  .subpage .faqList > div dt {
    padding-right: 20px;
    font-size: 24px;
  }
  .subpage .faqList > div dt:before, .subpage .faqList > div dt:after {
    width: 20px;
    height: 2px;
    right: -19px;
  }
  .subpage .faqList > div dd {
    margin-top: 14px;
    font-size: 18px;
  }
  .subpage * + .pmarkBox {
    margin-top: 40px;
  }
  .subpage .pmarkBox > figure {
    width: 70px;
  }
  .subpage .pmarkBox .pmarkBoxNote {
    margin-top: 0;
    margin-left: 25px;
    font-size: 14px;
    line-height: 1.86;
  }
  .subpage .customBlock > .inner > div:not([class]) {
    margin-top: 40px;
  }
  .subpage .taC_pc {
    text-align: center !important;
  }
  .subpage .taL_pc {
    text-align: left !important;
  }
  .subpage .taR_pc {
    text-align: right !important;
  }
  .subpage .mB0_pc {
    margin-bottom: 0 !important;
  }
  .subpage .mB5_pc {
    margin-bottom: 5px !important;
  }
  .subpage .mB10_pc {
    margin-bottom: 10px !important;
  }
  .subpage .mB20_pc {
    margin-bottom: 20px !important;
  }
  .subpage .mB30_pc {
    margin-bottom: 30px !important;
  }
  .subpage .mB40_pc {
    margin-bottom: 40px !important;
  }
  .subpage .mB50_pc {
    margin-bottom: 50px !important;
  }
  .subpage .mT0_pc {
    margin-top: 0 !important;
  }
  .subpage .mT5_pc {
    margin-top: 5px !important;
  }
  .subpage .mT10_pc {
    margin-top: 10px !important;
  }
  .subpage .mT20_pc {
    margin-top: 20px !important;
  }
  .subpage .mT30_pc {
    margin-top: 30px !important;
  }
  .subpage .mT40_pc {
    margin-top: 40px !important;
  }
  .subpage .mT50_pc {
    margin-top: 50px !important;
  }
  .subpage .mL0_pc {
    margin-left: 0px !important;
  }
  .subpage .mL5_pc {
    margin-left: 5px !important;
  }
  .subpage .mL10_pc {
    margin-left: 10px !important;
  }
  .subpage .mL20_pc {
    margin-left: 20px !important;
  }
  .subpage .mL30_pc {
    margin-left: 30px !important;
  }
  .subpage .mL40_pc {
    margin-left: 40px !important;
  }
  .subpage .mL50_pc {
    margin-left: 50px !important;
  }
  .subpage .mR0_pc {
    margin-right: 0px !important;
  }
  .subpage .mR5_pc {
    margin-right: 5px !important;
  }
  .subpage .mR10_pc {
    margin-right: 10px !important;
  }
  .subpage .mR20_pc {
    margin-right: 20px !important;
  }
  .subpage .mR30_pc {
    margin-right: 30px !important;
  }
  .subpage .mR40_pc {
    margin-right: 40px !important;
  }
  .subpage .mR50_pc {
    margin-right: 50px !important;
  }
  .subpage .size12 {
    font-size: 12px !important;
  }
  .subpage .size14 {
    font-size: 14px !important;
  }
  .subpage .size16 {
    font-size: 16px !important;
  }
  .subpage .size18 {
    font-size: 18px !important;
  }
  .subpage .size20 {
    font-size: 20px !important;
  }
  .subpage .taC_pc {
    text-align: center !important;
  }
  .subpage .red {
    color: #de0000 !important;
  }
  .subpage .blue {
    color: #356fcf !important;
  }
  .subpage .gray {
    color: #666 !important;
  }
  .subpage .bold {
    font-weight: bold !important;
  }
  .subpage .underline {
    text-decoration: underline !important;
  }
  .subpage .green {
    color: #23ac3a !important;
  }
  .subpage .bdb {
    border-bottom: 2px solid #004aa4;
  }
  .subpage .fontL {
    font-size: 1.2em;
  }
  .subpage .fontS {
    font-size: 0.8em;
  }
  .subpage .floatL {
    float: left;
  }
  .subpage .floatR {
    float: right;
  }
  .subpage .preBox {
    background: #eff0f4;
    border: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .subpage .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto;
  }
  .subpage .heroH1Wrap {
    padding-top: 160px;
    padding-bottom: 170px;
    max-width: 1200px;
    margin-inline: auto;
  }
  .subpage .heroH1Wrap h1 {
    font-size: 48px;
    text-align: left;
  }
  .subpage .subpage.label2In .titleMoon {
    font-size: 32px;
    line-height: 1.43;
  }
  .subpage .subpage.label2In .titleMoon + .titleMoonBody {
    margin-top: 30px;
  }
  .subpage .hero.label2 .heroH1Wrap {
    padding-top: 220px;
    padding-bottom: 0;
  }
  .subpage .companyMessage .presImg {
    position: absolute;
    left: 0;
    top: 210px;
    min-height: 520px;
    max-height: 600px;
    width: 50vw;
  }
  .subpage .companyMessage .presImg img {
    aspect-ratio: 800/600;
    -o-object-fit: cover;
       object-fit: cover;
    max-height: 600px;
  }
  .subpage .companyMessage .companyMessageInner {
    width: 90%;
    max-width: 1200px;
  }
  .subpage .companyMessage .companyMessageInner > .textArea {
    max-width: 743px;
    margin-left: auto;
    margin-top: 100px;
    width: 62%;
  }
  .subpage .companyMessage .companyMessageInner > .textArea .companyText {
    font-size: 18px;
    margin-top: 46px;
    line-height: 2;
  }
  .subpage .companyMessage .companyMessageInner > .textArea .presText {
    font-size: 18px;
    margin-top: 32px;
  }
  .subpage .companyBlock {
    margin-top: clamp(120px, 14.5vw, 232px);
  }
  .subpage .client {
    margin-top: 60px;
  }
  .subpage .client .clientInner {
    max-width: 1200px;
    width: 90%;
  }
  .subpage .client .inner .col2 {
    margin-top: 40px;
  }
  .subpage .mission {
    overflow-x: hidden;
  }
  .subpage .mission .missionInner {
    width: 90%;
    max-width: 1200px;
  }
  .subpage .mission .missionInner .textArea {
    width: 50%;
  }
  .subpage .mission .heroEnTitle {
    right: -10px;
    font-size: 180px;
    line-height: 1;
    top: -14px;
  }
  .subpage .bizSec .inner .bizItemWrap {
    flex-wrap: wrap;
    row-gap: 80px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem {
    display: flex;
    width: 50%;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent {
    display: flex;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .enTitle {
    font-size: 16px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .bizTitle {
    margin-top: -4px;
    font-size: 28px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .diaArrow {
    margin-top: 24px;
    position: relative;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .diaArrow i {
    width: 40px;
    height: 40px;
    border: solid 2px #052749;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle .diaArrow i:before {
    width: 13px;
    height: 13px;
    transition: 0.2s transform, 0.2s opacity;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle:focus i:before, .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a {
    font-size: 17px;
    transition: 0.4s padding-left;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a::before {
    transition: 0.4s opacity, 0.4s transform;
    opacity: 0;
    top: 0.53em;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a:focus, .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a:hover {
    padding-left: 40px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a:focus::before, .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li a:hover::before {
    opacity: 1;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .contents_list_body li + li {
    margin-top: 11px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem:nth-child(odd) .bizItemContent .bizItemTitle {
    min-width: 120px;
    margin-right: 80px;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem:nth-child(even) .bizItemContent .bizItemTitle {
    min-width: 200px;
    margin-right: 46px;
  }
  .subpage .pickup {
    padding-top: 96px;
    padding-bottom: 100px;
  }
  .subpage .pickup .inner .catchTitle {
    font-size: 32px;
  }
  .subpage .pickup .inner .pickupArea {
    justify-content: space-between;
    margin-top: 24px;
  }
  .subpage .pickup .inner .pickupArea li {
    width: calc((100% - 120px) / 3);
  }
  .subpage .pickup .inner .pickupArea li a > p {
    font-size: 18px;
    margin-top: 30px;
    padding-right: 40px;
  }
  .subpage .pickup .inner .pickupArea li a i {
    width: 13px;
    height: 13px;
    top: 12px;
    right: 20px;
  }
  .subpage .pickup .inner .pickupArea li a i:before {
    width: 13px;
    height: 13px;
    transition: 0.2s transform, 0.2s opacity;
  }
  .subpage .pickup .inner .pickupArea li a:focus img, .subpage .pickup .inner .pickupArea li a:hover img {
    transform: scale(1.08);
  }
  .subpage .pickup .inner .pickupArea li a:focus i:before, .subpage .pickup .inner .pickupArea li a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .heroCol2 {
    align-items: center;
    justify-content: space-between;
    max-width: 1200px;
    width: 90%;
    margin-inline: auto;
    padding-bottom: 110px;
    gap: 9.3%;
    margin-inline: auto;
  }
  .subpage .heroCol2 > p {
    width: 46.6%;
  }
  .subpage .heroCol2 > p > img {
    aspect-ratio: 560/400;
  }
  .subpage .heroCol2 .textArea {
    width: 44.1%;
    max-width: 530px;
  }
  .subpage .heroCol2 .textArea .heroTitle {
    font-size: 36px;
  }
  .subpage .heroCol2 .textArea .heroText {
    font-size: 18px;
    line-height: 2;
  }
  .subpage .accessArea {
    margin-top: 60px;
    width: 90%;
  }
  .subpage .accessArea .accessInner {
    padding: 65px;
    justify-content: space-between;
    gap: 14%;
    border-radius: 20px;
    margin-top: 40px;
  }
  .subpage .accessArea .accessInner .textArea {
    width: 39%;
    padding-left: 24px;
  }
  .subpage .accessArea .accessInner .textArea h3 {
    font-size: 30px;
  }
  .subpage .accessArea .accessInner .textArea h3 + .accessText {
    margin-top: 12px;
  }
  .subpage .accessArea .accessInner .textArea .enTitle {
    font-size: 16px;
  }
  .subpage .accessArea .accessInner .textArea .accessText {
    padding-left: 32px;
    font-size: 16px;
    line-height: 2;
  }
  .subpage .accessArea .accessInner .textArea .accessText + .accessText {
    margin-top: 22px;
  }
  .subpage .accessArea .accessInner .mapArea {
    width: 47%;
    max-width: 647px;
  }
  .subpage .accessArea .accessInner .mapArea iframe {
    border-radius: 20px;
    aspect-ratio: 500/315;
  }
  .subpage .accessArea + .bannerArea {
    margin-top: 120px;
  }
  .subpage .outline {
    margin-top: 100px;
  }
  .subpage .outline .outlineInner {
    max-width: 1200px;
    width: 90%;
  }
  .subpage .outline .outlineInner .commonDL {
    max-width: 960px;
  }
  .subpage .outline .outlineInner .commonDL dl dd > a {
    padding-left: 32px;
  }
  .subpage .outline .outlineInner .commonDL dl dd > a:focus, .subpage .outline .outlineInner .commonDL dl dd > a:hover {
    text-decoration: none;
  }
  .subpage .outline .outlineInner .commonDL dl dd > a:focus:after, .subpage .outline .outlineInner .commonDL dl dd > a:hover:after {
    transform: scale(1.9);
  }
  .subpage .outline .outlineInner .commonDL dl dd > a:focus span:before, .subpage .outline .outlineInner .commonDL dl dd > a:hover span:before {
    visibility: hidden;
  }
  .subpage .outline .outlineInner .commonDL dl dd > a:after {
    width: 8px;
    height: 3px;
    top: 0.775em;
    left: 0;
    transition: 0.4s transform;
  }
  .subpage .outline .outlineInner .commonDL dl dd > a span:before {
    width: 100%;
    height: 1px;
    bottom: -6px;
  }
  .subpage .outline .outlineInner .commonDL dl dd .commonList li {
    padding-left: 0;
    margin-top: 4px;
  }
  .subpage .accessArea + .bannerArea {
    margin-top: 120px;
  }
  .subpage .bannerArea {
    padding-top: 0;
    padding-bottom: 0;
  }
  .subpage .bannerArea a {
    padding-top: 104px;
    padding-bottom: 86px;
    transition: all 0.4s;
  }
  .subpage .bannerArea a:focus, .subpage .bannerArea a:hover {
    opacity: 0.7;
  }
  .subpage .bannerArea a:focus i:before, .subpage .bannerArea a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .bannerArea a:focus .imgArea > img, .subpage .bannerArea a:hover .imgArea > img {
    transform: scale(1.08);
  }
  .subpage .bannerArea .bannerInner {
    align-items: center;
    width: 90%;
    justify-content: space-between;
  }
  .subpage .bannerArea .bannerInner .textArea {
    width: 56.7%;
  }
  .subpage .bannerArea .bannerInner .textArea .enTitle {
    font-size: 16px;
  }
  .subpage .bannerArea .bannerInner .textArea .philoText {
    font-size: 36px;
    margin-top: 8px;
    line-height: 1.44;
    transition: all 0.8s ease-in;
  }
  .subpage .bannerArea .bannerInner .textArea .philoText + .diaArrow .white:before {
    width: 13px;
    height: 13px;
    transition: 0.2s transform, 0.2s opacity;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .subpage .bannerArea .bannerInner .textArea .moonH2 {
    font-size: 58px;
  }
  .subpage .bannerArea .bannerInner .textArea .moonH2 + p {
    margin-top: 10px;
  }
  .subpage .bannerArea .bannerInner .textArea .diaArrow {
    margin-top: 24px;
    position: relative;
  }
  .subpage .bannerArea .bannerInner .textArea .diaArrow span {
    margin-right: 14px;
    font-size: 16px;
  }
  .subpage .bannerArea .bannerInner .textArea .diaArrow i {
    width: 40px;
    height: 40px;
    border: solid 2px #052749;
  }
  .subpage .bannerArea .bannerInner .textArea .diaArrow i.navy:before {
    width: 13px;
    height: 13px;
    transition: 0.2s transform, 0.2s opacity;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
  }
  .subpage .bannerArea .bannerInner .imgArea {
    max-width: 380px;
    overflow: hidden;
    border-radius: 12px;
  }
  .subpage .planBody .heroH1Wrap {
    padding-bottom: 20px;
  }
  .subpage .planBody .hero_catch {
    font-size: 18px;
    line-height: 1.77;
    margin-top: 104px;
  }
  .subpage .planBlockInner {
    max-width: 1200px;
    width: 90%;
  }
  .subpage .planBlockInner .planListWrap {
    margin-top: 126px;
    gap: 20px;
    flex-wrap: wrap;
    row-gap: 88px;
  }
  .subpage .planBlockInner .planListWrap li.planItem {
    padding-block: 40px;
    padding-inline: min(3.1vw, 50px);
    border-radius: 20px;
    width: calc((100% - 20px) / 2);
    box-shadow: 0 0px 5px rgba(0, 0, 0, 0.1);
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap {
    margin-top: 26px;
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a {
    font-size: 14px;
    margin-top: 30px;
    padding-right: 40px;
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a i {
    width: 13px;
    height: 13px;
    top: 6px;
    right: 14px;
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a i:before {
    width: 13px;
    height: 13px;
    transition: 0.2s transform, 0.2s opacity;
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:focus img, .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:hover img {
    transform: scale(1.08);
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:focus i:before, .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea {
    align-items: center;
    margin-top: 30px;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitleText {
    justify-content: center;
    align-items: center;
    margin-right: 65px;
    min-width: 35px;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitleText::before {
    left: 70px;
    top: 0;
    height: 100%;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitleText > span {
    font-size: 13px;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitleText .planNum {
    font-size: 26px;
  }
  .subpage .planBlockInner .planListWrap .planTitleArea .planTitle {
    font-size: 26px;
  }
  .subpage .planBlockInner .planListWrap .planImageBox {
    padding: 25px;
    margin-top: 24px;
    border-radius: 12px;
  }
  .subpage .planBlockInner .planListWrap .planImageBox > li {
    min-width: 80px;
  }
  .subpage .planBlockInner .planListWrap .planImageBox > li > div {
    width: 80px;
    aspect-ratio: 1/1;
    margin-inline: auto;
  }
  .subpage .planBlockInner .planListWrap .planImageBox > li > p {
    font-size: 14px;
    margin-top: 14px;
  }
  .subpage .planBlockInner .planListWrap .planImageBox > li:not(:last-child) {
    margin-right: 16px;
  }
  .subpage .planBlockInner .planListWrap .planText {
    font-size: 15px;
    margin-top: 24px;
    line-height: 1.86;
  }
  .subpage .planBlockInner .planListWrap .planBox {
    margin-top: 34px;
    width: 60%;
    padding: 7px 20px;
    display: flex;
    gap: 80px;
    align-items: center;
    justify-content: center;
    max-width: 370px;
  }
  .subpage .planBlockInner .planListWrap .planBox > p {
    font-size: 15px;
  }
  .subpage .planBlockInner .planListWrap .planBox > p .hourText {
    font-size: 38px;
    margin-right: 12px;
  }
  .subpage .planBlockInner .planListWrap .planBox > p .costText {
    font-size: 38px;
    margin-right: 12px;
  }
  .subpage .planBlockInner .planListWrap .planBox > p.hasLine:before {
    content: "";
    height: 60%;
    width: 1px;
    background-color: #052749;
    position: absolute;
    top: 50%;
    left: 109px;
    transform: translate(0%, -45%) rotate(35deg);
  }
  .subpage .planBlockInner .planListWrap .comment {
    font-size: 18px;
    text-decoration-thickness: 3px;
    text-underline-offset: 7px;
    text-decoration: underline;
    text-decoration-color: #e6e8eb;
  }
  .subpage .support {
    padding-top: 80px;
    padding-bottom: 100px;
    margin-top: 100px;
  }
  .subpage .support .supportInner {
    max-width: 1200px;
    margin-inline: auto;
    width: 90%;
  }
  .subpage .support .supportInner h2 {
    font-size: 32px;
  }
  .subpage .support .supportInner ul {
    margin-top: 65px;
    justify-content: center;
    max-width: 1136px;
    flex-wrap: wrap;
    gap: 25px;
  }
  .subpage .support .supportInner ul li {
    gap: 16px;
    min-height: 110px;
    width: 265px;
  }
  .subpage .support .supportInner ul li a {
    gap: 16px;
    min-height: 110px;
    width: 265px;
  }
  .subpage .support .supportInner ul li a:hover, .subpage .support .supportInner ul li a:focus {
    opacity: 0.7;
  }
  .subpage .support .supportInner ul li a .iconImg {
    max-width: 65px;
  }
  .subpage .support .supportInner ul li a .iconImg img {
    width: 100%;
  }
  .subpage .support .supportInner ul li a p.supTitle {
    font-size: 20px;
    text-align: left;
  }
  .subpage .heroEnTitle {
    right: -10px;
    font-size: 180px;
    line-height: 1;
  }
  .subpage * + .blogDetailInfo {
    margin-top: 10px;
  }
  .subpage .blogDetailInfo .blogDetailInfoCat {
    margin-top: 0;
    margin-left: 20px;
  }
  .subpage .flowBody .inner + h2.titleMoon {
    margin-top: 0;
  }
  .subpage .flowBody .inner h2.titleMoon {
    margin-top: 110px;
  }
  .subpage .flowBody .inner h3.title {
    margin-top: 50px;
  }
  @keyframes btn_anima {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: translate(100%, -100%);
    }
    55% {
      opacity: 0;
      transform: translate(-100%, 100%);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  @keyframes btn_animaMini {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: translate(100%, 0);
    }
    55% {
      opacity: 0;
      transform: translate(-100%, 0);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  .subpage.blog .section {
    padding-top: 0;
  }
  .h2TitleWrap h2 {
    font-size: 36px;
    margin-top: 6px;
  }
  .h2TitleWrap .enTitle {
    font-size: 16px;
  }
}
@media print, screen and (min-width: 1000px) and (max-width: 1320px) {
  h1,
  h2,
  h3,
  h4,
  h5,
  h6 {
    font-weight: normal;
    font-size: 100%;
  }
  img {
    max-width: 100%;
  }
  a {
    color: #052749;
    text-decoration: none;
    transition: all 0.4s;
  }
  a img {
    transition: all 0.4s;
  }
  a.blank {
    position: relative;
  }
  a.blank:after {
    content: "";
    width: 10px;
    height: 10px;
    background: url(../images/common2023/ico_blank.png) no-repeat center/contain;
    position: absolute;
    top: 0;
    right: -15px;
  }
  ul,
  ol {
    list-style: none;
  }
  i {
    font-style: normal;
  }
  figure figcaption {
    color: #989898;
    margin-top: 15px;
  }
  .inner {
    padding: 0 40px;
  }
  .fadeUp {
    opacity: 0;
    transform: translateY(60px);
    transition: all 0.8s;
  }
  .fadeUp.show {
    opacity: 1;
    transform: translateY(0);
  }
  /** -----------------
  HEADER
  ----------------- **/
  #globalHeader .ghInner .ghLogo {
    width: 131px;
  }
  #globalHeader .ghInner .ghLogo > a > .name {
    width: 131px;
    height: auto;
    margin-top: 5px;
  }
  #globalHeader .ghInner .ghMenu {
    width: calc(100% - 130px);
    margin-left: auto;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a {
    font-size: 14px;
  }
  #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a.isCurrent:before, #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a:hover:before, #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li > a:focus:before {
    width: 30px;
    height: 30px;
  }
  .worksList.notRadius > li .worksListThumb {
    border-radius: 0 !important;
  }
  /** -----------------
  FOOTER
  ----------------- **/
  .footerInfo .gfInner {
    padding-left: 40px;
  }
  #footerContact.isView .gfContactTitle span {
    transform: translateY(0);
  }
  #footerContact .footerContactList {
    justify-content: center;
  }
  #footerContact .footerContactList > li {
    width: calc(50% - 80px);
  }
  #footerContact .footerContactList > li:not(:last-child) {
    margin-right: 0;
  }
  #footerContact .footerContactList > li:not(:last-child):not(:nth-child(even)) {
    margin-right: 60px;
  }
  #footerContact .footerContactList > li:nth-child(n+4) {
    margin-top: 0px;
  }
  #footerContact .footerContactList > li:nth-child(n+3) {
    margin-top: 40px;
  }
  @keyframes contents_list_body_anima {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: translate(100%, 0);
    }
    55% {
      opacity: 0;
      transform: translate(-100%, 0);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  .cookieConsentLayout .cookieText {
    width: 100%;
  }
  .cookieConsentLayout .cookieBtn {
    margin-left: 20px;
  }
  .cookieConsentLayout .cookieBtn > a {
    min-width: 40%;
  }
  .col2SetBtn .textBtnArea .btnWrap > a:focus img, .col2SetBtn .textBtnArea .btnWrap > a:hover img {
    transform: scale(1.08);
  }
  .col2SetBtn .textBtnArea .btnWrap > a:focus i:before, .col2SetBtn .textBtnArea .btnWrap > a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  html:lang(en) #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li.ghNavListParent {
    padding-right: 15px;
  }
  html:lang(en) #globalHeader .ghInner .ghMenu .ghNav .ghNavList > li + li {
    margin-left: 2%;
  }
  html:lang(en) #globalHeader .ghInner .ghMenu .ghNav .ghSubNavList > li {
    margin-left: 20px;
  }
  /* ココから下には記入禁止 */
  /** -----------------
  COMMON PARTS
  ----------------- **/
  /** hero **/
  .hero.works {
    align-items: center;
  }
  .heroInner {
    padding-left: 40px;
    padding-right: 40px;
  }
  /** breadcrumb **/
  /** bg **/
  .section.bg {
    position: relative;
    background: #f7f7f7;
  }
  /** step **/
  .step > li {
    counter-increment: cnt;
    position: relative;
    border: 1px solid #212121;
  }
  .step > li .num {
    background: #212121;
    color: #fff;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    line-height: 1;
    border-radius: 50%;
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }
  .step > li .num:before {
    content: "STEP";
  }
  .step > li .num:after {
    content: counter(cnt, decimal-leading-zero);
  }
  .step > li dl {
    display: flex;
    align-items: center;
  }
  .step > li dl dt {
    font-weight: 700;
    line-height: 1.4;
    flex-shrink: 0;
  }
  .step > li dl dd {
    letter-spacing: 0.05em;
    line-height: 1.6;
  }
  /** 扉ページ **/
  .door_list {
    display: flex;
    flex-wrap: wrap;
  }
  .door_list_item {
    background: #fff;
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    transition-delay: 0.1s;
  }
  .door_list_item:nth-child(3n) {
    margin-right: 0;
  }
  .door_list_item:before {
    content: "";
    height: 0;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: absolute;
    transition: all 0.4s;
  }
  .door_list_item:focus:before, .door_list_item:hover:before {
    width: 300%;
    padding-top: 300%;
    right: -150%;
    bottom: -150%;
  }
  .door_list_item a {
    display: block;
    text-align: center;
    position: relative;
    line-height: 1.3;
    text-decoration: none !important;
  }
  .door_list_item a i {
    display: block;
  }
  .door_list_item a:after {
    content: "→";
    position: absolute;
    line-height: 1;
  }
  .door_list_item a:focus, .door_list_item a:hover {
    opacity: 1;
  }
  .door_list_item a:focus img, .door_list_item a:hover img {
    opacity: 1;
  }
  .door_list.door_column {
    margin-top: 0;
  }
  /* import */
}
@media screen and (min-width: 1000px) and (max-width: 1320px) and (max-width: 999px) and (min-width: 600px) {
  .door_list.door_column {
    justify-content: space-between;
  }
  .door_list.door_column .door_list_item {
    width: 48%;
  }
}
@media print, screen and (min-width: 1000px) and (max-width: 1320px) {
  .door_list.door_column a {
    height: 100%;
  }
  .door_list.door_column a .txt_box .date {
    display: inline-block;
    color: #989898;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 700;
    line-height: 1;
  }
  .door_list.door_column a .txt_box .tag {
    display: inline-block;
    color: #989898;
    font-weight: 700;
    line-height: 1;
  }
  .door_list.door_column a .txt_box .title {
    overflow: hidden;
    display: -webkit-box;
    line-height: 1.5;
  }
  .solutions_wrap {
    display: flex;
    flex-wrap: wrap;
  }
  .solutions_wrap_item {
    border-radius: 15px;
    overflow: hidden;
    position: relative;
    background-size: cover;
    background-position: center;
    transition: border 0.4s translateY 0.8s;
  }
  .solutions_wrap_item:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.58);
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0.6;
    transition: all 0.4s;
  }
  .solutions_wrap_item a {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    color: #fff;
    position: relative;
    z-index: 2;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-align: center;
    border-radius: 15px;
  }
  .solutions_wrap_item a:focus, .solutions_wrap_item a:hover {
    opacity: 1;
  }
  .solutions_wrap_item a:after {
    content: "→";
    font-weight: 700;
    line-height: 1;
    position: absolute;
    right: 25px;
    bottom: 20px;
  }
  .solutions_wrap_item .m_txt {
    line-height: 1.3333;
    margin-top: 0;
  }
  .solutions_wrap_item .s_txt {
    line-height: 2;
    margin-top: 35px;
    display: none;
  }
  .solutions_wrap_item:focus, .solutions_wrap_item:hover {
    border: 5px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .solutions_wrap_item:focus:before, .solutions_wrap_item:hover:before {
    opacity: 1;
  }
  .solutions_wrap_item.shindan {
    background-image: url(../images/second/solutions/solutions_thum_shindan.webp);
  }
  .solutions_wrap_item.ec {
    background-image: url(../images/second/solutions/solutions_thum_ec.webp);
  }
  .solutions_wrap_item.teiansyo {
    background-image: url(../images/second/solutions/solutions_thum_teiansyo.webp);
  }
  .solutions_wrap_item.renewal {
    background-image: url(../images/second/solutions/solutions_thum_renewal.webp);
  }
  .solutions_wrap_item.youtube {
    background-image: url(../images/second/solutions/solutions_thum_youtube.webp);
  }
  .solutions_wrap_item.satsuei {
    background-image: url(../images/second/solutions/solutions_thum_satsuei.jpg);
  }
  .solutions_wrap_item.apps {
    background-image: url(../images/second/solutions/solutions_thum_apps.jpg);
  }
  .solutions_wrap_item.system-ui {
    background-image: url(../images/second/solutions/solutions_thum_system-ui.jpg);
  }
  .solutions_wrap_item.online-event {
    background-image: url(../images/second/solutions/solutions_thum_online-event.webp);
  }
  .solutions_wrap_item.support {
    background-image: url(../images/second/solutions/solutions_thum_support.jpg);
  }
  .solutions_wrap_item.server {
    background-image: url(../images/second/solutions/solutions_thum_server.jpg);
  }
  .solutions_wrap_item.seo {
    background-image: url(../images/second/solutions/solutions_thum_seo.jpg);
  }
  .solutions_wrap_item.gakkai {
    background-image: url(../images/second/solutions/solutions_thum_gakkai.jpg);
  }
  .solutions_wrap_item.bengoshi {
    background-image: url(../images/second/solutions/solutions_thum_bengoshi.jpg);
  }
  .solutions_wrap_item.senior {
    background-image: url(../images/second/solutions/solutions_thum_senior.jpg);
  }
  .solutions_wrap_item.omatsuri {
    background-image: url(../images/second/solutions/solutions_thum_omatsuri.jpg);
  }
  .solutions_wrap_item.recruit {
    background-image: url(../images/second/solutions/solutions_thum_recruit.jpg);
  }
  .solutions_wrap_item.webdx {
    background-image: url(../images/second/solutions/solutions_thum_webdx.jpg);
  }
  .inner .works_list {
    display: flex;
    flex-wrap: wrap;
  }
  .inner .works_list_item {
    transition-delay: 0.1s;
  }
  .inner .works_list_item:nth-child(3n) {
    margin-right: 0;
  }
  .inner .works_list_item a {
    width: 100%;
  }
  .inner .works_list .thumb {
    display: flex;
    align-items: flex-end;
    overflow: hidden;
    justify-content: center;
    background: #fff;
  }
  .inner .works_list .thumb p {
    margin-top: 0;
  }
  .inner .works_list .category {
    display: inline-block;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.16em;
    white-space: nowrap;
    background: #fff;
    border: 1px solid #f2f2f1;
    border-radius: 14px;
    margin-top: 0;
  }
  .inner .works_list .tag {
    display: inline-block;
    font-weight: 300;
    line-height: 1;
    letter-spacing: 0.16em;
    background: #212121;
    color: #fff;
    border-radius: 14px;
    border: 1px solid #000;
    margin-top: 0;
  }
  .inner .works_list .name {
    font-weight: 700;
    letter-spacing: 0.16em;
    line-height: 1.7777;
    margin-top: 0 !important;
  }
  .subpage .pager ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
  .subpage .pager ul li {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
  }
  .subpage .pager ul li a {
    color: #000;
    display: inline-block;
    background: #DFDFDF;
    text-align: center;
    border-radius: 50%;
    text-decoration: none;
  }
  .subpage .pager ul li a:focus, .subpage .pager ul li a:hover {
    opacity: 1;
    color: #fff;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .subpage .pager ul li span {
    color: #000;
    border-radius: 50%;
  }
  .subpage .pager ul .current span {
    color: #000;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    text-align: center;
    display: inline-block;
    border-radius: 50%;
  }
  .subpage .pager ul .prev a,
  .subpage .pager ul .next a {
    display: inline-block;
    position: relative;
  }
  .subpage .pager ul .prev a:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    border-bottom: solid 2px #000;
    border-left: solid 2px #000;
  }
  .subpage .pager ul .prev a:focus:after,
  .subpage .pager ul .prev a:hover:after {
    border-bottom: solid 2px #fff;
    border-left: solid 2px #fff;
  }
  .subpage .pager ul .next a:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #000;
    border-right: solid 2px #000;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
  }
  .subpage .pager ul .next a:focus:after,
  .subpage .pager ul .next a:hover:after {
    border-top: solid 2px #fff;
    border-right: solid 2px #fff;
  }
  .subpage #useInfo dl {
    overflow: hidden;
    margin-bottom: 15px;
  }
  .subpage #useInfo dl dt {
    padding: 5px;
  }
  .subpage #useInfo dl dt.possession {
    background: #ddd;
    margin-bottom: 2px;
    padding: 7px 15px 5px;
  }
  .subpage #useInfo dl dt.objective {
    float: left;
    width: 160px;
    text-align: right;
    padding-top: 7px;
  }
  .subpage #useInfo dl dt.objective:after {
    content: "　:";
  }
  .subpage #useInfo dl dd {
    padding: 7px 0 10px;
  }
  .subpage #useInfo dl dd.objectiveContent {
    margin-left: 170px;
  }
  .subpage .postHeadImg {
    text-align: center;
  }
  .subpage .postHeadImg img {
    width: 100%;
  }
  .subpage .works_list_item a {
    text-decoration: none;
  }
  .subpage .works_list_item a p {
    margin-top: 0;
  }
  .subpage .solutions_wrap a {
    text-decoration: none;
  }
  .subpage .door_list_item {
    box-shadow: 5px 3px 25px 6px rgba(0, 0, 0, 0.05);
  }
  .subpage .contact_wrap .tel_box {
    border: 1px solid #4A4A4A;
  }
  .subpage .contact_wrap .contact_h2 {
    text-align: center;
    letter-spacing: 0.1em;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
  }
  .subpage .contact_wrap .contact_step li {
    position: relative;
  }
  .subpage .contact_wrap .privacy {
    border: 1px solid #052749;
  }
  .subpage .contact_wrap .privacy .title {
    display: block;
    color: #052749;
    font-weight: bold;
  }
  .subpage .contact_wrap .privacy p {
    color: #052749;
  }
  .subpage .contact_wrap .parts-12 .privacyNote a {
    text-decoration: none;
  }
  .subpage .contact_wrap .dl_parts-10 {
    display: flex;
    flex-direction: column;
    width: 100%;
  }
  .subpage .contact_wrap .dl_parts-10 dt {
    margin-bottom: 12px;
  }
  .subpage.solutions {
    margin-top: 0;
  }
  .subpage.solutions .solutions_header {
    background: url(../images/second/solutions/solutions_bg_1.png) repeat-y right top #fff;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .midashi .fukidashi {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    background: url(../images/second/solutions/fukidashi.svg) no-repeat center;
    background-size: cover;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .midashi h1 {
    font-weight: bold;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .link a {
    display: block;
    text-decoration: none;
    font-size: 13px;
  }
  .subpage.solutions .solutions_header .solutions_header_inner .link a:not(:first-of-type) {
    margin-top: 10px;
  }
  .subpage.solutions .solutions_header_img {
    width: 100%;
    margin: 0 0 0 auto;
    position: relative;
  }
  .subpage.solutions .solutions_header_img:before {
    content: "";
    display: inline-block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    left: 0;
    top: 0;
  }
  .subpage.solutions .solutions_header_img .annotation {
    color: #fff;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    position: absolute;
    top: 50%;
    writing-mode: vertical-rl;
    transform: translateY(-50%);
  }
  .subpage.solutions .solutions_header_img.shindan {
    background: url(../images/second/solutions/shindan/solutions_mainimg_shindan.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.ec {
    background: url(../images/second/solutions/ec/solutions_mainimg_ec.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.teiansyo {
    background: url(../images/second/solutions/teiansyo/solutions_mainimg_teiansyo.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.renewal {
    background: url(../images/second/solutions/renewal/solutions_mainimg_renewal.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.youtube {
    background: url(../images/second/solutions/youtube/solutions_mainimg_youtube.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.satsuei {
    background: url(../images/second/solutions/satsuei/solutions_mainimg_satsuei.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.apps {
    background: url(../images/second/solutions/apps/solutions_mainimg_apps.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.system-ui {
    background: url(../images/second/solutions/system-ui/solutions_mainimg_system-ui.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.online-event {
    background: url(../images/second/solutions/online-event/solutions_mainimg_online-event.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.support {
    background: url(../images/second/solutions/support/solutions_mainimg_support.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.server {
    background: url(../images/second/solutions/server/solutions_mainimg_server.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.seo {
    background: url(../images/second/solutions/seo/solutions_mainimg_seo.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.gakkai {
    background: url(../images/second/solutions/gakkai/solutions_mainimg_gakkai.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.bengoshi {
    background: url(../images/second/solutions/bengoshi/solutions_mainimg_bengoshi.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.senior {
    background: url(../images/second/solutions/senior/solutions_mainimg_senior.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.omatsuri {
    background: url(../images/second/solutions/omatsuri/solutions_mainimg_omatsuri.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.recruit {
    background: url(../images/second/solutions/recruit/solutions_mainimg_recruit.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .solutions_header_img.webdx {
    background: url(../images/second/solutions/webdx/solutions_mainimg_webdx.jpg) no-repeat;
    background-position: left;
    background-size: cover;
  }
  .subpage.solutions .introduction .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    background: linear-gradient(transparent 50%, #ffdd1a 50%);
    display: inline-block;
    padding: 0 3px;
    line-height: 1;
  }
  .subpage.solutions .introduction h2 {
    font-weight: bold;
    line-height: 1.5;
  }
  .subpage.solutions .purpose .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
  }
  .subpage.solutions .purpose .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
  }
  .subpage.solutions .purpose .h2_wrap .subTitle {
    position: relative;
  }
  .subpage.solutions .purpose .purpose_list + p {
    font-size: 14px;
  }
  .subpage.solutions .purpose .purpose_list li h3 {
    font-weight: bold;
    position: relative;
  }
  .subpage.solutions .purpose .purpose_list li h3 span {
    background: linear-gradient(transparent 70%, #ffdd1a 70%);
  }
  .subpage.solutions .purpose .purpose_list li h3:before {
    content: "";
    background: url(../images/second/solutions/check.svg) no-repeat;
    background-size: cover;
    display: inline-block;
    position: absolute;
  }
  .subpage.solutions .purpose .purpose_list li p {
    font-size: 14px;
  }
  .subpage.solutions .problem {
    border-top: 2px solid #000;
  }
  .subpage.solutions .problem .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
  }
  .subpage.solutions .problem .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
  }
  .subpage.solutions .problem .h2_wrap .subTitle {
    position: relative;
  }
  .subpage.solutions .problem .problem_list {
    background: #fff;
    border: 2px solid #000;
  }
  .subpage.solutions .problem .problem_list ul li .icon {
    display: block;
    text-align: center;
    width: 90px;
    margin: 0 auto;
  }
  .subpage.solutions .problem .problem_list ul li h3 {
    font-weight: bold;
    text-align: center;
  }
  .subpage.solutions .problem .problem_list ul li p {
    font-size: 14px;
  }
  .subpage.solutions .merit {
    border-top: 2px solid #000;
  }
  .subpage.solutions .merit .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
  }
  .subpage.solutions .merit .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
  }
  .subpage.solutions .merit .h2_wrap .subTitle {
    position: relative;
  }
  .subpage.solutions .merit .merit_list ul li {
    border: 2px solid #000;
    position: relative;
  }
  .subpage.solutions .merit .merit_list ul li .num_wrap {
    border: 2px solid #000;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
  }
  .subpage.solutions .merit .merit_list ul li .num_wrap .num {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    text-shadow: -3px 3px 0px rgb(255, 255, 255);
  }
  .subpage.solutions .merit .merit_list ul li .num_wrap .sub {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: flex;
    align-items: center;
    justify-content: center;
    background: url(../images/second/solutions/merit_bg.png) no-repeat;
    background-size: cover;
    margin-top: 5px;
  }
  .subpage.solutions .merit .merit_list ul li .text_wrap .text h3 {
    font-weight: bold;
    line-height: 1.5;
  }
  .subpage.solutions .recipe .inner {
    border: 2px dotted #000;
    background: #fff;
  }
  .subpage.solutions .recipe .h2_wrap {
    text-align: center;
  }
  .subpage.solutions .recipe h2 {
    font-weight: bold;
    line-height: 1.5;
    text-align: center;
  }
  .subpage.solutions .recipe .subH2 {
    display: block;
  }
  .subpage.solutions .recipe .subH2 span {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    background: linear-gradient(transparent 50%, #ffdd1a 50%);
    display: inline-block;
    padding: 0 3px;
    line-height: 1;
  }
  .subpage.solutions .recipe .recipe_list > ul h3 {
    font-weight: bold;
    line-height: 1.5;
  }
  .subpage.solutions .recipe .recipe_list > ul p {
    font-size: 14px;
  }
  .subpage.solutions .solutionstep,
  .subpage.solutions .solutioncost {
    position: relative;
  }
  .subpage.solutions .solutionstep.beforenone:before,
  .subpage.solutions .solutioncost.beforenone:before {
    content: none;
  }
  .subpage.solutions .solutionstep .h2_wrap h2,
  .subpage.solutions .solutioncost .h2_wrap h2 {
    font-weight: bold;
    line-height: 1.5;
    display: inline-block;
  }
  .subpage.solutions .solutionstep .h2_wrap .subH2,
  .subpage.solutions .solutioncost .h2_wrap .subH2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: block;
    font-weight: normal;
  }
  .subpage.solutions .solutionstep .h2_wrap .subTitle,
  .subpage.solutions .solutioncost .h2_wrap .subTitle {
    position: relative;
  }
  .subpage.solutions .solutionstep .step_flow dl,
  .subpage.solutions .solutioncost .step_flow dl {
    position: relative;
  }
  .subpage.solutions .solutionstep .step_flow dl:after,
  .subpage.solutions .solutioncost .step_flow dl:after {
    content: "";
    display: inline-block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: absolute;
    width: 12px;
    height: 12px;
    border: 1px solid #fff;
  }
  .subpage.solutions .solutionstep .step_flow dl:before,
  .subpage.solutions .solutioncost .step_flow dl:before {
    content: "";
    display: inline-block;
    background: #000;
    position: absolute;
  }
  .subpage.solutions .solutionstep .step_flow dl dt .num,
  .subpage.solutions .solutioncost .step_flow dl dt .num {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    display: inline-block;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    line-height: 1;
    padding: 5px;
  }
  .subpage.solutions .solutionstep .step_flow dl dt .title,
  .subpage.solutions .solutioncost .step_flow dl dt .title {
    display: block;
    font-weight: bold;
  }
  .subpage.solutions .solutionstep .step_flow dl dd,
  .subpage.solutions .solutioncost .step_flow dl dd {
    font-size: 14px;
    background: #f2f2f1;
    position: relative;
  }
  .subpage.solutions .solutioncost .solutioncostTable {
    width: 100%;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type th,
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type td, .subpage.solutions .solutioncost .solutioncostTable tr:last-of-type th,
  .subpage.solutions .solutioncost .solutioncostTable tr:last-of-type td {
    border-bottom: none;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type th,
  .subpage.solutions .solutioncost .solutioncostTable tr:first-of-type td {
    text-align: center;
    font-weight: bold;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr .marker {
    background: linear-gradient(transparent 60%, #ffdd1a 60%);
    padding: 0 3px;
    line-height: 1;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr th {
    background: #f7f7f7;
    border-bottom: 2px solid #fff;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr th.topleft {
    color: #9b9b9b;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td {
    border-bottom: 2px solid #000;
    border-right: 2px solid #000;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .kara {
    display: block;
    margin-left: 3em;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .nado {
    text-align: right;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .sitename {
    text-align: center;
    margin-bottom: 5px;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .commonList {
    margin-top: 0;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td .commonList li {
    margin-top: 0;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td p {
    margin-top: 0;
  }
  .subpage.solutions .solutioncost .solutioncostTable tr td:last-of-type {
    border-right: none;
  }
  .subpage.solutions .related_service {
    /*
             .door_list{
             @if $type == sp{
         }
             @if $type == pc{
             margin-top: 50px;
         }
         }
             */
  }
  .subpage.solutions .related_service h2 {
    font-weight: bold;
    text-align: center;
  }
  .subpage.solutions .related_service .service_tag_list {
    display: flex;
    flex-wrap: wrap;
  }
  .subpage.solutions .related_service .service_tag_list li a {
    text-decoration: none;
    color: #000;
    display: inline-block;
    border: 2px solid #000;
    font-weight: bold;
  }
  .subpage.solutions .solution_contact {
    position: relative;
    /*
             &:before{
             content: "";
             display: block;
             width: 100%;
             height: 100%;
             background: rgba(0,0,0,.4);
             position: absolute;
             top: 0;
             left: 0;
         }
             */
  }
  .subpage.solutions .solution_contact p {
    color: #fff;
    font-weight: bold;
    margin: 0;
    position: relative;
    z-index: 2;
  }
  .subpage.solutions .solution_contact.shindan {
    background: url(../images/second/solutions/shindan/solutions_footerimg_shindan.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.ec {
    background: url(../images/second/solutions/ec/solutions_footerimg_ec.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.teiansyo {
    background: url(../images/second/solutions/teiansyo/solutions_footerimg_teiansyo.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.renewal {
    background: url(../images/second/solutions/renewal/solutions_footerimg_renewal.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.youtube {
    background: url(../images/second/solutions/youtube/solutions_footerimg_youtube.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.satsuei {
    background: url(../images/second/solutions/satsuei/solutions_footerimg_satsuei.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.apps {
    background: url(../images/second/solutions/apps/solutions_footerimg_apps.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.system-ui {
    background: url(../images/second/solutions/system-ui/solutions_footerimg_system-ui.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.online-event {
    background: url(../images/second/solutions/online-event/solutions_footerimg_online-event.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.support {
    background: url(../images/second/solutions/support/solutions_footerimg_support.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.server {
    background: url(../images/second/solutions/server/solutions_footerimg_server.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.seo {
    background: url(../images/second/solutions/seo/solutions_footerimg_seo.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.gakkai {
    background: url(../images/second/solutions/gakkai/solutions_footerimg_gakkai.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.bengoshi {
    background: url(../images/second/solutions/bengoshi/solutions_footerimg_bengoshi.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.senior {
    background: url(../images/second/solutions/senior/solutions_footerimg_senior.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.omatsuri {
    background: url(../images/second/solutions/omatsuri/solutions_footerimg_omatsuri.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.recruit {
    background: url(../images/second/solutions/recruit/solutions_footerimg_recruit.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact.webdx {
    background: url(../images/second/solutions/webdx/solutions_footerimg_webdx.jpg) no-repeat;
  }
  .subpage.solutions .solution_contact .more {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    position: relative;
    z-index: 0;
    text-decoration: none;
    color: #fff;
  }
  .subpage.solutions .solution_contact .more span.hidetxt {
    text-indent: -9999px;
  }
  .subpage.solutions .solution_contact .more span.circle {
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: relative;
    z-index: -1;
    overflow: hidden;
  }
  .subpage.solutions .solution_contact .more span.circle:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0;
    transition: all 0.4s;
  }
  .subpage.solutions .solution_contact .more:before {
    content: "";
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .subpage.solutions .solution_contact .more:after {
    content: "";
    border-right: 2px solid #fff;
    border-bottom: 2px solid #fff;
    transform: rotate(-45deg) skew(10deg, 10deg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .subpage.solutions .solution_contact .more:focus, .subpage.solutions .solution_contact .more:hover {
    opacity: 1;
  }
  .subpage.solutions .solution_contact .more:focus span.circle:after, .subpage.solutions .solution_contact .more:hover span.circle:after {
    left: -51%;
  }
  .subpage .professional_list li .img_wrap {
    text-align: center;
  }
  .subpage .professional_list li .text_wrap h2 {
    font-weight: bold;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    letter-spacing: 0.1em;
  }
  .subpage .professional_list li .text_wrap h2 span {
    color: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .company_index .company_inner:after {
    content: "";
    clear: both;
    display: block;
  }
  .company_index .more a {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: italic;
    letter-spacing: 0.2em;
    display: flex;
    align-items: center;
    width: -moz-fit-content;
    width: fit-content;
    margin-left: auto;
    position: relative;
    z-index: 0;
    text-decoration: none;
  }
  .company_index .more a span.hidetxt {
    text-indent: -9999px;
  }
  .company_index .more a span.circle {
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-radius: 50%;
    position: relative;
    z-index: -1;
    overflow: hidden;
  }
  .company_index .more a span.circle:after {
    content: "";
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: -100%;
    top: 0;
    transition: all 0.4s;
  }
  .company_index .more a:before {
    content: "";
    background: #212121;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .company_index .more a:after {
    content: "";
    border-right: 2px solid #212121;
    border-bottom: 2px solid #212121;
    transform: rotate(-45deg) skew(10deg, 10deg);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    margin: auto;
  }
  .company_index .more a:focus, .company_index .more a:hover {
    opacity: 1;
  }
  .company_index .more a:focus span.circle:after, .company_index .more a:hover span.circle:after {
    left: -50%;
  }
  .company_index .sec1.ceo {
    position: relative;
  }
  .company_index .sec1.ceo .num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
  }
  .company_index .sec1.ceo h2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
  }
  .company_index .sec1.ceo .rinen {
    font-weight: bold;
  }
  .company_index .sec2.commitment {
    position: relative;
  }
  .company_index .sec2.commitment .num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    position: absolute;
  }
  .company_index .sec2.commitment h2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
  }
  .company_index .sec3.professional {
    position: relative;
  }
  .company_index .sec3.professional .num {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    line-height: 1;
    position: absolute;
    top: 0;
    left: 0;
  }
  .company_index .sec3.professional h2 {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    letter-spacing: 0.1em;
    line-height: 1;
  }
  .company_index .sec3.professional .rinen {
    font-weight: bold;
  }
  .company_index .company_link > div a {
    display: block;
    height: 100%;
    text-decoration: none;
    position: relative;
  }
  .company_index .company_link > div a.philosophy {
    background: url(../images/second/company/company_philosophy.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a.profile {
    background: url(../images/second/company/company_profile.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a.client {
    background: url(../images/second/company/company_client.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a.access {
    background: url(../images/second/company/company_access.jpg) no-repeat center;
    background-size: cover;
  }
  .company_index .company_link > div a:before {
    content: "";
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
    background: rgba(0, 0, 0, 0.4);
    transition: 0.3s;
  }
  .company_index .company_link > div a:focus, .company_index .company_link > div a:hover {
    opacity: 1;
  }
  .company_index .company_link > div a:focus:before, .company_index .company_link > div a:hover:before {
    background: rgba(0, 0, 0, 0.1);
  }
  .company_index .company_link > div .title {
    color: #fff;
    line-height: 1;
    margin-top: 0;
  }
  .company_index .company_link > div .title .en {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 700;
  }
  .company_index .company_link > div .title .jp {
    position: relative;
    display: inline-block;
    font-weight: bold;
  }
  .notfound .notfound_title {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: bold;
    line-height: 1;
  }
  .notfound .notfound_btn a {
    text-decoration: none;
  }
  .column_category_list {
    display: flex;
    flex-wrap: wrap;
    row-gap: 12px;
  }
  .column_category_list li {
    text-align: center;
    line-height: 1;
  }
  .column_category_list li a {
    color: #989898;
    font-weight: 700;
    letter-spacing: 0.16em;
    text-decoration: none;
  }
  .column_category_list li.current a {
    color: #212121;
  }
  .aform input[type=text].error,
  .aform input[type=password].error,
  .aform input[type=tel].error,
  .aform input[type=email].error,
  .aform select.error,
  .aform textarea.error {
    background: #fff1f2;
  }
  .aform input[type=radio] {
    display: none;
  }
  .aform input[type=radio] + label {
    position: relative;
    display: inline-block;
    padding: 3px 3px 3px 25px;
    cursor: pointer;
    margin-right: 20px;
  }
  .aform input[type=radio] + label::before,
  .aform input[type=radio] + label::after {
    position: absolute;
    content: "";
    top: 50%;
    border-radius: 100%;
    transition: all 0.4s;
  }
  .aform input[type=radio] + label::before {
    left: 0;
    width: 17px;
    height: 17px;
    margin-top: -10px;
    background: #fff;
    border: 1px solid #ccc;
  }
  .aform input[type=radio] + label:focus::before,
  .aform input[type=radio] + label:hover::before {
    background: #fff;
  }
  .aform input[type=radio] + label::after {
    opacity: 0;
    left: 5px;
    width: 9px;
    height: 9px;
    margin-top: -5px;
    background: #5dbf5d;
    transform: scale(2);
  }
  .aform input[type=radio]:checked + label::before {
    background: #fff;
    border: 1px solid #5dbf5d;
  }
  .aform input[type=radio]:checked + label::after {
    opacity: 1;
    transform: scale(1);
  }
  .aform input[type=checkbox] {
    display: none;
  }
  .aform input[type=checkbox] + label {
    position: relative;
    display: inline-block;
    padding: 10px 3px 10px 45px;
    cursor: pointer;
    transition: all 0.4s;
  }
  .aform input[type=checkbox] + label::before,
  .aform input[type=checkbox] + label::after {
    position: absolute;
    content: "";
    transition: all 0.4s;
  }
  .aform input[type=checkbox] + label::before {
    top: 50%;
    left: 0;
    width: 28px;
    height: 28px;
    margin-top: -14px;
    background: #fff;
    border: 1px solid #707070;
  }
  .aform input[type=checkbox] + label::after {
    opacity: 0;
    top: 50%;
    left: 7px;
    width: 14px;
    height: 7px;
    margin-top: -4px;
    border-left: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-bottom: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    transform: rotate(-45deg) scale(0.5);
  }
  .aform input[type=checkbox] + label:focus::before,
  .aform input[type=checkbox] + label:hover::before {
    background: #fff;
  }
  .aform input[type=checkbox]:checked + label::before {
    background: #fff;
    border: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
  }
  .aform input[type=checkbox]:checked + label::after {
    opacity: 1;
    transform: rotate(-45deg) scale(1);
  }
  .aform .aform-content .aform-note {
    background: none;
    margin-top: 20px;
    margin-bottom: 20px;
  }
  .aform .aform-content .aform-button-area input[type=submit]:visited {
    color: #fff !important;
  }
  .aform .aform-content dl.aform-error-list {
    border: none;
  }
  .aform .aform-content dl.aform-error-list dt {
    display: block;
  }
  .aform .aform-content dl.aform-error-list dd {
    display: list-item;
    margin-left: 25px;
  }
  label.error {
    padding-left: 20px;
    margin-top: 5px;
    display: block;
  }
  label.error img {
    display: none;
  }
  #aform_confirm_msg {
    text-align: center;
    padding-top: 20px;
  }
  img[src$="icon_new_windows.gif"] {
    margin-left: 10px;
    vertical-align: middle;
  }
  .aform-header {
    display: none;
  }
  .aform-twice-note {
    margin-top: 15px;
    margin-bottom: 5px;
    display: block;
  }
  .aform-error {
    color: #c73737;
  }
  .contact_wrap.confirm .aform-privacy {
    display: none;
  }
  .contact_wrap.confirm .parts-12 {
    display: none;
  }
  .contact_wrap.confirm .parts-12 + .dl_parts-10 {
    display: none;
  }
  .subpage {
    /** lead **/
    /** 目次 **/
    /** layout **/
    /** heading **/
    /* common class */
  }
  .subpage article ul {
    list-style: none;
  }
  .subpage article img {
    max-width: 100%;
    width: auto;
    height: auto;
  }
  .subpage .lead_title {
    font-weight: 700;
    line-height: 1.5;
    text-align: center;
    margin-top: 0;
  }
  .subpage .table_cont {
    background: url(../images/common2023/bg.png) repeat top left;
  }
  .subpage .table_cont_in {
    max-width: 690px;
    margin: 0 auto;
    background: #fff;
    position: relative;
  }
  .subpage .table_cont_title {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 700;
    line-height: 1;
    text-align: center;
  }
  .subpage .table_cont ol li {
    counter-increment: cnt;
    margin-bottom: 1em;
  }
  .subpage .table_cont ol li a {
    font-weight: 700;
    display: flex;
    align-items: center;
    text-decoration: none;
  }
  .subpage .table_cont ol li a:before {
    content: counter(cnt);
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 400;
    background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(255, 255, 255) 50%, rgb(219, 219, 217) 51%, rgb(219, 219, 217) 100%);
  }
  .subpage .col2 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .subpage .imgLine2 li {
    text-align: center;
  }
  .subpage .imgLine2 li img {
    max-width: 100%;
  }
  .subpage .imgLine2 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .subpage .imgLine3 li {
    text-align: center;
  }
  .subpage .imgLine3 li img {
    max-width: 100%;
  }
  .subpage .imgLine3 .cap {
    display: block;
    text-align: left;
    font-size: 14px;
  }
  .subpage .imgLine4 li img {
    width: 100%;
  }
  .subpage .service_h1 {
    font-weight: bold;
    text-align: center;
  }
  .subpage .h2 {
    text-align: center;
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
    position: relative;
  }
  .subpage .h2:before {
    content: "";
    border-radius: 50%;
    background: #080807;
    position: absolute;
    top: 0;
  }
  .subpage .h2:after {
    content: "";
    border-radius: 50%;
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    top: 0;
  }
  .subpage .h2.left {
    text-align: left;
  }
  .subpage .h2.left:before {
    left: 0;
  }
  .subpage .h2.left:after {
    left: 17px;
  }
  .subpage .h3 {
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: 0.1em;
    position: relative;
  }
  .subpage .h3:after {
    content: "";
    background: linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    position: absolute;
    left: 0;
    bottom: 0;
    height: 2px;
  }
  .subpage .h4 {
    font-weight: 700;
    letter-spacing: 0.1em;
    line-height: 1.5;
  }
  .subpage .catch {
    font-weight: 500;
  }
  .subpage .catch i {
    font-family: "Poppins", "Noto Sans JP", sans-serif;
    font-weight: 500;
    display: block;
  }
  .subpage strong {
    font-weight: bold !important;
  }
  .subpage a.link,
  .subpage span.link {
    list-style: none;
    display: inline-block;
    position: relative;
    cursor: pointer;
    padding-right: 15px;
  }
  .subpage a.link:after,
  .subpage span.link:after {
    content: "";
    position: absolute;
    display: block;
    width: 6px;
    height: 6px;
    border-top: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-right: 2px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    right: 0;
    top: calc(50% - 3px);
    transform: rotate(45deg);
  }
  .subpage a.icon {
    display: inline-block;
    position: relative;
    padding-right: 20px;
  }
  .subpage a.icon:after {
    content: "";
    display: block;
    width: 1em;
    height: 1.2em;
    background-size: auto 1em;
    background-repeat: no-repeat;
    background-position: 50% 0;
    position: absolute;
    right: 0;
    top: 0.35em;
  }
  .subpage a.icon[href$=pdf]:after {
    background-image: url(../images/second/icon_pdf.png);
  }
  .subpage a.icon[href$=doc]:after, .subpage a.icon[href$=docx]:after {
    background-image: url(../images/second/icon_doc.png);
  }
  .subpage a.icon[href$=xls]:after, .subpage a.icon[href$=xlsx]:after {
    background-image: url(../images/second/icon_xls.png);
  }
  .subpage .ico_blank {
    display: inline-block;
    width: 10px;
    height: 10px;
    background: url("../images/common2023/ico_blank.png") no-repeat 0 0;
    background-size: cover;
    vertical-align: middle;
    margin-left: 5px;
    position: relative;
    top: -1px;
  }
  .subpage ul.anker {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }
  .subpage ul.anker.col2 li {
    width: 50%;
  }
  .subpage ul.anker.col4 li {
    width: 25%;
  }
  .subpage ul.anker li {
    list-style: none;
    border-right: 1px solid #fff;
    width: 33.3333333333%;
  }
  .subpage ul.anker li a {
    display: block;
    background: #eeeeee;
    position: relative;
    height: 100%;
    padding: 8px 12px 20px;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000;
    line-height: 1.3;
    text-decoration: none;
    transition: background 0.4s;
  }
  .subpage ul.anker li a:after {
    content: "";
    display: block;
    border-bottom: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    border-right: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    transform: rotate(45deg);
    width: 7px;
    height: 7px;
    position: absolute;
    bottom: 11px;
    left: 50%;
    margin-left: -3px;
  }
  .subpage .commonBtn {
    display: inline-block;
    position: relative;
    text-decoration: none;
    border: 1px solid #E6E6E6;
    text-align: center;
    background: #052749;
    color: #ffffff;
    box-shadow: none;
  }
  .subpage .commonBtn:after {
    content: "";
    width: 6px;
    height: 6px;
    border: 0px;
    border-top: solid 2px #ffffff;
    border-right: solid 2px #ffffff;
    transform: rotate(45deg);
    position: absolute;
    top: calc(50% - 3px);
    right: 15px;
  }
  .subpage ol.orderList {
    padding-left: 18px;
  }
  .subpage ol.orderList li {
    list-style: decimal;
  }
  .subpage .customBlock table,
  .subpage .commonTable {
    border-top: 1px solid #B8B8B8;
    border-left: 1px solid #B8B8B8;
    width: 100%;
  }
  .subpage .customBlock table tr,
  .subpage .commonTable tr {
    border-bottom: 1px solid #B8B8B8;
    border-right: 1px solid #B8B8B8;
  }
  .subpage .customBlock table th,
  .subpage .commonTable th {
    background: #f1f1f1;
    padding: 12px;
    text-align: left;
    border-right: 1px solid #B8B8B8;
  }
  .subpage .customBlock table th.sub,
  .subpage .commonTable th.sub {
    background: #f3f3f3;
  }
  .subpage .customBlock table th.null,
  .subpage .commonTable th.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    background: #fff;
  }
  .subpage .customBlock table td,
  .subpage .commonTable td {
    background: #fff;
    padding: 12px;
    border-right: 1px solid #B8B8B8;
    vertical-align: top;
  }
  .subpage .customBlock table td *:last-child,
  .subpage .commonTable td *:last-child {
    margin-bottom: 0;
  }
  .subpage .customBlock table td *:first-child,
  .subpage .commonTable td *:first-child {
    margin-top: 0;
  }
  .subpage .customBlock table td.null,
  .subpage .commonTable td.null {
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
  }
  .subpage .scrollTable {
    overflow: auto;
  }
  .subpage .scrolltext {
    font-size: 13px;
    text-align: right;
    margin-bottom: -20px;
    margin-top: 20px;
  }
  .subpage .colorBox {
    margin-top: 2em;
  }
  .subpage .colorBox *:nth-child(1) {
    margin-top: 0;
  }
  .subpage .colorBox p {
    line-height: 1.7;
  }
  .subpage .colorBox.bgGray {
    background: #F7F7F7;
  }
  .subpage .borderBox {
    margin-top: 2em;
    border: 1px solid #000;
  }
  .subpage .borderBox *:nth-child(1) {
    margin-top: 0;
  }
  .subpage .borderBox p {
    line-height: 1.7;
  }
  .subpage .borderBox.bdGray {
    border-color: #999;
  }
  .subpage .border-box {
    border: 1px solid #ccc;
    padding: 20px;
  }
  .subpage .ytWrap {
    position: relative;
    padding-bottom: 56.25%;
  }
  .subpage .ytWrap iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
  }
  .subpage .imgInP .img .cap {
    display: block;
    text-align: left;
    font-size: 14px;
    margin-top: 10px;
  }
  .subpage .commonDL dl {
    letter-spacing: -0.025em;
    display: flex;
    color: #052749;
  }
  .subpage .commonDL dt {
    border-bottom: solid 1px #f0f0f0;
  }
  .subpage .borderDotBox {
    border: 2px dotted #000;
  }
  .subpage .borderDotBox h2,
  .subpage .borderDotBox h3,
  .subpage .borderDotBox h4 {
    margin-top: 0;
  }
  .subpage .borderDotBox .title {
    text-align: center;
    font-weight: bold;
    position: relative;
    /*
    &:after{
        content: "";
        background: #ffdd1a;
        position: absolute;
        left: calc(50% - 28px);
        bottom: 0;
        height: 2px;
        width: 56px;
    }
    */
  }
  .subpage .borderDotBox .title span {
    background: linear-gradient(transparent 70%, #ffdd1a 70%);
  }
  .subpage .borderDotBox > ul h3 {
    font-weight: bold;
    line-height: 1.5;
  }
  .subpage .borderDotBox > ul p {
    font-size: 14px;
  }
  .subpage .borderDotBox2 {
    border: 2px dotted #000;
  }
  .subpage .borderDotBox2 h2,
  .subpage .borderDotBox2 h3,
  .subpage .borderDotBox2 h4 {
    margin-top: 0;
  }
  .subpage .cap {
    display: block;
    margin-top: 10px;
    font-size: 13px;
  }
  .subpage .blog_tableContents {
    background: #F7F7F7;
  }
  .subpage .blog_tableContentsTitle {
    text-align: center;
    font-weight: 500;
    border-bottom: 1px solid #aaaaaa;
  }
  .subpage .blog_tableContentsTitle:before {
    content: "";
    width: 0.7em;
    height: 1em;
    background: url(../images/common2023/table_icon.svg) no-repeat center/contain;
    display: inline-block;
    vertical-align: text-bottom;
  }
  .subpage .blog_tableContents ol li {
    counter-increment: cnt;
    text-indent: -1.5em;
    padding-left: 1.5em;
  }
  .subpage .blog_tableContents ol li:last-child {
    margin-bottom: 0;
  }
  .subpage .blog_tableContents ol li:before {
    content: counter(cnt) ".";
    font-weight: 700;
    margin-right: 0.5em;
  }
  .subpage .relatedColumnTitle {
    text-align: center;
    font-weight: 700;
  }
  .subpage .content_list > li > a i > img.sizeFit {
    max-width: 62px;
  }
  .subpage .content_list_door.door_col2 > div + div:before {
    display: none;
  }
  .subpage .content_list_door.door_col2 > div > dt > a {
    padding: 41px 60px 41px 0;
  }
  .subpage .content_list_door.door_col2 > div > dd .contents_list_body {
    -moz-column-count: 1;
         column-count: 1;
  }
  .subpage .content_list_door.door_col2 > div > dd .contents_list_body > li {
    width: 100%;
  }
  .subpage .connectionBoxCol .linkList > li {
    width: calc(50% - 10px);
  }
  .subpage .connectionBoxCol .linkList > li:not(:nth-child(3n)) {
    margin-right: 0;
  }
  .subpage .connectionBoxCol .linkList > li:nth-child(odd) {
    margin-right: 20px;
  }
  .subpage .red {
    color: #de0000 !important;
  }
  .subpage .blue {
    color: #356fcf !important;
  }
  .subpage .gray {
    color: #666 !important;
  }
  .subpage .bold {
    font-weight: bold !important;
  }
  .subpage .underline {
    text-decoration: underline !important;
  }
  .subpage .green {
    color: #23ac3a !important;
  }
  .subpage .bdb {
    border-bottom: 2px solid #004aa4;
  }
  .subpage .fontL {
    font-size: 1.2em;
  }
  .subpage .fontS {
    font-size: 0.8em;
  }
  .subpage .floatL {
    float: left;
  }
  .subpage .floatR {
    float: right;
  }
  .subpage .preBox {
    background: #eff0f4;
    border: 1px solid linear-gradient(94deg, rgb(200, 244, 236) 0%, rgb(233, 248, 227) 100%);
    padding: 15px;
    box-sizing: border-box;
    clear: both;
    overflow: hidden;
    margin-top: 30px;
    font-family: Arial, sans-serif;
    line-height: 1.8;
  }
  .subpage .preBox pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word;
    -moz-text-align-last: auto;
         text-align-last: auto;
  }
  .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle:focus i:before, .subpage .bizSec .inner .bizItemWrap .bizItem .bizItemContent .bizItemTitle:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .pickup .inner .pickupArea li a:focus img, .subpage .pickup .inner .pickupArea li a:hover img {
    transform: scale(1.08);
  }
  .subpage .pickup .inner .pickupArea li a:focus i:before, .subpage .pickup .inner .pickupArea li a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:focus img, .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:hover img {
    transform: scale(1.08);
  }
  .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:focus i:before, .subpage .planBlockInner .planListWrap li.planItem .btnWrap > a:hover i:before {
    animation: 0.8s btn_anima ease-in-out;
  }
  .subpage .planBlockInner .planListWrap .planBox > p.hasLine:before {
    content: "";
    height: 60%;
    width: 1px;
    background-color: #052749;
    position: absolute;
    top: 50%;
    left: 109px;
    transform: translate(0%, -45%) rotate(35deg);
  }
  .subpage .support .supportInner ul li a .iconImg img {
    width: 100%;
  }
  @keyframes btn_anima {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: translate(100%, -100%);
    }
    55% {
      opacity: 0;
      transform: translate(-100%, 100%);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
  @keyframes btn_animaMini {
    0% {
      opacity: 1;
    }
    50% {
      opacity: 0;
      transform: translate(100%, 0);
    }
    55% {
      opacity: 0;
      transform: translate(-100%, 0);
    }
    100% {
      opacity: 1;
      transform: translate(0, 0);
    }
  }
}
/*# sourceMappingURL=map/common2024.css.map */