/***************/
/* .headerArea */
/***************/
.headerArea #SiteID {
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(72px, calc(72px + (43 * max(0px, ((100dvw - 384px) / (384))))), 115px);
  background-color: #FFF;
}
.headerArea #SiteID img {
  width: clamp(203px, calc(203px + (132 * max(0px, ((100dvw - 384px) / (384))))), 335px);
}
@media print, screen and (min-width: 481px) {
  .headerArea .headerArea_nav ul {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto auto;
    grid-template-areas: "l-item-eigyobu l-item-bijutsuinsatsubu" "l-item-ssf l-item-ssf";
  }
}
.headerArea .headerArea_nav .l-item {
  display: flex;
  justify-content: center;
  align-items: center;
  height: clamp(172px, calc(172px + (120 * max(0px, ((100dvw - 384px) / (384))))), 292px);
  font-size: clamp(1.4rem, calc(14px + (9 * max(0px, ((100dvw - 384px) / (384))))), 2.3rem);
  letter-spacing: 0.15em;
  box-sizing: border-box;
}
.headerArea .headerArea_nav .l-item a {
  position: relative;
  transition: background-size 400ms;
  overflow: hidden;
}
.headerArea .headerArea_nav .l-item a::before {
  content: "";
  display: block;
  top: 0;
  left: 0;
  position: absolute;
  width: 100%;
  height: 100%;
  transition: transform 400ms;
}
.headerArea .headerArea_nav .l-item a::after {
  content: "";
  display: block;
  top: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  left: clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  position: absolute;
  width: calc(100% - clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px));
  height: calc(100% - clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px));
}
@media (hover: hover) and (pointer: fine) {
  .headerArea .headerArea_nav .l-item a:hover::before {
    transform: scale(1.05);
  }
}
@media (hover: hover) and (pointer: fine) {
  .headerArea .headerArea_nav .l-item a span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/0% 1px no-repeat;
    transition: background 400ms cubic-bezier(0.165, 0.84, 0.44, 1); /* easeOutQuart */
    padding-bottom: 0.2em;
  }
  .headerArea .headerArea_nav .l-item a:hover span.c-hover-line {
    background: linear-gradient(currentColor, currentColor) 0 100%/100% 1px no-repeat;
  }
}
.headerArea .headerArea_nav .l-item span {
  position: relative;
  z-index: 100;
}
.headerArea .headerArea_nav .l-item-eigyobu {
  grid-area: l-item-eigyobu;
}
.headerArea .headerArea_nav .l-item-eigyobu a {
  color: #000;
}
.headerArea .headerArea_nav .l-item-eigyobu a::before {
  background: url("../images/image-eigyobu.webp") no-repeat 50% 50%/cover;
}
.headerArea .headerArea_nav .l-item-eigyobu a::after {
  background-color: rgba(255, 255, 255, 0.8);
}
.headerArea .headerArea_nav .l-item-bijutsuinsatsubu {
  grid-area: l-item-bijutsuinsatsubu;
}
.headerArea .headerArea_nav .l-item-bijutsuinsatsubu a {
  color: #000;
}
.headerArea .headerArea_nav .l-item-bijutsuinsatsubu a::before {
  background: url("../images/image-bijutsuinsatsubu.webp") no-repeat 50% 50%/cover;
}
.headerArea .headerArea_nav .l-item-bijutsuinsatsubu a::after {
  background-color: rgba(255, 255, 255, 0.8);
}
.headerArea .headerArea_nav .l-item-ssf {
  grid-area: l-item-ssf;
}
.headerArea .headerArea_nav .l-item-ssf a {
  color: #FFF;
}
.headerArea .headerArea_nav .l-item-ssf a::before {
  background: url("../images/image-ssf.webp") no-repeat 50% 50%/cover;
}
.headerArea .headerArea_nav .l-item-ssf a::after {
  background-color: rgba(0, 0, 0, 0.8);
}
.headerArea .headerArea_nav .l-item-ssf picture {
  position: absolute;
  z-index: 100;
  top: 50%;
  transform: translateY(-50%);
}
@media screen and (max-width: 960.98px) {
  .headerArea .headerArea_nav .l-item-ssf picture {
    left: clamp(0px, calc(0px + (92 * max(0px, ((100dvw - 0px) / (768))))), 92px);
  }
}
@media print, screen and (min-width: 961px) {
  .headerArea .headerArea_nav .l-item-ssf picture {
    left: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (768))))), 100px);
  }
}
@media screen and (max-width: 960.98px) {
  .headerArea .headerArea_nav .l-item-ssf picture img {
    width: clamp(0px, calc(0px + (110 * max(0px, ((100dvw - 0px) / (768))))), 110px);
  }
}
@media print, screen and (min-width: 961px) {
  .headerArea .headerArea_nav .l-item-ssf picture img {
    width: clamp(0px, calc(0px + (292 * max(0px, ((100dvw - 0px) / (768))))), 292px);
  }
}
.headerArea .headerArea_nav a {
  text-decoration: none;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}
/*************/
/* .mainArea */
/*************/
@media screen and (max-width: 960.98px) {
  .mainArea {
    padding: clamp(0px, calc(0px + (72 * max(0px, ((100dvw - 0px) / (768))))), 72px) clamp(0px, calc(0px + (50 * max(0px, ((100dvw - 0px) / (768))))), 50px);
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea {
    width: clamp(0px, calc(0px + (1000 * max(0px, ((100dvw - 0px) / (1200))))), 1000px);
    margin: 0 auto;
    padding: clamp(0px, calc(0px + (82 * max(0px, ((100dvw - 0px) / (1200))))), 82px) 0 clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (1200))))), 100px);
  }
}
.mainArea .contents {
  text-align: left;
  display: grid;
}
@media screen and (max-width: 960.98px) {
  .mainArea .contents {
    grid-template-columns: 1fr 1.1fr;
    grid-template-rows: auto auto auto;
    grid-gap: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (1200))))), 100px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (1200))))), 30px);
    grid-template-areas: "l-company l-company" " l-organization l-client" "l-bank l-bank";
  }
}
@media print, screen and (min-width: 961px) {
  .mainArea .contents {
    grid-template-columns: 1.9fr 1.1fr 1.1fr;
    grid-template-rows: auto auto;
    grid-gap: clamp(0px, calc(0px + (100 * max(0px, ((100dvw - 0px) / (1200))))), 100px) clamp(0px, calc(0px + (30 * max(0px, ((100dvw - 0px) / (1200))))), 30px);
    grid-template-areas: "l-company l-organization l-client" "l-bank l-bank l-bank";
  }
}
.mainArea .contents .contents_heading {
  font-size: clamp(1.33rem, calc(13.3px + (9.7 * max(0px, ((100dvw - 384px) / (384))))), 2.3rem);
  letter-spacing: 0.15em;
  font-weight: 400;
  margin-bottom: 1em;
}
.mainArea .l-item {
  font-size: clamp(1.1rem, calc(11px + (3 * max(0px, ((100dvw - 384px) / (384))))), 1.4rem);
}
.mainArea .l-item table {
  border-collapse: collapse;
  border-spacing: 0;
}
.mainArea .l-item th {
  text-align: justify;
  line-height: 1.4;
  font-weight: 400;
  width: 9em;
  padding-right: 2em;
  letter-spacing: 0.08em;
  vertical-align: top;
}
.mainArea .l-item th::after {
  content: "";
  display: inline-block;
  width: 100%;
}
.mainArea .l-item td {
  letter-spacing: 0.08em;
  vertical-align: top;
  line-height: 1.4;
  padding-bottom: 1em;
}
.mainArea .l-item li {
  letter-spacing: 0.08em;
  vertical-align: top;
  line-height: 1.4;
  margin-top: 1.2em;
}
.mainArea .l-item li:first-child {
  margin-top: 0;
}
.mainArea .l-item .l-nowrap {
  white-space: nowrap;
}
.mainArea .l-company {
  grid-area: l-company;
}
.mainArea .l-organization {
  grid-area: l-organization;
}
.mainArea .l-client {
  grid-area: l-client;
}
.mainArea .l-bank {
  grid-area: l-bank;
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-bank td {
    display: flex;
    row-gap: 1em;
    flex-direction: column;
  }
}
@media screen and (max-width: 960.98px) {
  .mainArea .l-bank td .l-slash {
    display: none;
  }
}

/*# sourceMappingURL=index.css.map */